/***************************************/ /* */ /* CMS: WebSynergy */ /* Version: 4.3.41 */ /* Template: Default */ /* Last Update: 2024-05-21 */ /* Author: THINline (MK) */ /* */ /***************************************/ /*=================================================================================================================================*/ /*=================================================================================================================================*/ /* */ /* LAYOUT */ /* */ /*=================================================================================================================================*/ /*=================================================================================================================================*/ /***********************************************************************************************************************************/ /* */ /* DIMENSION */ /* */ /***********************************************************************************************************************************/ .layout-s .width, .layout-s.layout-full-boxed .stripe-width .stripe-in,.layout-s.layout-full-boxed #crumbs .stripe-in, .layout-s .stripe-indent, .layout-s.layout-boxed #main, .layout-s.layout-full-boxed .layout-2 #content-page,.layout-s.layout-full-boxed .layout-3 #content-page, .layout-s.layout-boxed #head.head-fixed,.layout-s.layout-boxed #head.head-absolute{max-width:1020px;} .layout-s .stripe-text-width .section-text-in,.layout-s .stripe-image-width .section-image-in{width:100%; max-width:510px;} .layout-s.grid-space-s .stripe:not(.stripe-edge) .stripe-text-width .section-text-in,.layout-s.grid-space-s .stripe:not(.stripe-edge) .stripe-image-width .section-image-in{max-width:calc(510px - 8px);} .layout-s.grid-space-m .stripe:not(.stripe-edge) .stripe-text-width .section-text-in,.layout-s.grid-space-m .stripe:not(.stripe-edge) .stripe-image-width .section-image-in{max-width:calc(510px - 16px);} .layout-s.grid-space-l .stripe:not(.stripe-edge) .stripe-text-width .section-text-in,.layout-s.grid-space-l .stripe:not(.stripe-edge) .stripe-image-width .section-image-in{max-width:calc(510px - 24px);} .layout-s.grid-space-xl .stripe:not(.stripe-edge) .stripe-text-width .section-text-in,.layout-s.grid-space-xl .stripe:not(.stripe-edge) .stripe-image-width .section-image-in{max-width:calc(510px - 32px);} /* Ratio - 7:5, 8:4, ... */ .layout-s .stripe-text-width.stripe-image-width > .row{max-width:1020px;} .layout-s .stripe-image-width:not(.stripe-text-width) .section-image:not(.col-6){margin-left:510px;} .layout-s .stripe-text-width:not(.stripe-image-width) .section-text:not(.col-6){margin-left:-510px;} .layout-s .stripe-image-width.stripe-text-r:not(.stripe-text-width) .section-image:not(.col-6){margin-right:510px;} .layout-s .stripe-text-width.stripe-text-r:not(.stripe-image-width) .section-text:not(.col-6){margin-right:-510px;} .layout-s .stripe-image-width:not(.stripe-text-width) .section-image.col-8{width:calc(1020px * .666666);} .layout-s .stripe-image-width:not(.stripe-text-width) .section-image.col-7{width:calc(1020px * .583333);} .layout-s .stripe-image-width:not(.stripe-text-width) .section-image.col-5{width:calc(1020px * .416666);} .layout-s .stripe-image-width:not(.stripe-text-width) .section-image.col-4{width:calc(1020px * .3333333);} .layout-s .stripe-image-width:not(.stripe-text-width) .section-text.col-8{width:calc(50% + 1020px / 2 * .333333);} .layout-s .stripe-image-width:not(.stripe-text-width) .section-text.col-7{width:calc(50% + 1020px / 2 * .166666);} .layout-s .stripe-image-width:not(.stripe-text-width) .section-text.col-5{width:calc(50% - 1020px / 2 * .166666);} .layout-s .stripe-image-width:not(.stripe-text-width) .section-text.col-4{width:calc(50% - 1020px / 2 * .333333);} .layout-m .width, .layout-m.layout-full-boxed .stripe-width .stripe-in,.layout-m.layout-full-boxed #crumbs .stripe-in, .layout-m .stripe-indent, .layout-m.layout-boxed #main, .layout-m.layout-full-boxed .layout-2 #content-page,.layout-m.layout-full-boxed .layout-3 #content-page, .layout-m.layout-boxed #head.head-fixed,.layout-m.layout-boxed #head.head-absolute{max-width:1360px;} .layout-m .stripe-text-width .section-text-in,.layout-m .stripe-image-width .section-image-in{width:100%; max-width:680px;} .layout-m.grid-space-s .stripe:not(.stripe-edge) .stripe-text-width .section-text-in,.layout-m.grid-space-s .stripe:not(.stripe-edge) .stripe-image-width .section-image-in{max-width:calc(680px - 8px);} .layout-m.grid-space-m .stripe:not(.stripe-edge) .stripe-text-width .section-text-in,.layout-m.grid-space-m .stripe:not(.stripe-edge) .stripe-image-width .section-image-in{max-width:calc(680px - 16px);} .layout-m.grid-space-l .stripe:not(.stripe-edge) .stripe-text-width .section-text-in,.layout-m.grid-space-l .stripe:not(.stripe-edge) .stripe-image-width .section-image-in{max-width:calc(680px - 24px);} .layout-m.grid-space-xl .stripe:not(.stripe-edge) .stripe-text-width .section-text-in,.layout-m.grid-space-xl .stripe:not(.stripe-edge) .stripe-image-width .section-image-in{max-width:calc(680px - 32px);} /* Ratio - 7:5, 8:4, ... */ .layout-m .stripe-text-width.stripe-image-width > .row{max-width:1360px;} .layout-m .stripe-image-width:not(.stripe-text-width) .section-image:not(.col-6){margin-left:680px;} .layout-m .stripe-text-width:not(.stripe-image-width) .section-text:not(.col-6){margin-left:-680px;} .layout-m .stripe-image-width.stripe-text-r:not(.stripe-text-width) .section-image:not(.col-6){margin-right:680px;} .layout-m .stripe-text-width.stripe-text-r:not(.stripe-image-width) .section-text:not(.col-6){margin-right:-680px;} .layout-m .stripe-image-width:not(.stripe-text-width) .section-image.col-8{width:calc(1360px * .666666);} .layout-m .stripe-image-width:not(.stripe-text-width) .section-image.col-7{width:calc(1360px * .583333);} .layout-m .stripe-image-width:not(.stripe-text-width) .section-image.col-5{width:calc(1360px * .416666);} .layout-m .stripe-image-width:not(.stripe-text-width) .section-image.col-4{width:calc(1360px * .3333333);} .layout-m .stripe-image-width:not(.stripe-text-width) .section-text.col-8{width:calc(50% + 1360px / 2 * .333333);} .layout-m .stripe-image-width:not(.stripe-text-width) .section-text.col-7{width:calc(50% + 1360px / 2 * .166666);} .layout-m .stripe-image-width:not(.stripe-text-width) .section-text.col-5{width:calc(50% - 1360px / 2 * .166666);} .layout-m .stripe-image-width:not(.stripe-text-width) .section-text.col-4{width:calc(50% - 1360px / 2 * .333333);} .layout-l .width, .layout-l.layout-full-boxed .stripe-width .stripe-in,.layout-l.layout-full-boxed #crumbs .stripe-in, .layout-l .stripe-indent, .layout-l.layout-boxed #main, .layout-l.layout-full-boxed .layout-2 #content-page,.layout-l.layout-full-boxed .layout-3 #content-page, .layout-l.layout-boxed #head.head-fixed,.layout-l.layout-boxed #head.head-absolute{max-width:1590px;} .layout-l .stripe-text-width .section-text-in,.layout-l .stripe-image-width .section-image-in{width:100%; max-width:795px;} .layout-l.grid-space-s .stripe:not(.stripe-edge) .stripe-text-width .section-text-in,.layout-l.grid-space-s .stripe:not(.stripe-edge) .stripe-image-width .section-image-in{max-width:calc(795px - 8px);} .layout-l.grid-space-m .stripe:not(.stripe-edge) .stripe-text-width .section-text-in,.layout-l.grid-space-m .stripe:not(.stripe-edge) .stripe-image-width .section-image-in{max-width:calc(795px - 16px);} .layout-l.grid-space-l .stripe:not(.stripe-edge) .stripe-text-width .section-text-in,.layout-l.grid-space-l .stripe:not(.stripe-edge) .stripe-image-width .section-image-in{max-width:calc(795px - 24px);} .layout-l.grid-space-xl .stripe:not(.stripe-edge) .stripe-text-width .section-text-in,.layout-l.grid-space-xl .stripe:not(.stripe-edge) .stripe-image-width .section-image-in{max-width:calc(795px - 32px);} /* Ratio - 7:5, 8:4, ... */ .layout-l .stripe-text-width.stripe-image-width > .row{max-width:1590px;} .layout-l .stripe-image-width:not(.stripe-text-width) .section-image:not(.col-6){margin-left:795px;} .layout-l .stripe-text-width:not(.stripe-image-width) .section-text:not(.col-6){margin-left:-795px;} .layout-l .stripe-image-width.stripe-text-r:not(.stripe-text-width) .section-image:not(.col-6){margin-right:795px;} .layout-l .stripe-text-width.stripe-text-r:not(.stripe-image-width) .section-text:not(.col-6){margin-right:-795px;} .layout-l .stripe-image-width:not(.stripe-text-width) .section-image.col-8{width:calc(1590px * .666666);} .layout-l .stripe-image-width:not(.stripe-text-width) .section-image.col-7{width:calc(1590px * .583333);} .layout-l .stripe-image-width:not(.stripe-text-width) .section-image.col-5{width:calc(1590px * .416666);} .layout-l .stripe-image-width:not(.stripe-text-width) .section-image.col-4{width:calc(1590px * .3333333);} .layout-l .stripe-image-width:not(.stripe-text-width) .section-text.col-8{width:calc(50% + 1590px / 2 * .333333);} .layout-l .stripe-image-width:not(.stripe-text-width) .section-text.col-7{width:calc(50% + 1590px / 2 * .166666);} .layout-l .stripe-image-width:not(.stripe-text-width) .section-text.col-5{width:calc(50% - 1590px / 2 * .166666);} .layout-l .stripe-image-width:not(.stripe-text-width) .section-text.col-4{width:calc(50% - 1590px / 2 * .333333);} .layout-full-boxed.layout-full #head > *:not(.megamenu-container) .stripe-width .stripe-in, .layout-full-boxed.layout-full #foot .stripe-width .stripe-in, .layout-s.layout-full-boxed #content-page .stripe-edge > .stripe-in, .layout-m.layout-full-boxed #content-page .stripe-edge > .stripe-in, .layout-l.layout-full-boxed #content-page .stripe-edge > .stripe-in, .layout-full-boxed.layout-full .element-nav-catalogue .stripe-width .stripe-in{max-width:none;} .stripe-width-content-xs #main:not(.layout-2) #content-in .stripe-width:not(.articles-related-stripe) .stripe-in, .stripe-width.stripe-width-in-xs > .stripe-in, .stripe-width-content-xs #main:not(.layout-2) #crumbs .stripe-in, .max-width-xs, .box-max-width-xs{max-width:696px !important;} .stripe-width.stripe-width-in-xs .stripe-image-width.stripe-text-r:not(.stripe-text-width) .section-image:not(.col-6){margin-right:316px;} .stripe-width.stripe-width-in-xs .stripe-text-width.stripe-text-r:not(.stripe-image-width) .section-text:not(.col-6){margin-right:-316px;} .stripe-width-content-s #main:not(.layout-2) #content-in .stripe-width:not(.articles-related-stripe) .stripe-in, .stripe-width.stripe-width-in-s > .stripe-in, .stripe-width-content-s #main:not(.layout-2) #crumbs .stripe-in, /*.body-article-preview #main:not(.layout-2) #content-in .stripe-width .stripe-in,.body-article-preview #main:not(.layout-2) #crumbs .stripe-in, .body-article-detail #main:not(.layout-2) #content-in .stripe-width .stripe-in,.body-article-detail #main:not(.layout-2) #crumbs .stripe-in,*/ .max-width-s, .box-max-width-s{max-width:960px !important; margin:0 auto;} .stripe-width.stripe-width-in-s .stripe-image-width.stripe-text-r:not(.stripe-text-width) .section-image:not(.col-6){margin-right:448px;} .stripe-width.stripe-width-in-s .stripe-text-width.stripe-text-r:not(.stripe-image-width) .section-text:not(.col-6){margin-right:-448px;} .stripe-width-content-m #main:not(.layout-2) #content-in .stripe-width:not(.articles-related-stripe) .stripe-in, .stripe-width.stripe-width-in-m > .stripe-in, .stripe-width-content-m #main:not(.layout-2) #crumbs .stripe-in, .max-width-m, .box-max-width-m{max-width:1180px !important;} .stripe-width.stripe-width-in-m .stripe-image-width.stripe-text-r:not(.stripe-text-width) .section-image:not(.col-6){margin-right:558px;} .stripe-width.stripe-width-in-m .stripe-text-width.stripe-text-r:not(.stripe-image-width) .section-text:not(.col-6){margin-right:-558px;} .max-width-xs,.max-width-s,.max-width-m{margin:0 auto;} .box-max-width-500{max-width:500px;} .box-max-width-600{max-width:600px;} .box-max-width-700{max-width:700px;} .box-max-width-800{max-width:800px;} .box-max-width-900{max-width:900px;} .box-max-width-1000{max-width:1000px;} .box-max-width-75pct{max-width:75%;} .box-align-right{margin-left:auto !important; margin-right:0;} /***********************************************************************************************************************************/ /* */ /* LAYOUT */ /* */ /***********************************************************************************************************************************/ /***********************************************************************************************************************************/ /* BOXED LAYOUT */ /***********************************************************************************************************************************/ .layout-boxed #main{margin:1.5em auto 2em;} .layout-full-boxed #content-page{margin:0 auto;} /***********************************************************************************************************************************/ /* */ /* STRIPE */ /* */ /***********************************************************************************************************************************/ .stripe{position:relative; width:100%; text-align:center;} .stripe-in{position:relative; /*z-index:2;*/ width:auto; text-align:left; padding:0 20px; margin:0 auto;} .stripe-default > .stripe-in{max-width:none !important;} .stripe-in::after,.stripe-in::before{content:""; display:block;} .stripe-in::after{clear:both;} /*.stripe-space > .stripe-in{padding-top:2.5em; padding-bottom:2.5em;}*/ .stripe-space > .stripe-in .stripe-image-resize .section-text-in{padding-top:0; padding-bottom:0;} body[class*="stripe-space"] .stripe-space-xs.stripe-space > .stripe-in,.stripe-space-xs .stripe-space > .stripe-in,.stripe-space-xs.stripe-space > .stripe-in, .stripe-space-xs .stripe-space .stripe-image-full{padding-top:.5em; padding-bottom:.5em;} body[class*="stripe-space"] .stripe-space-s.stripe-space > .stripe-in,.stripe-space-s .stripe-space > .stripe-in,.stripe-space-s.stripe-space > .stripe-in, .stripe-space-s .stripe-space .stripe-image-full{padding-top:1em; padding-bottom:1em;} body[class*="stripe-space"] .stripe-space-m.stripe-space > .stripe-in,.stripe-space-m .stripe-space > .stripe-in,.stripe-space-m.stripe-space > .stripe-in, .stripe-space-m .stripe-space .stripe-image-full{padding-top:2.5em; padding-bottom:2.5em;} body[class*="stripe-space"] .stripe-space-l.stripe-space > .stripe-in,.stripe-space-l .stripe-space > .stripe-in,.stripe-space-l.stripe-space > .stripe-in, .stripe-space-l .stripe-space .stripe-image-full{padding-top:5em; padding-bottom:5em;} body[class*="stripe-space"] .stripe-space-xl.stripe-space > .stripe-in,.stripe-space-xl .stripe-space > .stripe-in,.stripe-space-xl.stripe-space > .stripe-in, .stripe-space-xl .stripe-space .stripe-image-full{padding-top:7em; padding-bottom:7em;} /*.pad-b1-plus{background:red !important;} .pad-b2-plus{background:green !important;} .pad-b2x{background:orange !important;} .pad-t1-plus{background:pink !important;} .pad-t2-plus{background:greenyellow !important;} .pad-t2x{background:cyan !important;}*/ body[class*="stripe-space"] .stripe-space-xs.stripe-space.pad-b1-plus > .stripe-in,.stripe-space-xs .stripe-space.pad-b1-plus > .stripe-in,.stripe-space-xs.stripe-space.pad-b1-plus > .stripe-in{padding-bottom:calc(.5em + 1em);} body[class*="stripe-space"] .stripe-space-s.stripe-space.pad-b1-plus > .stripe-in,.stripe-space-s .stripe-space.pad-b1-plus > .stripe-in,.stripe-space-s.stripe-space.pad-b1-plus > .stripe-in{padding-bottom:calc(1em + 1em);} body[class*="stripe-space"] .stripe-space-m.stripe-space.pad-b1-plus > .stripe-in,.stripe-space-m .stripe-space.pad-b1-plus > .stripe-in,.stripe-space-m.stripe-space.pad-b1-plus > .stripe-in{padding-bottom:calc(2.5em + 1em);} body[class*="stripe-space"] .stripe-space-l.stripe-space.pad-b1-plus > .stripe-in,.stripe-space-l .stripe-space.pad-b1-plus > .stripe-in,.stripe-space-l.stripe-space.pad-b1-plus > .stripe-in{padding-bottom:calc(5em + 1em);} body[class*="stripe-space"] .stripe-space-xl.stripe-space.pad-b1-plus > .stripe-in,.stripe-space-xl .stripe-space.pad-b1-plus > .stripe-in,.stripe-space-xl.stripe-space.pad-b1-plus > .stripe-in{padding-bottom:calc(7em + 1em);} body[class*="stripe-space"] .stripe-space-xs.stripe-space.pad-b2-plus > .stripe-in,.stripe-space-xs .stripe-space.pad-b2-plus > .stripe-in,.stripe-space-xs.stripe-space.pad-b2-plus > .stripe-in{padding-bottom:calc(.5em + 2em);} body[class*="stripe-space"] .stripe-space-s.stripe-space.pad-b2-plus > .stripe-in,.stripe-space-s .stripe-space.pad-b2-plus > .stripe-in,.stripe-space-s.stripe-space.pad-b2-plus > .stripe-in{padding-bottom:calc(1em + 2em);} body[class*="stripe-space"] .stripe-space-m.stripe-space.pad-b2-plus > .stripe-in,.stripe-space-m .stripe-space.pad-b2-plus > .stripe-in,.stripe-space-m.stripe-space.pad-b2-plus > .stripe-in{padding-bottom:calc(2.5em + 2em);} body[class*="stripe-space"] .stripe-space-l.stripe-space.pad-b2-plus > .stripe-in,.stripe-space-l .stripe-space.pad-b2-plus > .stripe-in,.stripe-space-l.stripe-space.pad-b2-plus > .stripe-in{padding-bottom:calc(5em + 2em);} body[class*="stripe-space"] .stripe-space-xl.stripe-space.pad-b2-plus > .stripe-in,.stripe-space-xl .stripe-space.pad-b2-plus > .stripe-in,.stripe-space-xl.stripe-space.pad-b2-plus > .stripe-in{padding-bottom:calc(7em + 2em);} body[class*="stripe-space"] .stripe-space-xs.stripe-space.pad-b2x > .stripe-in,.stripe-space-xs .stripe-space.pad-b2x > .stripe-in,.stripe-space-xs.stripe-space.pad-b2x > .stripe-in{padding-bottom:calc(.5em * 2);} body[class*="stripe-space"] .stripe-space-s.stripe-space.pad-b2x > .stripe-in,.stripe-space-s .stripe-space.pad-b2x > .stripe-in,.stripe-space-s.stripe-space.pad-b2x > .stripe-in{padding-bottom:calc(1em * 2);} body[class*="stripe-space"] .stripe-space-m.stripe-space.pad-b2x > .stripe-in,.stripe-space-m .stripe-space.pad-b2x > .stripe-in,.stripe-space-m.stripe-space.pad-b2x > .stripe-in{padding-bottom:calc(2.5em * 2);} body[class*="stripe-space"] .stripe-space-l.stripe-space.pad-b2x > .stripe-in,.stripe-space-l .stripe-space.pad-b2x > .stripe-in,.stripe-space-l.stripe-space.pad-b2x > .stripe-in{padding-bottom:calc(5em * 2);} body[class*="stripe-space"] .stripe-space-xl.stripe-space.pad-b2x > .stripe-in,.stripe-space-xl .stripe-space.pad-b2x > .stripe-in,.stripe-space-xl.stripe-space.pad-b2x > .stripe-in{padding-bottom:calc(7em * 2);} body[class*="stripe-space"] .stripe-space-xs.stripe-space.pad-t1-plus > .stripe-in,.stripe-space-xs .stripe-space.pad-t1-plus > .stripe-in,.stripe-space-xs.stripe-space.pad-t1-plus > .stripe-in{padding-top:calc(.5em + 1em);} body[class*="stripe-space"] .stripe-space-s.stripe-space.pad-t1-plus > .stripe-in,.stripe-space-s .stripe-space.pad-t1-plus > .stripe-in,.stripe-space-s.stripe-space.pad-t1-plus > .stripe-in{padding-top:calc(1em + 1em);} body[class*="stripe-space"] .stripe-space-m.stripe-space.pad-t1-plus > .stripe-in,.stripe-space-m .stripe-space.pad-t1-plus > .stripe-in,.stripe-space-m.stripe-space.pad-t1-plus > .stripe-in{padding-top:calc(2.5em + 1em);} body[class*="stripe-space"] .stripe-space-l.stripe-space.pad-t1-plus > .stripe-in,.stripe-space-l .stripe-space.pad-t1-plus > .stripe-in,.stripe-space-l.stripe-space.pad-t1-plus > .stripe-in{padding-top:calc(5em + 1em);} body[class*="stripe-space"] .stripe-space-xl.stripe-space.pad-t1-plus > .stripe-in,.stripe-space-xl .stripe-space.pad-t1-plus > .stripe-in,.stripe-space-xl.stripe-space.pad-t1-plus > .stripe-in{padding-top:calc(7em + 1em);} body[class*="stripe-space"] .stripe-space-xs.stripe-space.pad-t2-plus > .stripe-in,.stripe-space-xs .stripe-space.pad-t2-plus > .stripe-in,.stripe-space-xs.stripe-space.pad-t2-plus > .stripe-in{padding-top:calc(.5em + 2em);} body[class*="stripe-space"] .stripe-space-s.stripe-space.pad-t2-plus > .stripe-in,.stripe-space-s .stripe-space.pad-t2-plus > .stripe-in,.stripe-space-s.stripe-space.pad-t2-plus > .stripe-in{padding-top:calc(1em + 2em);} body[class*="stripe-space"] .stripe-space-m.stripe-space.pad-t2-plus > .stripe-in,.stripe-space-m .stripe-space.pad-t2-plus > .stripe-in,.stripe-space-m.stripe-space.pad-t2-plus > .stripe-in{padding-top:calc(2.5em + 2em);} body[class*="stripe-space"] .stripe-space-l.stripe-space.pad-t2-plus > .stripe-in,.stripe-space-l .stripe-space.pad-t2-plus > .stripe-in,.stripe-space-l.stripe-space.pad-t2-plus > .stripe-in{padding-top:calc(5em + 2em);} body[class*="stripe-space"] .stripe-space-xl.stripe-space.pad-t2-plus > .stripe-in,.stripe-space-xl .stripe-space.pad-t2-plus > .stripe-in,.stripe-space-xl.stripe-space.pad-t2-plus > .stripe-in{padding-top:calc(7em + 2em);} body[class*="stripe-space"] .stripe-space-xs.stripe-space.pad-t2x > .stripe-in,.stripe-space-xs .stripe-space.pad-t2x > .stripe-in,.stripe-space-xs.stripe-space.pad-t2x > .stripe-in{padding-top:calc(.5em * 2);} body[class*="stripe-space"] .stripe-space-s.stripe-space.pad-t2x > .stripe-in,.stripe-space-s .stripe-space.pad-t2x > .stripe-in,.stripe-space-s.stripe-space.pad-t2x > .stripe-in{padding-top:calc(1em * 2);} body[class*="stripe-space"] .stripe-space-m.stripe-space.pad-t2x > .stripe-in,.stripe-space-m .stripe-space.pad-t2x > .stripe-in,.stripe-space-m.stripe-space.pad-t2x > .stripe-in{padding-top:calc(2.5em * 2);} body[class*="stripe-space"] .stripe-space-l.stripe-space.pad-t2x > .stripe-in,.stripe-space-l .stripe-space.pad-t2x > .stripe-in,.stripe-space-l.stripe-space.pad-t2x > .stripe-in{padding-top:calc(5em * 2);} body[class*="stripe-space"] .stripe-space-xl.stripe-space.pad-t2x > .stripe-in,.stripe-space-xl .stripe-space.pad-t2x > .stripe-in,.stripe-space-xl.stripe-space.pad-t2x > .stripe-in{padding-top:calc(7em * 2);} .stripe-space-xs.stripe-space .stripe-image-full{padding-top:.5em; padding-bottom:.5em;} .stripe-space-s.stripe-space .stripe-image-full{padding-top:1em; padding-bottom:1em;} .stripe-space-m.stripe-space .stripe-image-full{padding-top:2.5em; padding-bottom:2.5em;} .stripe-space-l.stripe-space .stripe-image-full{padding-top:5em; padding-bottom:5em;} .stripe-space-xl.stripe-space .stripe-image-full{padding-top:7em; padding-bottom:7em;} .stripe-space-xs .stripe-indent{margin:.5em auto;} .stripe-space-s .stripe-indent{margin:1em auto;} .stripe-space-m .stripe-indent{margin:2.5em auto;} .stripe-space-l .stripe-indent{margin:5em auto;} .stripe-space-xl .stripe-indent{margin:7em auto;} .stripe-space-xs.stripe-indent{margin:.5em auto;} .stripe-space-s.stripe-indent{margin:1em auto;} .stripe-space-m.stripe-indent{margin:2.5em auto;} .stripe-space-l.stripe-indent{margin:5em auto;} .stripe-space-xl.stripe-indent{margin:7em auto;} .stripe.pad-t1 > .stripe-in{padding-top:1em !important;} .stripe.pad-b1 > .stripe-in{padding-bottom:1em !important;} .stripe.pad-t2 > .stripe-in{padding-top:2em !important;} .stripe.pad-b2 > .stripe-in{padding-bottom:2em !important;} /* Stripe Indent - space from left and right */ /*.layout-s .stripe-indent{max-width:1020px;} .layout-m .stripe-indent{max-width:1360px;} .layout-l .stripe-indent{max-width:1590px}*/ .layout-s.grid-space-s .stripe-indent,.layout-s.grid-space-m .stripe-indent{max-width:calc(1020px - 2 * 20px);} .layout-s.grid-space-l .stripe-indent{max-width:calc(1020px - 2 * 24px);} .layout-s.grid-space-xl .stripe-indent{max-width:calc(1020px - 2 * 32px);} .layout-m.grid-space-s .stripe-indent,.layout-m.grid-space-m .stripe-indent{max-width:calc(1360px - 2 * 20px);} .layout-m.grid-space-l .stripe-indent{max-width:calc(1360px - 2 * 24px);} .layout-m.grid-space-xl .stripe-indent{max-width:calc(1360px - 2 * 32px);} .layout-l.grid-space-s .stripe-indent,.layout-l.grid-space-m .stripe-indent{max-width:calc(1590px - 2 * 20px);} .layout-l.grid-space-l .stripe-indent{max-width:calc(1590px - 2 * 24px);} .layout-l.grid-space-xl .stripe-indent{max-width:calc(1590px - 2 * 32px);} /* Stripe Image Full - Stripe delete padding */ .stripe-space-xs .stripe-space .stripe-image-full{margin-top:-1em; bottom:-.5em;} .stripe-space-s .stripe-space .stripe-image-full{margin-top:-2em; bottom:-1em;} .stripe-space-m .stripe-space .stripe-image-full{margin-top:-5em; bottom:-2.5em;} .stripe-space-l .stripe-space .stripe-image-full{margin-top:-10em; bottom:-5em;} .stripe-space-xl .stripe-space .stripe-image-full{margin-top:-14em; bottom:-7em;} .stripe-space-xs.stripe-space .stripe-image-full{margin-top:-1em; bottom:-.5em;} .stripe-space-s.stripe-space .stripe-image-full{margin-top:-2em; bottom:-1em;} .stripe-space-m.stripe-space .stripe-image-full{margin-top:-5em; bottom:-2.5em;} .stripe-space-l.stripe-space .stripe-image-full{margin-top:-10em; bottom:-5em;} .stripe-space-xl.stripe-space .stripe-image-full{margin-top:-14em; bottom:-7em;} .stripe-space-xs .stripe-text-image + .stripe-text-image{margin-top:.5em;} .stripe-space-xs .stripe-space .stripe-image-resize + .stripe-image-resize,.stripe-space-xs.stripe-space .stripe-image-full + .stripe-image-resize{margin-top:1em;} .stripe-space-s .stripe-text-image + .stripe-text-image{margin-top:1em;} .stripe-space-s .stripe-space .stripe-image-resize + .stripe-image-resize,.stripe-space-s.stripe-space .stripe-image-full + .stripe-image-resize{margin-top:2em;} .stripe-space-m .stripe-text-image + .stripe-text-image{margin-top:2.5em;} .stripe-space-m .stripe-space .stripe-image-resize + .stripe-image-resize,.stripe-space-m.stripe-space .stripe-image-full + .stripe-image-resize{margin-top:5em;} .stripe-space-l .stripe-text-image + .stripe-text-image{margin-top:5em;} .stripe-space-l .stripe-space .stripe-image-resize + .stripe-image-resize,.stripe-space-l.stripe-space .stripe-image-full + .stripe-image-resize{margin-top:10em;} .stripe-space-xl .stripe-text-image + .stripe-text-image{margin-top:7em;} .stripe-space-xl .stripe-space .stripe-image-full + .stripe-image-resize,.stripe-space-xl.stripe-space .stripe-image-full + .stripe-image-resize{margin-top:14em;} .stripe-space .stripe-image-full + .stripe-image-full,.stripe-space .stripe-image-resize + .stripe-image-full{margin-top:0;} .stripe-edge{overflow:hidden;} /*.stripe-edge > .stripe-in,.content-edge{margin-left:-20px; margin-right:-20px;} .stripe-edge .stripe-text-image.stripe-text-l .section-text-in{padding-left:20px;} .stripe-edge .stripe-text-image.stripe-text-r .section-text-in{padding-right:20px;}*/ .stripe > .valign{display:none;} .stripe-valign > .valign{display:inline-block;} .stripe-valign .stripe-in{display:inline-block; vertical-align:middle; width:100%;} .stripe-link-layer,.stripe-link-layer a{position:absolute; /*z-index:3;*/ top:0; left:0; width:100%; height:100%;} .stripe-link-layer a{display:block;} .stripe-space .stripe-in .segment > *:first-child{margin-top:0;} .stripe-space .stripe-in .segment > *:last-child,.stripe-text-image .section-text-in > *:last-child{margin-bottom:0;} .stripe-space-none > .row,.stripe-space-none .stripe-in > .row,.stripe-space-none .gallery .row{/*padding:0;*/ margin:0 !important;} .stripe-space-none > .row > .col,.stripe-space-none .stripe-in > .row > .col,.stripe-space-none .gallery .col{padding:0 !important;} .stripe-space-none .item{margin:0 !important;} /* Stripe negative */ .stripe-negative-top > .stripe-in{padding-top:0 !important;} .stripe-negative-top > .section-image-bg{bottom:0; height:auto;} .stripe-space-xs .stripe-space.stripe-negative-top > .section-image-bg{top:.5em;} .stripe-space-s .stripe-space.stripe-negative-top > .section-image-bg{top:1em;} .stripe-space-m .stripe-space.stripe-negative-top > .section-image-bg{top:2.5em;} .stripe-space-l .stripe-space.stripe-negative-top > .section-image-bg{top:5em;} .stripe-space-xl .stripe-space.stripe-negative-top > .section-image-bg{top:7em;} .stripe-negative-bottom > .stripe-in{padding-bottom:0 !important;} .stripe-negative-bottom > .section-image-bg{top:0; height:auto;} .stripe-space-xs .stripe-space.stripe-negative-bottom > .section-image-bg{bottom:.5em;} .stripe-space-s .stripe-space.stripe-negative-bottom > .section-image-bg{bottom:1em;} .stripe-space-m .stripe-space.stripe-negative-bottom > .section-image-bg{bottom:2.5em;} .stripe-space-l .stripe-space.stripe-negative-bottom > .section-image-bg{bottom:5em;} .stripe-space-xl .stripe-space.stripe-negative-bottom > .section-image-bg{bottom:7em;} /* Stripe overlap */ .stripe[class*="stripe-overlap-"]{overflow:visible; z-index:3;} .stripe[class*="content-overlap-"]{z-index:2;} .content-overlap-pad-b > .stripe-in .ws-slider-slide .element-html-image > .row, .content-overlap-pad-b-l > .stripe-in .ws-slider-slide .element-html-image > .row, .content-overlap-pad-b-xl > .stripe-in .ws-slider-slide .element-html-image > .row{position:relative;} .stripe-overlap-top > .stripe-in,.stripe-overlap-top.stripe-space > .stripe-in, .stripe-overlap-top-l > .stripe-in,.stripe-overlap-top-l.stripe-space > .stripe-in, .stripe-overlap-top-xl > .stripe-in,.stripe-overlap-top-xl.stripe-space > .stripe-in{padding-top:0 !important; padding-bottom:0 !important;} .stripe-overlap-top,.stripe-overlap-top.stripe-space,.content-overlap-pad-b .ws-slider-controls{margin-top:-5rem;} .content-overlap-pad-b .ws-slider-slide .element-html-image{padding-bottom:5rem !important;} .content-overlap-pad-b .ws-slider-controls{top:calc(100% - 5em);} .stripe-overlap-top-l,.stripe-overlap-top-l.stripe-space.content-overlap-pad-b-l .ws-slider-controls{margin-top:-7rem;} .content-overlap-pad-b-l .ws-slider-slide .element-html-image{padding-bottom:7rem !important;} .content-overlap-pad-b-l .ws-slider-controls{top:calc(100% - 7em);} .stripe-overlap-top-xl,.stripe-overlap-top-xl.stripe-space.content-overlap-pad-b-xl .ws-slider-controls{margin-top:-10rem;} .content-overlap-pad-b-xl .ws-slider-slide .element-html-image{padding-bottom:10rem !important;} .content-overlap-pad-b-xl .ws-slider-controls{top:calc(100% - 10em);} .stripe-overlap-top-overlay{margin-top:0 !important;} .stripe-overlap-bottom > .stripe-in,.stripe-overlap-bottom.stripe-space > .stripe-in, .stripe-overlap-bottom-l > .stripe-in,.stripe-overlap-bottom-l.stripe-space > .stripe-in, .stripe-overlap-bottom-xl > .stripe-in,.stripe-overlap-bottom-xl.stripe-space > .stripe-in{padding-top:0 !important; padding-bottom:0 !important;} .stripe-overlap-bottom,.stripe-overlap-bottom.stripe-space{margin-bottom:-5rem;} .stripe-overlap-bottom-l{margin-bottom:-7rem;} .stripe-overlap-bottom-xl{margin-bottom:-10rem;} .stripe-overlap-bottom-overlay{margin-bottom:0 !important;} /* Overlap text image */ .stripe-space.stripe-image-overlap-top{margin-top:5em;} .stripe-space.stripe-image-overlap-top .section-image-in, .stripe-space.stripe-overlap-top-overlay .section-image-in{top:-5em;} .stripe-space-xs .stripe-space.stripe-image-overlap-top,.stripe-space-xs.stripe-space.stripe-image-overlap-top{margin-top:.5em;} .stripe-space-xs .stripe-space.stripe-image-overlap-top .section-image-in,.stripe-space-xs.stripe-space.stripe-image-overlap-top .section-image-in, .stripe-space-xs .stripe-space.stripe-overlap-top-overlay .section-image-in,.stripe-space-xs.stripe-space.stripe-overlap-top-overlay .section-image-in{top:-.5em;} .stripe-space-s .stripe-space.stripe-image-overlap-top,.stripe-space-s.stripe-space.stripe-image-overlap-top{margin-top:1em;} .stripe-space-s .stripe-space.stripe-image-overlap-top .section-image-in,.stripe-space-s.stripe-space.stripe-image-overlap-top .section-image-in, .stripe-space-s .stripe-space.stripe-overlap-top-overlay .section-image-in,.stripe-space-s.stripe-space.stripe-overlap-top-overlay .section-image-in{top:-1em;} .stripe-space-m .stripe-space.stripe-image-overlap-top,.stripe-space-m.stripe-space.stripe-image-overlap-top{margin-top:2.5em;} .stripe-space-m .stripe-space.stripe-image-overlap-top .section-image-in,.stripe-space-m.stripe-space.stripe-image-overlap-top .section-image-in, .stripe-space-m .stripe-space.stripe-overlap-top-overlay .section-image-in,.stripe-space-m.stripe-space.stripe-overlap-top-overlay .section-image-in{top:-2.5em;;} .stripe-space-xl .stripe-space.stripe-image-overlap-top,.stripe-space-xl.stripe-space.stripe-image-overlap-top{margin-top:7em;} .stripe-space-xl .stripe-space.stripe-image-overlap-top .section-image-in,.stripe-space-xl.stripe-space.stripe-image-overlap-top .section-image-in, .stripe-space-xl .stripe-space.stripe-overlap-top-overlay .section-image-in,.stripe-space-xl.stripe-space.stripe-overlap-top-overlay .section-image-in{top:-7em;} .stripe-space.stripe-image-overlap-top .stripe-image-resize .section-image-in, .stripe-space.stripe-overlap-top-overlay .stripe-image-resize .section-image-in{top:-10em;} .stripe-space-xs .stripe-space.stripe-image-overlap-top .stripe-image-resize .section-image-in,.stripe-space-xs.stripe-space.stripe-image-overlap-top .stripe-image-resize .section-image-in, .stripe-space-xs .stripe-space.stripe-overlap-top-overlay .stripe-image-resize .section-image-in,.stripe-space-xs.stripe-space.stripe-overlap-top-overlay .stripe-image-resize .section-image-in{top:-1em;} .stripe-space-s .stripe-space.stripe-image-overlap-top .stripe-image-resize .section-image-in,.stripe-space-s.stripe-space.stripe-image-overlap-top .stripe-image-resize .section-image-in, .stripe-space-s .stripe-space.stripe-overlap-top-overlay .stripe-image-resize .section-image-in,.stripe-space-s.stripe-space.stripe-overlap-top-overlay .stripe-image-resize .section-image-in{top:-2em;} .stripe-space-m .stripe-space.stripe-image-overlap-top .stripe-image-resize .section-image-in,.stripe-space-m.stripe-space.stripe-image-overlap-top .stripe-image-resize .section-image-in, .stripe-space-m .stripe-space.stripe-overlap-top-overlay .stripe-image-resize .section-image-in,.stripe-space-m.stripe-space.stripe-overlap-top-overlay .stripe-image-resize .section-image-in{top:-5em;} .stripe-space-xl .stripe-space.stripe-image-overlap-top .stripe-image-resize .section-image-in,.stripe-space-xl.stripe-space.stripe-image-overlap-top .stripe-image-resize .section-image-in, .stripe-space-xl .stripe-space.stripe-overlap-top-overlay .stripe-image-resize .section-image-in,.stripe-space-xl.stripe-space.stripe-overlap-top-overlay .stripe-image-resize .section-image-in{top:-14em;} .stripe-space.stripe-image-overlap-bottom{margin-bottom:5em;} .stripe-space.stripe-image-overlap-bottom .section-image-in, .stripe-space.stripe-overlap-bottom-overlay .section-image-in{bottom:-5em;} .stripe-space-xs .stripe-space.stripe-image-overlap-bottom,.stripe-space-xs.stripe-space.stripe-image-overlap-bottom{margin-bottom:.5em;} .stripe-space-xs .stripe-space.stripe-image-overlap-bottom .section-image-in,.stripe-space-xs.stripe-space.stripe-image-overlap-bottom .section-image-in, .stripe-space-xs .stripe-space.stripe-overlap-bottom-overlay .section-image-in,.stripe-space-xs.stripe-space.stripe-overlap-bottom-overlay .section-image-in{bottom:-.5em;} .stripe-space-s .stripe-space.stripe-image-overlap-bottom,.stripe-space-s.stripe-space.stripe-image-overlap-bottom{margin-bottom:1em;} .stripe-space-s .stripe-space.stripe-image-overlap-bottom .section-image-in,.stripe-space-s.stripe-space.stripe-image-overlap-bottom .section-image-in, .stripe-space-s .stripe-space.stripe-overlap-bottom-overlay .section-image-in,.stripe-space-s.stripe-space.stripe-overlap-bottom-overlay .section-image-in{bottom:-1em;} .stripe-space-m .stripe-space.stripe-image-overlap-bottom,.stripe-space-m.stripe-space.stripe-image-overlap-bottom{margin-bottom:2.5em;} .stripe-space-m .stripe-space.stripe-image-overlap-bottom .section-image-in,.stripe-space-m.stripe-space.stripe-image-overlap-bottom .section-image-in, .stripe-space-m .stripe-space.stripe-overlap-bottom-overlay .section-image-in,.stripe-space-m.stripe-space.stripe-overlap-bottom-overlay .section-image-in{bottom:-2.5em;} .stripe-space-xl .stripe-space.stripe-image-overlap-bottom,.stripe-space-xl.stripe-space.stripe-image-overlap-bottom{margin-bottom:7em;} .stripe-space-xl .stripe-space.stripe-image-overlap-bottom .section-image-in,.stripe-space-xl.stripe-space.stripe-image-overlap-bottom .section-image-in, .stripe-space-xl .stripe-space.stripe-overlap-bottom-overlay .section-image-in,.stripe-space-xl.stripe-space.stripe-overlap-bottom-overlay .section-image-in{bottom:-7em;} .stripe-space.stripe-image-overlap-bottom .stripe-image-resize .section-image-in, .stripe-space.stripe-overlap-bottom-overlay .stripe-image-resize .section-image-in{bottom:-10em;} .stripe-space-xs .stripe-space.stripe-image-overlap-bottom .stripe-image-resize .section-image-in,.stripe-space-xs.stripe-space.stripe-image-overlap-bottom .stripe-image-resize .section-image-in, .stripe-space-xs .stripe-space.stripe-overlap-bottom-overlay .stripe-image-resize .section-image-in,.stripe-space-xs.stripe-space.stripe-overlap-bottom-overlay .stripe-image-resize .section-image-in{bottom:-1em;} .stripe-space-s .stripe-space.stripe-image-overlap-bottom .stripe-image-resize .section-image-in,.stripe-space-s.stripe-space.stripe-image-overlap-bottom .stripe-image-resize .section-image-in, .stripe-space-s .stripe-space.stripe-overlap-bottom-overlay .stripe-image-resize .section-image-in,.stripe-space-s.stripe-space.stripe-overlap-bottom-overlay .stripe-image-resize .section-image-in{bottom:-2em;} .stripe-space-m .stripe-space.stripe-image-overlap-bottom .stripe-image-resize .section-image-in,.stripe-space-m.stripe-space.stripe-image-overlap-bottom .stripe-image-resize .section-image-in, .stripe-space-m .stripe-space.stripe-overlap-bottom-overlay .stripe-image-resize .section-image-in,.stripe-space-m.stripe-space.stripe-overlap-bottom-overlay .stripe-image-resize .section-image-in{bottom:-5em;} .stripe-space-xl .stripe-space.stripe-image-overlap-bottom .stripe-image-resize .section-image-in,.stripe-space-xl.stripe-space.stripe-image-overlap-bottom .stripe-image-resize .section-image-in, .stripe-space-xl .stripe-space.stripe-overlap-bottom-overlay .stripe-image-resize .section-image-in,.stripe-space-xl.stripe-space.stripe-overlap-bottom-overlay .stripe-image-resize .section-image-in{bottom:-14em;} .stripe-space.stripe-image-valign-bottom .stripe-text-image:not(.stripe-image-full) .section-image{height:auto; bottom:-5em;} .stripe-space-xs .stripe-space.stripe-image-valign-bottom:not([class*="stripe-space-"]) .stripe-text-image:not(.stripe-image-full) .section-image, .stripe-space-xs.stripe-space.stripe-image-valign-bottom .stripe-text-image:not(.stripe-image-full) .section-image{height:auto; bottom:-.5em;} .stripe-space-s .stripe-space.stripe-image-valign-bottom:not([class*="stripe-space-"]) .stripe-text-image:not(.stripe-image-full) .section-image, .stripe-space-s.stripe-space.stripe-image-valign-bottom .stripe-text-image:not(.stripe-image-full) .section-image{height:auto; bottom:-1em;} .stripe-space-m .stripe-space.stripe-image-valign-bottom:not([class*="stripe-space-"]) .stripe-text-image:not(.stripe-image-full) .section-image, .stripe-space-m.stripe-space.stripe-image-valign-bottom .stripe-text-image:not(.stripe-image-full) .section-image{height:auto; bottom:-2.5em;} .stripe-space-xl .stripe-space.stripe-image-valign-bottom:not([class*="stripe-space-"]) .stripe-text-image:not(.stripe-image-full) .section-image, .stripe-space-xl.stripe-space.stripe-image-valign-bottom .stripe-text-image:not(.stripe-image-full) .section-image{height:auto; bottom:-7em;} .stripe-space.stripe-image-valign-bottom .stripe-text-image:not(.stripe-image-full) .section-image img, .stripe-space.stripe-image-valign-top .stripe-text-image:not(.stripe-image-full) .section-image img{position:absolute; top:0; left:50%; vertical-align:top; max-height:none; -webkit-transform:translate(-50%,0); -moz-transform:translate(-50%,0); transform:translate(-50%,0);} .stripe-space.stripe-image-valign-bottom.pad-b1-plus .stripe-text-image:not(.stripe-image-full) .section-image{bottom:calc(-5em - 1em);} .stripe-space-xs .stripe-image-valign-bottom.pad-b1-plus:not([class*="stripe-space-"]) .stripe-text-image:not(.stripe-image-full) .section-image, .stripe-space-xs.stripe-image-valign-bottom.pad-b1-plus .stripe-text-image:not(.stripe-image-full) .section-image{bottom:calc(-.5em - 1em);} .stripe-space-s .stripe-image-valign-bottom.pad-b1-plus:not([class*="stripe-space-"]) .stripe-text-image:not(.stripe-image-full) .section-image, .stripe-space-s.stripe-image-valign-bottom.pad-b1-plus .stripe-text-image:not(.stripe-image-full) .section-image{bottom:calc(-1em - 1em);} .stripe-space-m .stripe-image-valign-bottom.pad-b1-plus:not([class*="stripe-space-"]) .stripe-text-image:not(.stripe-image-full) .section-image, .stripe-space-m.stripe-image-valign-bottom.pad-b1-plus .stripe-text-image:not(.stripe-image-full) .section-image{bottom:calc(-2.5em - 1em);} .stripe-space-xl .stripe-image-valign-bottom.pad-b1-plus:not([class*="stripe-space-"]) .stripe-text-image:not(.stripe-image-full) .section-image, .stripe-space-xl.stripe-image-valign-bottom.pad-b1-plus .stripe-text-image:not(.stripe-image-full) .section-image{bottom:calc(-7em - 1em);} .stripe-space.stripe-image-valign-bottom.pad-b2-plus .stripe-text-image:not(.stripe-image-full) .section-image{bottom:calc(-5em - 2em);} .stripe-space-xs .stripe-image-valign-bottom.pad-b2-plus:not([class*="stripe-space-"]) .stripe-text-image:not(.stripe-image-full) .section-image, .stripe-space-xs.stripe-image-valign-bottom.pad-b2-plus .stripe-text-image:not(.stripe-image-full) .section-image{bottom:calc(-.5em - 2em);} .stripe-space-s .stripe-image-valign-bottom.pad-b2-plus:not([class*="stripe-space-"]) .stripe-text-image:not(.stripe-image-full) .section-image, .stripe-space-s.stripe-image-valign-bottom.pad-b2-plus .stripe-text-image:not(.stripe-image-full) .section-image{bottom:calc(-1em - 2em);} .stripe-space-m .stripe-image-valign-bottom.pad-b2-plus:not([class*="stripe-space-"]) .stripe-text-image:not(.stripe-image-full) .section-image, .stripe-space-m.stripe-image-valign-bottom.pad-b2-plus .stripe-text-image:not(.stripe-image-full) .section-image{bottom:calc(-2.5em - 2em);} .stripe-space-xl .stripe-image-valign-bottom.pad-b2-plus:not([class*="stripe-space-"]) .stripe-text-image:not(.stripe-image-full) .section-image, .stripe-space-xl.stripe-image-valign-bottom.pad-b2-plus .stripe-text-image:not(.stripe-image-full) .section-image{bottom:calc(-7em - 2em);} .stripe-space.stripe-image-valign-bottom.pad-b2x .stripe-text-image:not(.stripe-image-full) .section-image{bottom:calc(-5em * 2);} .stripe-space-xs .stripe-image-valign-bottom.pad-b2x:not([class*="stripe-space-"]) .stripe-text-image:not(.stripe-image-full) .section-image, .stripe-space-xs.stripe-image-valign-bottom.pad-b2x .stripe-text-image:not(.stripe-image-full) .section-image{bottom:calc(-.5em * 2);} .stripe-space-s .stripe-image-valign-bottom.pad-b2x:not([class*="stripe-space-"]) .stripe-text-image:not(.stripe-image-full) .section-image, .stripe-space-s.stripe-image-valign-bottom.pad-b2x .stripe-text-image:not(.stripe-image-full) .section-image{bottom:calc(-1em * 2);} .stripe-space-m .stripe-image-valign-bottom.pad-b2x:not([class*="stripe-space-"]) .stripe-text-image:not(.stripe-image-full) .section-image, .stripe-space-m.stripe-image-valign-bottom.pad-b2x .stripe-text-image:not(.stripe-image-full) .section-image{bottom:calc(-2.5em * 2);} .stripe-space-xl .stripe-image-valign-bottom.pad-b2x:not([class*="stripe-space-"]) .stripe-text-image:not(.stripe-image-full) .section-image, .stripe-space-xl.stripe-image-valign-bottom.pad-b2x .stripe-text-image:not(.stripe-image-full) .section-image{bottom:calc(-7em * 2);} .stripe-space.stripe-image-valign-top .stripe-text-image:not(.stripe-image-full) .section-image{height:auto; top:-5em;} .stripe-space-xs .stripe-space.stripe-image-valign-top:not([class*="stripe-space-"]) .stripe-text-image:not(.stripe-image-full) .section-image, .stripe-space-xs.stripe-space.stripe-image-valign-top .stripe-text-image:not(.stripe-image-full) .section-image{height:auto; top:-.5em;} .stripe-space-s .stripe-space.stripe-image-valign-top:not([class*="stripe-space-"]) .stripe-text-image:not(.stripe-image-full) .section-image, .stripe-space-s.stripe-space.stripe-image-valign-top .stripe-text-image:not(.stripe-image-full) .section-image{height:auto; top:-1em;} .stripe-space-m .stripe-space.stripe-image-valign-top:not([class*="stripe-space-"]) .stripe-text-image:not(.stripe-image-full) .section-image, .stripe-space-m.stripe-space.stripe-image-valign-top .stripe-text-image:not(.stripe-image-full) .section-image{height:auto; top:-2.5em;} .stripe-space-xl .stripe-space.stripe-image-valign-top:not([class*="stripe-space-"]) .stripe-text-image:not(.stripe-image-full) .section-image, .stripe-space-xl.stripe-space.stripe-image-valign-top .stripe-text-image:not(.stripe-image-full) .section-image{height:auto; top:-7em;} .stripe-space.stripe-image-valign-top .stripe-text-image:not(.stripe-image-full) .section-image img{top:auto; bottom:0; vertical-align:bottom;} .stripe-space.stripe-image-valign-top.pad-t1-plus .stripe-text-image:not(.stripe-image-full) .section-image{top:calc(-5em - 1em);} .stripe-space-xs .stripe-image-valign-top.pad-t1-plus:not([class*="stripe-space-"]) .stripe-text-image:not(.stripe-image-full) .section-image, .stripe-space-xs.stripe-image-valign-top.pad-t1-plus .stripe-text-image:not(.stripe-image-full) .section-image{top:calc(-.5em - 1em);} .stripe-space-s .stripe-image-valign-top.pad-t1-plus:not([class*="stripe-space-"]) .stripe-text-image:not(.stripe-image-full) .section-image, .stripe-space-s.stripe-image-valign-top.pad-t1-plus .stripe-text-image:not(.stripe-image-full) .section-image{top:calc(-1em - 1em);} .stripe-space-m .stripe-image-valign-top.pad-t1-plus:not([class*="stripe-space-"]) .stripe-text-image:not(.stripe-image-full) .section-image, .stripe-space-m.stripe-image-valign-top.pad-t1-plus .stripe-text-image:not(.stripe-image-full) .section-image{top:calc(-2.5em - 1em);} .stripe-space-xl .stripe-image-valign-top.pad-t1-plus:not([class*="stripe-space-"]) .stripe-text-image:not(.stripe-image-full) .section-image, .stripe-space-xl.stripe-image-valign-top.pad-t1-plus .stripe-text-image:not(.stripe-image-full) .section-image{top:calc(-7em - 1em);} .stripe-space.stripe-image-valign-top.pad-t2-plus .stripe-text-image:not(.stripe-image-full) .section-image{top:calc(-5em - 2em);} .stripe-space-xs .stripe-image-valign-top.pad-t2-plus:not([class*="stripe-space-"]) .stripe-text-image:not(.stripe-image-full) .section-image, .stripe-space-xs.stripe-image-valign-top.pad-t2-plus .stripe-text-image:not(.stripe-image-full) .section-image{top:calc(-.5em - 2em);} .stripe-space-s .stripe-image-valign-top.pad-t2-plus:not([class*="stripe-space-"]) .stripe-text-image:not(.stripe-image-full) .section-image, .stripe-space-s.stripe-image-valign-top.pad-t2-plus .stripe-text-image:not(.stripe-image-full) .section-image{top:calc(-1em - 2em);} .stripe-space-m .stripe-image-valign-top.pad-t2-plus:not([class*="stripe-space-"]) .stripe-text-image:not(.stripe-image-full) .section-image, .stripe-space-m.stripe-image-valign-top.pad-t2-plus .stripe-text-image:not(.stripe-image-full) .section-image{top:calc(-2.5em - 2em);} .stripe-space-xl .stripe-image-valign-top.pad-t2-plus:not([class*="stripe-space-"]) .stripe-text-image:not(.stripe-image-full) .section-image, .stripe-space-xl.stripe-image-valign-top.pad-t2-plus .stripe-text-image:not(.stripe-image-full) .section-image{top:calc(-7em - 2em);} .stripe-space.stripe-image-valign-top.pad-t2x .stripe-text-image:not(.stripe-image-full) .section-image{top:calc(-5em * 2);} .stripe-space-xs .stripe-image-valign-top.pad-t2x:not([class*="stripe-space-"]) .stripe-text-image:not(.stripe-image-full) .section-image, .stripe-space-xs.stripe-image-valign-top.pad-t2x .stripe-text-image:not(.stripe-image-full) .section-image{top:calc(-.5em * 2);} .stripe-space-s .stripe-image-valign-top.pad-t2x:not([class*="stripe-space-"]) .stripe-text-image:not(.stripe-image-full) .section-image, .stripe-space-s.stripe-image-valign-top.pad-t2x .stripe-text-image:not(.stripe-image-full) .section-image{top:calc(-1em * 2);} .stripe-space-m .stripe-image-valign-top.pad-t2x:not([class*="stripe-space-"]) .stripe-text-image:not(.stripe-image-full) .section-image, .stripe-space-m.stripe-image-valign-top.pad-t2x .stripe-text-image:not(.stripe-image-full) .section-image{top:calc(-2.5em * 2);} .stripe-space-xl .stripe-image-valign-top.pad-t2x:not([class*="stripe-space-"]) .stripe-text-image:not(.stripe-image-full) .section-image, .stripe-space-xl.stripe-image-valign-top.pad-t2x .stripe-text-image:not(.stripe-image-full) .section-image{top:calc(-7em * 2);} /* First stripe with head absolute position - DRAFT */ /*#head.head-absolute ~ #body #content-page #content-in > .stripe-edit-container > .stripe:first-child, #head.head-absolute ~ #body #content-page #content-in > .stripe:first-child{border:3px solid red !important;}*/ /***********************************************************************************************************************************/ /* */ /* IMAGE + TEXT */ /* */ /***********************************************************************************************************************************/ .stripe-text-image{position:relative;} .stripe-text-image:not(.stripe-image-full) > .row{position:relative;} .stripe-width .stripe-text-image > .row{position:static;} .stripe-text-image .section-text-in > *:first-child{margin-top:0;} /* Anything is a first child of parent */ .stripe-text-image .section-text,.stripe-text-image .section-image{float:left;} /*.stripe-text-image .section-text-in{padding-top:2.5em; padding-bottom:2.5em; padding:2.5em 50px;}*/ .stripe-text-image .section-text-in + .valign{display:none;} .stripe-text-image .section-text-in p .button{margin-top:.6em;} /*.item-text .button{margin-top:.6em;}*/ /*.section-text-standard .item-heading{margin-bottom:.3em;} .section-text-standard .item-text{font-size:140%;}*/ /*.ws-slider .item-text{font-size:140%;}*/ .stripe-text-image[style*="min-height"] > .row,.stripe-text-image[style*="min-height"] .section-text{height:100%;} .stripe-text-vertical .section-text-in,.stripe-text-vertical-bottom .section-text-in{display:inline-block; float:none !important; vertical-align:middle;} .stripe-text-vertical .section-text-in + .valign,.stripe-text-vertical-bottom .section-text-in + .valign{display:inline-block;} .stripe-text-vertical-bottom .section-text-in{vertical-align:bottom;} .section-image-in{position:relative;} .section-image .image{padding-bottom:0; height:100%; background:none; border:none;} /***********************************************************************************************************************************/ /* Ratio - 7:5, 8:4, ... */ /***********************************************************************************************************************************/ /*.stripe-text-width.stripe-image-width > .row, .stripe-image-width:not(.stripe-text-width) > .row, .stripe-text-width:not(.stripe-image-width) > .row{}*/ .stripe-text-image > .row{/*position:relative;*/ max-width:none; margin-left:auto !important; margin-right:auto !important;} .stripe-image-width:not(.stripe-text-width) .section-image:not(.col-6){left:50%;} .stripe-text-width:not(.stripe-image-width) .section-text:not(.col-6){left:50%; width:auto;} .stripe-image-width.stripe-text-r:not(.stripe-text-width) .section-image:not(.col-6){right:50%; margin-left:auto;} .stripe-text-width.stripe-text-r:not(.stripe-image-width) .section-text:not(.col-6){right:50%; left:auto; margin-left:auto;} .stripe-image-width.stripe-text-r:not(.stripe-text-width) .section-image:not(.col-6) .section-image-in, .stripe-text-width.stripe-text-r:not(.stripe-image-width) .section-text:not(.col-6) .section-text-in{right:-100%; left:auto;} .stripe-image-width:not(.stripe-text-width) .section-image:not(.col-6) .section-image-in, .stripe-text-width:not(.stripe-image-width) .section-text:not(.col-6) .section-text-in{left:-100%;} .stripe-text-width:not(.stripe-image-width) .section-text:not(.col-6){padding:0;} .stripe-text-width .section-text:not(.col-6) .section-text-in,.stripe-image-width .section-image:not(.col-6) .section-image-in{max-width:none !important;} .stripe-text-width.stripe-text-r:not(.stripe-image-width) .section-text.col-8{padding-left:83.333333%;} .stripe-text-width.stripe-text-r:not(.stripe-image-width) .section-text.col-7{padding-left:91.666666%;} .stripe-text-width.stripe-text-r:not(.stripe-image-width) .section-text.col-5{padding-left:108.333333%;} .stripe-text-width.stripe-text-r:not(.stripe-image-width) .section-text.col-4{padding-left:116.666666%;} .stripe-text-width.stripe-text-l:not(.stripe-image-width) .section-text.col-8{padding-right:83.333333%;} .stripe-text-width.stripe-text-l:not(.stripe-image-width) .section-text.col-7{padding-right:91.666666%;} .stripe-text-width.stripe-text-l:not(.stripe-image-width) .section-text.col-5{padding-right:108.333333%;} .stripe-text-width.stripe-text-l:not(.stripe-image-width) .section-text.col-4{padding-right:116.666666%;} /***********************************************************************************************************************************/ /* Section fill of image */ /***********************************************************************************************************************************/ .stripe-image-full .section-image,.stripe-image-resize .section-image{position:absolute; top:0; right:0; bottom:0; left:0; height:100%; /*overflow:hidden;*/} .stripe-image-full .section-image-in,.stripe-image-resize .section-image-in{position:relative; top:0; left:0; width:100%; height:100%; margin:0; text-align:center; /*overflow:hidden;*/} .stripe-image-resize .section-image-in{margin:0 auto;} .stripe-image-resize .section-image-in img{width:auto; height:auto; max-height:100%; max-width:100%; vertical-align:middle;} .ws-slider .stripe-text-image.stripe-image-resize{height:auto; vertical-align:middle; display:inline-block; width:100%;} .ws-slider .stripe-image-width .section-image-in{width:100% !important;} /*.stripe-text-image:not(.stripe-image-resize):not(.stripe-text-c) + .valign{display:none;}*/ .stripe-image-full.stripe-text-l .section-text-in{margin-left:0 !important;} .stripe-image-full.stripe-text-r .section-text-in{margin-right:0 !important;} .section-image-c .section-image-in{text-align:center;} .section-image-r .section-image-in{text-align:right;} /* Space around image */ /*.section-image-space .stripe-in,.section-image-space .stripe-text-image{height:100%;} .section-image-space .row,.section-image-space .section-image,.section-image-space .section-image .section-image-in{height:100%;} .section-image-space .section-image-in img{max-height:100%;} .section-image-space .section-image{padding-top:2em !important; padding-bottom:2em !important;} .section-image-space .stripe-image-resize .stripe-in,.section-image-space .stripe-image-resize .stripe-text-image{height:auto;} .section-image-space .stripe-image-resize .section-image{padding-top:0 !important; padding-bottom:0 !important;}*/ /*.stripe-image-full .stripe-in,.stripe-image-full .stripe-text-image{height:100%; border:1px solid red;} .stripe-image-full .row,.stripe-image-full .section-image,.stripe-image-full .section-image .section-image-in{height:100%;} .stripe-image-full .section-image-in img{max-height:100%;}*/ /*.section-image-space .stripe-image-resize .stripe-in,.section-image-space .stripe-image-resize .stripe-text-image{height:auto;}*/ .section-image-space .section-image{padding-top:2em !important; padding-bottom:2em !important;} .section-image-space .stripe-image-resize .section-image{padding-top:0 !important; padding-bottom:0 !important;} /***********************************************************************************************************************************/ /* Section fill of video */ /***********************************************************************************************************************************/ .stripe-video-full .auto-resize .element-video{position:absolute; top:50%; left:0; width:100%; height:0 !important; padding-bottom:100%; margin-left:0; margin-top:-28.125%;} .stripe-video-full .auto-resize .element-video .auto-resize-in{position:absolute; top:0; left:0; width:100%; height:56.25%; margin-top:0;} /***********************************************************************************************************************************/ /* Text side */ /***********************************************************************************************************************************/ /*.section-image{padding-left:0 !important; padding-right:0 !important;}*/ .stripe-image-width .section-image{margin-left:0; margin-right:0;} .stripe-text-l .section-image{left:auto; right:0;} .stripe-text-l .section-text-in{float:left; padding-right:50px; margin-left:0 !important;} .stripe-text-l.stripe-text-width .section-text{text-align:right; padding-right:0;} .stripe-text-l.stripe-text-width .section-text-in{float:right; text-align:left;} .stripe-text-r .section-image{left:0; right:auto; text-align:right;} .stripe-text-r .section-text{float:right;} .stripe-text-r.stripe-text-width .section-text{padding-left:0;} .stripe-text-r .section-text-in{float:left; padding-left:50px; margin-right:0 !important;} .stripe-text-r.stripe-image-width .section-image-in{float:right;} .stripe-text-c .stripe-text-image{text-align:center;} .stripe-text-c .section-text,.stripe-text-c .section-image{display:block !important; float:none; text-align:center; margin:0 auto;} .stripe-text-c .section-text-in{padding-left:0; padding-right:0;} .stripe-text-c .section-image-in{margin:0 auto;} .stripe-text-c .section-image-in + .valign{display:none;} .stripe-text-c .row,.stripe-text-c .section-image{height:auto;} .stripe-text-c .section-image .image-in{position:relative;} /***********************************************************************************************************************************/ /* Section fill of text */ /***********************************************************************************************************************************/ .stripe-text-full .section-text-in{max-width:100%;} /***********************************************************************************************************************************/ /* Section text only */ /***********************************************************************************************************************************/ /*.stripe-text-only .row{text-align:center;} .stripe-text-only .row > span.valign{display:none;} .stripe-text-only .row{width:100%; display:inline-block; vertical-align:middle; height:auto;} .stripe-text-only .section-image{position:relative; text-align:center; height:auto;} .stripe-text-only .section-text,.stripe-text-only .section-image{width:100%;} .stripe-text-only .section-text-in{float:none; text-align:center; padding:0 !important; margin:0 !important;}*/ /***********************************************************************************************************************************/ /* Stripe image in background */ /***********************************************************************************************************************************/ .section-image-bg,.section-image-bg-in{position:absolute; left:0; top:0; overflow:hidden; text-align:center; height:100%; width:100%; background-size:cover; background-position:50% 0; background-repeat:no-repeat; /*z-index:-1;*/} .section-image-bg img{width:100%; height:auto;} .section-image-bg-height img{width:auto; height:100%;} .section-image-bg-full img{width:100%; height:100%;} .section-image-bg-auto img{width:auto; height:auto;} .article-detail-visual > .section-image-bg .section-image-bg-in{background-position:50% 50%;} .section-image-bg-mobile{display:none;} /* img in background */ .section-image-bg-in-img > span.valign{display:none;} .section-image-bg-in-img img{width:100%; height:100%; object-fit:cover; object-position:50% 0;} /***********************************************************************************************************************************/ /* Overlap text image */ /***********************************************************************************************************************************/ .stripe-image-overlap-top .section-image,.stripe-image-overlap-bottom .section-image, .stripe-overlap-top-overlay .section-image,.stripe-overlap-bottom-overlay .section-image{overflow:visible;} .stripe-image-overlap-top .section-image-in,.stripe-image-overlap-bottom .section-image-in, .stripe-overlap-top-overlay .section-image-in,.stripe-overlap-bottom-overlay .section-image-in{position:absolute; height:auto;} .stripe-overlap-top-overlay .stripe-text-r .section-image-in,.stripe-overlap-bottom-overlay .stripe-text-r .section-image-in{right:0; left:auto;} .stripe-image-overlap-top .section-image-in, .stripe-overlap-top-overlay .section-image-in{bottom:0;} .stripe-image-overlap-bottom .section-image-in, .stripe-overlap-bottom-overlay .section-image-in{top:0;} /***********************************************************************************************************************************/ /* Ordering */ /***********************************************************************************************************************************/ /*.col-pull-6{background:red; float:none; left:auto; right:auto;} .col-push-6{background:blue; float:none; left:auto; right:auto;}*/ /*.stripe-text-image-switch-order .section-text{left:50%;} .stripe-text-image-switch-order .section-image{right:50%;}*/ /***********************************************************************************************************************************/ /* */ /* GRID */ /* */ /***********************************************************************************************************************************/ .stripe-width .row{position:relative;} .row-valign .col,.row-valign-item .item > .row > .col{display:inline-block; float:none; vertical-align:middle; height:auto !important;} .row-valign-bottom .col{vertical-align:bottom; height:auto !important;} .row{margin-left:-8px; margin-right:-8px;} .row::after,.row::before{content:""; display:block;} .row::after{clear:both;} .row-center,.row-center .row{text-align:center; vertical-align:top;} .row-center > .col,.row-center .row > .col{display:inline-block; vertical-align:top; float:none; /*margin-left:-.2rem;*/} .col{position:relative; float:left; padding:0 8px; min-height:1px; /*z-index:2;*/} .col .item{margin-bottom:16px;} .col .image{margin:0;} .col-empty-placeholder{min-height:1px;} .stripe-empty .col{min-height:0;} .col-1{width:8.333333%;} .col-2{width:16.666666%;} .col-3{width:25%;} .col-4{width:33.333333%;} .col-5{width:41.666666%;} .col-6{width:50%;} .col-7{width:58.333333%;} .col-8{width:66.666666%;} .col-9{width:75%;} .col-10{width:83.333333%;} .col-11{width:91.666666%;} .col-12{width:100%;} .col-1-5{width:20%;} .col-4-5{width:80%;} .col-1-7{width:14.28571%;} .col-6-7{width:85.714285%;} .col-1-8{width:12.5%;} .col-7-8{width:87.5%;} .col-1-9{width:11.111111%;} .col-8-9{width:88.888888%;} .col-1-10{width:10%;} .col-9-10{width:90%;} .col-1-11{width:9.090909%;} .col-10-11{width:90.909090%;} /*div:not([class*="mobile-m-"]) .col-3:nth-child(4n+0) + .col{clear:both; border:1px solid red !important;}*/ /***********************************************************************************************************************************/ /* OFFSET */ /***********************************************************************************************************************************/ /*.col-offset-1{margin-left:8.333333%;} .col-offset-2{margin-left:16.666666%;} .col-offset-3{margin-left:25%;} .col-offset-4{margin-left:33.333333%;} .col-offset-5{margin-left:41.666666%;} .col-offset-6{margin-left:50%;} .col-offset-7{margin-left:58.333333%;} .col-offset-8{margin-left:66.666666%;} .col-offset-9{margin-left:75%;} .col-offset-10{margin-left:83.333333%;} .col-offset-11{margin-left:91.666666%;} .col-offset-12{margin-left:100%;} .col-offset-1-5{margin-left:20%;} .col-offset-1-7{margin-left:14.28571428571429%;} .col-offset-1-8{margin-left:12.5%;} .col-offset-1-9{margin-left:11.11111111111111%;} .col-offset-1-10{margin-left:10%;} .col-offset-1-11{margin-left:9.090909090909091%;}*/ /***********************************************************************************************************************************/ /* ORDERING */ /***********************************************************************************************************************************/ .col-pull-1{right:8.333333%;} .col-pull-2{right:16.666666%;} .col-pull-3{right:25%;} .col-pull-4{right:33.333333%;} .col-pull-5{right:41.666666%;} .col-pull-6{right:50%;} .col-pull-7{right:58.333333%;} .col-pull-8{right:66.666666%;} .col-pull-9{right:75%;} .col-pull-10{right:83.333333%;} .col-pull-11{right:91.666666%;} .col-pull-12{right:100%;} .col-push-1{left:8.333333%;} .col-push-2{left:16.666666%;} .col-push-3{left:25%;} .col-push-4{left:33.333333%;} .col-push-5{left:41.666666%;} .col-push-6{left:50%;} .col-push-7{left:58.333333%;} .col-push-8{left:66.666666%;} .col-push-9{left:75%;} .col-push-10{left:83.333333%;} .col-push-11{left:91.666666%;} .col-push-12{left:100%;} .col-pull-1-5{right:20%;} .col-pull-1-7{right:14.28571428571429%;} .col-pull-1-8{right:12.5%;} .col-pull-1-9{right:11.11111111111111%;} .col-pull-1-10{right:10%;} .col-pull-1-11{right:9.090909090909091%;} .col-push-1-5{left:20%;} .col-push-1-7{left:14.28571428571429%;} .col-push-1-8{left:12.5%;} .col-push-1-9{left:11.11111111111111%;} .col-push-1-10{left:10%;} .col-push-1-11{left:9.090909090909091%;} /***********************************************************************************************************************************/ /* SPACE */ /***********************************************************************************************************************************/ .grid-space-s .row,body[class*="grid-space"] .grid-space-s > .row,.grid-space-s.row/*,.grid-space-s .stripe-edge .stripe-text-image .section-text-in*/{margin-left:-4px; margin-right:-4px;} .grid-space-s .col,.grid-space-s > .row > .col,.grid-space-s > .element-content > .row > .col,.grid-space-s.stripe > .stripe-in > .row > .col{padding:0 4px;} .grid-space-s .col .item,.grid-space-s > .row > .col .item,.grid-space-s .flex-container .row > .col,.grid-space-s .flex-container.row > .col{margin-bottom:8px;} .grid-space-s.flex-container > .row > .col,.grid-space-s > .element-content > .row > .col{margin-bottom:8px !important;} .grid-space-s .stripe-in{padding-left:8px; padding-right:8px;} .grid-space-s .stripe-edge > .stripe-in,.grid-space-s .content-edge{margin-left:-8px; margin-right:-8px;} .grid-space-s .stripe-edge:not(.stripe-catalogue-detail-width) .stripe-text-image.stripe-text-l .section-text-in,.grid-space-s .stripe-edge:not(.stripe-catalogue-detail-width) .stripe-text-image.stripe-text-r.stripe-image-width .section-image-in{padding-left:8px;} .grid-space-s .stripe-edge .stripe-text-l .stripe-text-image .section-text-in{padding-left:4px;} .grid-space-s .stripe-edge:not(.stripe-catalogue-detail-width) .stripe-text-image.stripe-text-r .section-text-in,.grid-space-s .stripe-edge:not(.stripe-catalogue-detail-width) .stripe-text-image.stripe-text-l.stripe-image-width .section-image-in{padding-right:8px;} .grid-space-s .stripe-edge .stripe-text-r .stripe-text-image .section-text-in{padding-right:4px;} .grid-space-s .section-text,.grid-space-l .section-image{padding:0;} .grid-space-s .stripe-text-width.stripe-text-l:not(.stripe-image-width) .section-text:not(.col-6) .section-text-in, .grid-space-s .stripe-text-width.stripe-image-width.stripe-text-l .section-text:not(.col-6) .section-text-in{padding-left:8px;} .grid-space-s .stripe-text-width.stripe-text-r:not(.stripe-image-width) .section-text:not(.col-6) .section-text-in, .grid-space-s .stripe-text-width.stripe-image-width.stripe-text-r .section-text:not(.col-6) .section-text-in{padding-right:8px;} .grid-space-s .stripe-image-width:not(.stripe-text-width) .section-image:not(.col-6) .section-image-in, .grid-space-s .stripe-image-width.stripe-text-width .section-image:not(.col-6) .section-image-in{width:calc(100% - 8px);} .grid-space-s .section-text.col-12 .section-text-in{padding-left:8px; padding-right:8px;} .grid-space-s fieldset{padding:8px;} /*.grid-space-s .form-border .form-part,.grid-space-s .form-part > .boxed{padding:0 8px;} .grid-space-s .form-border .form-part.form-head,.grid-space-s .form-part-border .form-part,.grid-space-s fieldset,.grid-space-s .form-part > .boxed{padding-top:8px;}*/ .grid-space-s fieldset,.grid-space-s .masonry .article .item,.grid-space-s .masonry.article .item{margin-bottom:8px;} .grid-space-s .masonry .article,.grid-space-s .masonry.article{column-gap:8px;} .grid-space-s .article.items-boxed-text .article-item-image{left:4px;} .grid-space-s .stripe-last-item-margin-reset{margin-top:calc(-8px - 1px);} .grid-space-m .row,body[class*="grid-space"] .grid-space-m > .row,.grid-space-m.row/*,.grid-space-m .stripe-edge .stripe-text-image .section-text-in*/{margin-left:-8px; margin-right:-8px;} .grid-space-m .col,.grid-space-m > .row > .col,.grid-space-m > .element-content > .row > .col,.grid-space-m.stripe > .stripe-in > .row > .col{padding:0 8px;} .grid-space-m .col .item,.grid-space-m > .row > .col .item,.grid-space-m .flex-container .row > .col,.grid-space-m .flex-container.row > .col{margin-bottom:16px;} .grid-space-m.flex-container > .row > .col,.grid-space-m > .element-content > .row > .col{margin-bottom:16px !important;} .grid-space-m .stripe-in{padding-left:16px; padding-right:16px;} .grid-space-m .stripe-edge > .stripe-in,.grid-space-m .content-edge{margin-left:-16px; margin-right:-16px;} .grid-space-m .stripe-edge:not(.stripe-catalogue-detail-width) .stripe-text-image.stripe-text-l .section-text-in,.grid-space-m .stripe-edge:not(.stripe-catalogue-detail-width) .stripe-text-image.stripe-text-r.stripe-image-width .section-image-in{padding-left:16px;} .grid-space-m .stripe-edge .stripe-text-l .stripe-text-image .section-text-in{padding-left:8px;} .grid-space-m .stripe-edge:not(.stripe-catalogue-detail-width) .stripe-text-image.stripe-text-r .section-text-in,.grid-space-m .stripe-edge:not(.stripe-catalogue-detail-width) .stripe-text-image.stripe-text-l.stripe-image-width .section-image-in{padding-right:16px;} .grid-space-m .stripe-edge .stripe-text-r .stripe-text-image .section-text-in{padding-right:8px;} .grid-space-m .section-text,.grid-space-l .section-image{padding:0;} .grid-space-m .stripe-text-width.stripe-text-l:not(.stripe-image-width) .section-text:not(.col-6) .section-text-in, .grid-space-m .stripe-text-width.stripe-image-width.stripe-text-l .section-text:not(.col-6) .section-text-in{padding-left:16px;} .grid-space-m .stripe-text-width.stripe-text-r:not(.stripe-image-width) .section-text:not(.col-6) .section-text-in, .grid-space-m .stripe-text-width.stripe-image-width.stripe-text-r .section-text:not(.col-6) .section-text-in{padding-right:16px;} .grid-space-m .stripe-image-width:not(.stripe-text-width) .section-image:not(.col-6) .section-image-in, .grid-space-m .stripe-image-width.stripe-text-width .section-image:not(.col-6) .section-image-in{width:calc(100% - 16px);} .grid-space-m .section-text.col-12 .section-text-in{padding-left:16px; padding-right:16px;} .grid-space-m fieldset{padding:16px;} /*.grid-space-m .form-border .form-part,.grid-space-m .form-part > .boxed{padding:0 16px;} .grid-space-m .form-border .form-part.form-head,.grid-space-m .form-part-border .form-part,.grid-space-m fieldset,.grid-space-m .form-part > .boxed{padding-top:16px;}*/ .grid-space-m fieldset,.grid-space-m .masonry .article .item,.grid-space-m .masonry.article .item{margin-bottom:16px;} .grid-space-m .masonry .article,.grid-space-m .masonry.article{column-gap:16px;} .grid-space-m .article.items-boxed-text .article-item-image{left:8px;} .grid-space-m .stripe-last-item-margin-reset{margin-top:calc(-16px - 1px);} .grid-space-l .row,body[class*="grid-space"] .grid-space-l > .row,.grid-space-l.row/*,.grid-space-l .stripe-edge .stripe-text-image .section-text-in*/{margin-left:-12px; margin-right:-12px;} .grid-space-l .col,.grid-space-l > .row > .col,.grid-space-l > .element-content > .row > .col,.grid-space-l.stripe > .stripe-in > .row > .col{padding:0 12px;} .grid-space-l .col .item,.grid-space-l > .row > .col .item,.grid-space-l .flex-container .row > .col,.grid-space-l .flex-container.row > .col{margin-bottom:24px;} .grid-space-l.flex-container > .row > .col,.grid-space-l > .element-content > .row > .col{margin-bottom:24px !important;} .grid-space-l .stripe-in{padding-left:24px; padding-right:24px;} .grid-space-l .stripe-edge > .stripe-in,.grid-space-l .content-edge{margin-left:-24px; margin-right:-24px;} .grid-space-l .stripe-edge:not(.stripe-catalogue-detail-width) .stripe-text-image.stripe-text-l .section-text-in,.grid-space-l .stripe-edge:not(.stripe-catalogue-detail-width) .stripe-text-image.stripe-text-r.stripe-image-width .section-image-in{padding-left:24px;} .grid-space-l .stripe-edge .stripe-text-l .stripe-text-image .section-text-in{padding-left:12px;} .grid-space-l .stripe-edge:not(.stripe-catalogue-detail-width) .stripe-text-image.stripe-text-r .section-text-in,.grid-space-l .stripe-edge:not(.stripe-catalogue-detail-width) .stripe-text-image.stripe-text-l.stripe-image-width .section-image-in{padding-right:24px;} .grid-space-l .stripe-edge .stripe-text-r .stripe-text-image .section-text-in{padding-right:12px;} .grid-space-l .section-text,.grid-space-l .section-image{padding:0;} .grid-space-l .stripe-text-width.stripe-text-l:not(.stripe-image-width) .section-text:not(.col-6) .section-text-in, .grid-space-l .stripe-text-width.stripe-image-width.stripe-text-l .section-text:not(.col-6) .section-text-in{padding-left:24px;} .grid-space-l .stripe-text-width.stripe-text-r:not(.stripe-image-width) .section-text:not(.col-6) .section-text-in, .grid-space-l .stripe-text-width.stripe-image-width.stripe-text-r .section-text:not(.col-6) .section-text-in{padding-right:24px;} .grid-space-l .stripe-image-width:not(.stripe-text-width) .section-image:not(.col-6) .section-image-in, .grid-space-l .stripe-image-width.stripe-text-width .section-image:not(.col-6) .section-image-in{width:calc(100% - 24px);} .grid-space-l .section-text.col-12 .section-text-in{padding-left:24px; padding-right:24px;} /*.grid-space-l .ws-slider-controls-prev{left:24px;} .grid-space-l .ws-slider-controls-next{right:24px;}*/ .grid-space-l fieldset{padding:24px;} /*.grid-space-l .form-border .form-part,.grid-space-l .form-part > .boxed{padding:0 24px;} .grid-space-l .form-border .form-part.form-head,.grid-space-l .form-part-border .form-part,.grid-space-l fieldset,.grid-space-l .form-part > .boxed{padding-top:24px;}*/ .grid-space-l fieldset,.grid-space-l .masonry .article .item,.grid-space-l .masonry.article .item{margin-bottom:24px;} .grid-space-l .masonry .article,.grid-space-l .masonry.article{column-gap:24px;} .grid-space-l .article.items-boxed-text .article-item-image{left:12px;} .grid-space-l .stripe-last-item-margin-reset{margin-top:calc(-24px - 1px);} .grid-space-xl .row,body[class*="grid-space"] .grid-space-xl > .row,.grid-space-xl.row/*,.grid-space-xl .stripe-edge .stripe-text-image .section-text-in*/{margin-left:-16px; margin-right:-16px;} .grid-space-xl .col,.grid-space-xl > .row > .col,.grid-space-xl > .element-content > .row > .col,.grid-space-xl.stripe > .stripe-in > .row > .col{padding:0 16px;} .grid-space-xl .col .item,.grid-space-xl > .row > .col .item,.grid-space-xl .flex-container .row > .col,.grid-space-xl .flex-container.row > .col{margin-bottom:32px;} .grid-space-xl.flex-container > .row > .col,.grid-space-xl > .element-content > .row > .col{margin-bottom:32px !important;} .grid-space-xl .stripe-in{padding-left:32px; padding-right:32px;} .grid-space-xl .stripe-edge > .stripe-in,.grid-space-xl .content-edge{margin-left:-32px; margin-right:-32px;} .grid-space-xl .stripe-edge:not(.stripe-catalogue-detail-width) .stripe-text-image.stripe-text-l .section-text-in,.grid-space-xl .stripe-edge:not(.stripe-catalogue-detail-width) .stripe-text-image.stripe-text-r.stripe-image-width .section-image-in{padding-left:32px;} .grid-space-xl .stripe-edge .stripe-text-l .stripe-text-image .section-text-in{padding-left:16px;} .grid-space-xl .stripe-edge:not(.stripe-catalogue-detail-width) .stripe-text-image.stripe-text-r .section-text-in,.grid-space-xl .stripe-edge:not(.stripe-catalogue-detail-width) .stripe-text-image.stripe-text-l.stripe-image-width .section-image-in{padding-right:32px;} .grid-space-xl .stripe-edge .stripe-text-r .stripe-text-image .section-text-in{padding-right:16px;} .grid-space-xl .section-text,.grid-space-l .section-image{padding:0;} .grid-space-xl .stripe-text-width.stripe-text-l:not(.stripe-image-width) .section-text:not(.col-6) .section-text-in, .grid-space-xl .stripe-text-width.stripe-image-width.stripe-text-l .section-text:not(.col-6) .section-text-in{padding-left:32px;} .grid-space-xl .stripe-text-width.stripe-text-r:not(.stripe-image-width) .section-text:not(.col-6) .section-text-in, .grid-space-xl .stripe-text-width.stripe-image-width.stripe-text-r .section-text:not(.col-6) .section-text-in{padding-right:32px;} .grid-space-xl .stripe-image-width:not(.stripe-text-width) .section-image:not(.col-6) .section-image-in, .grid-space-xl .stripe-image-width.stripe-text-width .section-image:not(.col-6) .section-image-in{width:calc(100% - 32px);} .grid-space-xl .section-text.col-12 .section-text-in{padding-left:32px; padding-right:32px;} /*.grid-space-xl .ws-slider-controls-prev{left:32px;} .grid-space-xl .ws-slider-controls-next{right:32px;}*/ .grid-space-xl fieldset{padding:24px;} /*.grid-space-xl .form-border .form-part,.grid-space-xl .form-part > .boxed{padding:0 32px;} .grid-space-xl .form-border .form-part.form-head,.grid-space-xl .form-part-border .form-part,.grid-space-xl fieldset,.grid-space-xl .form-part > .boxed{padding-top:32px;}*/ .grid-space-xl fieldset,.grid-space-xl .masonry .article .item,.grid-space-xl .masonry.article .item{margin-bottom:32px;} .grid-space-xl .masonry .article,.grid-space-xl .masonry.article{column-gap:32px;} .grid-space-xl .article.items-boxed-text .article-item-image{left:16px;} .grid-space-xl .stripe-last-item-margin-reset{margin-top:calc(-32px - 1px);} .stripe-last-item-margin-reset{border-top:1px solid transparent;} .grid-space-s .stripe-image-width .section-image,.grid-space-m .stripe-image-width .section-image,.grid-space-l .stripe-image-width .section-image,.grid-space-xl .stripe-image-width .section-image{padding-left:0; padding-right:0;} .grid-space-1px .row{margin-left:-1px !important; margin-right:-1px !important;} .grid-space-1px .row > .col{padding:0 1px !important; margin-bottom:2px !important;} .grid-space-none .row{margin-left:0 !important; margin-right:0 !important;} .grid-space-none .row > .col{padding:0 !important; margin-bottom:0 !important;} /***********************************************************************************************************************************/ /* FLEXBOX */ /***********************************************************************************************************************************/ .flex-container.row,.flex-container .row,.flex-container .item,.flex-container-stripe > .stripe-in > .row, .row-flex,.col-flex, .catalogue-view1 .item-content-text, .ws-slider-digest .row{display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex;} .row-flex::before,.row-flex::after{display:none;} .row-flex.row > .col{float:none;} .flex-gap-05{gap:.5em;} .flex-gap-1{gap:1em;} .flex-wrap{flex-wrap:wrap !important;} .flex-container.row,.flex-container .row,.flex-container .item{flex-wrap:wrap;} .flex-nowrap{flex-wrap:nowrap !important;} .row-flex,.col-flex, .flex-container .item{flex-wrap:nowrap;} .flex-row, .row-flex > *,.col-flex > *{flex-direction:row;} .flex-column, .flex-container .item, .catalogue-view1 .item-content-text{flex-direction:column;} .flex-start, .row-center.flex-container.row.ws-slider-digest:not(.ws-slider-digest-center), .row-center.flex-container.ws-slider-digest:not(.ws-slider-digest-center) .row{justify-content:flex-start;} .flex-center, .row-center.flex-container.row, .row-center.flex-container .row, .row-center .flex-container.row, .row-center .flex-container .row{justify-content:center;} .flex-space-between, #head .row-flex,#head .col-flex{justify-content:space-between;} .flex-1{flex:1;} .flex-valign-top{align-items:flex-start !important;} .flex-valign-bottom{align-items:flex-end !important;} .flex-container .item{height:100%; margin-bottom:0 !important;} .flex-container .item-content-text{height:100%;} .flex-container .item .image,.flex-container .element-search .item,.flex-container.gallery-v2 .item-content-text{height:auto;} .flex-container .item .image{flex-shrink:0;} .row-flex,.col-flex{align-items:center;} .row-flex > *{width:auto;} .col-flex > *{margin-top:0; margin-bottom:0;} .row-flex > .col-flex > *:not(.col-head-logo){height:auto !important;} /* Stripe flexbox */ .stripe[class*="stripe-flex"] > .stripe-in > .row{display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; align-items:center;} .stripe.stripe-flex-h-t > .stripe-in > .row{align-items:flex-start;} .stripe.stripe-flex-h-b > .stripe-in > .row{align-items:flex-end;} /***********************************************************************************************************************************/ /* */ /* LAYER (Z-INDEX) */ /* */ /***********************************************************************************************************************************/ #body{z-index:3;} /***********************************************************************************************************************************/ /* HEAD & NAVIGATION */ /***********************************************************************************************************************************/ /*#head{z-index:100;}*/ #head,#head-content{z-index:400;} /*#head.head-absolute{z-index:200;}*/ #head.head-fixed,#head.head-fixed.sticky-element.stuck{z-index:400;} #top-bar,.head-elements,.element-head{z-index:401;} #nav{z-index:300;} #nav .nav li > ul{z-index:300;} .nav-unpacking{z-index:90;} .nav-unpacking .nav li > ul{z-index:100;} #nav > .stripe{z-index:3;} #nav:hover{z-index:402;} #top-page{z-index:200;} .megamenu:hover,.megamenu-hover{z-index:1000;} .megamenu-container{z-index:1001;} /* Smooth scroll */ html{scroll-behavior:smooth;} html.head-desktop-fixed{scroll-padding-top:6em;} /***********************************************************************************************************************************/ /* STRIPE */ /***********************************************************************************************************************************/ .stripe-in{z-index:2;} .stripe-link-layer,.stripe-link-layer a{z-index:3;} .col{z-index:2;} /***********************************************************************************************************************************/ /* ICON */ /***********************************************************************************************************************************/ .field-icon .icon,.label-icon{z-index:1;} .image-in.icon::before{z-index:0;} .image-in.icon a{z-index:1;} .testimonial .item-content-text::before,.testimonial .item-content-text::after{z-index:2;} .testimonial .item-content-text::after{z-index:1;} .image-gallery-icon,.image-in.icon a.image-gallery-icon{z-index:3;} /***********************************************************************************************************************************/ /* ELEMENT & OTHER */ /***********************************************************************************************************************************/ .search-form{z-index:50;} .search-form .item + .item{z-index:1000;} .gallery-v2 .item-text{z-index:1;} .catalogue-filter-items,.catalogue-stickers{z-index:3;} .ws-slider-controls,.ws-slider-controls-arrows{z-index:4;} .ws-slider-timmer{z-index:4;} .ws-pack-item-content{z-index:3;} #cookie-info-in{z-index:300;} #special-element-side-1,#special-element-side-2{z-index:200;} #advert-slide{z-index:1;} .article-filter,.filters-horizontal{z-index:10;} .article-filter .ws-unpack .ws-pack-item-header{z-index:3;} /***********************************************************************************************************************************/ /* LAYER OVER */ /***********************************************************************************************************************************/ .popup-window-close{z-index:1000;} .preview-bar-in{z-index:1001;} #demand-window{z-index:1000;} .ws-dialog-container{z-index:9999999;} .ws-dialog-window{z-index:1001;} .ws-dialog-window-close{z-index:1002;} .over-page-layer{z-index:-1;} .ws-dialog-container .over-page-layer{z-index:1;} /***********************************************************************************************************************************/ /* */ /* TRANSITION */ /* */ /***********************************************************************************************************************************/ .transition100, .nav a,.nav-default a, .items-shadow-inner-hover .item, input[type="radio"] + label::before,input[type="checkbox"] + label::before, .filter .field .image ~ label::before, .catalogue-subcats .item, .social-icon::after{-webkit-transition:100ms; -moz-transition:100ms; transition:100ms;} .transition150, a, .megamenu-container{-webkit-transition:150ms; -moz-transition:150ms; transition:150ms;} .transition200, .head-absolute.head-fixed #head-content,.col-head-logo img,.head-claim p,#head-content > .stripe > .stripe-in,.logo-image,#head .nav a,.head-elements,.head-elements .head-icon, #nav .nav ul:first-child > li > a > strong::before,#nav .nav ul:first-child > li > a:hover > span:first-child::before, input,textarea,select,button,.button, .gallery-v2 .item .item-text,.gallery-v2 .image-gallery-icon, .image img,.image2 img{-webkit-transition:200ms; -moz-transition:200ms; transition:200ms;} .transition300, .items-image-box .image,.item-image-box .image, .gallery-v2 .item-text, .strip, .ws-slider-hidden-controls .ws-slider-controls,.ws-slider-hidden-controls .ws-slider-controls-arrows, .ws-faq-answer.jump-to-highlight{-webkit-transition:300ms; -moz-transition:300ms; transition:300ms;} .transition400, .ws-show-event, .image-switch a > picture img,.image-switch .image-switch-img{transition:400ms;} .transition600{transition:600ms;} .transition-delay100, .image-switch:hover a > picture img,.image-switch:hover .image-switch-img{transition-delay:100ms;} .transition-delay150{transition-delay:150ms;} /*=================================================================================================================================*/ /*=================================================================================================================================*/ /* */ /* BASIC */ /* */ /*=================================================================================================================================*/ /*=================================================================================================================================*/ /***********************************************************************************************************************************/ /* FONT */ /***********************************************************************************************************************************/ /**{font-family:Arial,Verdana,lucida,sans-serif;}*/ /***********************************************************************************************************************************/ /* JS ENABLED */ /***********************************************************************************************************************************/ .js_enabled .js_toggle-show-content{display:none;} /***********************************************************************************************************************************/ /* BASIC */ /***********************************************************************************************************************************/ *,.icon::before,.icon::after{line-height:1.4em; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} body{text-align:center; margin:0; padding:0;} /***********************************************************************************************************************************/ /* TITLE */ /***********************************************************************************************************************************/ h1,h2,h3,h4,h5,h6{margin:1em 0 .8em;} h1,h2,h3,h4,h5,h6,h1 *,h2 *,h3 *,h4 *,h5 *,h6 *,.item-heading,.item-heading *:not(input):not(label){line-height:1.3em;} h1,.ws-slider *.item-heading{ margin:0 0 .4em;} #content .title-decoration,.title-decoration h1,.title-decoration .section-text-standard h1.item-heading,.title-decoration #content h2:not(.item-heading):not(.form-heading), .title-decoration-h1 h1,.title-decoration-h2 h2,.title-decoration-h3 h3,.title-decoration-h4 h4,.title-decoration-h5 h5,.title-decoration-h6 h6{position:relative; padding-bottom:.5em;} #content .title-decoration:not(.title-decoration-before),.title-decoration:not(.title-decoration-before) h1,.title-decoration:not(.title-decoration-before) .section-text-standard h1.item-heading,.title-decoration:not(.title-decoration-before) #content h2:not(.item-heading):not(.form-heading), .title-decoration-h1:not(.title-decoration-before) h1,.title-decoration-h2:not(.title-decoration-before) h2,.title-decoration-h3:not(.title-decoration-before) h3,.title-decoration-h4:not(.title-decoration-before) h4,.title-decoration-h5:not(.title-decoration-before) h5,.title-decoration-h6 h6:not(.title-decoration-before), .title-decoration:not(.title-decoration-before) .catalogue-detail h1,.title-decoration:not(.title-decoration-before) .catalogue-detail #h1{margin-bottom:.7em;} #content .title-decoration::after,.title-decoration h1::after,.title-decoration #content h2:not(.item-heading):not(.form-heading)::after, .title-decoration-h1 h1::after,.title-decoration-h2 h2::after,.title-decoration-h3 h3::after,.title-decoration-h4 h4::after,.title-decoration-h5 h5::after,.title-decoration-h6 h6::after{content:""; display:block; position:absolute; left:0; bottom:0; width:150px; height:2px;} #content .title-decoration[style*="center"]::after,#content .title-decoration.c::after,#content .c .title-decoration::after,.title-decoration h1[style*="center"]::after,.title-decoration #content h2[style*="center"]:not(.item-heading):not(.form-heading)::after, .title-decoration .element-heading-c h1::after,.title-decoration #content .element-heading-c h2:not(.item-heading):not(.form-heading)::after, .title-decoration .stripe-text-only .section-text-in h1::after, .title-decoration .c h1::after,.title-decoration #content .c h2:not(.item-heading):not(.form-heading)::after, .title-decoration h1.c::after,.title-decoration #content h2.c:not(.item-heading):not(.form-heading)::after{left:50%; -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); transform:translateX(-50%);} /* before */ #content .title-decoration.title-decoration-before,.title-decoration.title-decoration-before h1,.title-decoration.title-decoration-before .section-text-standard h1.item-heading,.title-decoration.title-decoration-before #content h2:not(.item-heading):not(.form-heading), .title-decoration-before .title-decoration-h1 h1,.title-decoration-before .title-decoration-h2 h2,.title-decoration-before .title-decoration-h3 h3,.title-decoration-before .title-decoration-h4 h4,.title-decoration-before .title-decoration-h5 h5,.title-decoration-before .title-decoration-h6 h6{padding-bottom:0; /*margin-bottom:0;*/ padding-top:.5em;} #content .title-decoration.title-decoration-before::after,.title-decoration.title-decoration-before h1::after,.title-decoration.title-decoration-before #content h2:not(.item-heading):not(.form-heading)::after, .title-decoration-before .title-decoration-h1 h1::after,.title-decoration-before .title-decoration-h2 h2::after,.title-decoration-before .title-decoration-h3 h3::after,.title-decoration-before .title-decoration-h4 h4::after,.title-decoration-before .title-decoration-h5 h5::after,.title-decoration-before .title-decoration-h6 h6::after{top:0; bottom:auto;} .title-decoration-none h1,.title-decoration-none h2,.title-decoration-none h3,.title-decoration-none h4,.title-decoration-none h5,.title-decoration-none h6{padding:0 !important; margin-top:0 !important; margin-bottom:.7em !important;} .title-decoration-none h1::after,.title-decoration-none h2::after,.title-decoration-none h3::after,.title-decoration-none h4::after,.title-decoration-none h5::after,.title-decoration-none h6::after{display:none !important;} /***********************************************************************************************************************************/ /* TAG */ /***********************************************************************************************************************************/ strong,dt{font-weight:700;} p{margin:1em 0;} ul,ol{margin-top:1em; margin-bottom:1em;} li{margin-top:.4em; margin-bottom:.4em;} dt{margin-top:.5em;} hr{height:1px; margin:1.5em 0; border-width:1px 0 0 0; border-style:solid;} img,a img{border:none;} iframe{max-width:100%;} figure{margin:1em 0;} figure img{display:block; margin-top:0; margin-bottom:0;} img + figcaption{font-size:90%; padding:1em 1.5em;} /***********************************************************************************************************************************/ /* BORDER */ /***********************************************************************************************************************************/ .items-border-none .item,.items-boxed.items-border-none .item,.tag-category-content:last-child{border:none !important;} /***********************************************************************************************************************************/ /* BACKGROUND */ /***********************************************************************************************************************************/ /* Colors */ /*.bg-light{} .bg-dark{} .bg-prim{} .bg-sec{}*/ .bg-white{background-color:white;} .bg-white *{color:black;} .bg-black{background-color:black;} .bg-black *{color:white;} .bg-layer span[class*="bg-"],.section-bg .section-text-bg-layer,.megamenu-loading-content .section-text-bg-layer{position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; z-index:-1; -webkit-opacity:.9; -moz-opacity:.9; opacity:.9;} .megamenu-loading-content .section-text-bg-layer{-webkit-opacity:.7; -moz-opacity:.7; opacity:.7;} .opacity-1,.bg-image-opacity-01 > .section-image-bg{opacity:.1 !important;} .opacity-2,.bg-image-opacity-02 > .section-image-bg{opacity:.2 !important;} .opacity-3,.bg-image-opacity-03 > .section-image-bg{opacity:.3 !important;} .opacity-4,.bg-image-opacity-04 > .section-image-bg{opacity:.4 !important;} .opacity-5,.bg-image-opacity-05 > .section-image-bg{opacity:.5 !important;} .opacity-6,.bg-image-opacity-06 > .section-image-bg{opacity:.6 !important;} .opacity-7,.bg-image-opacity-07 > .section-image-bg{opacity:.7 !important;} .opacity-8,.bg-image-opacity-08 > .section-image-bg{opacity:.8 !important;} .opacity-9,.bg-image-opacity-09 > .section-image-bg{opacity:.9 !important;} .bg-prim .message h1,.bg-prim .message h2,.bg-prim .message h3,.bg-prim .message h4,.bg-prim .message h5,.bg-prim .message h6, .bg-sec .message h1,.bg-sec .message h2,.bg-sec .message h3,.bg-sec .message h4,.bg-sec .message h5,.bg-sec .message h6{color:inherit !important;} .digest:not(.section-bg) .section-text-bg-layer,.digest.text-light .section-text-bg-layer,.digest.text-dark .section-text-bg-layer{display:none;} .digest .section-text-bg-layer{z-index:0;} /*.digest.items-bg-prim.section-bg .item .item-heading a{color:inherit !important;} .digest.items-bg-prim .item{color:inherit !important;}*/ .section-bg .section-text-bg{position:relative; z-index:1; display:inline-block; padding:2em 40px 2.5em;} .text-light.section-bg .section-text-bg-layer{background-color:black; background-color:rgba(0,0,0,.7);} .text-dark.section-bg .section-text-bg-layer{background-color:white; background-color:rgba(255,255,255,.7);} /* Background images */ body.bg-image-width{background-position:0 0; background-repeat:no-repeat;} .bg-image,.bg-image-auto,.bg-image-width,.bg-image-height,.bg-image-full, .bg-image-auto > .section-image-bg .section-image-bg-in, .bg-image-width > .section-image-bg .section-image-bg-in, .bg-image-height > .section-image-bg .section-image-bg-in, .bg-image-full > .section-image-bg .section-image-bg-in{background-position:50% 50%; background-repeat:no-repeat;} .bg-image, .bg-image > .section-image-bg .section-image-bg-in{background-size:cover;} .bg-image-full, .bg-image-full > .section-image-bg .section-image-bg-in{background-size:100% 100%;} .bg-image-auto, .bg-image-auto > .section-image-bg .section-image-bg-in{background-size:auto;} .bg-image-width, .bg-image-width > .section-image-bg .section-image-bg-in{background-size:100% auto;} .bg-image-height, .bg-image-height > .section-image-bg .section-image-bg-in{background-size:auto 100%;} .bg-image-fixed,.body-bg-image-fixed, .bg-image-fixed > .section-image-bg .section-image-bg-in{background-attachment:fixed;} /* Parallax scrolling */ /*.bg-parallax > .section-image-bg{}*/ .bg-parallax > .section-image-bg .section-image-bg-in, .bg-parallax-section-image.stripe-image-full .section-image .image-in{height:calc(100% + 400px); top:-200px;} .bg-parallax-section-image.stripe-image-full .section-image .image-in{max-height:none;} .bg-position-c,.bg-position-c > .section-image-bg .section-image-bg-in{background-position:50% 50%;} .bg-position-l,.bg-position-l > .section-image-bg .section-image-bg-in{background-position:0 0;} /*.bg-position-r,.bg-position-r > .section-image-bg .section-image-bg-in{background-position:100% 0;}*/ .bg-image-w25 > .section-image-bg{width:25%;} .bg-image-w30 > .section-image-bg{width:30%;} .bg-image-w50 > .section-image-bg{width:50%;} .bg-image-w75 > .section-image-bg{width:75%;} .bg-image-right > .section-image-bg{left:auto; right:0;} .bg-image-right.bg-image-auto > .section-image-bg .section-image-bg-in{background-position:100% 0;} .bg-position-c.bg-image-w25 > .section-image-bg{width:25% !important; left:50% !important; margin-left:-12.5% !important;} .bg-position-c.bg-image-w30 > .section-image-bg{width:30% !important; left:50% !important; margin-left:-15% !important;} .bg-position-c.bg-image-w50 > .section-image-bg{width:50% !important; left:50% !important; margin-left:-25% !important;} .bg-position-c.bg-image-w75 > .section-image-bg{width:75% !important; left:50% !important; margin-left:-37.5% !important;} .bg-image-top > .section-image-bg .section-image-bg-in{background-position-y:0;} .bg-image-bottom > .section-image-bg .section-image-bg-in{background-position-y:100%;} .bg-image-w25.stripe-width > .section-image-bg{left:25%; margin-left:-500px;} .bg-image-w25.bg-image-right.stripe-width > .section-image-bg{right:25%; left:auto; margin-right:-500px;} .layout-s .bg-image-w25.stripe-width > .section-image-bg{width:calc(25% + 225px);} .layout-m .bg-image-w25.stripe-width > .section-image-bg{width:calc(25% + 140px);} .layout-l .bg-image-w25.stripe-width > .section-image-bg{width:calc(25% + 82.5px);} .bg-transparent, .bg-transparent > .section-image-bg .section-image-bg-in{background-color:transparent;} /* positioning picture/img in background */ .bg-image-auto > .section-image-bg .section-image-bg-in-img img{object-fit:none;} .bg-image-width > .section-image-bg .section-image-bg-in-img img{object-position:50% 50%;} .bg-image-height > .section-image-bg .section-image-bg-in-img img{width:auto; margin:0 auto;} .bg-position-l > .section-image-bg .section-image-bg-in-img img{object-position:0 0;} .bg-position-c > .section-image-bg .section-image-bg-in-img img{object-position:50% 50%;} .bg-image-right.bg-image-auto > .section-image-bg .section-image-bg-in-img img{object-position:100% 0;} .bg-image-top > .section-image-bg .section-image-bg-in-img img{object-position:50% 0;} .bg-image-bottom > .section-image-bg .section-image-bg-in-img img{object-position:50% 100%;} /* fixed */ .bg-image-fixed > .section-image-bg .section-image-bg-in-img img{position:fixed; top:0; left:0;} .bg-image-fixed > .section-image-bg .section-image-bg-in-img{clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);} /***********************************************************************************************************************************/ /* */ /* HEAD */ /* */ /***********************************************************************************************************************************/ /***********************************************************************************************************************************/ /* HEAD & TOP BAR ELEMENT */ /***********************************************************************************************************************************/ .element-head{text-align:left;} .element-head .ws-pack-item-header.icon,.head-elements .item.boxed,.element-head .ws-pack-icons-svg .ws-pack-item-header{padding-left:10px; padding-right:10px;} .topbar-element-icon #top-bar .element-head:last-child .boxed:not(.ws-pack-item-content):not(.element-cart-price-sum),.head-element-icon .head-elements .element-head:last-child .boxed:not(.ws-pack-item-content):not(.element-cart-price-sum){padding-right:0 !important;} /***********************************************************************************************************************************/ /* TOP BAR */ /***********************************************************************************************************************************/ #top-bar{position:relative; /*z-index:11;*/ border-width:0 0 1px 0; border-style:solid;} #top-bar .stripe-valign .row > .col{float:none; display:inline-block; vertical-align:middle;} #top-bar .element{vertical-align:middle;} .top-bar-hidden #top-bar{display:none !important;} #top-bar .element{font-size:90%;} #top-bar .element:not(.element-head) *{font-size:100%;} #top-bar .element .item,.head-elements .element .item{margin:0 !important;} #top-bar .element .boxed:not(.ws-pack-item-content):not(.search-suggest),.head-elements .boxed{padding-top:.2em; padding-bottom:.2em;} /*#top-bar .element-head .ws-pack-item-header.icon,#top-bar .element-head .item.boxed{padding-left:10px; padding-right:10px;}*/ #top-bar .ws-pack-item-header > .icon::before,#top-bar .ws-pack-item-header > .icon .icon,#top-bar .element-head .item .icon::before,#top-bar .element-head .item .icon .icon{margin-right:0;} #top-bar .ws-pack-item-header.icon::after,#top-bar .ws-pack-item-header .icon{margin-left:0;} /* Top bar minimal */ .top-bar-minimal #top-bar .element .boxed:not(.ws-pack-item-content):not(.search-suggest):not(.element-cart-price-sum){/*padding-top:0; padding-bottom:0;*/ background-color:transparent; border-color:transparent;} .top-bar-minimal #top-bar .element-no-boxed + .element-no-boxed{margin-left:0;} /* Without texts*/ .topbar-element-icon #top-bar .element-head{border:none;} .topbar-element-icon #top-bar .head-icon-in{display:none;} /***********************************************************************************************************************************/ /* HEAD */ /***********************************************************************************************************************************/ #head,#head-content{position:relative; /*z-index:10;*/} /*.head-icon{text-align:center; border:1px solid black;}*/ #head .nav ul:first-child > li > a.nav-container::after{display:inline-block; margin-left:.3em; line-height:0;} #nav .nav ul:first-child > li > a > strong,#nav .nav ul:first-child > li > a > span:first-child,.nav-decoration #head-content .element-nav-catalogue .nav ul:first-child > li > a > strong{position:relative;} .nav-decoration #nav .nav ul:first-child > li > a > strong::before,.nav-decoration #head-content .element-nav-catalogue .nav ul:first-child > li > a > strong::before{content:""; position:absolute; top:1.6em; width:30px; height:2px; left:50%; transform:translateX(-50%); /*display:none;*/} .nav-decoration #nav .nav ul:first-child > li > a.nav-container > strong::before,.nav-decoration #head-content .element-nav-catalogue .nav ul:first-child > li > a.nav-container > strong::before{margin-left:.5em;} /*#logo{}*/ #logo{font-weight:400;} #logo a,#logo img{display:block; width:auto; text-decoration:none;} .head-claim p{font-size:130%; padding:.2em 0 .2em 20px; margin:0; border-width:0 0 0 1px; border-style:solid;} .head-shrink .head-claim p{font-size:100%;} .stripe-space-xs > .stripe-in .col-head-logo img{max-height:2.4em /*calc(1.4em + 2 * .5em)*/;} .stripe-space-s > .stripe-in .col-head-logo img{max-height:3.4em /*calc(1.4em + 2 * 1em)*/;} .stripe-space-m > .stripe-in .col-head-logo img{max-height:5.4em /*calc(1.4em + 2 * 2.5em)*/;} .stripe-space-l > .stripe-in .col-head-logo img{max-height:11.4em /*calc(1.4em + 2 * 5em)*/;} .stripe-space-xl > .stripe-in .col-head-logo img{max-height:15.4em /*calc(1.4em + 2 * 7em)*/;} .logo-overflow .col-head-logo{position:static; vertical-align:bottom;} .logo-overflow #logo{position:absolute; bottom:-50%; left:0; height:150%; padding-left:inherit;} /* Head position */ #head.head-absolute{position:absolute; width:100%; /*z-index:100;*/} #head.head-absolute ~ #body{padding-top:0;} .layout-boxed #head.head-fixed{position:absolute;} #head.head-fixed,#head.head-fixed.stuck{position:fixed; width:100%; /*z-index:100;*/} #fixing-header-height{display:none;} #head.head-fixed ~ #fixing-header-height{display:block;} .head-over-layer #fixing-header-height,.layout-1 #head.head-absolute ~ #fixing-header-height{display:none !important;} .head-over-disable #head.head-absolute:not(.head-fixed),.head-over-disable-detail.page-detail #head.head-absolute:not(.head-fixed),.page-error #head.head-absolute:not(.head-fixed){position:relative;} .head-over-disable #head.head-absolute.head-fixed ~ #fixing-header-height,.head-over-disable-detail.page-detail #head.head-absolute.head-fixed ~ #fixing-header-height,.page-error #head.head-absolute.head-fixed ~ #fixing-header-height{display:block !important;} /*.head-over-disable #head.head-absolute ~ #fixing-header-height,.head-over-disable-detail.page-detail #head.head-absolute ~ #fixing-header-height,.page-error #head.head-absolute ~ #fixing-header-height{display:block !important;}*/ .head-over-disable-fixed #head{position:relative !important;} .head-over-disable-fixed #head.head-fixed ~ #fixing-header-height{display:none !important; padding:0 !important;} /* Head Megamenu */ .megamenu-container{position:relative; top:0; left:0;} .megamenu-container:not(.megamenu-loading),.megamenu-container.megamenu-hidden:not(.megamenu-loading){opacity:0;} .megamenu-container.megamenu-visible:not(.megamenu-loading){opacity:1;} .megamenu-container-in,.megamenu-loading-content{position:absolute; top:0; right:0; left:0;} .megamenu-loading-content{display:none; padding:30px;} #megamenu-over-layer{position:fixed; top:0; left:0; z-index:300; width:100%; height:100%; background-color:rgba(0,0,0,.6); display:none;} /*.megamenu-loading .megamenu-loading-content{display:block; -webkit-animation:showresult .3s; animation:showresult .3s;}*/ /* .megamenu-container-1 - Head, Navigation in Head .megamenu-container-2 - Content, Navigation in Sidebar .megamenu-container-3 - after Catalogue horizontal navigation .megamenu-container-4 - Content, Catalogue navigation in Sidebar */ .megamenu:hover{-webkit-transition:0ms !important; -moz-transition:0ms !important; transition:0ms !important;} /* transition must by reset for IE, EDGE, SAFARI */ #head #nav .nav li:hover > .megamenu ~ ul,#head .element-nav .nav li:hover > .megamenu ~ ul{display:none;} .sidebar .megamenu-hover::after,.sidebar .megamenu:hover::after{content:""; display:block; position:absolute; top:0; left:0; width:200%; height:100%;} .megamenu-close{position:fixed; width:100%; top:0; left:0; height:100%; z-index:500;} .megamenu-container .stripe-indent{margin-top:0 !important; margin-bottom:0 !important;} #head-content #nav .stripe-in{padding-left:0; padding-right:0;} /* New head grid */ #head .row-flex .col-head-nav{flex:1; flex-wrap:wrap; justify-content:flex-end;} #head .row-flex .col-head-logo{justify-content:flex-start;} #head .row-flex .col-head-logo{max-width:600px;} #head .row-flex #logo{max-width:300px;} #head .row-flex #logo-in{max-width:100%;} #head .row-flex .col-head-logo .head-elements{margin-left:20px;} #head .row-flex .col-head-logo .head-elements .head-claim{padding:0 !important;} /* Icons without texts */ .head-element-icon #head-content .head-elements .element-head{border:none;} .head-element-icon #head-content .head-elements .head-icon-in{display:none;} .head-element-icon #head-content .head-elements .element-nav-hamburger .head-icon > span:first-child{display:inline;} /*.head-element-icon #head-content .head-elements .item.boxed,.head-element-icon #head-content .head-elements .ws-pack-item-header.boxed{padding:0 10px;}*/ /***********************************************************************************************************************************/ /* HEAD VARIANT 1 */ /***********************************************************************************************************************************/ .head-elements{position:relative;} .head-elements #nav{display:inline-block;} .head-elements .element ~ .element,.head-elements #nav ~ .element{margin-left:0;} .head-elements .element-contact,.head-elements .element ~ .element-contact{margin-left:20px; margin-right:20px;} .head-elements .element:last-child{margin-right:0;} .head-elements .element-contact{text-align:right;} .head-elements .element-contact *,.head-elements .element:not(.element-head){display:inline-block; vertical-align:middle; margin:0;} .head-elements .element-contact .icon::before{font-size:380%; line-height:.8em;} .head-elements .element:not(.element-head):not(.head-claim) *{font-size:100%;} .head-elements .ws-pack-item-header,.head-elements .item > .boxed:not(.search-suggest),.head-elements .item.boxed{text-align:center; color:inherit; background-color:transparent; border:none;} .head-elements .ws-pack-item-header.icon::after,.head-elements .ws-pack-item-header .icon{margin-left:0;} .head-elements .head-icon::before,.head-elements .head-icon-image,.head-elements .head-icon-currency,.head-elements .head-icon-image{display:inline-block; font-size:125%; height:1.8em; line-height:1.8em; margin:0 auto;} .head-elements .head-icon > .icon-svg{font-size:125%; vertical-align:-.2em;} /*.head-elements .element-nav-hamburger .head-icon::before{margin-right:.35em;}*/ .head-elements .head-icon-currency span{font-size:80%;} /*.head-elements .head-icon-in{display:none;}*/ /*.head-elements .head-icon-image img{margin-top:.2em;}*/ .head-elements .ws-pack-item-content.boxed{padding:20px;} .head-elements .element-search-expand .search-form,#top-bar .element-search-expand .search-form{width:400px;} .head-elements .element-contact-icon{display:inline-block;} .head-elements .element-contact-content > span{display:block; padding:0; margin:0; border:none;} .head-elements .element:not(.head-element){display:inline-block; vertical-align:middle;} .element-head .number-info{position:relative; top:-.8em; left:-1em; margin-left:0; margin-right:-1.6em;} .head-v1 .head-elements .item.boxed,.head-v1 .head-elements .ws-pack-item-header.boxed, .head-v2 .head-elements .item.boxed,.head-v2 .head-elements .ws-pack-item-header.boxed, .head-elements .element:not(.element-head):not(.element-nav){padding:0 10px;} .head-elements .element-nav .nav > .stripe > .stripe-in{padding-right:0; padding-left:0;} /***********************************************************************************************************************************/ /* HEAD VARIANT 2 */ /***********************************************************************************************************************************/ .head-v2 #nav{flex-basis: 100%;} .head-v2 #nav .stripe-in{text-align:right;} .head-v2 .col-head-nav .head-elements{margin-bottom:.4em;} /***********************************************************************************************************************************/ /* HEAD VARIANT 3 */ /***********************************************************************************************************************************/ .head-v3 .col-head-nav .head-elements > *:not(.element-nav):not(.megamenu-container){margin-top:.2em; margin-bottom:.2em;} .head-v3 #head-content .stripe-in{padding-top:0 !important; padding-bottom:0 !important;} .head-v3 .stripe-space-m #nav > .stripe .nav > .nav-in > ul > li > a, .head-v3 .stripe-space-m .nav > .stripe > .stripe-in > ul > li > a{padding-top:2.5em; padding-bottom:2.5em;} .head-v3 .stripe-space-xs #nav > .stripe .nav > .nav-in > ul > li > a, .head-v3 .stripe-space-xs .nav > .stripe > .stripe-in > ul > li > a{padding-top:.5em; padding-bottom:.5em;} .head-v3 .stripe-space-s #nav > .stripe .nav > .nav-in > ul > li > a, .head-v3 .stripe-space-s .nav > .stripe > .stripe-in > ul > li > a{padding-top:1em; padding-bottom:1em;} .head-v3 .stripe-space-l #nav > .stripe .nav > .nav-in > ul > li > a, .head-v3 .stripe-space-l .nav > .stripe > .stripe-in > ul > li > a{padding-top:5em; padding-bottom:5em;} .head-v3 .stripe-space-xl #nav > .stripe .nav > .nav-in > ul > li > a, .head-v3 .stripe-space-xl .nav > .stripe > .stripe-in > ul > li > a{padding-top:7em; padding-bottom:7em;} .head-v3 .stripe-space-xs > .stripe-in .col-head-logo img{max-height:1.4em /*calc(1.4em + 2 * .5em - 1em)*/;} .head-v3 .stripe-space-s > .stripe-in .col-head-logo img{max-height:2.4em /*calc(1.4em + 2 * 1em - 1em)*/;} .head-v3 .stripe-space-m > .stripe-in .col-head-logo img{max-height:4.4em /*calc(1.4em + 2 * 2.5em - 1em)*/;} .head-v3 .stripe-space-l > .stripe-in .col-head-logo img{max-height:9.4em /*calc(1.4em + 2 * 5em - 1em)*/;} .head-v3 .stripe-space-xl > .stripe-in .col-head-logo img{max-height:13.4em /*calc(1.4em + 2 * 7em - 1em)*/;} /*.head-v3 .stripe-space-xs .head-elements .head-icon-in,.head-v3 .stripe-space-s .head-elements .head-icon-in{display:none;} .head-v3 .head-elements .element-nav-hamburger .head-icon > span:first-child{display:none;} .head-v3 .stripe-space-xs .head-elements .element-nav-hamburger .head-icon > span:first-child,.head-v3 .stripe-space-s .head-elements .element-nav-hamburger .head-icon > span:first-child{display:inline;}*/ /***********************************************************************************************************************************/ /* NAVIGATION */ /***********************************************************************************************************************************/ .skipnav{display:none;} .nav ul,.nav li,.nav-default ul,.nav-default li{list-style:none; padding:0; margin:0;} .nav li,.nav-default li{display:block; text-align:left;} .nav li li{font-size:90%; margin-left:1em;} .nav li li li{font-size:100%;} .nav a,.nav-default a{position:relative; display:block; padding:.6em .8em; text-decoration:none; border-width:0 0 1px 0; border-style:solid;} .nav li:last-child a,.nav-default li:last-child a{border-bottom-width:0;} .nav a strong,.nav-default a strong{font-weight:inherit;} .nav img{width:1.4em; height:1.4em; object-fit:contain; margin-right:.5em; vertical-align:middle;} .nav svg{font-size:110%; margin-right:.4em;} .sidebar .nav svg{width:1.25em;} .nav-default{border-width:1px; border-style:solid;} #nav,.nav-unpacking{position:relative; /*z-index:250;*/} #nav .nav li,.nav-unpacking .nav li{display:inline-block; position:relative; top:0; left:0; border:none;} #nav .nav a,.nav-unpacking .nav a{padding:.8em 1.5em; border-width:0 1px 0 0; border-style:solid; border-color:transparent;} #nav .nav li li a,#nav .nav .last > a,.nav-unpacking .nav li li a,.nav-unpacking .nav .last > a{border-right:none;} /* Unpacking subnavigation */ #nav .nav li > ul,.nav-unpacking .nav li > ul{display:none; text-transform:none; position:absolute; top:100%; left:0; /*z-index:250;*/ width:200px;} #nav .nav li:hover > ul,.nav-unpacking .nav li:hover > ul{display:block;} #nav .nav li ul li,.nav-unpacking .nav li ul li{display:block; position:relative; margin-left:0;} #nav .nav li ul li ul,.nav-unpacking .nav li ul li ul{position:absolute; left:100%; top:1px; border-width:0 0 0 1px; border-style:solid;} #nav .nav li ul li:first-child ul /*> li:first-child*/,.nav-unpacking .nav li ul li:first-child ul /*> li:first-child*/{top:0;} /* repair ul in first li */ #nav .nav li ul li a,.nav-unpacking .nav li ul li a{padding-top:.6em; padding-bottom:.6em;} #nav .nav li ul li ~ li > a,.nav-unpacking .nav li ul li ~ li > a{border-width:1px 0 0 0; border-style:solid;} #nav #subnav .nav li > ul{display:block; position:relative; top:0; left:0; width:100%;} #nav.nav-no-rollover .nav li:hover > ul, .nav .js-mobile-nav-toggle-trigger{display:none;} /*#nav .nav a.js-mobile-nav-toggle-trigger,.nav a.js-mobile-nav-toggle-trigger{display:none;}*/ #nav .icon::before,#subnav .icon::before,.nav-unpacking .icon::before,.nav-unpacking ul:first-child > li > a.icon::before{display:none;} #nav .element-search .icon::before,#nav .head-icon::before{display:inline-block;} #nav .nav-container.icon::before,.nav-unpacking .nav-container.icon::before,.sidebar .nav .nav-container.icon::after{display:inline-block; position:absolute; top:50%; right:1em; margin-top:-0.7em;} .sidebar .nav .icon-angle-right::before{display:none;} .sidebar .nav .nav-container.icon::after{-ms-transform:rotate(90deg); -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); transform:rotate(90deg);} .nav.nav-row,.nav-row ul{list-style:none; padding:0; margin:0; display:flex; flex-wrap:wrap; gap:0.6em;} .nav-row a{border-width:0;} #nav ul:first-child > li > a.icon::before,#nav ul:first-child > li > a.nav-container.icon::before/*, .nav-unpacking ul:first-child > li > a.icon::before,.nav-unpacking ul:first-child > li > a.nav-container.icon::before*/{position:relative; top:auto; right:auto; margin-top:0; display:inline-block;} #nav > .stripe{position:relative; /*z-index:3;*/} .nav-hidden > .stripe{display:none;} .nav-uppercase-horizontal #nav .nav ul:first-child > li > a,.nav-uppercase-all .nav a{text-transform:uppercase;} .element-nav-hamburger{display:none !important;} .element-nav-hamburger .flr{float:none;} #nav .head-elements .element-no-boxed .item.boxed,#nav .element-search.element-no-boxed .item.boxed,#nav .element-lang.element-no-boxed .item.boxed{padding:0; background:transparent; border:none;} /***********************************************************************************************************************************/ /* */ /* MAIN */ /* */ /***********************************************************************************************************************************/ /***********************************************************************************************************************************/ /* CRUMB */ /***********************************************************************************************************************************/ #crumbs{font-size:90%;} #crumbs *{font-weight:inherit;} #crumbs p{margin-top:0; margin-bottom:.5em;} #crumbs .icon{margin:0 .35em;} .body-pad-t0 #crumbs,.crumbs-visual #crumbs,.layout-page-empty #body #content-in > #crumbs{padding-top:1.5em;} /***********************************************************************************************************************************/ /* CONTENT */ /***********************************************************************************************************************************/ #body,.layout-page-empty .layout-2 #body,.layout-page-empty .layout-3 #body,.page-error #head.head-absolute ~ #body{position:relative; top:0; left:0; padding:1.5em 0;} .layout-page-empty #body{padding:0;} #content,#content-in-content{width:100%; float:left;} #content-in-content-in{min-height:1px;} /*#content-in-content{width:auto; margin-left:-20px; margin-right:-20px;}*/ #content-in,#content-in-content #content-in-content-in,.layout-3.layout-left #content-in,.layout-3.layout-right #content-in{margin:0 270px;} /* TODO */ /*#content-in .stripe[id*="ws_stripe_id"][class*="bg-"]{width:calc(100% - 32px * 2); margin-left:32px; border:5px solid red;}*/ #main{overflow:hidden;} /* Fluid layout */ .layout-fluid #content-in,.layout-fluid #content-in-content #content-in-content-in,.layout-fluid .layout-3.layout-left #content-in,.layout-fluid .layout-3.layout-right #content-in{margin-left:25%; margin-right:25%;} .layout-fluid .sidebar{width:25%;} .layout-fluid .layout-left #sidebar2{margin-left:-25%;} .layout-fluid .layout-right #sidebar1,.layout-fluid .layout-right #sidebar1-content,.layout-fluid .layout-right .sidebar1-content{margin-left:-25%;} /* Segment spacing */ #content .segment + .segment{margin-top:1.5em;} #content .segment + .segment-mar-t0{margin-top:0;} .content-overflow-div{overflow:auto;} .content-overflow-div > *:first-child{margin-top:0;} .content-overflow-div > *:last-child{margin-bottom:0;} /***********************************************************************************************************************************/ /* SIDEBAR */ /***********************************************************************************************************************************/ .sidebar{width:270px; float:left;} /***********************************************************************************************************************************/ /* LAYOUT COLUMN */ /***********************************************************************************************************************************/ .layout-1 #content-in{margin:0;} /***********************************************************************************************************************************/ /* LAYOUT SIDES */ /***********************************************************************************************************************************/ /* Layout left */ .layout-left #content-in,.layout-left #content-in-content #content-in-content-in{margin-right:0;} .layout-left #sidebar1,.layout-left #sidebar1-content,.layout-left .sidebar1-content{margin-left:-100%;} .layout-left #sidebar2{margin-left:-270px;} .layout-left #sidebar1 > .stripe > .stripe-in,.layout-left #sidebar1-content > .stripe > .stripe-in,.layout-left .sidebar1-content > .stripe > .stripe-in{padding-right:0;} .layout-left #sidebar2 > .stripe > .stripe-in{padding-left:0;} /* Layout right */ .layout-right #content-in,.layout-right #content-in-content #content-in-content-in{margin-left:0;} .layout-right #sidebar2{margin-left:-100%;} .layout-right #sidebar1,.layout-right #sidebar1-content,.layout-right .sidebar1-content{margin-left:-270px;} .layout-right #sidebar1 > .stripe > .stripe-in,.layout-right #sidebar1-content > .stripe > .stripe-in,.layout-right .sidebar1-content > .stripe > .stripe-in{padding-left:0;} .layout-right #sidebar2 > .stripe > .stripe-in{padding-right:0;} .layout-left .element .sidebar1-content{margin-left:0;} .layout-right .element .sidebar1-content{float:right;} /***********************************************************************************************************************************/ /* FOOT */ /***********************************************************************************************************************************/ #foot{position:relative; font-size:85%;} #foot ul,#foot li{list-style:none; padding:0; margin:0;} #foot li + li{margin-top:.5em;} #foot-nav ul,#foot-after ul{margin:.7em 0;} #foot-nav li,#foot-after li{display:inline-block; margin:0;} #foot-nav li + li,#foot-after li + li{margin-left:10px;} #foot-after{position:relative; z-index:1;} /*.foot-box{position:relative;} .foot-box.icon{padding-left:1.5em;} .foot-box.icon::before{position:absolute; top:0; left:0;} .foot-box.icon *:first-child{margin-top:0;} .foot-box.icon *:last-child{margin-bottom:0;}*/ /***********************************************************************************************************************************/ /* ANCHOR TOP PAGE */ /***********************************************************************************************************************************/ #top-page{position:fixed; right:0; bottom:0; /*z-index:100;*/} #top-page a{text-decoration:none; font-size:130%; display:block; width:2em; height:2em; padding-top:.1em; line-height:2em;} /***********************************************************************************************************************************/ /* STICKY */ /***********************************************************************************************************************************/ /*.sticky-anchor{} .sticky-element{}*/ .sticky-anchor{position:absolute;} .sticky-anchor[style^="height"]{position:relative;} .sticky-element.stuck{position:fixed; top:0; /*left:0; width:100%; z-index:99;*/} /***********************************************************************************************************************************/ /* */ /* CONTENT OF SITE */ /* */ /***********************************************************************************************************************************/ /***********************************************************************************************************************************/ /* TABS */ /***********************************************************************************************************************************/ #tab{margin-top:1.5em;} .tab-nav{position:relative; top:1px;} .tab-nav,.tab-nav li{list-style:none; padding:0; margin:0;} .tab-nav li{float:left; position:relative;} .tab-nav li + li{margin-left:5px;} .tab-nav li > *:first-child{display:block; font-size:110%; text-decoration:none; padding:10px 1.5em; border-width:1px 1px 0 1px; border-style:solid;} .tab-nav li.active > *:first-child{padding-bottom:11px;} .tab-nav li > .icon::before{text-align:center; display:block; font-size:130%; margin:0; -webkit-opacity:.3; -moz-opacity:.3; opacity:.3;} .tab-nav li.active > .icon::before{-webkit-opacity:1; -moz-opacity:1; opacity:1;} .tab{clear:left; padding:1.5em; margin-bottom:1em; border-width:1px; border-style:solid;} .tab *:first-child/*,.tab h3:first-child,.tab p:first-child*/{margin-top:0;} /*.tab-nav .icon + .number-info{}*/ .tab-v2{padding-bottom:1.5em;} .tab-v2 .tab-nav li{display:inline-block; vertical-align:bottom; float:none; text-align:center; width:20%;} .tab-v2 .tab-nav li + li{margin-left:0; padding-left:.4em;} .tab-v2 .tab-nav li > *:first-child{background-color:transparent; padding-top:1em; padding-bottom:1em; /*margin:0 .2em;*/ border-width:0 0 2px 0;} .tab-v2 .tab-nav li.active > *:first-child{padding-bottom:1em;} .tab-v2 .tab{padding-left:0; padding-right:0; padding-bottom:0; border:none; background-color:transparent;} /***********************************************************************************************************************************/ /* TAB SWITCH (PAGINATION) */ /***********************************************************************************************************************************/ /*.pagination *,.tab-switch *{vertical-align:middle;}*/ .pagination > *,.tab-switch > *{display:inline-block; vertical-align:middle; min-width:2.3em; /*height:2.3em; padding:.4em .6em;*/ text-align:center; text-decoration:none; border-width:1px; border-style:solid;} .tab-switch > *{padding:.4em .6em;} .tab-switch > .field > *{padding:.4em .6em !important;} .tab-switch > .field{padding:0;} .tab-switch > .field + .field{margin-left:0 !important;} .tab-switch > .field label{margin:0; cursor:pointer;} /*.pagination > * + *,*/.tab-switch > * + *{/*margin-left:-.28em;*/ border-left-width:0;} /*.tab-switch input[type="checkbox"],.tab-switch input[type="radio"],*/ .tab-switch input[type="checkbox"] + label::before,.tab-switch input[type="checkbox"] + label::after,.tab-switch input[type="checkbox"] + label .icon,.tab-switch input[type="radio"] + label::before,.tab-switch input[type="radio"] + label::after{display:none;} .tab-switch > .field + .field{margin-top:0 !important;} .pagination-loader{display:flex; gap:1em; align-items:center; justify-content:space-between;} .pagination-loader > *:not(.ajax-button){flex:1 1 0;} .pagination-loader .pagination{text-align:right;} /* toogle switch (checkbox) */ .toogle-switch .field label{cursor:pointer; position:absolute; top:0; right:0; width:2.5em; height:1.4em; padding:0 !important; border-radius:calc(1.4em / 2);} .toogle-switch input[type="checkbox"] + label .icon,.toogle-switch input[type="checkbox"] + label span{display:none;} .toogle-switch input[type="checkbox"] + label{font-size:130%;} .toogle-switch input[type="checkbox"] + label::before{border-radius:50%; background-color:white !important; border:3px solid transparent !important; transition:200ms; box-sizing:border-box; background-clip:content-box;} .toogle-switch input[type="checkbox"]:checked + label::before{left:calc(2.5em - 1.4em);} .forum-thread-pager.pagination > *{line-height:1.4em; min-width:calc(1.6em + 2px); padding:.1em 0 0;} .list{margin:1em 0;} /*.list *{vertical-align:middle;} .list > *{display:inline-block;}*/ /***********************************************************************************************************************************/ /* WS RATING */ /***********************************************************************************************************************************/ .ws-rating{position:relative; display:inline-block;} .ws-rating ul,.ws-rating li{display:inline-block; list-style:none; padding:0; margin:0;} .ws-rating a{text-decoration:none;} .ws-rating:not(.ws-rating-thumbs) li{float:right;} .ws-rating > *{display:inline-block; vertical-align:middle;} .ws-rating > * + *{margin-left:.5em; /*padding-left:.8em; margin-left:.5em; border-left:1px solid #dddddd;*/} .item-info .ws-rating span{margin-right:0;} .ws-rating:not(.ws-rating-thumbs) .icon::before,.ws-rating-empty.icon::before{display:block; margin:0;} .ws-rating + a{vertical-align:middle;} .ws-rating-total{margin:1.5em 0;} .ws-rating-total > *{display:inline-block; vertical-align:middle;} .ws-rating-total .ws-rating{margin:0 .5em;} /*.ws-rating-not-rated{}*/ .ws-rating .icon-both{position:relative; overflow:hidden;} .ws-rating .icon-both::before{position:absolute; z-index:2; top:0; left:0; overflow:hidden;} .ws-rating .icon-both::after{display:block !important; overflow:hidden; -webkit-transform:scaleX(-1); transform:scaleX(-1);} /* 50% */ .ws-rating-icon-w50::before,.ws-rating-icon-w50::after{width:50%;} .ws-rating .icon-both.ws-rating-icon-w50::after{position:relative; left:50%;} /* WS Rating Thumbs */ /*.ws-rating-thumbs{}*/ .ws-rating-thumbs li + li{margin-left:.7em;} .ws-rating-thumbs a{display:block; color:inherit; text-decoration:none; font-size:85%;} .ws-rating-thumbs .icon::before{font-size:150%; margin-right:.1em; vertical-align:middle;} .ws-rating-thumbs .icon-svg{font-size:150%;} /*.ws-rating-like{} .ws-rating-dislike{}*/ /***********************************************************************************************************************************/ /* MESSAGES */ /***********************************************************************************************************************************/ .message{clear:left; position:relative; width:100%; margin:1em 0;} .message-in{padding:20px;} .icon-svg + .message-in{min-height:calc(1.4em + (2 * 20px));} .message.icon .message-in{padding-left:4em; min-height:4em;} .message h2,.ws-dialog-title-heading h2, .message-in h1:first-child,.message-in h2:first-child,.message-in h3:first-child,.message-in h4:first-child,.message-in h5:first-child,.message-in h6:first-child{font-size:120%; padding:0 !important;} .message h3{font-size:135%;} .message h4,.message h5,.message h6{font-size:125%;} .message h1,.message h2{margin:.5em 0 0 !important;} .message h1::after,.message h2::after{display:none !important;} .message-in *{margin:.5em 0 0;} .message-in *:first-child{margin-top:0 !important;} .message li{margin:0;} .message::before{position:absolute; top:.3em; left:.6em; font-size:2em; width:1em; text-align:center;} .message > .icon-svg{position:absolute; top:18px; left:20px; font-size:200%;} .message > .icon-svg + .message-in{padding-left:70px;} .message.c > .icon-svg{position:relative; left:0; vertical-align:top;} .message.c > .icon-svg + .message-in{display:inline-block; padding-left:20px; margin:0 auto; text-align:left;} /***********************************************************************************************************************************/ /* FULLTEXT */ /***********************************************************************************************************************************/ /*.page-fulltext .form-part{border:none;} .fulltext-results{margin-bottom:2em; border-top:1px solid #dddddd;} .fulltext-result{}*/ /***********************************************************************************************************************************/ /* */ /* FORM */ /* */ /***********************************************************************************************************************************/ form{margin:0;} .form{margin:1.5em 0;} .special-element-side .form{margin:0;} .form-border,fieldset,legend{border-width:1px; border-style:solid;} .form-border .form-part,.form-part > .boxed{padding:0 32px;} .form-border .form-part.form-head,.form-part-border .form-part,fieldset,.form-part > .boxed{padding-top:32px;} .form-part + .form-part > .boxed{border-top-width:0;} .form-part-border .form-part{border-width:0 0 1px 0; border-style:solid;} .form-part-border .form-part:last-of-type{border:none;} /*.form-part-border .form-part.form-head{padding-top:0;}*/ .form-part .item > *:first-child,.form-heading,.form-part fieldset:first-child{margin-top:0;} .form-part .item > .form-heading:last-child,.form-part .item > *:nth-last-child(2):not(label):not(.label):not(.field){margin-bottom:0;} .form table,.form th,.form td{padding-left:0; border:none;} .form-heading{margin-top:0;} legend{padding:.5em 20px;} label{display:block; padding-right:1.5em; margin-bottom:.2em;} /*.form-part .label:empty{display:none;}*/ .field{position:relative;} .field-checkbox > label,.field-radio > label{margin-bottom:.5em;} .field-checkbox .field label,.field-radio .field label{display:inline-block; padding-right:0; padding-top:.1em;} .field-checkbox .field label *,.field-radio .field label *{display:inline; margin:0;} .field-checkbox .field .prehint{display:block;} .label-h3{margin-top:0; margin-bottom:0;} .label-h3 h3{/*position:relative; top:-.3em;*/ display:inline-block !important; margin-top:-.2em !important; line-height:0;} /*.field-input-tabs.field-inline .field + .field{margin-left:0;} .field-input-tabs.field-inline .field + .field label{border-left:none;} .field-input-tabs input[type="checkbox"],.field-input-tabs input[type="radio"]{display:none;} .field-input-tabs input + label,.field-input-tabs.field-checkbox input + label,.field-input-tabs.field-radio input + label{cursor:pointer; padding:.4em .6em;} .field-input-tabs input:checked + label{}*/ .field-img label{padding-right:0;} .field-img-image{max-width:200px; margin:0 auto 1em; border-style:solid; border-width:1px;} .field-img-image .image{border-width:0;} .form .item .tooltip,.field-icon img{position:absolute; top:0; right:0;} .field-inline .field,.field-auto-size{display:inline-block; width:auto; max-width:100%;} .field-inline .field + .field,.field-auto-size + .field-auto-size{margin-left:.5em;} .field-inline.field-radio,.field-inline.field-checkbox label{margin:0;} .field-inline-label label{display:inline-block;} .item-captcha > *{display:inline-block; vertical-align:top;} .item-captcha .item-captcha-img img{width:130px; height:65px; margin:0 .5em; background-color:white;} /*.field-content{}*/ .field-content:empty{display:none;} .items-boxed .form .item,.items-border .form .item{padding:0; background:transparent; border:none;} /***********************************************************************************************************************************/ /* INPUT, SELECT, TEXTAREA */ /***********************************************************************************************************************************/ input,textarea,select,button,.button,.field-icon .icon::before,.label-icon{font-size:100%; text-decoration:none; height:2.6em; padding:.5em; margin:0; border-width:1px; border-style:solid; outline:none;} select[multiple]{height:auto;} input,textarea,select,button,.button{font-weight:inherit;} input,textarea,select,.field-icon{width:100%;} .sidebar .button,.sidebar button,.search-form button,.element-cta .button/*,.section-text-standard .item-text .button*/,.button-cart,.button.button-cart:not(.konfigurator-order),#cookie-info .button{font-size:100%;} input[type="checkbox"],input[type="radio"],input[type="image"]{display:inline-block; width:auto; padding:0; border:none;} textarea,button,.button,input[type="checkbox"],input[type="radio"],input[type="image"],input[type="file"]{height:auto;} /* Better Check & Radio input */ input[type="radio"],input[type="checkbox"]{/*display:none;*/position:absolute; top:.3em; left:.35em; z-index:0; transform:scale(1.4); opacity:0;} input[type="radio"] + label > .icon-check{display:none;} input[type="radio"] + label:not(.button),input[type="checkbox"] + label{padding-left:2em; position:relative; top:.02em;} .tab-switch input[type="radio"] + label,.tab-switch input[type="checkbox"] + label{top:0;} input[type="radio"] + label::before,input[type="radio"] + label::after,input[type="checkbox"] + label::before{content:""; display:block; position:absolute; top:0; left:0; width:1.4em; height:1.4em; border-width:1px; border-style:solid;} input[type="radio"] + label::before,input[type="radio"] + label::after{border-radius:50%;} input[type="checkbox"] + label > .icon:not(.tooltip):not(.icon--pack-angle){position:absolute; top:1px; left:1px; width:1.4em; height:1.4em; line-height:1.4em; text-align:center;} input[type="checkbox"] + label .icon-svg{position:absolute; z-index:2; top:.2em; left:.2em; font-size:110%;} input[type="checkbox"] + label .icon::before{margin:0;} input[type="radio"] + label::after{top:.47em; left:.47em; width:.6em; height:.6em; border:none;} input[type="radio"]:focus + label::after{background-color:transparent;} .field-radio > .field + .field{margin-top:.3em;} .field-checkbox > .field + .field{margin-top:.4em;} .field-inline .field + .field{margin-top:0;} input[type="checkbox"] + label > .icon:not(.tooltip):not(.icon--pack-angle),input[type="checkbox"] + label .icon-svg{display:none;} input[type="checkbox"]:checked + label > .icon:not(.tooltip):not(.icon--pack-angle),input[type="checkbox"]:checked + label .icon-svg, input[type="checkbox"] + label .image .icon-svg{display:block;} /* File input */ .field-file-input .label{cursor:pointer; display:inline-block; max-width:100%; padding:0; margin:0 .5em .5em 0;} .field-file-input .field-file-input-icon{font-size:75%; float:left;} .field-file-input .js-import-nazev{display:block; padding:.85em 20px .75em 4em; margin:0;} .field-file-input .js-import-file{display:none;} .field-file-input .label + .field-file-button{font-size:120%; vertical-align:top; margin:0;} .input-number-group{position:relative; display:inline-block; vertical-align:middle; overflow:hidden;} .input-number-group ~ .button-cart{margin-left:.3em;} .input-number-group input{text-align:right; width:auto; padding-right:2.5em;} .input-number-group a{position:absolute; top:0; right:0; display:block; text-decoration:none; text-align:center; width:2em; height:50%; border-width:0 0 0 1px; border-style:solid;} .input-number-group a.input-number-dec,.input-number-group a.input-number-dec-disabled{top:auto; bottom:0; border-top-width:1px;} .input-number-group a span{position:absolute; top:50%; left:0; width:100%; margin-top:-.7em; line-height:1.4em;} body:not(.input-number-group-v2) .input-number-group a.input-number-dec-disabled,body:not(.input-number-group-v2) .input-number-group a.input-number-inc-disabled{cursor:default; background-color:rgba(0,0,0,.05);} body:not(.input-number-group-v2) .input-number-group a.input-number-dec-disabled span,body:not(.input-number-group-v2) .input-number-group a.input-number-inc-disabled span{opacity:.5;} .circle-inputs:not(.input-number-group-v2) .input-number-group input{padding-right:3.5em;} .circle-inputs:not(.input-number-group-v2) .input-number-group a{width:3em;} /* minus/plus - left/right version */ .input-number-group-v2 .input-number-group input{text-align:center; height:3em; padding-left:2.8em; padding-right:2.8em;} .input-number-group-v2 .input-number-group a{font-size:200%; top:50%; right:.25em; width:1em; height:1em; margin-top:-.5em; border-width:0; border-radius:3px;} .input-number-group-v2 .input-number-group a.input-number-dec,.input-number-group-v2 .input-number-group a.input-number-dec-disabled{top:50%; left:.25em; right:auto;} .input-number-group-v2 .input-number-group a span{margin-top:-.5em; line-height:1em;} .input-number-group-v2 a.input-number-dec-disabled,.input-number-group-v2 a.input-number-inc-disabled{/*display:none;*/ opacity:.4; cursor:default;} .input-number-group-v2.circle-inputs .input-number-group a{border-radius:100em;} /* JS multi-select */ .field .chosen-container{font-size:inherit; width:100% !important;} .field .chosen-choices,.field .chosen-container-multi .chosen-choices,.field .chosen-container-active .chosen-choices{border-radius:0;} .field .chosen-container-multi .chosen-choices li.search-field input[type=text]{height:calc(2.6em - 2px); margin:0;} .field .chosen-container-multi .chosen-choices li.search-choice{line-height:1.4em; padding:.1em .1em .1em .5em; margin:.35em .35em 0 0;} .field .chosen-container-multi .chosen-choices li.search-choice .search-choice-close{font-size:inherit; position:relative; top:0; right:auto; display:inline-block; width:1.4em; height:auto; text-align:center; background:none;} /* Fields compact look */ .form-fields-look-v2 .item{position:relative;} .form-fields-look-v2 .item label:not(.icon):not(.label-h3){font-size:90%;} .form-fields-look-v2 .item .tooltip{right:.7em; top:.3em; z-index:2;} .form-fields-look-v2 .item:not(.field-checkbox):not(.field-radio):not(.field-img):not(.field-input-rating) label:not(.icon){position:absolute; width:auto; padding:.5em .6em; padding-bottom:0; margin-bottom:0; z-index:2;} .form-fields-look-v2 .item input,.form-fields-look-v2 .item select,.form-fields-look-v2 .item textarea{height:auto; min-height:3.8em !important; padding-top:1.8em; font-weight:600;} .form-fields-look-v2 .item select{height:3.9em !important;} .form-fields-look-v2 .item:not(.field-checkbox):not(.field-radio) .label-icon{padding-top:1.8em; border-left-color:transparent !important; background-color:transparent !important;} /***********************************************************************************************************************************/ /* REQUIRED INPUT */ /***********************************************************************************************************************************/ .required input,.required select,.required textarea,.required .field-icon .icon::before,.required .label-icon{border-width:1px; border-style:solid;} .required label:not(.configurator-label) strong:not(.configurator-selects-item-price){font-weight:inherit;} .field-required-star{position:relative; font-size:60%; top:-.5em;} .configurator-chapter-desc .field-required-star,.configurator-heading .field-required-star{font-size:.8rem; vertical-align:top; top:.3em;} .configurator-chapter-desc .field-required-star svg{vertical-align:top;} /*.required input,.required select,.required textarea{border-left-width:3px;}*/ /***********************************************************************************************************************************/ /* DISABLED */ /***********************************************************************************************************************************/ .disabled,.disabled:hover{color:gray; font-weight:normal !important;} button.disabled,.button.disabled{-webkit-opacity:.5; -moz-opacity:.5; opacity:.5; cursor:default;} /***********************************************************************************************************************************/ /* BUTTON */ /***********************************************************************************************************************************/ button,.button{display:inline-block; padding-left:1.4em; padding-right:1.4em; cursor:pointer;} button + button,button + .button,.button + .button,.button + button{margin-left:.5em;} .button-uppercase button,.button-uppercase .button{text-transform:uppercase;} .button-icon{line-height:1.4em; min-width:2.4em; text-align:center; padding:.4em;} .button-yes{font-size:100%; color:white; background-color:#33a01b; border-color:#33a01b;} .button-no{font-size:100%; color:white; background-color:#d44141; border-color:#d44141;} /***********************************************************************************************************************************/ /* HINT */ /***********************************************************************************************************************************/ .hint{position:relative; display:inline-block; font-size:83%; padding:.4em .6em; margin-top:.7em;} .hint::before{content:""; display:block; width:0; height:0; position:absolute; top:-8px; left:50%; margin-left:-8px; border:8px solid transparent; border-top-width:0;} .hint strong{font-weight:inherit;} .input-tooltip-image{position:relative; top:3px; margin:0 4px;} .input-tooltip-text{display:none; margin-right:5px;} /***********************************************************************************************************************************/ /* ICON */ /***********************************************************************************************************************************/ .field-icon{display:inline-block; position:relative; top:0; left:0; font-size:100%;} .field-icon button{display:none;} .field-icon input{padding-right:2.5em;} .field-icon .icon,.label-icon{position:absolute; top:0; right:0; margin:0; /*z-index:1;*/ height:100%;} .field-icon .icon{padding-right:0;} .field-icon .icon::before,.label-icon{font-size:100%; display:block; min-width:2.4em; height:100%; text-align:center; margin:0; border-width:1px; border-style:solid;} .label-icon{height:100% !important; padding:.65em;} .circle-inputs .label-icon{padding-left:.45em; padding-right:.85em; background-color:transparent !important; border-left-width:0;} /* Forms in sidebars */ /*.sidebar-in input,.sidebar-in textarea,.sidebar-in select,.sidebar-in button,.sidebar-in .fieldicon .icon::before{font-size:90%;}*/ /***********************************************************************************************************************************/ /* CALENDAR */ /***********************************************************************************************************************************/ .ui-datepicker{padding:0;} .ui-datepicker table{background-color:transparent; border:none;} .ui-datepicker th,.ui-datepicker td{height:auto; padding:.1em;} .ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{top:0; right:0; height:100%;} .ui-datepicker .ui-datepicker-prev{left:0; right:auto;} .ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{background:none; border-color:transparent;} .ui-datepicker-group~.ui-datepicker-group{position:relative;} .ui-datepicker-header{min-height:2.5em !important; border:none;} .ui-datepicker .ui-datepicker-title select{font-size:85%; padding:0;} .ui-datepicker th span,.ui-datepicker td span,.ui-datepicker td a{display:block; padding:.2em;} /***********************************************************************************************************************************/ /* BASIC WINDOW */ /***********************************************************************************************************************************/ /***********************************************************************************************************************************/ /* */ /* TABLE */ /* */ /***********************************************************************************************************************************/ table{width:100%; margin:1em 0; border-collapse:collapse; border-width:1px; border-style:solid;} th,td{text-align:left; vertical-align:middle; padding:.7em 15px; border-width:1px 0; border-style:solid;} .form table,.form th,.form td,.form tr:nth-child(even) td{width:auto; background:none; border:none;} .border th,.border td{border-width:1px; border-style:solid;} tr.selected-row td{background-color:transparent !important;} /*.table-simple,.table-simple th,.table-simple td{border-width:1px 0;}*/ .table-none,.table-none table,.table-none th,.table-none td,.table-none tr:hover td,.table-none tr:nth-child(even) td{padding-left:0; /*padding-right:0;*/ color:inherit; background:none !important; border:none;} .table-none tr > td:last-child{padding-right:0;} .table-none-space th,.table-none-space td{padding-top:0; padding-bottom:0;} .table-responsive-always{width:100%; min-height:0.01%; margin:1em 0; overflow-y:hidden; overflow-x:auto;} .table-responsive-always table{max-width:100%; width:100%; margin:0;} /***********************************************************************************************************************************/ /* */ /* IMAGE */ /* */ /***********************************************************************************************************************************/ .image{display:inline-block; vertical-align:middle; text-align:center; position:relative; width:100%; padding-bottom:100%; border-width:1px; border-style:solid;} .image-in{position:absolute; max-width:100%; max-height:100%; left:0; right:0; top:0; bottom:0; overflow:hidden;} .image *{vertical-align:middle;} .image-in a{text-decoration:none;} .images-width .image,.image-width,.items-box .item,.items-box .image,.article-v3.images-width .item{padding-bottom:65%;} .images-height .image,.image-height,.article-v3.images-height .item{padding-bottom:154%;} .images-width-2by1 .image,.image-width-2by1,.items-2by1 .item,.items-2by1 .image{padding-bottom:50%;} .images-width-16by9 .image,.image-width-16by9,.items-16by9 .item,.items-16by9 .image{padding-bottom:56.25%;} .images-width-3by2 .image,.image-width-3by2,.items-3by2 .item,.items-3by2 .image,.article-v3.images-width-3by2 .item, .images-width-3by2 .catalogue-stickers-c.catalogue-sale .catalogue-sale-in{padding-bottom:67%;} .images-width-4by3 .image,.image-width-4by3,.items-4by3 .item,.items-4by3 .image,.article-v3.images-width-4by3 .item, .images-width-4by3 .catalogue-stickers-c.catalogue-sale .catalogue-sale-in{padding-bottom:75%;} .images-height-2by1 .image,.image-height-2by1,.items-1by2 .item,.items-1by2 .image{padding-bottom:200%;} .images-height-3by2 .image,.image-height-3by2,.items-2by3 .item,.items-2by3 .image,.article-v3.images-height-3by2 .item, .images-height-3by2 .catalogue-stickers-c.catalogue-sale .catalogue-sale-in{padding-bottom:150%;} .images-height-4by3 .image,.image-height-4by3,.items-3by4 .item,.items-3by4 .image,.article-v3.images-height-3by4 .item, .images-height-4by3 .catalogue-stickers-c.catalogue-sale .catalogue-sale-in{padding-bottom:133%;} .images-auto .image,.image-auto{padding:0;} .images-auto .image-in,.image-auto .image-in{position:relative;} .images-noresize .image img,.image-noresize img{width:auto; height:auto;} .image-in.icon::before,.image-in.icon .icon-svg:not(.image-gallery-icon-svg){position:absolute; top:50%; left:0; /*z-index:0;*/ font-size:500%; width:100%; text-align:center; margin:0; color:#dddddd; -webkit-opacity:.5; -moz-opacity:.5; opacity:.5;} .image-in.icon::before{line-height:0;} .image-in.icon .icon-svg:not(.image-gallery-icon-svg){top:50%; left:50%; transform:translate(-50%,-50%);} .image-in.icon a:first-of-type{position:relative; display:inline-block; width:100%; height:100%; /*z-index:1;*/} .image.fl,.image.flr{width:auto;} .image-div-width .image-in{margin:0 auto;} .images-width-90:not(.images-full-box) .image-div-width .image-in .img-width{max-width:90%;} .images-width-80:not(.images-full-box) .image-div-width .image-in .img-width{max-width:80%;} .images-width-70:not(.images-full-box) .image-div-width .image-in .img-width{max-width:70%;} .images-width-60:not(.images-full-box) .image-div-width .image-in .img-width{max-width:60%;} .images-width-50:not(.images-full-box) .image-div-width .image-in .img-width{max-width:50%;} .catalogue-view1.images-valign-bottom .image img{vertical-align:bottom; border-bottom:0.1px solid transparent;/* Hack for Chrome */} /*.catalogue-view1.images-valign-bottom .image .lazy-div-in img{bottom:0; top:auto; transform:translate(-50%,0);}*/ /* Image switch */ .image-switch-img{position:absolute; top:0; left:0; width:100%; height:100%; -webkit-opacity:0; -moz-opacity:0; opacity:0;} .image-switch-img img{display:none;} /*.image-not{}*/ /* image without preview = icon of camera */ /***********************************************************************************************************************************/ /* LAZYLOAD */ /***********************************************************************************************************************************/ .lazy{-webkit-animation:showresult 1s; animation:showresult 1s;} .lazy-box{position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; -webkit-opacity:0; -moz-opacity:0; opacity:0;} .lazy-box .icon--anim-spin{position:absolute; top:50%; left:50%; margin-left:-.5em; margin-top:-.5em; z-index:100; font-size:250%;} .lazy-box .icon--anim-spin > .icon{opacity:.5;} .catalogue .lazy-box{-webkit-opacity:1; -moz-opacity:1; opacity:1;} /*.lazy-div{position:relative; display:inline-block; vertical-align:middle; width:100%; height:100%; margin:0 auto;} .lazy-div img[src*="n-big.gif"]{display:block; width:100% !important; height:100% !important;} .lazy-div-in img{position:absolute; top:50%; left:50%; -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}*/ /*.stripe-text-image .lazy-div{width:100% !important;} .images-width-2by1 .image-in > a .lazy-div,.images-width-3by2 .image-in > a .lazy-div,.images-width-4by3 .image-in > a .lazy-div, .images-width-2by1 .image-in > a .lazy-div-in,.images-width-3by2 .image-in > a .lazy-div-in,.images-width-4by3 .image-in > a .lazy-div-in{height:100%;} .images-width-2by1 .image-in > a .lazy-div-in .img-width,.images-width-3by2 .image-in > a .lazy-div-in .img-width,.images-width-4by3 .image-in > a .lazy-div-in .img-width{width:auto;} .images-zoom:not(.images-full-box) .image-in a:hover .lazy-div img{margin:0;} .basket-table .basket-table-image .image .lazy-div-in{padding-bottom:100% !important;}*/ /***********************************************************************************************************************************/ /* IMAGE BORDER */ /***********************************************************************************************************************************/ .digest:not(.images-border) .image,.gallery:not(.images-border) .image,.images-border-none .image,.image-border-none,.border-none{border:none !important;} .images-border .image,.image-border{border-width:1px; border-style:solid;} /***********************************************************************************************************************************/ /* IMAGE SIZE */ /***********************************************************************************************************************************/ img{max-width:100%; height:auto;} .image .img-width{max-width:100%; height:auto;} .image .img-height{max-height:100%; /*width:auto;*/} .img100 .img-width{max-width:100%;} .img100 .img-height{max-height:100%; width:auto;} .img90 .img-width{max-width:90%;} .img90 .img-height{max-height:90%; width:auto;} .img80 .img-width{max-width:80%;} .img80 .img-height{max-height:80%; width:auto;} .img70 .img-width{max-width:70%;} .img70 .img-height{max-height:70%; width:auto;} .img60 .img-width{max-width:60%;} .img60 .img-height{max-height:60%; width:auto;} .img50 .img-width{max-width:50%;} .img50 .img-height{max-height:50%; width:auto;} /* Fix img-height 4.3.36 */ .images-square .img-height, .catalogue-subcats-v2 .img-height, .basket-table-name .img-height, .basket-table-image .img-height, .catalogue-preview-items-rows-image .img-height, .testimonial .img-height, .element-image:not(.images-auto) .img-height, .catalogue-detail-gallery-image .img-height, .catalogue-gallery-detail-images .img-height, .catalogue-gift .img-height, .catalogue-gift-icon + .image .img-height, .article .image .img-height,.article-v2 .image .img-height{width:auto;} .image100 .image{width:100%;} .image90 .image{width:90%;} .image80 .image{width:80%;} .image70 .image{width:70%;} .image60 .image{width:60%;} .image50 .image{width:50%;} .image40 .image{width:40%;} .image30 .image{width:30%;} .image25 .image{width:25%;} .image20 .image{width:20%;} .image15 .image{width:15%;} .image10 .image{width:10%;} .images-square .image,.image100.images-square .image{width:100%; padding-bottom:100%;} .image90.images-square .image{width:90%; padding-bottom:90%;} .image80.images-square .image{width:80%; padding-bottom:80%;} .image70.images-square .image{width:70%; padding-bottom:70%;} .image60.images-square .image{width:60%; padding-bottom:60%;} .image50.images-square .image{width:50%; padding-bottom:50%;} .image40.images-square .image{width:40%; padding-bottom:40%;} .image30.images-square .image{width:30%; padding-bottom:30%;} .image25.images-square .image{width:25%; padding-bottom:25%;} .image20.images-square .image{width:20%; padding-bottom:20%;} .image15.images-square .image{width:15%; padding-bottom:15%;} .image10.images-square .image{width:10%; padding-bottom:10%;} .images-square .image-in,.image100.images-square .image-in,.image90.images-square .image-in,.image80.images-square .image-in,.image70.images-square .image-in,.image60.images-square .image-in,.image50.images-square .image-in,.image40.images-square .image-in,.image30.images-square .image-in,.image25.images-square .image-in,.image20.images-square .image-in,.image15.images-square .image-in,.image10.images-square .image-in{position:absolute;} /* Webkit hack */ .image90 .img-height,.image80 .img-height,.image70 .img-height,.image60 .img-height,.image50 .img-height,.image40 .img-height,.image30 .img-height,.image25 .img-height,.image20 .img-height,.image15 .img-height,.image10 .img-height{height:auto;} /***********************************************************************************************************************************/ /* IMAGE ZOOM */ /***********************************************************************************************************************************/ /*.images-zoom .img-width{width:auto; max-width:100%;} .images-zoom .img-height{height:auto; max-height:100%;}*/ /*.images-zoom:not(.images-full-box) .image-in a:hover img{margin:-10%; max-width:none; max-height:none;} .images-zoom:not(.images-full-box) .image-in a:hover .img-width{width:110%; max-width:110%;} .images-zoom:not(.images-full-box) .image-in a:hover .img-height{height:110%; max-height:110%;}*/ /***********************************************************************************************************************************/ /* SINGLE IMAGE ICON ZOOM */ /***********************************************************************************************************************************/ :not(.image-in) > a[data-gallery-id]{position:relative; display:inline-block; text-decoration:none;} /***********************************************************************************************************************************/ /* IMAGE FULL BOX */ /***********************************************************************************************************************************/ /*.images-full-box .image{overflow:hidden;} .images-full-box .image-in{max-width:none; max-height:none; width:1000%; text-align:center; left:50%; margin-left:-500%;}*/ /*.images-full-box .image-in span{height:10%;} .images-full-box .img-width{height:100%; width:auto; margin:0 auto;} .images-full-box .img-height{width:10%; height:auto; max-height:none;}*/ .images-full-box .image{position:relative; top:0; left:0; width:100%; height:100%; overflow:hidden;} .images-full-box .image-in{position:absolute; top:0; left:0; width:100%; height:100%; margin:0; text-align:center; overflow:hidden;} .article.images-full-box.images-width:not(.article-v2) .image{padding-bottom:0;} .images-full-box:not(.article-cards) .image img,.stripe-image-full .section-image-in .image img{position:absolute; left:-2500%; right:-2500%; top:-2500%; bottom:-2500%; margin:auto !important; width:auto; height:auto; min-width:250%; min-height:250%; max-width:none; max-height:none; -ms-transform:scale(0.401); -webkit-transform:scale(0.401); transform:scale(0.401);} /*.images-full-box.images-zoom .image-in a:hover img,.images-full-box.images-zoom a:hover .image-in img{-ms-transform:scale(0.441); -webkit-transform:scale(0.441); transform:scale(.441);}*/ .stripe-image-full.stripe-image-align-left .section-image-in .image img,.stripe-image-full.stripe-image-align-right .section-image-in .image img{left:0; right:auto; top:0; bottom:0; min-width:100%; min-height:100%; /*height:100%;*/ -ms-transform:scale(1); -webkit-transform:scale(1); transform:scale(1);} .stripe-image-full.stripe-image-align-right .section-image-in .image img{left:auto; right:0;} /*.images-full-box.images-zoom .image-in a:hover .img-width{width:auto; height:120%; max-width:none; margin:-1% 0;} .images-full-box.images-zoom .image-in a:hover .img-height{width:12%; height:auto; max-height:none; margin:-1% 0;}*/ /***********************************************************************************************************************************/ /* */ /* IMAGE 2 DEVEL */ /* */ /***********************************************************************************************************************************/ /*.image2{position:relative; width:100%; padding-bottom:100%; overflow:hidden;} .image2 .image2-in{position:absolute; top:0; right:0; bottom:0; left:0; transition:200ms;} .image2 .image2-in > a{display:block; height:100%;} .image2 .image2-in > span.valign{display:none !important;} .image2 img{display:block; position:absolute; top:50%; left:50%; max-width:100%; max-height:100%; width:auto; height:auto; transform:translate(-50%,-50%);}*/ /* Proportion */ /*.images-width .image2,.image-width{padding-bottom:65%;} .images-width-2by1 .image2,.image-width-2by1{padding-bottom:50%;} .images-width-3by2 .image2,.image-width-3by2{padding-bottom:66.666666%;} .images-width-4by3 .image2,.image-width-4by3{padding-bottom:75%;} .images-height .image2,.image-height{padding-bottom:154%;} .images-height-2by1 .image2,.image-height-2by1{padding-bottom:200%;} .images-height-2by3 .image2,.image-height-2by3{padding-bottom:150%;} .images-height-4by3 .image,.image-height-4by3{padding-bottom:133%;} .images-auto .image2,.image-auto{padding-bottom:0 !important;} .images-auto .image2-in,.image-auto .image2-in{position:relative;} .images-auto .image2 img,.image-auto img{position:relative; top:0; left:0; transform:translate(0,0); width:100%;} .image2 .img-width, .image2 .img-square, .images-contain[class*="images-width"] .image2 .img-square,.images-contain *[class*="image-width"] .img-square,.image-contain[class*="image-width"] .img-square, .images-contain .image2 .img-height,.image-contain .img-height{width:auto; max-width:none; height:100%;} .image2 .img-height, *[class*="images-width"] .image2 .img-square,*[class*="images-width"] .img-square, .images-contain[class*="images-height"] .image2 .img-square,.images-contain *[class*="image-height"] .img-square,.image-contain[class*="image-height"] .img-square, .images-contain .image2 .img-width,.image-contain .img-width{width:100%; height:auto; max-height:none;}*/ /* Zooming */ /*.images-zoom .image2:hover .image2-in{transform:scale(1.2);}*/ /***********************************************************************************************************************************/ /* */ /* VIDEO */ /* */ /***********************************************************************************************************************************/ .video-bg{position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;} .video-bg > *,.video-bg video{display:block; position:absolute !important; top:50% !important; left:50% !important; width:auto; height:auto; min-width:100%; min-height:100%; -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); object-fit:cover;} .video-bg > .auto-resize{padding-bottom:100%;} .video-bg > .video-auto-resize-video{height:100%; padding-bottom:0;} .js-photoswipe-video:not(.button):not(button){display:block;} /*.stripe-image-full .section-image .video-bg{position:absolute;}*/ /***********************************************************************************************************************************/ /* */ /* ITEM */ /* */ /***********************************************************************************************************************************/ .item{position:relative;} .item-heading,.item-heading *:not(input):not(label){margin-top:0;} .item-heading:empty,.item-text:empty{display:none;} .item-text,.item-info{position:relative;} .gallery .item-text{margin-top:.5em;} .article .item-text, .element-image .item-text{margin-top:1em;} .article .item-info{font-size:85%;} .item-text p,.item-text ul{margin:0 0 1em;} .item-text p:last-child,.item-text ul:last-child{margin-bottom:0;} .item-text + .button,.item-text + button{margin-top:1.4em;} .item-info-gallery-icon{margin-right:5.4em;} .item-info > *{margin:0;} .item-info > * > *:not(.icon-svg){display:inline-block; /*vertical-align:middle;*/ line-height:1.6em;} .item-info > * > *:not(.icon-svg){margin-right:.6em;} .item-info > * > * ~ span:not(.item-recommend){padding-left:.8em; border-width:0 0 0 1px; border-style:solid;} .item-info .image span{margin:0;} .item-info a{text-decoration:none;} .item-info > .item-author *{line-height:1.3em !important;} .item-author > *{display:inline-block; vertical-align:middle;} .item-author .image{width:38px; padding-bottom:calc(38px - 2px);} .design-minimal .item-author .image{padding-bottom:38px;} .item-author .image-in.icon .icon-svg{font-size:150%;} /*.item-author{} .item-date{} .item-comments{}*/ .item-recommend{padding:.1em .6em .15em;} .item-info .item-recommend{margin-right:0;} .item-info .item-recommend + span{border:none;} /*.item-desc{} .item-option{}*/ .item .more,.item-desc .more{display:inline; margin:0;} .item .more-alone{display:none;} #content .item-info-bottom .segment + .segment{margin-top:1em;} a.item-more{display:block; width:100%; height:100%; text-decoration:none;} .item-more > span{position:relative; top:50%; margin-top:-1.4em;} .items-border .item{border-width:1px; border-style:solid;} .item-detail .item-info{margin:1.5em 0;} .item-detail .item .item-info{margin:0;} .item-detail .item-info > *{display:inline-block; vertical-align:middle; margin:0;} .item-detail .item-info > * + *{margin-left:.5em;} .item-heading-sub{font-size:140%; font-weight:300; margin-bottom:.5em; /*opacity:.7;*/} .item-heading-sub + h1,.item-heading-sub + h2,.item-heading-sub + h3{margin-top:0;} h1 + .item-heading-sub,h2 + .item-heading-sub,h3 + .item-heading-sub{margin-top:.5em; margin-bottom:1.5em;} /* Image on background */ .items-image-box .item{overflow:hidden;} .items-image-box .item,.item-image-box{vertical-align:middle;} .items-image-box .item a,.item-image-box a{text-decoration:none;} .items-image-box.items-boxed .item,.items-image-box.items-boxed-s .item,.items-image-box.items-boxed-l .item,.items-image-box.items-boxed-xl .item,.items-boxed-text .item.item-image-box .item-content-text{background-color:transparent; border:none;} .items-image-box .image,.item-image-box .image{position:absolute; top:0; left:0; bottom:0; right:0; width:100%; height:100%; padding-bottom:0; background-position:50% 50%; background-size:cover; background-repeat:no-repeat;} .items-image-box .image a:not(.image-gallery-icon),.item-image-box .image a:not(.image-gallery-icon){display:block; width:100%; height:100%;} /*.items-image-box .image img,.item-image-box .image img{position:relative; width:100%; height:100%; min-width:100%; min-height:100%; max-width:none; max-height:none; top:50%; left:50%; transform:translate(-50%,-50%) scale(1.015); object-fit:cover;} .items-image-box .image img.lazy,.item-image-box .image img.lazy{position:absolute;}*/ /*.items-image-box .item:hover .image img,.item-image-box .item:hover .image img{transform:scale(.441);}*/ .items-image-box .image img.img-width{width:auto;} .items-image-box .image img.img-height{height:auto;} /*.items-image-box.digest-v3 .image-in{display:none;}*/ .items-image-box .item-content,.item-image-box .item-content{position:relative; display:inline-block; vertical-align:middle;} .items-image-box .item-content-text{position:relative; z-index:2; background-color:transparent !important;} .items-image-box .item-heading{padding-top:0 !important;} .items-image-box.images-square .item > a{display:block; position:absolute; top:0; left:0; z-index:3; width:100%; height:100%;} .items-image-box.images-square .item{position:relative; top:0; left:0; padding-bottom:100%; vertical-align:middle;} .items-image-box.images-square .item-in{position:absolute; top:0; left:0; width:100%; height:100%;} .items-image-box.images-square .item-content{width:100%;} .items-box .item a{display:block; width:100%; height:100%;} .items-box .item-in{position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%;} .items-box .image-in{position:absolute; max-width:100%; max-height:100%; left:0; right:0; top:0; bottom:0; overflow:hidden;} .items-box .item-content{position:absolute; bottom:0; top:auto; width:100%;} .items-box .item,.items-box .image{border:none; z-index:-2;} .items-image-space .item-content-text,.item-image-space .item-content-text{margin-top:15em;} .items-image-space .item-content-text .item-desc,.item-image-space .item-content-text .item-desc{display:none;} .items-text-light .item-content-text::before,.item-text-light .item-content-text::before{content:""; display:block; position:absolute; top:0; left:0; z-index:-1; width:100%; height:100%; background-color:black; background-color:rgba(0,0,0,.3); background-image:url(/img/gradient-dark-70-b-t.svg); background-size:cover;} .items-text-light .item-content-text *,.item-text-light .item-content-text *{color:white !important;} /*.items-text-dark .item-content-text{background:-webkit-linear-gradient(top,rgba(255,255,255,0),rgba(255,255,255,.8)); background:-moz-linear-gradient(bottom,rgba(255,255,255,0),rgba(255,255,255,.8)); background:linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,.8));} .items-text-dark .item-content-text *{color:black !important;}*/ .items-image-video.items-image-box .image img,.item-image-box .image img{position:relative; width:100%; height:100%; min-width:100%; min-height:100%; max-width:none; max-height:none; top:50%; left:50%; transform:translate(-50%,-50%) scale(1.015); object-fit:cover;} .items-image-video.items-image-box .image img{width:auto;} /*.items-image-video.items-image-box .image img.lazy,.item-image-box .image img.lazy{position:absolute;}*/ /*.items-image-video.items-image-box .item:hover .image img,.item-image-box .item:hover .image img{transform:translate(-50%,-50%) scale(1.1);}*/ .items-image-video:not(.video) .item .image-in a::before,.item-image-video:not(.video) .image-in a::before{width:1em; height:1em; line-height:1em; padding:1em .9em 1em 1.1em; color:white; background-color:black; border-radius:50%;} .items-image-video:not(.video) .item .image-in a::before,.item-image-video:not(.video) .image-in a::before, .items-image-video .item .image-in a .icon-svg-box,.item-image-video .image-in a .icon-svg-box{font-size:120%; display:block; position:absolute; z-index:2; top:6em; left:50%; transform:translate(-50%,-50%); background-color:rgba(0,0,0,.5);} .items-image-video .item:hover .image-in a .icon-svg-box,.item-image-video:hover .image-in a .icon-svg-box,.items-image-video:not(.video) .item:hover a::before{background-color:#ec0100;} .items-image-video:not(.video):not(.items-image-box) .item .image-in a::before,.item-image-video:not(.video):not(.items-image-box) .image-in a::before, .items-image-video:not(.items-image-box) .item .image-in a .icon-svg-box,.item-image-video:not(.items-image-box) .image-in a .icon-svg-box{top:50%;} .items-image-video .item .image-in a .icon-svg-box .icon-svg{position:relative; left:-.07em;} .item-selected{border-width:1px; border-style:solid;} .item-selected-icon{display:block; position:absolute; top:10px; right:10px; font-size:120%;} .catalogue-alternatives-tiles-in-s .item-selected-icon{top:-.4em; right:-.4em; font-size:80%;} .show-all-items .item{display:flex; align-items:center; justify-content:center; text-align:center; font-size:90%; cursor:pointer;} .show-all-items button{width:100%;} /*=================================================================================================================================*/ /*=================================================================================================================================*/ /* */ /* MODULES */ /* */ /*=================================================================================================================================*/ /*=================================================================================================================================*/ /***********************************************************************************************************************************/ /* */ /* SEARCH */ /* */ /***********************************************************************************************************************************/ .search-form{position:relative; /*z-index:50;*/} /*.search-form .item{margin:0 !important;}*/ .search-form input[type="text"]{padding:.5em 3.5em .5em .5em;} .search-form button{position:absolute; top:0; right:0; height:100%; padding:0 1em; /*border-width:0 0 0 1px;*/} .search-form .item + .item{position:absolute; /*z-index:1000;*/ top:100%; left:0; width:100%; min-width:300px;} #head .search-form .form,#head .search-form .form-part{padding:0; margin:0; border:none;} .element-search-expand .ws-pack-item-content{overflow:visible;} .element-search-help .search-form .item,.element-search-help .form{margin:0 !important; max-width:700px;} /* Search results */ /*.search-item{}*/ .search-heading{font-size:150%;} .search-item-heading{font-size:130%;} .search-item #sidebar1-content,#sidebar1-content.sidebar-catalogue-filter{margin-left:0;} .search-item-filter-category .search-heading,.search-item-filter-result .search-heading{font-size:130%; margin-top:.3em;} .search-item .item-heading{margin-bottom:0;} .search-item .item-heading .tag{font-size:70%; vertical-align:top;} .search-item .item-info{font-size:90%;} .search-item .item-info.boxed{padding-top:.7em; padding-bottom:.7em; margin-top:.5em;} .search-item .item-info-theme{display:inline-block; margin-top:.8em;} .search-items .item{padding-top:2em; margin-top:2em; border-width:1px 0 0 0; border-style:solid;} .search-no-result{margin-bottom:3em;} .search-item-filter-category .nav svg{font-size:100%; width:auto; margin-right:.1em; display:none;} /*.search-item-filter-category{} .search-item-filter-result{}*/ .page-search-title,.page-search-title > *{z-index:10;} .page-search-title > #h1 > strong{font-weight:inherit;} .page-search .element-search-expand,.page-search-title .search-form{max-width:600px;} .page-search .element-search-expand .form,.page-search .element-search-expand .item{margin:0;} .page-search .ws-pack-item-content{margin-top:.5em;} .page-search-title .search-form .form-part .item{margin-bottom:0 !important;} /* Search placeholders */ .ws-placeholder-container{margin-bottom:2.5em;} .ws-placeholder-title{font-size:180%; height:1.2em !important; margin-top:1em; margin-bottom:.6em; max-width:220px; padding:0 !important;} .catalogue-subcats-v2 .ws-placeholder{padding-bottom:24%;} .search-item-filter-category .ws-placeholder:not(.ws-placeholder-title){height:2.8em; padding:0;} .search-item-filter-category .ws-placeholder:not(.ws-placeholder-title) + .ws-placeholder{margin-top:.2em;} .catalogue-view1 .ws-placeholder{height:auto; /*min-height:none;*/ padding-bottom:150%;} .search-item-item .ws-placeholder{height:1.4em; padding:0;} .search-item-item .ws-placeholder:first-child{margin-top:1.5em; margin-bottom:.5em; max-width:250px;} .search-item-item .ws-placeholder + .ws-placeholder{max-width:800px;} /***********************************************************************************************************************************/ /* SEARCH SUGGEST (WHISPERER) */ /***********************************************************************************************************************************/ .search-suggest{display:flex !important; flex-direction:column; justify-content:space-between; text-align:left; min-height:200px; max-height:400px; overflow:auto; transition:100ms;} .search-suggest.boxed{padding:0;} .search-suggest.boxed > *.mar-t1:not(.js-search-suggest-extra-cont):first-child{margin-top:1em !important;} .search-suggest-container{margin-bottom:1em;} .search-suggest-container:last-child{margin-bottom:0;} .search-suggest ul,.search-suggest li, .ws-suggest-select ul,.ws-suggest-select li{list-style-type:none; margin:0; padding:0;} .search-suggest-title,.search-suggest-item > a{display:block; text-align:left; text-decoration:none; padding:.1em 15px; margin:0;} .search-suggest-title{font-weight:600;} .search-suggest-item-all-results{text-align:center;} .search-suggest-item-all-results a,.ws-suggest-select li .ui-menu-item-wrapper{display:block; text-decoration:none; padding:.6em 15px;} .search-suggest:empty{display:none !important;} .js-search-suggest-empty{min-height:0; /*border-width:0 !important; box-shadow:none !important;*/} .search-suggest > *{width:100%;} .search-suggest > *:empty{display:none;} .search-suggest > *:empty + .search-suggest-item-all-results{margin-top:1em;} .js-search-suggest-empty .search-suggest-item-all-results{margin-top:0 !important;} /* Category */ .search-suggest-eshop-category{margin-bottom:.5em;} /* Products */ .search-suggest-eshop-product:nth-last-child(2){margin-bottom:0;} .search-suggest-eshop-product .search-suggest-title,.search-suggest-eshop-product .search-suggest-item > a{position:relative; top:0; left:0; padding-top:.4em; padding-bottom:.4em; border-width:0 0 1px; border-style:solid;} .search-suggest-eshop-product .search-suggest-item > a > *{display:inline-block; vertical-align:middle;} .search-suggest-eshop-product .search-suggest-item .item-heading{width:calc(100% - 150px); font-size:100%; font-weight:inherit; text-transform:none; margin:0;} .search-suggest-item .image{width:40px; padding-bottom:40px; margin-right:10px; margin-bottom:0;} .search-suggest-item .image .icon::before{font-size:100%;} .search-suggest-item .catalogue-price{font-size:80%; text-align:right; width:100px;} .search-suggest-item .catalogue-price > span{display:block;} /* Articles */ .search-suggest-articles ul,.search-suggest-eshop-category ul{margin-top:.1em;} .search-suggest-articles .search-suggest-item .icon::before,.search-suggest-articles .search-suggest-item .icon-svg{vertical-align:top;} .search-suggest-articles .search-suggest-item > a{padding-top:.2em; padding-bottom:.2em;} .search-suggest-articles .search-suggest-item a > span{display:inline-block; width:calc(100% - 2em);} .search-suggest-articles .search-suggest-item .item-date{display:block; font-size:85%;} /* Override */ #top-bar .search-suggest .icon::before{margin-right:.35em !important;} #head-content .search-suggest .item-heading{font-size:90%;} /* Search suggest placeholder */ .ws-placeholder-search-suggest{padding:15px;} .ws-placeholder-search-suggest-item{margin:.5em 0;} .ws-placeholder-search-suggest-item > *{display:inline-block; vertical-align:top;} .ws-placeholder-search-suggest .ws-placeholder-image{width:40px;} .ws-placeholder-search-suggest .ws-placeholder-text{width:calc(100% - 40px); padding-left:1em; font-size:80%;} .ws-placeholder-search-suggest .ws-placeholder-image .ws-placeholder{width:100%; padding-bottom:100%;} .ws-placeholder-search-suggest .ws-placeholder-text .ws-placeholder{max-width:200px; height:1.4em; margin-bottom:.5em;} .ws-placeholder-search-suggest .ws-placeholder-text .ws-placeholder + .ws-placeholder{max-width:250px;} /* Simple basic select */ .configurator-selects .col{z-index:auto;} .ws-suggest-select{position:relative; font-size:90%;} .ws-suggest-select ul{max-height:300px; overflow:auto;} .ws-suggest-select ul,.ws-suggest-select li{list-style-type:none; margin:0; padding:0;} .ws-suggest-select .ui-menu-item{border-style:solid; border-width:0 0 1px 0;} .ws-suggest-select .ui-menu-item:last-child{border-width:0;} .ws-suggest-select .ui-menu-item-wrapper{border-width:0 !important;} .ws-suggest-select .ui-menu-item-wrapper.ui-state-active{margin:0;} /***********************************************************************************************************************************/ /* */ /* ARTICLE */ /* */ /***********************************************************************************************************************************/ .article:not(.images-full-box) .item .image img{transform:scale(1.015);} /*.article:not(.images-full-box) .item:hover .image img{transform:scale(1.1);}*/ /***********************************************************************************************************************************/ /* PREVIEW - ROWS */ /***********************************************************************************************************************************/ .article .item-heading{font-size:160%;} .article .item + .item{padding-top:2em; margin-top:2em; border-width:1px 0 0 0; border-style:solid;} .article.items-boxed-text .row{position:relative;} .article.items-boxed-text:not(.article-v3) .item{padding:0;} .article.items-boxed-text .item + .item{border-top-width:0;} .article.items-boxed-text .article-item-image{position:absolute; top:0; height:100%;} .article.items-boxed-text .item .item-heading{margin-bottom:0;} .article.items-boxed-text .item .item-heading + .item-info{margin-top:1em;} .article.items-boxed-text .article-item-content:not(.col-12){margin-left:33.333333%;} .article.items-boxed-text:not(.article-v2) .item .image{position:absolute; height:100%;} .article.items-boxed-text .item{overflow:hidden;} .item-content-text .item-desc p,.article-detail .perex *:last-child{margin:0;} .item-content-text .item-desc p + br,.article-detail .perex p + br, .item-content-text .item-desc br:first-child,.article-detail .perex br:first-child{display:none;} .item-category{font-size:85%; font-weight:600; text-transform:uppercase; margin-top:1em; font-size:90%;} .article .item-info .item-author .image{position:relative !important; width:1.8em; padding-bottom:1.8em !important;} .article .item-info .item-author .image-in{position:absolute;} .article .item-info .item-author .image + *{display:inline-block; vertical-align:middle;} .article .item-info .item-author img{display:block; left:0; right:0; top:0; bottom:0; width:100% !important; height:100% !important; min-width:auto; min-height:auto; -ms-transform:scale(1) !important; -webkit-transform:scale(1) !important; transform:scale(1) !important; object-fit:cover !important;} /*.images-fit-cover .article .item .image img{position:relative; width:100%; height:100%; max-width:none; max-height:none; object-fit:cover;} .images-fit-cover .article .item .image img.img-width{height:100%; width:auto; border:1px solid red;} .images-fit-cover .article .item .image img.img-height{width:100%; height:auto;}*/ /***********************************************************************************************************************************/ /* PREVIEW - COLUMNS */ /***********************************************************************************************************************************/ .article-v2:not(.items-boxed) .item + .item{padding-top:0; border:none;} .article-v2 .image,.article.masonry .image{margin-bottom:.8em;} .article-v2 .item-heading,.article.items-boxed-text .item .item-heading{font-size:120%;} .article-v2 .item-info{margin-bottom:.7em;} .article-v2 .item-info:last-child{margin-bottom:0;} .article-v2.items-image-box .item .item-content-text{background-color:black !important; background-color:rgba(0,0,0,.6) !important;} .article-v2.items-image-box .item *:not(.item-recommend){color:white !important;} .article-v2.items-image-box.images-square .item .item-content-text{position:absolute; bottom:0; width:100%;} .article-v2.items-image-box/*.images-square*/ .item .item-text{display:none;} .article-v2.items-image-box-gradient .item .item-content-text{background:none !important;} .article-v2.items-image-box-gradient .item .item-content-text::before{display:none;} .article-v2.items-image-box-gradient .image::after,.article-v2.items-image-box-gradient .image a::after{content:""; display:block; position:absolute; top:-1px; left:-1px; z-index:1; width:102%; height:102%; background-image:url(/img/gradient-dark-70-b-t.svg); background-size:cover;} .article-v2.items-image-box-gradient .item-author .image::after,.article-v2.items-image-box-gradient .item-author .image a::after{display:none;} .article-v3.items-image-box .item .item-content-text{position:absolute; bottom:0; width:100%; height:auto;} .article-v3.items-image-box .item .image-gallery-icon{bottom:27px;} .article-v3 .item-info{margin-right:3em;} /***********************************************************************************************************************************/ /* PREVIEW - CARDS */ /***********************************************************************************************************************************/ .article-cards .item/*:not(.item-image-box)*/ .image{padding-bottom:0;} .article-cards .item/*:not(.item-image-box)*/ .image-in{position:relative;} .article-cards:not(.items-image-box) .item > .image img{width:100%;} .image-gallery-icon{position:absolute; right:20px; bottom:20px; font-size:85%; padding:.3em .7em; color:white; background-color:black; background:rgba(0,0,0,.7);} /***********************************************************************************************************************************/ /* PREVIEW - MASONRY */ /***********************************************************************************************************************************/ /* Old version < 4.3.10 */ .masonry .page-articles-preview .article{column-count:3;} .masonry-2 .page-articles-preview .article{column-count:2;} .masonry-4 .page-articles-preview .article{column-count:4;} .masonry .page-articles-preview .item{display:inline-block; width:100%; margin-top:0 !important;} .masonry .page-articles-preview .item .col{width:100%;} .masonry .page-articles-preview .item-heading{font-size:120%;} .masonry .page-articles-preview .item .image{position:relative; height:auto; padding:0;} .masonry .page-articles-preview .item .image-in{position:relative;} .masonry .page-articles-preview .item .image img{width:100%;} .masonry:not(.items-boxed-text) .page-articles-preview .article .item{padding-top:0; border-top:0;} /*.masonry.items-boxed .article .item{border-width:1px;}*/ /* New wersion > 4.3.10 */ .article.masonry,.items-masonry > *{column-count:3; margin-top:-1em; margin-bottom:1em;} .article.masonry-2,.items-masonry-2 > *{column-count:2;} .article.masonry-4,.items-masonry-4 > *{column-count:4;} .masonry .item,.items-masonry .item{display:inline-block; width:100%; top:1em; margin-top:0 !important;} .masonry .item{overflow:hidden;} .items-masonry > *{column-gap:0 !important;} /* TEXT OVER IMAGE - DRAFT */ /*.item-image-box a{padding-top:60% !important;} .item-image-box .image::before{content:""; position:absolute; z-index:5; top:0; left:0; display:block; width:100%; height:100%; background:url("../img/gradient-img.png"); background-size:cover;} .article .item.item-image-box .item-content-text *,.article .item.item-image-box a:visited,.article .item.item-image-box a:hover, .ind_article-video .item .item-content-text *,.ind_article-video .item a:visited,.ind_article-video .item a:hover{color:white !important;}*/ /***********************************************************************************************************************************/ /* FILTERS */ /***********************************************************************************************************************************/ .article-filter{text-align:center; margin-bottom:1.5em;} .article-filter .item{display:inline-block; margin:0 .1em .4em !important; text-align:left;} .article-filter .item a.boxed,.article-filter .ws-pack-item-header.boxed{font-size:120%; padding-top:.4em; padding-bottom:.4em; border-width:0 0 1px 0;} .article-filter .item > a{color:inherit; text-decoration:none;} .article-filter .item > a > span:not(.live-edit-translation),.article-filter .ws-pack-item-header > p > span{font-size:75%; opacity:.8; white-space:nowrap;} .article-filter .item a.boxed,.article-filter .ws-pack .ws-pack-item-header{border-color:transparent;} .article-filter .item a.boxed:not(:hover),.article-filter .ws-pack:not(:hover) .ws-pack-item-header{background-color:transparent;} .article-filter .ws-pack-item-header > p{display:inline-block; /*vertical-align:middle;*/ margin:0;} .article-filter .ws-pack-item-content{width:100%; padding:.5em 0; border-width:0;} .article-filter .ws-pack-item-content ul,.article-filter .ws-pack-item-content li{list-style:none; padding:0; margin:0;} .article-filter .ws-pack-item-content li a{display:block; padding:.3em 20px;} /***********************************************************************************************************************************/ /* DETAIL */ /***********************************************************************************************************************************/ /*.page-articles-detail .article-detail{}*/ .page-articles-detail:not(.page-articles-detail-v2) .article-detail-image{max-width:50%; margin-bottom:2em !important;} .article-detail-content > *{margin-top:0;} .article-detail .perex,.article-detail .perex *,.article-detail-content p,.article-detail-content li{line-height:1.6em;} /*.article-detail .perex{padding:0;}*/ /*.article-detail .perex,.article-detail-content p,.article-detail-content > *:not(h2):not(h3):not(h4):not(h5):not(h6){margin-bottom:1.3em;}*/ .article-detail-content ul,.article-detail-content ol{width:auto; overflow:hidden;} .article-detail-image-100 .article-detail-image{float:none; width:100%; max-width:none; margin-right:0;} .article-detail-image-100 .article-detail-content{clear:both;} .body-article-detail.article-detail-center #crumbs .stripe-in,.article-detail-center .article-detail #h1,.article-detail-center .article-detail #h1 + .item-info,.article-detail-center .article-detail .perex{text-align:center;} /*.page-articles-detail-v2 .article-detail{} .page-articles-detail-v2 .article-detail-content{} .page-articles-detail-v2 .ws-slider .section-text-in{padding-left:0 !important; padding-right:0 !important;}*/ .article-detail-visual{display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; flex-direction:column; justify-content:space-between;} .article-detail-visual > *{width:100%;} .article-detail-visual .section-text-in{padding-left:0 !important; padding-right:0 !important;} .page-articles-detail-v2 .perex{font-style:normal; font-weight:700; font-size:170%; padding:0; margin-bottom:1em;} .page-articles-detail-v2 .perex,.page-articles-detail-v2 .perex *{line-height:1.4em;} .page-articles-detail-v2 .perex + .item-info{margin:2em 0;} .page-articles-detail-v2 .item-info > *{margin:0 2em 0 0; border:none;} .page-articles-detail-v2 .item-info > *:last-child{margin-right:0;} .page-articles-detail-v2 .item-info > * + *{padding:0;} .page-articles-detail-v2 .item-detail-content{margin-top:2em;} /*.page-articles-detail-v2 .item-detail-content > *:not(.articles-related):not(h1):not(h2):not(h3):not(h4):not(h5):not(h6){font-size:120%;}*/ /*.page-articles-detail-v2 .article-detail-visual > .section-image-bg::before,*/.page-articles-detail-v2 .article-detail-visual .section-image-bg-in::before{display:block; content:""; width:100%; height:100%; background-image:url(/img/gradient-dark-70-b-t.svg); background-size:cover;} .page-articles-detail-v2 .article-detail-visual .section-image-bg-in-img::before{position:absolute; top:0; left:0; z-index:1;} .page-articles-detail-v2 .article-detail-visual .section-image-bg-in-img img{object-position:50% 50%;} .articles-related{clear:both; margin:3em 0;} .articles-related .segment{margin:2em 0 2.5em;} .articles-related .element-heading{font-size:140%;} .articles-related .item-heading{font-size:120%;} .articles-related .item:last-of-type{margin-bottom:0;} .article-detail-highlight{padding:2em 40px; margin:2em 0; border-style:solid; border-width:0 0 0 3px;} .article-detail-highlight > *:first-child{margin-top:0;} .article-detail-highlight > *:last-child{margin-bottom:0;} .article-detail-highlight > *{font-size:100%;} .article-detail-highlight h2,.article-detail-highlight h3,.article-detail-highlight h4,.article-detail-highlight h5,.article-detail-highlight h6{font-size:110%;} /*.articles-linked-container{}*/ .articles-linked-container .articles-linked .element-heading{text-align:center;} .articles-linked-container .articles-linked-more{text-align:center;} /***********************************************************************************************************************************/ /* AUTHOR */ /***********************************************************************************************************************************/ .page-author-detail{margin-top:1em;} /***********************************************************************************************************************************/ /* */ /* VIDEOS */ /* */ /***********************************************************************************************************************************/ .video .item-heading{margin-bottom:0;} /*.video-detail-visual{}*/ .video-detail-player{padding-bottom:60vh; transition:300ms;} .video-detail-player .auto-resize{position:absolute; padding-bottom:0; height:100%;} .video-detail-visual-start .video-detail-player{padding-bottom:80vh;} /*.video-detail-visual-empty{}*/ .video-detail-visual-empty-in{width:250px; max-width:100%; padding-bottom:1.5em; margin:0 auto;} .video-detail-visual-empty .image > span{position:absolute; bottom:20%; left:0; padding:.5em 0 0; display:block; width:100%; text-align:center;} .items-image-video.items-image-box .image-empty{bottom:auto; height:15em !important;} .items-image-video.items-image-box .image-empty a::after,.items-image-video .image-empty .image-in a::before, .item-image-video .image-in a::before{display:none !important;} .video-detail-visual-button-layer{position:absolute; top:0; left:0; z-index:100; width:100%; height:100%; cursor:pointer;} .video-detail-visual-button{position:absolute; left:50%; top:50%; width:76px; height:54px; z-index:10; margin-left:-38px; margin-top:-27px; display:none;} .video-detail-visual-button-layer:hover .video-detail-visual-button{display:block;} .video-detail-visual-button svg{position:absolute; left:0; top:0; width:100%; height:100%;} .image-in video,.image-in .video-player-container{width:auto; height:auto; max-width:100%; max-height:100%;} /* Player Cover */ .videos-player-cover.catalogue-detail-gallery-square .video-player-container{display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:calc(100% * (16 / 9)) !important; height:100% !important; max-width:none;} .videos-player-cover.catalogue-detail-gallery-square .video-player-thumb{width:100%; height:100%; object-fit:cover; max-height:none !important;} /* Play icon */ a.video-icon-play{position:absolute; top:0; left:0; z-index:100; width:100%; height:100%; cursor:pointer;} a.video-icon-play > *:not(.icon--hover-detail){display:block !important; position:absolute; left:50%; top:50%; z-index:10; transform:translate(-50%,-50%);} a.video-icon-play > svg{width:5em; height:auto;} a.video-icon-play > .icon-svg-box{background-color:rgba(0,0,0,.5);} a.video-icon-play:hover > .icon-svg-box{background-color:#ec0100;} /*.video-icon-play a::before,a.video-icon-play::before{width:1em; height:1em; line-height:1em; padding:1em .9em 1em 1.1em; color:white; background-color:black; border-radius:50%;} .video-icon-play a::before,a.video-icon-play::before{font-size:120%; display:block; position:absolute; z-index:2; top:6em; left:50%; transform:translate(-50%,-50%); background-color:rgba(0,0,0,.5);} .video-icon-play a:hover::before,a.video-icon-play:hover::before{background-color:#ec0100;}*/ /*.video-icon-play a::before,a.video-icon-play::before{top:50%;} .video-icon-play a::before,a.video-icon-play::before{position:relative; left:-.07em;}*/ /***********************************************************************************************************************************/ /* */ /* DIGEST */ /* */ /***********************************************************************************************************************************/ /*.digest .segment-heading{margin-bottom:1.2em;}*/ .digest .item > a{position:absolute; top:0; left:0; z-index:2; width:100%; height:100%;} .digest .item-heading{font-size:140%; padding:.8em 0 0; margin:0 0 .8em;} .digest:not(.images-full-box):not(.images-square):not(.element-catalogue-top-category) .image{padding-bottom:0;} .digest:not(.images-full-box):not(.images-square):not(.element-catalogue-top-category) .image-in{position:relative;} .digest.c .image{margin-left:auto; margin-right:auto;} /*.digest:not(.images-full-box):not([class*="images-width-"]):not([class*="images-height-"]) .image{padding-bottom:0;} .digest:not(.images-full-box):not([class*="images-width-"]):not([class*="images-height-"]) .image-in{position:relative;}*/ .digest .image + .item-content-text .item-text:first-child,.digest.items-color-heading .item-heading + .item-text{padding-top:.8em;} .digest .item-content-text > .button{display:inline-block; margin-top:1em;} .digest:not(.items-color-heading) .item-content-text > .item-heading + .button{margin-top:0;} .digest.items-color-heading .item-heading{padding:.8em 20px; margin:0;} .digest.items-color-heading .item-heading a,.digest.items-color-text .item-text{display:block; text-decoration:none; padding:.8em 20px;} .digest.items-color-heading .item-heading a{margin:-.8em -20px;} .digest.items-color-text .item-text .button{margin-bottom:.5em;} .digest.items-boxed-text .item-heading{padding-top:0;} .digest.element-catalogue-top-category .item-heading{margin-bottom:0;} .digest.items-rounded .item,.digest.items-rounded-xl .item{overflow:hidden;} /***********************************************************************************************************************************/ /* VERSION 2 */ /***********************************************************************************************************************************/ .digest-v2 .item .row > .col{margin-bottom:0;} .digest-v2 .item-heading{padding-top:0; margin-bottom:.5em;} .digest-v2.items-col-left-width-75 .item > .row > .col{width:75px;} .digest-v2.items-col-left-width-75 .item > .row > .col + .col{width:calc(100% - 75px);} .digest-v2.items-col-left-width-100 .item > .row > .col{width:100px;} .digest-v2.items-col-left-width-100 .item > .row > .col + .col{width:calc(100% - 100px);} .digest-v2.items-col-left-width-125 .item > .row > .col{width:125px;} .digest-v2.items-col-left-width-125 .item > .row > .col + .col{width:calc(100% - 125px);} .digest-v2.items-col-left-width-150 .item > .row > .col{width:150px;} .digest-v2.items-col-left-width-150 .item > .row > .col + .col{width:calc(100% - 150px);} .digest-v2.items-col-left-width-175 .item > .row > .col{width:175px;} .digest-v2.items-col-left-width-175 .item > .row > .col + .col{width:calc(100% - 175px);} .digest-v2.items-col-left-width-200 .item > .row > .col{width:200px;} .digest-v2.items-col-left-width-200 .item > .row > .col + .col{width:calc(100% - 200px);} .digest-v2.items-col-left-width-225 .item > .row > .col{width:225px;} .digest-v2.items-col-left-width-225 .item > .row > .col + .col{width:calc(100% - 225px);} .digest-v2.items-col-left-width-250 .item > .row > .col{width:250px;} .digest-v2.items-col-left-width-250 .item > .row > .col + .col{width:calc(100% - 250px);} .digest-v2.items-col-image-c .item > .row > .col:first-child{text-align:center;} .digest-v2.items-col-image-r .item > .row > .col:first-child{text-align:right;} /*.digest-v2 .item-text + a{margin-top:1em;}*/ .digest-v2.flex-container.row-valign-item .item > .row{align-items:center;} /***********************************************************************************************************************************/ /* VERSION 3 */ /***********************************************************************************************************************************/ .digest-v3 .item > a{color:inherit;} .digest-v3 .image-in{width:100%; height:100%; max-height:none; max-width:none;} .digest-v3 .image img{width:100% !important; height:100% !important; top:0; left:0; object-fit:cover; transform:scale(1) !important;} /*.digest-v3.images-square .item > a{position:absolute; top:0; left:0; width:100%; height:100%;}*/ /***********************************************************************************************************************************/ /* */ /* TESTIMONIAL */ /* */ /***********************************************************************************************************************************/ .testimonial .item-content-text{position:relative; margin-bottom:20px;} .testimonial .item-text{font-size:100%; font-style:italic;} .ws-slider .testimonial .item-text{font-size:100%;} .testimonial .image{display:inline-block; vertical-align:middle; width:70px; padding-bottom:70px; margin-right:.5em;} .testimonial .item-info{font-style:normal; display:inline-block; vertical-align:middle;} .testimonial .image + .item-info{ max-width:calc(100% - 90px);} .testimonial .item-info p{margin:0;} .testimonial .item-info span{display:block;} .testimonial .item-info span.item-author-age{display:inline-block;} .testimonial .item-info .ws-rating,.testimonial .item-info .item-date{display:inline-block; margin-bottom:0;} .testimonial .item-info .item-date{position:relative; top:.15em;} .testimonial .item-info .image span{display:inline-block;} .testimonial.items-boxed .item{padding-top:0; padding-left:0; padding-right:0;} .testimonial.items-boxed .item-content-text{border-width:0 0 1px 0; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;} .testimonial.items-boxed .item-content-text > div.cl{display:block;} .testimonial.items-boxed .image{margin-left:20px;} .testimonial.items-boxed .item-info{margin-left:20px; margin-right:20px;} .testimonial.items-boxed .image + .item-info{margin-left:0; margin-right:0; max-width:calc(100% - 115px);} .testimonial-no-boxed:not(.items-boxed) .item-content-text{padding:0; color:inherit; background-color:transparent; border:none;} .images-none .item .image{display:none;} .testimonial.items-rounded.items-boxed .item,.testimonial.items-rounded-xl.items-boxed .item{overflow:hidden;} .testimonials-text-included .item-content-text .icon-svg{display:none !important;} .testimonials-text-included:not(.testimonial-v2):not(.testimonial-v3) .item-content-text{margin-bottom:0; border-bottom-width:0 !important;} .testimonials-text-included.testimonial-v2 .image + .item-content-text{margin-left:0 !important; border-left-width:0 !important;} .testimonials-text-included.testimonial-v3 .item-content-text{margin-top:0; border-top-width:0 !important;} /* testimonials sources icons - Brbla for review */ .testimonial .item-info .item-source{display:flex; align-items:center; gap:.25em; flex-wrap:wrap; line-height:1.6em;} .testimonial .item-info .item-source picture{display:flex; align-items:center; margin:0 0 0 .2em;} .testimonial .item-info .item-source span.valign{display:none;} .testimonial .item-info .item-source img{max-height:1.15em; height:1.15em; width:auto; display:inline-block; max-width:fit-content;} .testimonial .item-info .item-source .item-source-name{display:inline-block; padding-left:0; border-style:none;} /***********************************************************************************************************************************/ /* VERSION 2 */ /***********************************************************************************************************************************/ /*.testimonial-v2 .item-info{}*/ .testimonial-v2 .image{float:left; width:120px; padding-bottom:120px; margin:0 0 20px;} .testimonial-v2 .item-info{max-width:none;} /*.testimonial-v2 .item-author strong{display:block;}*/ .testimonial-v2 .item-content-text{width:100%;} .testimonial-v2.items-boxed .item-info,.testimonial-v2 .item-info{display:block; margin-bottom:20px; margin-left:0; margin-right:0;} .testimonial-v2 .image + .item-content-text{margin-left:140px; min-height:120px; width:calc(100% - 140px);} .testimonial-v2 .item-content-text > div.cl{display:none;} .testimonial-v2.items-boxed .item{padding:0;} .testimonial-v2.items-boxed .image + .item-content-text{margin-left:160px; min-height:140px;} .testimonial-v2.items-boxed .item-content-text{margin-bottom:0; border-width:0;} .testimonial-v2.items-boxed .image + .item-content-text{border-width:0 0 0 1px;} .testimonial-v2.items-boxed .image{margin-top:20px;} .flex-container.testimonial-v2 .item{flex-direction:row;} .flex-container.testimonial-v2 .item .image{height:120px;} .flex-container.testimonial-v2 .image + .item-content-text{margin-left:20px;} /***********************************************************************************************************************************/ /* VERSION 3 */ /***********************************************************************************************************************************/ /*.testimonial-v3 .image{float:left;}*/ .testimonial-v3 .item-content-text{margin-top:20px; margin-bottom:0;} .testimonial-v3.items-boxed .item,.testimonial-minimal.items-boxed .item{padding-top:20px; padding-bottom:0;} .testimonial-v3.items-boxed .item-content-text{border-width:1px 0 0 0;} .testimonial.testimonial-v3 .item .svg-icon-testimonials{bottom:auto; top:2px; transform:rotate(-135deg);} /***********************************************************************************************************************************/ /* VERSION WITH SVG ICON */ /***********************************************************************************************************************************/ .testimonial .item .svg-icon-testimonials{position:absolute; bottom:0; left:28px; width:1em; height:1em; max-width:none; transform:rotate(45deg);} .testimonial:not(.testimonial-v2):not(.testimonial-v3) .item .svg-icon-testimonials{margin-bottom:-.5em;} .testimonial.items-boxed .item .svg-icon-testimonials{left:48px;} .testimonial-v2 .item .svg-icon-testimonials,.testimonial-v2.items-boxed .item .svg-icon-testimonials{display:none; top:60px; bottom:auto; left:-.5em; margin-top:-.5em; transform:rotate(135deg);} .testimonial-v2 .item .image + .item-content-text .svg-icon-testimonials{display:block;} .testimonial-v3 .item .svg-icon-testimonials{top:0; bottom:auto; margin-top:calc(-.5em - 1px) !important;} .testimonial.items-color-text .item .svg-icon-testimonials{box-shadow:none !important;} /***********************************************************************************************************************************/ /* EXTERNAL */ /***********************************************************************************************************************************/ /*.element-ws-testimonials-external{}*/ .element-ws-testimonials-external .testimonial .item-info span{display:inline-block;} .testimonial .item-info > *{margin-bottom:.3em;} .testimonial-minimal .item-content-text{padding-top:0; margin:0; border-width:0 !important;} .testimonial-minimal .item-content-text::before,.testimonial-minimal .item-content-text::after{display:none;} /***********************************************************************************************************************************/ /* */ /* GALLERY */ /* */ /***********************************************************************************************************************************/ /*.gallery .item .item-heading,.gallery .item .item-heading span,.gallery .item .item-heading + .item-text{padding:1em 20px;}*/ .gallery .item .item-heading{/*position:relative;*/ font-size:110%; /*font-weight:400;*/ margin:0; /*padding-right:5em;*/} .gallery .item .item-heading a{display:block; text-decoration:none;} .gallery .item .item-content-text{border-top-width:1px !important;} /*.gallery .item .item-heading span{position:absolute; top:.1em; right:0; font-size:90%; color:#808080;} .gallery .item .item-heading + .item-text{padding-top:0; margin:-.5em 0 0;}*/ .gallery .item .item-text{max-height:4.2em; overflow:hidden; margin-bottom:0;} .gallery-preview-item-text-hidden .item .item-text{display:none;} /*.images-border-none .gallery .image{border:none !important;}*/ /*.gallery-v2 .row{padding:0; margin:0;} .gallery-v2 .col{padding:0;}*/ .gallery-v2 .item{position:relative; overflow:hidden;} .gallery-v2 .item .item-content-text{position:absolute; bottom:0; left:0; width:100%; padding:20px; background-color:black !important; background-color:rgba(0,0,0,.6) !important; border:none;} .gallery-v2 .item .item-content-text,.gallery-v2 .item .item-heading,.gallery-v2 .item .item-heading a,.gallery-v2 .item .item-heading span{color:white !important;} .gallery-v2 .item .item-heading{font-weight:inherit; height:1.3em; margin-right:2.8em; overflow:hidden;} .gallery-v2 .item .item-text{margin-top:0;} .gallery-v2.gallery-preview .item .item-text{height:0;} .gallery-v2 .image-gallery-icon{padding-right:0; background-color:transparent !important;} .gallery-v2 .image-gallery-icon,.gallery-v2 .item:hover .image-gallery-icon.image-gallery-icon-not-perex{bottom:1.4em;} .gallery-v2 .item:hover .image-gallery-icon:not(.image-gallery-icon-not-perex){bottom:7em;} .gallery-v2-hover-text .item-text{left:-100%;} .gallery .col-1:nth-child(12n+0) + .col, .gallery .col-2:nth-child(6n+0) + .col, .gallery .col-1-7:nth-child(7n+0) + .col, .gallery .col-1-8:nth-child(8n+0) + .col, .gallery .col-1-9:nth-child(9n+0) + .col, .gallery .col-1-10:nth-child(10n+0) + .col, .gallery .col-1-11:nth-child(11n+0) + .col, .gallery .col-1-5:nth-child(5n+0) + .col, .gallery .col-3:nth-child(4n+0) + .col, .gallery .col-4:nth-child(3n+0) + .col, .gallery .col-6:nth-child(2n+0) + .col, .gallery .col-12:nth-child(1n+0) + .col{clear:both;} .gallery-more{font-size:250%; display:block; z-index:100; text-align:center; color:white; background-color:black; background:rgba(0,0,0,.5);} .gallery-more,.gallery-more > span{position:absolute; left:50%; top:50%; width:2.4em; height:2.4em; line-height:1.4em; padding:.5em 0; margin:-1.2em 0 0 -1.2em;} .gallery-more-full-box{top:0; left:0; width:100%; height:100%; margin:0;} /* Videolayer */ .ws-videoholder{position:absolute; top:50%; left:50%; width:90%; height:80%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%);} .ws-videoholder iframe{width:100%; height:100%;} /* PhotoSwipe overide */ .pswp__button{opacity:1;} .pswp__button.pswp__button--arrow--right,.pswp__button.pswp__button--arrow--left{top:50%; margin-top:-1em; width:2em; height:2em; line-height:2em; font-size:250%; background-color:rgba(0,0,0,.3); opacity:1;} .pswp__button.pswp__button--arrow--right::before,.pswp__button.pswp__button--arrow--left::before{top:0; right:0; width:2em; height:2em; line-height:2em; color:white; background-image:none; background-position:-1000px -1000px; background:none; text-align:center;} .pswp__button.pswp__button--arrow--left::before{left:0;} .pswp__button.pswp__button--arrow--right .icon-svg,.pswp__button.pswp__button--arrow--left .icon-svg{color:white;} .pswp__caption__center{text-align:center;} /***********************************************************************************************************************************/ /* GALLERY VERTICAL - DRAFT */ /***********************************************************************************************************************************/ /*.gallery-vertical{position:relative;} .gallery-vertical .row{position:relative; padding-bottom:50%;} .gallery-vertical .row,.gallery-vertical .col,.gallery-vertical .col .item{height:100%;} .gallery-vertical .col{position:absolute; top:0; left:0;} .gallery-vertical .col + .col{left:auto; right:0;} .gallery-vertical .col + .col .item{position:absolute; left:0; width:100%; padding:0 16px; margin:0 -16px; height:30%;} .gallery-vertical .col + .col .item + .item{top:33.333333%;} .gallery-vertical .col + .col .item + .item+.item{top:auto; bottom:0;} .gallery-vertical .image{padding-bottom:0; height:100%;} .gallery-vertical .item:last-child{margin-bottom:0;} .gallery-vertical .item-text{display:none;}*/ /***********************************************************************************************************************************/ /* */ /* POLL */ /* */ /***********************************************************************************************************************************/ .poll.items-border .item{background:none; border-width:0;} .poll.items-border .item + .item{padding-top:2em; margin-top:2em; border-width:1px 0 0;} .answer{padding:0; margin:0 0 .9em;} .answer p{margin:0 2.8em .3em 0;} .answer-count{position:absolute; bottom:1em; right:0;} .strip-box,.strip-box a,.strip{height:1em;} .strip-box{position:relative; border-width:1px; border-style:solid;} .strip-box a{position:relative; top:0; left:0; display:block; width:100%; height:100%;} .strip{position:absolute; height:100%; display:block;} .poll-count p{margin-bottom:0;} /***********************************************************************************************************************************/ /* */ /* FORUM */ /* */ /***********************************************************************************************************************************/ /*.forum-category{} .forum-threads{}*/ .forum-th-info{display:none;} /* Category preview */ .forum-category-title{width:60%;} .forum-theme-title{width:70%;} .forum-category-theme{text-align:center;} .forum-category-posts{text-align:center;} .forum-category-last-post{width:25%;} .forum table .item{position:static; margin:0;} .forum table .item-heading{font-size:100%; margin-bottom:.3em;} .forum .item p{margin:0;} .forum .item-info span{display:block;} .forum .item-info span ~ span{padding:0; border:none;} .forum .item .item-text > *{display:inline-block; vertical-align:middle;} .forum-thread-pager{margin-left:.5em;} .forum-thread-pager > *{font-size:80%;} .post.items-border .item{padding-bottom:2em; margin-bottom:2em; background:none; border-width:0 0 1px 0;} .post .item-heading{display:none;} .post .item-info p{margin-top:0;} .post .item-text{margin-top:.5em;} .post .item-option{float:right;} .post .item-option > *{margin-bottom:0;} .post-message blockquote{padding:0; margin:1em 0 1em 2em;} .post-content .item-info{margin:0 0 .5em;} .level .level{margin-left:1em;} /***********************************************************************************************************************************/ /* */ /* MAP */ /* */ /***********************************************************************************************************************************/ .map-option{position:relative; top:0; left:0;} .map-option,.map-option.boxed{padding-top:4.5em;} .map-search{position:absolute; top:0; left:0; width:100%; padding-bottom:0 !important; background-color:transparent; border:none !important;} .map-list{height:100%; padding-right:10px; overflow:auto;} .map-list ul,.map-list li{list-style:none; padding:0; margin:0;} .map-list input[type="radio"] + label{font-size:90%; padding:.7em .5em .7em 2.5em; margin:0; border-width:0 0 1px 0; border-style:solid;} /*.map-list input[type="radio"] + label::before{top:.7em; left:.5em;} .map-list input[type="radio"] + label::after{top:1.17em; left:.97em;}*/ .map-list input[type="radio"] + label::before,.map-list input[type="radio"] + label::after{display:none;} .map-list input[type="radio"] + label{padding:.7em .5em; cursor:pointer;} .map-list .map-list-address{font-size:90%;} .map-list .map-list-psc,.map-list .map-list-identifikator{float:right; font-size:80%; margin-left:.3em;} .map-option-popup{height:calc(100% - 10.5em) !important; padding-bottom:0 !important;} .map-option-popup .stripe-space-none,.map-option-popup .row,.map-option-popup .col,.map-option-popup .map-option,.map-option-popup .map-with-options,.map-option-popup .js-balikovna-map, .map-option-popup .js_balik_na_postu-map{height:100%;} .map-option-popup-button{margin:0;} .ws-dialog-map-list .ui-dialog-titlebar img{height:1.4em !important; width:auto; margin-right:.3em; vertical-align:middle;} .ws-dialog-map-list.ws-dialog-narrow{left:50% !important; margin-left:-250px; max-width:500px;} .ws-dialog-map-list.ws-dialog-narrow .map-option.boxed,.ws-dialog-map-list.ws-dialog-narrow .map-search.boxed{border:none;} .ws-dialog-map-list.ws-dialog-narrow .map-search.boxed{padding:0;} .ws-dialog-map-list.ws-dialog-narrow .map-option.boxed{padding:3em 0 0;} .ui-dialog.ws-dialog-map-list .ui-dialog-title{font-size:100%;} .ui-dialog.ws-dialog-map-list .ui-dialog-buttonpane{text-align:center;} .ui-dialog.ws-dialog-map-list .ui-dialog-buttonpane .ui-dialog-buttonset{float:none;} .ui-dialog.ws-dialog-map-list .ui-dialog-buttonpane button{margin:0;} /***********************************************************************************************************************************/ /* */ /* HELP */ /* */ /***********************************************************************************************************************************/ .help .item + .item{padding-top:2em; margin-top:2em; border-top:1px solid #dddddd;} .help .item .item-info{margin:1em 0;} .ws-help-digest .item{gap:.5em 0; flex-direction:row; flex-wrap:wrap; justify-content:space-between;} .ws-help-digest .image{width:70px !important; padding-bottom:70px !important; height:0 !important; margin:-1em 0;} .ws-help-digest .image + .item-content-text{order:-1; max-width:calc(100% - 70px - 1em);} .ws-help-digest .item-heading{padding-top:0;} .ws-help-digest .item-heading:last-child{margin-bottom:0;} .ws-help-digest ul{list-style:none; padding:0; margin:0; /*font-size:95%;*/} .ws-help-digest li{padding-left:.8em; margin:.6em 0;} .ws-help-digest li::before{position:absolute; left:0; opacity:.8;} .ws-help-digest .button{font-size:100%; margin-top:.7em !important;} /*.layout-1 .stripe-division.stripe-width .ws-help-thread-title.stripe-width > .stripe-in,*/ .stripe-division.stripe-width .ws-help-thread-content.stripe-width > .stripe-in{padding-left:0; padding-right:0;} /*.stripe-division.stripe-width .ws-help-thread-title.stripe-width > .stripe-in{padding-top:40px; padding-bottom:40px;}*/ .ws-help-thread-content.stripe-space > .stripe-in{padding-top:0;} .ws-help-thread-title{z-index:3;} .ws-help-thread-title:not(.stripe-space) > .stripe-in{padding:0;} .ws-help-thread-title.stripe-space > .stripe-in{padding-top:40px; padding-bottom:40px;} .ws-help-thread-title.stripe-space > .stripe-in > hr:last-child{display:none;} .ws-help-thread-title #h1{margin-bottom:0;} .ws-help-thread-title + .ws-help-thread-content .ws-help-digest{margin-top:2em;} /*.ws-help-thread-topics{} .ws-help-thread-related{}*/ .ws-help-thread-nav{margin:1em 0;} .ws-help-thread-topics .item{padding-top:2em;} .ws-help-thread-topics .item + .item{margin-top:2em; border-top:1px solid #dddddd;} .ws-help-thread-topics .item .item-info{margin:1em 0;} /***********************************************************************************************************************************/ /* */ /* JS TABS */ /* */ /***********************************************************************************************************************************/ .js-tab-controls.digest .item-heading{cursor:pointer;} .js-tab-content:not(.js-tab-content-1){display:none;} /***********************************************************************************************************************************/ /* */ /* CATALOGUE */ /* */ /***********************************************************************************************************************************/ /***********************************************************************************************************************************/ /* FILTER */ /***********************************************************************************************************************************/ .filters h3{font-size:120%; margin-bottom:.5em;} .filters h3 + .filter .form{margin-top:0;} .filter label{padding:0;} .filter .ws-pack-item-header{vertical-align:top;} .filter .ws-pack-item-header.icon::after,.filter .ws-pack-item-header:not(.filter-more) .icon,.filter .ws-pack-icons-svg .icon-svg{float:right;} .filter .ws-pack-item-header > *{display:inline-block; vertical-align:top; margin-bottom:0;} .filter .ws-pack-item-header .filter-unit{font-size:80%; font-weight:400; text-transform:none;} .filter .ws-pack-item-content.boxed{padding-top:3px; border-top-width:0;} .filter .ws-pack-item-content{margin-top:.4em;} .filter .item > .ws-pack-main > .ws-pack-item > .ws-pack-item-content,.catalogue-sorting .ws-pack-item-content{font-size:85%;} .filter .filter-more{margin:.5em 0 0;} .filter .ws-pack-item-content .field + .field{margin-top:.4em;} .filter .ws-pack-item-content .field label{width:100%;} .filter .item{margin-bottom:0 !important;} .sidebar .filters .filter .item{margin-top:-1px;} .filters-number-of-product{display:inline-block; padding:.2em 0; margin-bottom:.4em;} .filter-section-title{font-weight:500; padding-top:1em; margin:1em 0 .8em; border-style:solid; border-width:1px 0 0;} /* Image checkbox + text */ .filter .field .image{position:absolute; top:0; left:0; width:2.2em; padding-bottom:calc(2.2em - 2px); overflow:hidden;} .filter .field .image ~ label{line-height:2.2em; top:0; left:0; padding-left:2.6em; padding-top:0;} .filter .field .image ~ label::before,.filter .field .image ~ label .icon{top:0 !important; left:0 !important; width:2.2em !important; height:2.2em !important; line-height:2.2em !important; box-sizing:border-box; background-color:transparent; border-color:transparent;} .filter .field .image ~ label::after,.filter .field .image ~ label .icon{/*left:.65em !important;*/ text-align:center; line-height:2.2em; -webkit-opacity:0; -moz-opacity:0; opacity:0;} .filter .field .image + input:checked + label::after,.filter .field .image + input:checked + label .icon{-webkit-opacity:1; -moz-opacity:1; opacity:1;} .filter .field .image + input:checked + label::before,.filter .field .image ~ label:hover::before{background-color:black; background-color:rgba(0,0,0,.3);} .filter .field .image ~ label .icon-svg{left:.5em; top:.5em;} /* Image checkbox */ .filter-image .col{max-width:60px;} .filter .filter-image .field .image{width:100%; padding-bottom:calc(100% - 2px);} .filter .filter-image .field .image ~ label{display:block; width:100%; padding-bottom:100%; padding-left:0; margin-bottom:8px;} .filter .filter-image .field .image ~ label::before,.filter .filter-image .field .image ~ label .icon{width:100% !important;; height:100% !important;;} .filter .filter-image .field .image ~ label::after,.filter .filter-image .field .image ~ label .icon{font-size:125%;} .filter .filter-image .field .image ~ label .icon::before{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);} .filter .filter-image .field .image ~ label .icon-svg{font-size:120%; top:50%; left:50%; transform:translate(-50%,-50%);} /* filters vertical */ .filters-vertical .catalogue-filter-items{width:100%;} /* filters horizontal */ .filters-horizontal{position:relative; z-index:10; font-size:95%; margin-top:1em;} .filters-horizontal.boxed{padding-top:.9em; padding-bottom:0; margin-bottom:1em;} .filters-horizontal .filter .ws-pack-item-header.icon::after,.filters-horizontal .filter .ws-pack-item-header .icon,.filters-horizontal .filter .ws-pack-icons-svg .icon-svg{float:none; margin:0;} .filters-horizontal .filter .ws-pack-icons-svg .icon-svg{margin-top:-.2em;} .filters-horizontal .filter .form{margin:0;} .filters-horizontal .ws-pack-item-header{font-weight:inherit;} .filters-horizontal .filter .ws-pack-item-header > *{vertical-align:middle;} .filters-horizontal .catalogue-filter-items{flex:1; min-width:50%;} .filters-horizontal .js-catalogue-filter-items{float:left;} .filters-horizontal .catalogue-filter-items-title{margin-right:.3em;} .filters-horizontal .catalogue-filter-items,.filters-horizontal .catalogue-sorting,.filters-horizontal .catalogue-options,.filters-mobile > a{margin-bottom:.9em;} .filters-horizontal .catalogue-filter-view + .catalogue-filter-items{margin-right:7.5em;} .filters-horizontal .js-catalogue-filter-items > .row{margin:0 !important;} .filters-horizontal .js-catalogue-filter-items > .row > .col{padding:0;} .filters-horizontal .js-catalogue-filter-items > .row > .col .item{margin:.1em 0 !important;} .filters-horizontal .js-catalogue-filter-items > .row > .col:not([class*="col-"]){width:auto;} .filters-horizontal .boxed{line-height:1.4em; padding:.5em .7em;} .filters-horizontal .ws-pack-item-content{min-width:240px; max-height:240px; overflow:auto;} .filters-horizontal .col[class*="col-"] .ws-pack-item-content{min-width:0;} .filters-horizontal .js-catalogue-filter-items > .row > .col:not([class*="col-"]) .ws-pack-item-content, .filters-horizontal .catalogue-sorting .ws-pack-item-content{padding-top:10px; border-top-width:1px;} .filters-horizontal .filter-used .ws-pack-item-header.boxed{background:transparent;} .filters-horizontal .catalogue-sorting .field-inline{display:inline-block;} .filters-horizontal .catalogue-sorting .ws-pack-item-content .field + .field{margin-top:.4em;} .filters-horizontal .catalogue-sorting .item{margin-right:.5em;} .filters-horizontal .catalogue-sorting .item:not(.tab-switch) .field{margin-right:.5em;} .filters-horizontal .catalogue-sorting .item .field + .field{margin-left:0;} .filters-horizontal .catalogue-sorting .item:last-child,.filters-horizontal .catalogue-sorting .item .field:last-child{margin-right:0;} /* filters mobile */ .filters-mobile{font-size:90%;} .filters-mobile .boxed{padding:15px;} .filters-mobile > *{margin:1em 0;} .filters-mobile > *:last-child{margin-bottom:0;} .filters-mobile-filter-header{font-size:100%; margin:0;} .filters-mobile-filter-header .icon{float:right;} .filters-mobile .catalogue-filter-items .col + .col{margin:0 !important;} .filters-mobile .catalogue-filter-items .ws-pack-item-header{border-width:1px 0 0;} .filters-mobile .pagination{text-align:center;} .filters-mobile .filter .ws-pack-item-content{font-size:100% !important; border-width:0;} .filters-mobile .filter-button-confirm{margin:0 !important; border-width:1px 0 0; text-align:center;} .filters-mobile .filter-button-confirm button{width:100%; max-width:200px;} .filters-mobile-filter .filter-used .ws-pack-item-header::before{content:""; display:inline-block; width:.5em; height:.5em; border-radius:50%; margin-right:.2em; margin-bottom:.12em;} .filters-mobile-quick-filter .ws-pack-item-header.boxed{padding:0; margin:0; border-width:0;} .filters-mobile-quick-filter .ws-pack-item-content{width:auto !important; white-space:nowrap; z-index:4;} .filters-mobile-quick-filter .ws-pack-item-content .field{display:block;} .filters-mobile-quick-filter .ws-pack-item-content .field + .field{margin-top:.4em;} /* filter slider jQuery */ .filter-slider-on{position:relative; width:auto; padding:0 1em; margin:.6em 0 !important;} .filter-slider-min-value,.filter-slider-max-value{position:absolute; top:-1.8em; left:0;} .filter-slider-max-value{right:0; left:auto;} .filter-slider-off{text-align:center; margin-top:1em;} .filter-slider-off > *{display:inline-block;} .filter-slider-off label{display:none;} .filter-slider-off input{font-size:95%; text-align:right; width:auto; margin:.4em .2em;} .filters .form-bottom{margin-top:1em;} .ui-slider-range{border-width:1px; border-style:solid;} .ui-slider-horizontal .ui-slider-handle{background-color:white; border-width:1px; border-style:solid;} .ui-slider-horizontal .ui-slider-handle.ui-state-focus{outline:none;} .ui-state-focus{outline:none !important;} /*.filter-sorters{} .sorter-property1{} .sorter-property2{}*/ .filter h4{font-size:100%; margin:0;} .filters-active{font-size:95%; margin:0 0 1em;} .filters-mobile + .filters-active{margin-top:1em;} .filters-reset-all a,.filters-reset-all a:visited,.filters-view-all,.filters-view-all:visited{text-decoration:none; color:inherit;} /*.filters-view-all{border:1px solid green !important;}*/ /* Catalogue navigation */ .catalogue-category-nav-title{display:none; margin:0 0 .3em;} .segment + .catalogue-category-nav-title{margin-top:1em;} .catalogue-category-nav-title span{font-size:90%;} /***********************************************************************************************************************************/ /* VIEW OPTION */ /***********************************************************************************************************************************/ /*.catalogue-options{position:relative; font-size:90%; padding:0 0 1em; margin:.7em 0 0; border-width:0 0 1px 0; border-style:solid;}*/ /*.page-catalogue-preview .pagination{float:right;}*/ /* view option */ /*.catalogue-box-select{display:inline-block; float:left; margin-right:1em; border-width:1px; border-style:solid;} .catalogue-select-name,.catalogue-box-select a{display:inline-block; text-decoration:none; padding:.4em .6em;} .catalogue-box-select a{border-width:0 0 0 1px; border-style:solid;}*/ /***********************************************************************************************************************************/ /* SORTING */ /***********************************************************************************************************************************/ .catalogue-sorting-view{font-size:95%; /*margin:1em 0 1.5em;*/} .catalogue-sorting .form{margin:0;} .catalogue-sorting .form-part{float:left;} .catalogue-sorting .form-part + .form-part{float:right;} .catalogue-sorting .form-part,.catalogue-sorting .form .item{margin:0;} .catalogue-sorting .field-checkbox > .field{padding-top:.4em; padding-bottom:.4em;} .catalogue-sorting .field select{height:auto;} .catalogue-sorting .field .ws-pack-item-header,.filters-mobile-quick-filter .field .ws-pack-item-header{padding:0 !important; background-color:transparent !important; border-width:0;} .catalogue-sorting .ws-pack-item-content .field{display:block; margin-right:0 !important;} .catalogue-sorting .ws-pack-item-content .field label{margin-bottom:.2em;} .catalogue-sorting .field{vertical-align:middle;} /*.catalogue-ordering{}*/ .catalogue-ordering form{display:inline-block; margin-right:.5em;} .catalogue-ordering input,.catalogue-ordering select{padding:0;} /* Catalogue select view */ .catalogue-part-head{display:none;} /* Catalogue sorting view 2 */ /*.catalogue-sorting-view-2{font-size:100%;}*/ .catalogue-sorting-view-2 .catalogue-sorting{float:left;} /*.catalogue-sorting-view-2 .form{margin:0;}*/ .catalogue-sorting-view-2 .catalogue-filter-view ~ .catalogue-sorting .form-part:first-child, .catalogue-sorting-view-2 .form-part + .form-part{padding-left:1.5em; margin-left:1.5em; border-width:0 0 0 1px; border-style:solid;} /*.catalogue-sorting-view-2 .form-part:first-child{padding-left:0; margin-left:0; border-width:0;}*/ /*.catalogue-filter-view{} .catalogue-filter-pagination{}*/ /***********************************************************************************************************************************/ /* STICKER */ /***********************************************************************************************************************************/ .catalogue-stickers{position:relative; left:0; top:0; font-size:85%; /*z-index:3;*/} .catalogue-stickers .tags-container-in{flex-direction:column; align-items:flex-start;} .catalogue-stickers-r .tags-container-in{align-items:flex-end;} .catalogue-stickers-c .tags-container-in{flex-direction:row; justify-content:center;} .catalogue-stickers-in{position:absolute; left:0; top:0;} .catalogue-stickers-margin .catalogue-stickers-in{margin:.5em;} .catalogue-stickers-margin-l .catalogue-stickers-in{margin:1em;} /* Margin L */ .catalogue-stickers-margin-l .catalogue-stickers:not(.catalogue-sale){width:100%; max-width:350px; margin:0 auto;} .catalogue-stickers-margin-l .catalogue-sale-in{width:calc(100% - 350px); left:100%;} .catalogue-stickers-margin-l .catalogue-sale-in > *{margin-right:calc(100% * 1.5 + 1em) !important;} .catalogue-stickers-margin-l .catalogue-stickers-r.catalogue-sale .catalogue-sale-in{right:100%; left:auto;} .catalogue-stickers-margin-l .catalogue-stickers-r.catalogue-sale .catalogue-sale-in > *{margin-left:calc(100% * 1.5 + 1em) !important;} /*.items-boxed .catalogue-stickers-in{left:-26px;}*/ .catalogue-stickers-in > *{position:relative; /*float:left; clear:left;*/ display:inline-block; line-height:1.4em; /*padding:.3em 1em;*/} /*.catalogue-stickers-in > span + span{margin-top:.5em;}*/ .catalogue-stickers-c:not(.catalogue-sale) .catalogue-stickers-in{left:50%; text-align:center; width:100%; transform:translateX(-50%);} .catalogue-stickers-margin .catalogue-stickers-c:not(.catalogue-sale) .catalogue-stickers-in,.catalogue-stickers-margin-l .catalogue-stickers-c:not(.catalogue-sale) .catalogue-stickers-in{padding:1em; margin:0;} /*.catalogue-stickers-c:not(.catalogue-sale) .catalogue-stickers-in > span{margin:0 .1em .2em; clear:none; float:none;}*/ .catalogue-stickers-r:not(.catalogue-sale) .catalogue-stickers-in{left:auto; right:0; text-align:right;} .catalogue-stickers-r:not(.catalogue-sale) .catalogue-stickers-in > span{float:right; clear:right;} .catalogue-sticker-container > *{display:block !important;} .catalogue-sticker-container > * + *{margin-top:.4em !important;} .catalogue-sticker-container > * img{display:block; max-width:3.7em; margin:0 auto;} /* after image*/ .image ~ .catalogue-stickers{display:block;} .image ~ .catalogue-stickers .catalogue-stickers-in,.image ~ .catalogue-stickers.catalogue-sale .catalogue-stickers-in > *{top:auto; bottom:0;} /* Sticker inline */ .catalogue-stickers-inline{margin:1em 0;} .catalogue-stickers-inline .catalogue-stickers-in{position:relative; left:0;} .catalogue-stickers-inline .catalogue-stickers-in,.catalogue-alternatives .catalogue-stickers-in{flex-direction:row;} /*.catalogue-stickers-inline span{float:none;} .catalogue-stickers-inline .catalogue-stickers-in > span + span{margin-top:0;} .catalogue-stickers-inline span + span{margin-left:.3em;}*/ .catalogue-stickers-inline span::before{display:none;} .catalogue-sale{font-size:100%; /*width:100%;*/ left:auto; right:0;} .catalogue-sale-in{left:auto; right:0;} .catalogue-sale strong{font-size:130%; line-height:2.9em; margin-right:-.1em;} .catalogue-sale .catalogue-sale-in > *{position:absolute; right:0; } .catalogue-sale .catalogue-sale-in .catalogue-sticker-sale{display:inline-block; text-align:center; margin:0; line-height:3.7em; width:3.7em; height:3.7em; padding:0;} .catalogue-stickers-r.catalogue-sale .catalogue-sale-in{left:0; right:auto;} .catalogue-stickers-r.catalogue-sale .catalogue-sale-in > *{left:0; right:auto;} .catalogue-stickers-c.catalogue-sale .catalogue-sale-in{top:0; /*right:0;*/ padding-bottom:100%;} .catalogue-stickers-c.catalogue-sale .catalogue-sale-in > *{bottom:0;} .catalogue-stickers-margin .catalogue-sale .catalogue-stickers-in,.catalogue-stickers-margin-l .catalogue-sale .catalogue-stickers-in{margin:0;} .catalogue-stickers-margin .catalogue-sale .catalogue-stickers-in > *{margin:.5em;} .catalogue-stickers-margin-l .catalogue-sale .catalogue-stickers-in > *{margin:1em;} .image ~ .catalogue-stickers-c.catalogue-sale .catalogue-sale-in{bottom:0; top:auto;} .image ~ .catalogue-stickers-c.catalogue-sale .catalogue-stickers-in > *{bottom:auto; top:0;} /*.catalogue-sale span::before{display:none;}*/ .catalogue-preview-items-rows-text-in .catalogue-stickers{top:0 !important; left:0 !important; font-size:80%; margin-bottom:.4em;} .catalogue-preview-items-rows-text-in .catalogue-stickers-in > span{float:none; clear:none; padding:.15em .6em;} .catalogue-preview-items-rows-text-in .catalogue-stickers-in > span + span{margin-top:.3em;} /***********************************************************************************************************************************/ /* GIFT */ /***********************************************************************************************************************************/ .catalogue-sticker-container .catalogue-gift-icon{padding:.8em; margin:0;} .catalogue-gift ul{list-style:none; padding:0; margin:0;} .catalogue-gift li{margin:0;} .catalogue-gift li + li{margin-top:1em;} .catalogue-gift-icon .icon::before{margin:0 !important;} /* Gifts in product detail */ .catalogue-detail-desc .catalogue-gift{margin:2em 0 2.5em;} /*.catalogue-gift-title{font-size:100%; font-weight:600; margin:0;}*/ .catalogue-detail-desc .catalogue-gift .image{width:45px; padding-bottom:45px !important; margin-right:12px; margin-left:1.5em;} .catalogue-detail-desc .catalogue-gift .image .catalogue-gift-icon{position:absolute; top:50%; left:-1.5em; margin-top:-1.20em;} .catalogue-detail-desc .catalogue-gift .catalogue-gift-icon{margin-right:.7em;} /***********************************************************************************************************************************/ /* STOCK */ /***********************************************************************************************************************************/ /*.catalogue-price-availability{}*/ .catalogue-price-stock,.catalogue-price-stock-piece{font-size:90%;} .catalogue-price-stock *,.catalogue-price-stock-na{font-weight:inherit;} .catalogue-price-stock p{margin:0;} .catalogue-price-stock-info{display:inline-block; font-size:90%; position:relative; top:-.1em;} .catalogue-price-stock-list > *:first-child{margin-top:0;} .catalogue-price-stock-list > *:last-child{margin-bottom:0;} .catalogue-price-stock-list .message p{margin:0;} .catalogue-price-stock-list h2{font-size:130% !important;} .catalogue-price-stock-more{margin-top:1em;} .catalogue-price-stock-stores{margin:1.5em 0;} .catalogue-price-stock-stores .search-form{max-width:40%; font-size:90%;} .catalogue-price-stock-stores .search-form .form{margin:0;} .catalogue-price-stock-stores .boxed{max-height:300px;} .catalogue-price-stock-stores .boxed,.catalogue-price-stock-more .boxed{padding:0 !important; overflow-y:auto;} .catalogue-price-stock-stores .boxed table,.catalogue-price-stock-more .boxed table{margin:0;} .catalogue-price-stock-stores .boxed table tr:first-child td,.catalogue-price-stock-more .boxed table tr:first-child td{border-top-width:0;} .catalogue-price-stock-stores .boxed table tr:last-child td,.catalogue-price-stock-more .boxed table tr:last-child td{border-bottom-width:0;} .catalogue-price-stock-transport{display:flex; gap:1em; align-items:flex-start;} .catalogue-price-stock-transport *{margin:0;} /***********************************************************************************************************************************/ /* PREVIEW LAYOUT */ /***********************************************************************************************************************************/ .page-catalogue{margin-top:1em;} .page-catalogue.page-catalogue-detail-v2{margin-top:0;} /* Change stripe width, correct only without sidebar */ body:not(.page-catalogue-detail-body) .stripe-catalogue-preview-width > .stripe-in, body:not(.page-catalogue-detail-body) .stripe-catalogue-preview-width .page-catalogue-preview > .content-edge{margin-left:0; margin-right:0;} body:not(.page-catalogue-detail-body) .stripe-catalogue-preview-width > .stripe-in{max-width:none !important; padding-right:0 !important; padding-left:0 !important;} .catalogue-subcats{font-size:110%; margin:1em 0;} #catalogue-subcats p{margin:0; display:none;} #catalogue-subcats ul,#catalogue-subcats li{list-style:none; padding:0; margin:0;} #catalogue-subcats li{display:inline-block; margin-right:1.5em;} #catalogue-subcats .icon::before{color:#cccccc;} /*.catalogue-subcats .item a:hover .bg-layer span{opacity:1;}*/ .catalogue-subcats-v2{font-size:100%; margin-bottom:0;} .catalogue-subcats-v2 .item.boxed{padding:0;} .catalogue-subcats-v2 .item a{display:inline-block; vertical-align:middle; width:100%; padding:.3em; text-decoration:none;} .catalogue-subcats-v2 .item a > *{display:inline-block; vertical-align:middle;} .catalogue-subcats-v2 .image{width:20%; padding-bottom:20%; margin-right:.5em;} .catalogue-subcats-v2 .item a > span{width:70%;} .catalogue-subcats-v2 .image-in.icon::before,.catalogue-subcats-v2 .image-in.icon .icon-svg{font-size:150%;} .flex-container.catalogue-subcats-v2 .item.boxed{justify-content:center;} .catalogue-subcats-v3 .item-content{font-weight:600;} .catalogue-subcats-v3 .js-show-all-kat .item-content{display:flex; align-items:center; justify-content:center; height:100%;} /*.catalogue-subcats-v3 .js-show-all-kat .bg-layer span[class*="bg-"]{opacity:.7;}*/ .catalogue-subcats-v4 .item-heading{font-size:100%; /*font-weight:inherit;*/ text-align:center; min-height:2.8em;} #catalogue-category-desc{margin:0 0 1.5em;} /*#catalogue-category-desc .image{width:25%; float:right; margin:0 0 1em 1em;}*/ /*#catalogue-category-desc img{max-height:250px;}*/ #catalogue-category-desc > .row > .col > *:first-child{margin-top:0;} /* Category Visual */ .catalogue-category-visual{margin-bottom:2em;} .catalogue-category-visual > .stripe-in{padding-bottom:2em;} .catalogue-category-visual > img{display:block;} .body-pad-t0 .catalogue-category-content-stripe-no-crumbs{padding-top:1.5em;} .catalogue-category-visual + .catalogue-category-content-stripe-no-crumbs{padding-top:0;} .stripe-division.stripe-width .catalogue-category-content-stripe > .stripe-in{padding-left:0; padding-right:0;} /*.catalogue-preview{margin-top:2.5em;}*/ /*.catalogue-category-megamenu.items-boxed .item > .row > .col{margin-bottom:0;}*/ .catalogue-category-megamenu .item{padding-top:15px;} .catalogue-category-megamenu .item > .row > .col{margin-bottom:0;} .catalogue-category-megamenu .item .image{margin-top:-15px; /*margin-bottom:-15px;*/} .catalogue-category-megamenu.items-boxed .item .image{margin-top:0;} .catalogue-category-megamenu .item-heading{margin-bottom:0;} .catalogue-category-megamenu .item-text{margin-top:.5em;} .catalogue-category-megamenu .item-text .megamenu-a{margin-right:.4em;} .catalogue-category-megamenu .item-text .megamenu-a-more{white-space:nowrap;} .catalogue-category-megamenu .item-text .megamenu-a::after{content:",";} .catalogue-category-megamenu .item-text .megamenu-a:last-of-type::after{display:none;} .catalogue-category-megamenu .image-in{position:absolute !important;} .catalogue-category-megamenu .image .icon{min-height:4em !important;} .catalogue-category-megamenu .image .icon::before,.catalogue-category-megamenu .image-in.icon .icon-svg{font-size:260%;} #catalogue-category-desc-below{margin:1.5em 0;} /***********************************************************************************************************************************/ /* PREVIEW ITEM */ /***********************************************************************************************************************************/ /*.catalogue.stripe-space-none > .row > .col{height:430px;} .catalogue.stripe-space-none .item{height:100%;}*/ .catalogue.stripe-space-none > .row{border-width:1px 0 0 1px; border-style:solid;} .catalogue.stripe-space-none > .row > .col{margin:0 !important;} .catalogue.stripe-space-none > .row > .col .item{border-width:0 1px 1px 0;} .catalogue.stripe-space-none{margin-bottom:1.5em;} /*.catalogue:not(.items-boxed) .item{margin-top:2em; border:1px solid red;}*/ .catalogue:not(.images-border-none) .catalogue-stickers{top:8px; left:7px;} .catalogue:not(.images-border-none) .catalogue-stickers.catalogue-sale{left:auto; right:7px;} .catalogue-preview-info{text-align:left; margin-top:.5em; /*min-height:1.4em;*/} .catalogue-preview-info .ws-rating{float:left;} .catalogue-preview-info .ws-rating ul{display:block;} .catalogue-preview-info .ws-rating *,.catalogue-preview-info .ws-rating .icon::before{line-height:1.4em;} .catalogue-preview-info-c .catalogue-preview-info{text-align:center;} .catalogue-preview-info-c .catalogue-preview-info > *{float:none;} .catalogue-preview-info-c .catalogue-price-stock{float:none !important;} .items-boxed-text .catalogue-preview-info{margin-top:0;} .catalogue .item-heading{font-size:110%; font-weight:inherit; /*height:2.7em;*/ margin:.5em 0; /*overflow:hidden;*/} /*.catalogue .catalogue-basket-no-button .item-heading{height:auto;}*/ .catalogue .item-text{margin-bottom:.5em;} /*.catalogue .item-desc{height:4.2em; overflow:hidden;}*/ .catalogue .catalogue-basket{margin-top:.5em;} .cat-prev-list{font-size:90%; text-align:left; /*margin-top:1em;*/} .item-desc + .cat-prev-list{margin-top:1em;} .cat-prev-list ul,.cat-prev-list li{list-style:none; padding:0; margin:0;} .cat-prev-list li span + span{font-weight:600;} /*.catalogue-price{margin-bottom:1em;}*/ .catalogue-price > span,.catalogue-price > strong{display:inline-block; vertical-align:middle;} .catalogue-price > strong{font-size:120%; /*font-weight:700;*/} /*.catalogue-price-delete,*/.catalogue-price-without-vat,.catalogue-product-ean,.catalogue-product-code{font-size:90%; -webkit-opacity:.7; -moz-opacity:.7; opacity:.7;/*min-height:1.5em;*/} .catalogue-detail-desc .item-info span.catalogue-product-ean,.catalogue-detail-desc .item-info span.catalogue-product-code{margin-right:.5em;} .catalogue-price-delete + strong{margin-left:.5em;} .catalogue-price-vat{font-size:70%;} .catalogue-price-vat:empty{display:none;} /*.catalogue-price-without-vat{display:block;}*/ .catalogue-preview .catalogue-product-code{position:absolute; bottom:.2em; left:0; font-size:80%; width:100%; text-align:center; display:none;} .catalogue-preview .item:hover .catalogue-product-code{display:block;} .catalogue-preview:not(.items-boxed):not(.items-boxed-text) .item-content-text:after,.catalogue-view2 .item > .row > .col:first-child:after{content:""; display:block; height:1.2em;} .catalogue-view3 .catalogue-product-code{bottom:-1.4em;} .basket-table .catalogue-product-code{font-size:80%;} .catalogue-price + .catalogue-basket-form,.catalogue-price + .button{margin-top:.5em;} .catalogue-preview-items-rows-price .catalogue-basket-form{margin-top:0;} .catalogue-basket-form > *{display:inline-block; vertical-align:middle;} .catalogue-basket-count[type="text"]{width:auto; text-align:right;} .catalogue-preview .catalogue-basket-count{display:none;} /*.button-cart{margin-bottom:1em;}*/ .item-stock-na > :not(.catalogue-stickers){-webkit-opacity:.5; -moz-opacity:.5; opacity:.5;} .catalogue-view1{text-align:center;} /*.catalogue-view1 .item-content-text:not(.catalogue-basket-no-button) .catalogue-basket,.catalogue-view1 .item-content-text:not(.catalogue-basket-no-button) .catalogue-price-not-set{min-height:7em; margin-top:1em;}*/ .catalogue-view1 .catalogue-price-stock{float:right;} /*.items-boxed-text .catalogue-view1 .item-content-text:not(.catalogue-basket-no-button) .catalogue-basket,.items-boxed-text .catalogue-view1 .item-content-text:not(.catalogue-basket-no-button) .catalogue-price-not-set{min-height:6em;}*/ .catalogue-view1 .catalogue-basket{margin-bottom:.5em; margin-top:auto;} .catalogue-view1 .catalogue-basket-button-space{height:calc(2.4em + 2px); margin-top:.5em;} .catalogue-view1 .catalogue-basket-no-button .catalogue-price{margin-bottom:0;} /*.catalogue-view2 .catalogue-price,.catalogue-view3 .catalogue-price{margin:0 0 1em;}*/ /*.catalogue-view2.catalogue .item-desc{height:4.2em; overflow:hidden;}*/ .catalogue-view3.catalogue .item-desc{height:auto;} .catalogue-view2.catalogue .item-heading{margin-top:.3em;} .catalogue-view2 .catalogue-price-stock,.catalogue-view3 .catalogue-price-stock{margin-bottom:.5em;} .catalogue-view3.catalogue .item-heading{height:auto;} .catalogue-view2 .catalogue-price > span,.catalogue-view2 .catalogue-price > strong, .catalogue-view3 .catalogue-price > span,.catalogue-view3 .catalogue-price > strong{display:block; margin:0;} .catalogue-view3.catalogue.stripe-space-none > .row > .col{height:auto;} .catalogue-view-align-left .item-content-text > *{text-align:left;} .catalogue.items-rounded .item,.catalogue.items-rounded-xl .item{overflow:hidden;} /*.catalogue-view3 .catalogue-stickers{position:absolute; margin-top:0;}*/ /***********************************************************************************************************************************/ /* CATALOGUE DETAIL */ /***********************************************************************************************************************************/ .catalogue-detail h1,.catalogue-detail #h1{font-size:200%; font-weight:600; margin-bottom:.1em;/*margin-top:-.3em;*/} .catalogue-detail .item-desc{margin:1.2em 0 1.5em;} .catalogue-detail-price-container{margin:.5em 0 1em;} .catalogue-detail-quantity-prices table{margin:0;} .catalogue-detail-quantity-prices table,.catalogue-detail-quantity-prices th,.catalogue-detail-quantity-prices td{color:inherit; padding:.5em 0; background-color:transparent !important;} .catalogue-detail-quantity-prices table,.catalogue-detail-quantity-prices th{border:none;} .catalogue-detail-quantity-prices th{font-weight:400; font-size:110%;} .catalogue-detail-quantity-prices th strong{font-weight:600;} .catalogue-detail-quantity-prices table tr:first-child > *{padding-top:0;} .catalogue-detail-quantity-prices table tr:last-child > *{padding-bottom:0; border-bottom:0;} /*.catalogue-detail-quantity-prices th{}*/ .catalogue-detail-quantity-prices td{border-width:0 0 1px 0;} .catalogue-detail-price-box .col{margin-bottom:0 !important;} .catalogue-detail-on-request a{margin-right:.8em;} .catalogue-detail .catalogue-price{min-height:0; margin:0 .3em 0 0; display:inline-block; vertical-align:middle;} .catalogue-detail-desc .catalogue-price > */*:not(strong):not(.catalogue-dovetek)*/,.catalogue-alternatives .catalogue-price > .catalogue-price-from{display:block;} /*.catalogue-detail-desc .catalogue-price > strong,.catalogue-dovetek,.catalogue-dovetek-pred{display:inline-block;}*/ .catalogue-detail-desc .catalogue-price > strong{white-space:nowrap;} .catalogue-detail-desc .catalogue-price-stock{font-size:120%;} .catalogue-detail-desc .catalogue-price-container .catalogue-price > strong{font-size:200%; margin:0; margin:-.1em 0;} .catalogue-detail .catalogue-price-delete{font-size:100%;} /*.catalogue-detail .catalogue-price-delete + strong{margin-left:0;}*/ .catalogue-detail .button-cart{margin-bottom:0;} .catalogue-detail input,.catalogue-detail .button-cart{height:auto;} .catalogue-detail .catalogue-detail-container .catalogue-sale{width:auto; display:inline-block; vertical-align:top;} .catalogue-detail .catalogue-detail-container .catalogue-stickers-in, .catalogue-detail .catalogue-detail-container .catalogue-sale span{position:relative;} .catalogue-detail-desc .ws-rating ul{font-size:120%;} /*.catalogue-detail .ws-rating + a{margin-left:-.7em;}*/ .catalogue-detail #tab{margin-top:3em;} .page-catalogue-detail .catalogue-detail ~ .stripe .stripe-in h2:first-child{margin-top:0;} .page-catalogue-detail :not(#content-in-content) + .sidebar{display:none;} .page-catalogue-detail :not(#content-in-content) #tab{margin-top:0;} /*.page-catalogue-detail :not(#content-in-content) .catalogue-detail-properties{margin-bottom:-1.5em;}*/ /*.catalogue-detail-tab-desc{} .catalogue-detail-tab-prop{} .catalogue-detail-tab-rating{}*/ .catalogue-detail-tab-files ul{list-style:none; padding:0;} /* Columns version */ /*.catalogue-detail-columns{margin-top:2em;}*/ .page-catalogue-detail-v2 .catalogue-detail-columns{margin-top:0;} .catalogue-detail-columns div[id*="tab"]:first-child h2:first-child{margin-top:0;} .page-catalogue-detail-v1 .catalogue-detail-columns .catalogue-detail-desc{margin-left:0;} /*.page-catalogue-detail-v1 .catalogue-detail > .stripe-space:not(.catalogue-detail-properties) > .stripe-in, .catalogue-detail > .stripe-space:not(.catalogue-detail-columns) > .stripe-in{padding-top:0; padding-bottom:0;}*/ /*.page-catalogue-detail .catalogue-detail > .stripe-space:not(.catalogue-detail-columns):not(.catalogue-detail-stripe-recommended) > .stripe-in{padding-top:0;}*/ .page-catalogue-detail .catalogue-detail > .catalogue-detail-container > .stripe-in{padding-bottom:0;} .page-catalogue-detail #content-in-content #content-in-content-in .catalogue-detail > .stripe-space:first-child > .stripe-in{padding-right:0;} .page-catalogue-detail #content-in-content + #sidebar1-content > .stripe > .stripe-in{padding-left:0;} .catalogue-detail-properties .tab-nav .icon::before,.catalogue-detail-properties .tab-nav .icon-svg{display:none;} .page-catalogue-detail-v1 .catalogue-gallery-detail-images,.page-catalogue-detail-v1 .catalogue-detail-desc,.page-catalogue-detail-v1 .catalogue-alternatives{margin-bottom:2em;} .catalogue-gallery-detail-images{position:relative; z-index:3;} .catalogue-detail-gallery{position:relative; margin-right:1em;} .catalogue-detail-gallery-image .image-in img{max-height:640px;} .catalogue-detail-gallery-image .image-in .img-width{width:auto;} .catalogue-detail-gallery-image.image-none .image-in{min-height:140px;} /*.page-catalogue-detail-v1 .catalogue-detail-desc{margin-left:1em;}*/ .catalogue-detail-desc .item-info{margin:1em 0;} .catalogue-detail-desc #h1 + .item-info{margin:0 0 1.5em;} .catalogue-detail-desc .item-info > *{display:inline-block; vertical-align:middle; margin-right:1em; margin-bottom:.3em;} .catalogue-detail-desc .item-info > *:last-child{margin-right:0;} .catalogue-detail-desc .item-info span:not(.tag){margin-right:0; border:none;} .catalogue-detail-desc .catalogue-basket{margin:1em 0;} #content-in-content .catalogue-detail-gallery{margin-right:0;} /* Product detail image ratio */ .catalogue-detail-gallery-image .video-player-container > *{width:100% !important; height:100% !important;} .catalogue-detail-gallery-square .catalogue-detail-gallery-image .image{padding-bottom:100%;} .catalogue-detail-gallery-square .catalogue-detail-gallery-image .image-in{position:absolute;} .catalogue-detail-gallery-square .video-player-container{display:block; width:100%; height:auto; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);} /* stickers over image */ .catalogue-detail-gallery-image-stickers{position:absolute; z-index:3; top:1em; right:20px; min-width:3.7em; text-align:center; height:calc(100% - 2em); overflow:hidden;} .catalogue-detail-gallery-image-stickers *{position:relative !important; /*height:auto !important;*/} .catalogue-detail-gallery-image-stickers > *{margin:0 0 .8em !important; max-width:80px;} /*.catalogue-detail-gallery-image-stickers .catalogue-stickers-in > span{float:none;}*/ .catalogue-detail-gallery-image-stickers .catalogue-sticker-sale{display:block !important;} .catalogue-detail-gallery-image-stickers .icon-svg-box,.catalogue-detail-gallery-image-stickers .icon--box{padding:.85em;} .catalogue-detail-gallery-image-stickers img{display:block; margin:0 auto;} /* product labels */ .catalogue-detail-product-labels{font-size:85%;} .catalogue-detail-product-labels a{text-decoration:none;} .catalogue-detail-product-labels > *{display:block; margin-bottom:1em; line-height:1.2em;} .catalogue-detail-product-labels > *:last-child{margin-bottom:0;} .catalogue-detail-product-label > svg{display:block; margin:0 auto; margin-bottom:.3em;} .catalogue-detail-product-label-text{padding:10px 5px;} .catalogue-detail .catalogue-price-stock{font-weight:600; margin:0;} .catalogue-detail .catalogue-price-stock-date{padding-left:1em; margin-left:1em; border-width:0 0 0 1px; border-style:solid; border-color:#dddddd;} .catalogue-detail-options{margin:2em 0;} .catalogue-detail-options ul,.catalogue-detail-options li{list-style:none; padding:0; margin:0;} .catalogue-detail-options li{display:inline-block; text-align:center;} .catalogue-detail-options li + li{margin-left:1.5em;} .catalogue-detail-options a{text-decoration:none;} .catalogue-detail-options .icon::before{text-align:center; display:block; font-size:120%; margin:0;} .catalogue-detail-options .icon > span{font-size:90%;} .catalogue-detail-sales-benefits{margin:1em 0 1.5em;} .catalogue-detail-sales-benefits > span{display:inline-block; margin:.4em 1.5em .4em 0;} .catalogue-detail-sales-benefits > span:last-child{margin-right:0;} .catalogue-detail-sales-benefits > span .icon-svg{font-size:1.7em; vertical-align:-0.275em; margin-right:.2em;} .catalogue-detail-sales-campaign{margin:1em 0 2em;} .catalogue-detail-sales-campaign .item{margin:0 !important;} .catalogue-detail-sales-campaign .item + .item{border-top-width:0;} .catalogue-detail-sales-campaign .item > *{vertical-align:middle;} .catalogue-detail-sales-campaign .item .image{width:64px; padding-bottom:64px; margin-right:12px;} .catalogue-detail-sales-campaign .item .item-content-text{display:inline-block; width:calc(100% - 76px);} .catalogue-detail-sales-campaign .item .item-heading{font-size:100%; margin:0; color:inherit;} .catalogue-detail-sales-campaign .item .item-text{font-size:90%; margin-top:.3em;} /* Boxed none */ .catalogue-detail-sales-campaign-v2 .item{padding:0; border-width:0; background-color:transparent;} .catalogue-detail-sales-campaign-v2 .item + .item{margin-top:1.5em !important;} .catalogue-detail-sales-campaign-v2 .item .image{width:70px; padding-bottom:70px; margin-right:12px;} .catalogue-detail-sales-campaign-v2 .item .item-content-text{width:calc(100% - 82px);} .catalogue-detail .tab-nav .number-info{position:relative; left:0; top:0;} /*.catalogue-detail-files ul{list-style:none; padding:0;}*/ /*.catalogue-detail .element-social{margin:1.5em 0;}*/ /* Popis produktu vlevo pod obrazkama */ /*.page-catalogue-detail-body .catalogue-detail-desc-left .catalogue-detail{}*/ .page-catalogue-detail-body .catalogue-detail-desc-left .catalogue-detail::after{content:""; display:block; clear:both;} /*.page-catalogue-detail-body .catalogue-detail-desc-left .catalogue-detail > .stripe{}*/ .page-catalogue-detail-body .catalogue-detail-desc-left .catalogue-detail > .stripe .stripe-in::before, .page-catalogue-detail-body .catalogue-detail-desc-left .catalogue-detail > .stripe .stripe-in::after, .page-catalogue-detail-body .catalogue-detail-desc-left .catalogue-detail > .stripe .stripe-in > .row::before, .page-catalogue-detail-body .catalogue-detail-desc-left .catalogue-detail > .stripe .stripe-in > .row::after{display:none !important;} .page-catalogue-detail-body .catalogue-detail-desc-left .catalogue-detail .col-catalogue-detail-desc{float:right;} .page-catalogue-detail-body .catalogue-detail-desc-left .catalogue-detail > .catalogue-detail-properties{z-index:0;} .page-catalogue-detail-body .catalogue-detail-desc-left .catalogue-detail > .catalogue-detail-properties #tab{width:50%; float:left; clear:left;} .catalogue-product-expired .catalogue-detail-gallery-image .image img{-webkit-filter:grayscale(100%); filter:grayscale(100%); -webkit-opacity:.7; -moz-opacity:.7; opacity:.7;} #catalogue-detail-request-form .form{margin:0;} .catalogue-detail + .catalogue-detail-stripe-form{margin-top:0 !important;} .page-catalogue-detail-v2 .catalogue-detail-brand-space > .stripe-in, .page-catalogue-detail:not(.page-catalogue-detail-v1) .catalogue-detail + .catalogue-detail-brand-space > .stripe-in, .page-catalogue-detail:not(.page-catalogue-detail-v1) .catalogue-detail + .catalogue-detail-stripe-related > .stripe-in, .page-catalogue-detail:not(.page-catalogue-detail-v1) .catalogue-detail + .catalogue-detail-stripe-recommended > .stripe-in, .catalogue-detail-stripe-tags + .articles-linked-container > .stripe > .stripe-in, .page-catalogue-detail-v1 .catalogue-detail + .catalogue-detail-stripe-accessories > .stripe-in, .catalogue-detail-stripe-related + .catalogue-detail-stripe-recommended > .stripe-in{padding-top:0;} /* Description Stripe */ #catalogue-detail-desc-container{clear:both;} /* Detail - Change stripe width, correct only without sidebar */ /*.page-catalogue-detail-body .stripe-division:not(.stripe-edge) > .stripe-in{padding-right:0; padding-left:0;}*/ .page-catalogue-detail-body .stripe-catalogue-detail-width:not(.stripe-edge) > .stripe-in{max-width:none !important; padding-right:0 !important; padding-left:0 !important;} /* Recommended Stripe */ .catalogue-detail-stripe-recommended-container-tabs .item{margin-top:20px; border-bottom-width:0 !important;} .catalogue-subcats-v4 .active .item{margin-top:0;} .catalogue-detail-stripe-recommended-container-tabs.grid-space-1px .row > .col,.catalogue-detail-stripe-recommended-container .catalogue,.catalogue-detail-stripe-recommended-container .catalogue .col{margin-bottom:0 !important;} .catalogue-detail-stripe-recommended-container-tabs .col{max-width:190px; max-height:190px; overflow:hidden;} /* Catalogue detail v2 - Visual */ .catalogue-detail-visual > .stripe-in{height:100%;} .catalogue-detail-visual > #crumbs + .stripe-in{height:calc(100% - 3.1em);} .catalogue-detail-visual .stripe-text-image{width:100%; display:inline-block; vertical-align:middle;} .catalogue-detail-visual .catalogue-detail-gallery{margin-right:0;} .catalogue-detail-visual div[id="tab-5"]:first-child h2{margin-top:0;} .catalogue-detail-visual .stripe-text-image .section-text-in{padding-left:0;} .catalogue-detail-visual .stripe-text-image .section-image-in{padding-top:2.5em; padding-right:20px;} .catalogue-detail-visual .stripe-text-image .item-heading,.catalogue-detail .element-html-image .item-text{position:relative; display:inline-block; margin:0 !important;} .catalogue-detail-visual .stripe-text-image .item-heading{padding-bottom:40px;} .catalogue-detail-visual .stripe-text-image .item-heading:after{display:none;} .catalogue-detail-visual .stripe-text-image .item-text.boxed{padding-top:1em; padding-bottom:1em;} /*.catalogue-detail .element-html-image .catalogue-stickers{font-size:100%;}*/ .catalogue-detail-visual .stripe-text-image .catalogue-stickers:not(.catalogue-sale) span{border-radius:0;} .catalogue-detail-visual .stripe-text-image .catalogue-price-delete{font-size:150%; margin-right:.3em;} .catalogue-detail-visual .stripe-text-image .catalogue-price > strong{font-size:200%;} .catalogue-detail-visual .stripe-text-image .catalogue-price-price{display:inline-block;} .catalogue-detail-visual .stripe-text-image .catalogue-sale{display:inline-block; vertical-align:middle; margin:-.3em 0 -.3em 1em;} .catalogue-detail-visual .stripe-text-image .catalogue-sale strong{font-size:130%;} .catalogue-detail-visual .stripe-text-image .catalogue-sale span{line-height:3.5em;} /* Catalogue detail v3 - Minimal */ .catalogue-detail-columns .col-catalogue-detail-desc, .page-catalogue-detail-v3 .catalogue-detail-columns .col-catalogue-detail-desc,.col.col-catalogue-detail-desc-full, .page-catalogue-detail-v3 .col-catalogue-detail-gallery{width:calc(100% - 550px);} .catalogue-detail-columns .col-catalogue-detail-param:not(.col-12), .col-catalogue-detail-desc-full + .col-catalogue-detail-param:not(.col-12), .page-catalogue-detail-v3 .col-catalogue-detail-desc:not(.col-catalogue-detail-desc-full){width:550px;} /*.page-catalogue-detail-v3 .catalogue-detail-desc .item-info .catalogue-stickers{display:block; margin-bottom:.8em;} .page-catalogue-detail-v3 .catalogue-detail-desc .catalogue-sale{font-size:85%; margin:0 0 1em;} .page-catalogue-detail-v3 .catalogue-detail-desc .catalogue-sale span{display:inline; line-height:inherit; width:auto; height:auto; padding:.3em 1em; float:none;} .page-catalogue-detail-v3 .catalogue-detail-desc .catalogue-sale strong{font-size:100%;} .page-catalogue-detail-v3 .catalogue-detail-desc .catalogue-price{display:block;}*/ /*#catalogue-detail-request-form > .stripe{margin-top:5em;} #catalogue-detail-request-form > .stripe > .stripe-in{padding-bottom:0;} #catalogue-detail-request-form img{display:block; margin-top:-5em;}*/ /***********************************************************************************************************************************/ /* CATALOGUE CONTROLS */ /***********************************************************************************************************************************/ .catalogue-detail-controls{padding-top:.6em; border-top:1px solid #dddddd;} .catalogue-detail-desc .catalogue-detail-controls > *{margin-right:1.5em;} .catalogue-detail-controls a,.catalogue-detail-controls a:visited{color:inherit; text-decoration:none;} /***********************************************************************************************************************************/ /* CATALOGUE ALTERNATIVE */ /***********************************************************************************************************************************/ .catalogue-alternatives{padding:1px 0;} /*.col-catalogue-detail-desc .catalogue-alternatives{margin-left:1em;}*/ .catalogue-alternatives > h2{color:inherit; font-size:120%; /*padding-left:20px; margin:1em 0;*/} .catalogue.catalogue-alternatives.items-boxed:not(.catalogue-alternatives-boxed) .item{padding:1em 0; margin:0; background-color:transparent; border-width:1px 0;} .catalogue-alternatives.items-boxed:not(.catalogue-alternatives-boxed) .item + .item{border-top:0;} .catalogue-alternatives.items-boxed:not(.catalogue-alternatives-boxed) .ws-pack-main .item{border-top:0;} .catalogue-alternatives .item-heading{font-size:100%; height:auto; margin-top:0;} .catalogue-alternatives .catalogue-basket{margin-top:0;} .catalogue-alternatives .catalogue-price-stock{margin-top:.3em; margin-bottom:0;} .catalogue-alternatives .catalogue-price > strong{font-size:100%;} .catalogue-alternatives .catalogue-basket-count{display:none;} /*.catalogue-alternatives:not(.catalogue-variants-full) .catalogue-preview-items-rows-price{text-align:center;}*/ .catalogue-detail .catalogue-alternatives .catalogue-basket .catalogue-price{margin-bottom:.3em;} .catalogue-detail .catalogue-alternatives .catalogue-basket button, .basket-order-gifts-select .catalogue-alternatives .catalogue-basket button{padding-top:.5em; padding-bottom:.5em;} .page-catalogue-detail-v2 .catalogue-alternatives{margin-left:0;} /* Boxed */ .catalogue-alternatives-boxed .image{margin-right:0 !important;} .catalogue-alternatives-boxed .item,.catalogue-alternatives-boxed .item-text,.catalogue-alternatives-boxed .catalogue-price{display:flex;} .catalogue-alternatives-boxed .item{align-items:center; gap:12px;} .catalogue-alternatives-boxed .item-text{flex-wrap:wrap; flex:1; gap:.5em; justify-content:space-between; width:auto; margin:0;} .catalogue-alternatives-boxed .item-heading{flex:1; min-width:40%; margin:0;} .catalogue-alternatives-boxed .catalogue-price{flex-wrap:wrap; gap:.2em .5em; justify-content:flex-end;} .catalogue-alternatives-boxed .catalogue-price,.catalogue-alternatives-boxed .catalogue-price-delete + strong{margin:0;} .catalogue-alternatives-boxed .catalogue-price-coupon{text-align:right;} .catalogue-alternatives-boxed .catalogue-stickers{top:0 !important; left:0 !important;} .catalogue-alternatives-tags{display:flex !important; flex-wrap:wrap; gap:.5em; justify-content:space-between; width:100%;} .catalogue-alternatives-boxed .catalogue-sticker-coupon{margin:0; text-align:center;} /* Floating offer */ .catalogue-alternatives-float-offer-box{position:fixed; z-index:1000; bottom:1em; left:50%; transform:translateX(-50%); width:100%; max-width:980px; padding:0 32px; margin:0 !important;} .catalogue-alternatives-float-offer-box .item{gap:1em; margin:0 !important;} .catalogue-alternatives-float-offer-box .item-text{align-items:center;} .catalogue-alternatives-float-offer-box .catalogue-preview-items-rows-text{display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-start; gap:.2em 1em; width:auto;} .catalogue-alternatives-float-offer-box .catalogue-price{justify-content:flex-start; align-items:center;} .catalogue-alternatives-float-offer-box .tags-container{font-size:75%;} .catalogue-alternatives-float-offer-box .nowrap{font-size:85%;} /* Tiles */ .page-catalogue-detail-v1 .catalogue-alternatives-tiles{margin:1.5em 0 1em;} .catalogue-alternatives-tiles > h2{margin-top:0;} .catalogue-alternatives-tiles-in .item-heading{margin:0;} .catalogue-alternatives-tiles-in-s .col{width:65px; float:left;} /*.page-catalogue-detail-v3 .catalogue-alternatives-tiles-in:not(.catalogue-alternatives-tiles-in-s) .col{width:25%;}*/ .catalogue-alternatives-tiles .catalogue-alternatives-tiles-in:not(.catalogue-alternatives-tiles-in-s) .item{overflow:hidden;} .catalogue-alternatives-tiles .item:not(.item-selected){border-width:1px; border-style:solid;} /*.catalogue-variants-full{padding:0; margin:0 !important;}*/ .catalogue-variants-full > h2{padding-left:0;} .catalogue-preview-items-rows-text > *,.catalogue-preview-items-rows-price > *{display:inline-block; vertical-align:middle;} .catalogue-preview-items-rows-image.image{width:70px; padding-bottom:70px; margin-right:12px;} .catalogue-preview-items-rows-text{width:62%;} .catalogue-preview-items-rows-text-in{width:calc(100% - 82px);} .catalogue-preview-items-rows-price{width:38%; padding-left:0 !important; text-align:right;} .catalogue-preview-items-rows-price .catalogue-basket{width:100%;} .catalogue-variants-full .catalogue-preview-items-rows-price .catalogue-basket-form{display:inline-block; min-width:50%;} /*.catalogue-preview-items-rows-price > *{}*/ .catalogue-preview-items-rows-price .catalogue-price > *{display:inline-block;} .catalogue-preview-items-rows-price .catalogue-price .catalogue-price-vat{display:block;} /***********************************************************************************************************************************/ /* CATEGORY BESTSELLER */ /***********************************************************************************************************************************/ /* DRAFT */ /*.catalogue-bestseller-category-horizontal{margin:1.5em 0 2.5em;} .catalogue-bestseller-category-horizontal h2{margin-bottom:.3em;} .catalogue-bestseller-category-horizontal.catalogue .item{padding-top:.5em; padding-bottom:.5em; margin:0;} .catalogue-bestseller-category-horizontal.catalogue .item + .item{border-top-width:0;} .catalogue-bestseller-category-horizontal.catalogue .item-heading{height:auto;} .catalogue-bestseller-category-horizontal .catalogue-preview-info{display:none;} .catalogue-bestseller-category-horizontal .catalogue-preview-info > *{display:inline-block; vertical-align:middle;} .catalogue-bestseller-category-horizontal .catalogue-stickers{margin:0;} .catalogue-bestseller-category-horizontal .catalogue-stickers span{padding-top:.2em; padding-bottom:.2em;} .catalogue-bestseller-category-horizontal .ws-rating{margin-left:.5em;} .catalogue-bestseller-category-horizontal .catalogue-price,.catalogue-bestseller-category-horizontal .catalogue-basket-form{display:inline-block; vertical-align:middle; margin:0;} .catalogue-bestseller-category-horizontal .catalogue-basket-form{margin-left:1em;} .catalogue-bestseller-category-horizontal .catalogue-basket-count{display:none;} .catalogue-bestseller-category-horizontal button{margin:0;}*/ /***********************************************************************************************************************************/ /* BASKET */ /***********************************************************************************************************************************/ /*.catalogue-detail .catalogue-basket{padding:1.5em 20px; border-width:1px; border-style:solid;}*/ .catalogue-detail .catalogue-basket .catalogue-price{margin:0;} .catalogue-detail .catalogue-basket input,.catalogue-detail .catalogue-basket button,.catalogue-detail .catalogue-basket .cart{padding-top:.8em; padding-bottom:.8em;} .catalogue-detail-price-box-pieces.boxed{padding:0 !important; background-color:transparent !important;} .catalogue-detail-price-box-pieces .catalogue-basket-form > *,.catalogue-detail .catalogue-detail-price-box-pieces .catalogue-price{display:block;} .catalogue-detail-price-box-pieces .catalogue-basket-form .item{margin-bottom:0;} .catalogue-detail-price-box-pieces .catalogue-basket-form .field{margin:0 0 1px;} .catalogue-detail-price-box-pieces .catalogue-basket-form .field label{display:block; padding:1em 1em 1em 3.2em; margin:0;} .catalogue-detail-price-box-pieces .catalogue-basket-form .field input[type="radio"] + label{top:0;} .catalogue-detail-price-box-pieces .catalogue-basket-form .field input[type="radio"] + label::before{box-sizing:border-box; width:1.5em; height:1.5em; top:1.1em; left:1em; /*border-color:white; box-shadow:0 0 0 1px #dddddd;*/} .catalogue-detail-price-box-pieces .catalogue-basket-form .field input[type="radio"]:checked + label::before{border-width:.35em;} .catalogue-detail-price-box-pieces .catalogue-basket-form .field input[type="radio"] + label::after{display:none;} .catalogue-detail-desc .catalogue-detail-price-box-pieces .catalogue-basket{margin:0;} .catalogue-detail-price-box-pieces .field label > *{display:inline-block; vertical-align:middle;} .catalogue-basket-pieces-price-box ~ .button-cart{margin-top:1.5em;} .catalogue-basket-pieces-quantity{width:14%; font-size:120%;} .catalogue-basket-pieces-gift{width:30%;} .catalogue-basket-pieces-gift-info{width:30%; text-align:right;} .catalogue-basket-pieces-price{width:26%; text-align:right; font-size:120% !important;} /***********************************************************************************************************************************/ /* VARIANT */ /***********************************************************************************************************************************/ .catalogue-variants{margin:1.5em 0 1em;} .ws-dialog-window-product-variants .catalogue-variants{margin:1em 0;} .catalogue-variants h2{color:inherit; font-size:120%; font-weight:600; margin:0 0 .5em;} .catalogue-variants ul,.catalogue-variants li{list-style:none; padding:0; margin:0;} .catalogue-variants li,.catalogue-variants .catalogue-variant-item{display:inline-block; position:relative; margin:0 .4em .6em 0;} .catalogue-variants li:last-child,.catalogue-variants .catalogue-variant-item:last-child{margin-right:0;} .catalogue-variants li a,.catalogue-variants .catalogue-variant-item input[type="radio"] + label{text-decoration:none; display:block; padding:.4em 1em; border-width:1px; border-style:solid;} .catalogue-variants li.catalogue-variants-na a,.catalogue-variants .catalogue-variant-item.catalogue-variants-na input[type="radio"] + label{background:none;} .catalogue-variants .catalogue-variants-na svg{position:absolute; top:0; left:0; z-index:-1;} .catalogue-variants .catalogue-variants-na svg line{stroke:#dddddd; stroke-width:1px; -webkit-opacity:.7; -moz-opacity:.7; opacity:.7;} /* inputs version */ .catalogue-variants input[type="radio"] + label{margin:0; cursor:pointer;} .catalogue-variants input[type="radio"] + label::before,.catalogue-variants input[type="radio"] + label::after{display:none;} /* hint animation */ .catalogue-variants .hint{-webkit-animation:ws-animation-shaking 200ms linear 0s 2 normal; animation:ws-animation-shaking 200ms linear 0s 2 normal;} /*.catalogue-variant-item{}*/ /***********************************************************************************************************************************/ /* RECOMMEND */ /***********************************************************************************************************************************/ .catalogue-recommend input[type="text"]{display:none;} .catalogue-recommend.catalogue.stripe-space-none > .row{border-width:0;} .catalogue-recommend.catalogue.stripe-space-none > .row > .col .item{border-width:1px;} .catalogue-recommend.catalogue.stripe-space-none > .row > .col + .col .item{border-left-width:0;} /***********************************************************************************************************************************/ /* COUPON */ /***********************************************************************************************************************************/ .catalogue-detail-coupon{margin:1.5em 0;} .catalogue-detail-coupon .item{display:flex; align-items:center; padding:0 !important; margin:0 !important;} .catalogue-detail-coupon .item + .item{border-top-width:0;} .catalogue-detail-coupon .boxed{padding-top:.6em; padding-bottom:.6em; border-style:dashed;} .catalogue-detail-coupon .item > .boxed{border-width:0;} .catalogue-detail-coupon-icon.boxed{background-color:transparent !important; border-right-width:1px !important;} /***********************************************************************************************************************************/ /* */ /* E-SHOP BASKET & ORDER */ /* */ /***********************************************************************************************************************************/ .order{position:relative;} .catalogue-shipping-info .strip-box{border:none;} .catalogue-shipping-info .message-in > p{font-size:110%;} /***********************************************************************************************************************************/ /* STEPS - TOP TRACK */ /***********************************************************************************************************************************/ #order-steps-top{max-width:1140px; margin:1em auto 2em;} #order-steps-top ul{list-style:none; padding:0; margin:0; text-align:center;} #order-steps-top li{position:relative; display:inline-block; width:20%; text-align:center; vertical-align:top;} #order-steps-top li a{text-decoration:none; color:inherit;} #order-steps-top li::after{content:""; display:block; position:absolute; top:1.25em; left:68%; width:64%; height:2px;} #order-steps-top li:last-child::after{display:none;} .order-step-number{display:inline-block; text-align:center; width:2.5em; height:2.5em; line-height:calc(2.5em - 2px); margin-bottom:.5em; border-width:1px; border-style:solid;} .order-step-text{display:block; font-size:90%; text-align:center;} .order-step-active strong{font-weight:inherit;} /***********************************************************************************************************************************/ /* CONTENT */ /***********************************************************************************************************************************/ div[class*="page-order-"] h1{text-align:center;} .title-decoration div[class*="page-order-"] h1::after{left:50%; transform:translate(-50%);} .order-content{position:relative;} /*.page-order-basket .order-content{margin-bottom:3em;}*/ .basket-merge-or-delete{margin:2em 0;} .order-merge-info{padding:0 0 10px 40px; margin-bottom:10px;} .order-merge-info h3{padding:0; margin:0; background:none;} .order-merge-info p{margin-bottom:0;} .basket-merge{text-decoration:underline; padding:3px 0 3px 25px; margin:0 20px 0 0; border:none; cursor:pointer;} /*.basket-merge:hover{} .basket-merge:visited{}*/ .basket-show-old-basket{padding:3px 0;} .basket-delete{margin-right:0;} .basket-merge-or-delete-merge,.basket-merge-or-delete-delete{float:right;} .basket-merge-or-delete-delete{margin-left:1em;} .basket{position:relative; top:0; left:0;} /*.basket-toggle{}*/ /*.basket-max-width{max-width:1366px; margin-left:auto; margin-right:auto;}*/ /* Basket empty */ .order-basket-empty-message{text-align:center; margin:4em auto 5em;} .order-basket-empty-message h2{margin-bottom:0 !important;} .order-basket-empty-message .icon-svg-box{font-size:600%; padding:.3em; margin-bottom:.4em;} .order-basket-empty-message .button{margin-top:1em;} /***********************************************************************************************************************************/ /* BASKET TABLE */ /***********************************************************************************************************************************/ .basket-table{border:none;} /*.basket-table tr:last-child td{padding-bottom:0; border-bottom:none;}*/ .basket-table th{font-weight:inherit; /*padding-top:0;*/ white-space:nowrap; border:none;} .basket-table th,.basket-table td{padding-left:18px; padding-right:18px;} .basket-table td{padding-top:1.5em; padding-bottom:1.5em;} .basket-table .basket-table-name{/*width:50%;*/ padding-left:0;} .basket-table .basket-table-name .catalogue-product-code{white-space:nowrap; margin-right:.7em;} .basket-table .basket-table-name .catalogue-product-code:last-child{margin-right:0;} .page-order-basket .basket-table-name,.page-order-summary .basket-table-name{width:auto;} /*.basket-table-name .image{width:80px; height:80px; padding-bottom:0; margin-right:12px;} .basket-table-name .image + a{display:inline-block; width:calc(100% - 92px - .5em);}*/ .basket-table-name-title{display:block;} .basket-table-name-info{font-size:85%; display:block; margin-top:.3em;} .basket-table-name-info .icon + .icon{margin-left:.4em;} .basket-table .basket-table-image{width:118px; /*min-height:100px;*/ /*padding-right:0;*/} /*.basket-table th:first-child,.basket-table td:first-child{padding-left:0;} .basket-table th:last-child,.basket-table td:last-child{padding-right:0;}*/ /*.basket-table .basket-table-image .image{display:table-cell; width:82px; height:82px;}*/ .basket-table .basket-table-image .image .img-width{max-width:97%; max-height:100%;} .basket-table-stock{text-align:center;} .basket-table-stock .catalogue-price-stock{font-size:100%; white-space:nowrap;} .basket-table td:not(.basket-table-name) a.icon,.basket-table-delete button,.element-cart-content .item .item-icon-delete,#head-content .element-cart-content .item .item-icon-delete{font-size:135%; color:#b90000; text-decoration:none;} .basket-table .basket-table-sum-order strong{font-weight:inherit;} .basket-table .basket-table-sum-order:last-child strong{font-size:130%; font-weight:700;} .basket-table .basket-table-sum-order td{padding-bottom:0; border-width:0;} .basket-table .basket-table-sum-order + .basket-table-sum-order td{padding-top:0;} .basket-table .basket-table-sum-order:last-child td{padding-top:1.5em; padding-bottom:1.5em; border-bottom-width:1px;} .basket-table .basket-table-sum-order + .basket-table-sum-order:last-child td{padding-top:.5em;} .basket-table-recount{padding:0;} .basket-table-recount button{font-size:65%;} .basket-table-price-vat-text > span:not(.basket-table-price-vat){display:none;} .basket-table-price-vat-text > .basket-table-price-vat{display:block; font-size:85%;} .basket-table-price-delivery-payment > strong{display:inline-block; min-width:3em; margin-left:.3em;} .basket-table-date strong{display:block;} .basket-table-delete button{padding:0; background-color:transparent; border:none;} .basket-coupon .icon-svg{margin-right:.3em;} /* Basket Offer */ .basket-table-offer tr:not(.basket-table-sum-order) td{padding-top:.5em; padding-bottom:.5em;} .basket-table-offer-retail-price{border-right-width:1px;} .basket-table-offer-profit > strong{font-size:110%;} .basket-table-offer-profit,tr:nth-child(even) td.basket-table-offer-profit,tr:hover td.basket-table-offer-profit,tr:hover:nth-child(even) td.basket-table-offer-profit{background-color:rgba(0,0,0,.02);} .basket-order-info-text{margin:1em 0;} /* Basket summary bottom */ .basket-order-sum{margin-top:1.5em; margin-bottom:.5em;} .basket-order-sum .message{margin:0;} /*.basket-order-sum .row .col{}*/ .col-basket-sum-total:first-child{width:100%;} /*#form-basket-coupon{margin:0 0 1em;}*/ #form-basket-coupon .form{margin:0;} #form-basket-coupon .form-border,#form-basket-coupon .form-part{padding:0; background:none; border:none;} #form-basket-coupon .form .item{max-width:350px; margin:0 !important;} .basket-sum-total > * + *{margin-top:.5em;} /*.basket-sum-total-without-vat{}*/ .basket-sum-total-with-vat{font-size:160%; font-weight:700; margin-top:.2em;} .basket-sum-total-with-vat strong{white-space:nowrap;} .basket-sum-total strong{font-weight:700;} /* Gifts in basket */ /*.basket-table-gift{}*/ .basket-table .basket-table-gift td,.basket-table .basket-table-gift .basket-table-name > div{border-top-width:2px; border-top-width:2px; border-color:white; padding-top:.7em; padding-bottom:.7em;} /*.basket-table-gift .basket-table-name,.basket-table-gift-all-basket .basket-table-name{position:relative;}*/ .basket-table .basket-table-gift .basket-table-name{padding:0;} .basket-table .basket-table-gift .basket-table-name .basket-table-name-div{position:relative; padding-left:118px;} .basket-table .basket-table-gift .basket-table-name .basket-table-name-div::before{content:""; display:block; position:absolute; top:0; left:0; width:100px; height:100%;} /*.basket-table .basket-table-gift .basket-table-name a{text-decoration:none; color:inherit;}*/ /*.basket-table-gift .catalogue-gift .catalogue-gift-icon{}*/ .basket-table-gift .image{width:45px; padding-bottom:45px; margin:0 12px;} .basket-table-gift .basket-table-name p,.basket-table-gift-all-basket .basket-table-name p{display:inline-block; max-width:calc(100% - 130px); margin:0; vertical-align:middle;} .basket-table-gift-all-basket .basket-table-name p{max-width:calc(100% - 80px); margin-left:15px;} .basket-table .basket-table-gift-sum-total td{padding-top:1em;} .basket-table .basket-table-gift-sum-total-sidekick td{padding:.5em 0 !important;} /* Gifts - After basket */ .basket-order-gifts{max-width:1200px; margin:2.5em auto 0;} .basket-order-gifts:not(.basket-order-gifts-rows){border-width:1px; border-style:solid;} .basket-order-gifts-desc{position:relative; text-align:center; padding:1.5em 30px;} .basket-order-gifts:not(.basket-order-gifts-rows) .basket-order-gifts-desc > *{display:inline-block; vertical-align:middle; text-align:left;} .basket-order-gifts-desc .catalogue-gift-icon{margin-right:.7em;} .basket-order-gifts-desc h3{font-size:110%; margin:.3em 0;} .basket-order-gifts-desc p{margin:0;} .basket-order-gifts-select .boxed + .boxed{margin-top:10px;} .basket-order-gifts-select .message:first-child{margin-top:1em;} .basket-order-gifts-select .element-heading{font-size:120%; color:inherit !important; margin-top:0;} /* Gifts - After basket - Rows */ .basket-order-gifts-rows.basket-order-gifts > *{display:inline-block; vertical-align:top;} .basket-order-gifts-rows .basket-order-gifts-desc{ /*width:350px;*/ width:30%; margin-right:2%;} .basket-order-gifts-rows .basket-order-gifts-desc::after{position:absolute; top:1.5em; right:-.35em; font-size:200%; margin-top:-.35em; -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);} .basket-order-gifts-rows .basket-order-gifts-desc .catalogue-gift-icon{margin:0 0 .5em;} .basket-order-gifts-rows .basket-order-gifts-select{/*text-align:left;*/ /*width:770px;*/ width:68%;} .basket-order-gifts-rows .basket-order-gifts-select .boxed{padding:5px 35px;} .basket-order-gifts-select .catalogue.catalogue-alternatives.items-boxed .item{border-width:1px 0;} .basket-order-gifts-select .catalogue.catalogue-alternatives.items-boxed .item:first-child{border-top-width:0;} .basket-order-gifts-select .catalogue.catalogue-alternatives.items-boxed.catalogue-preview-items-rows:last-child .item:last-child{border-bottom-width:0;} .basket-order-gifts-select .catalogue-preview-items-rows-image.image{width:45px; padding-bottom:45px; margin-right:12px;} .basket-order-gifts-select .catalogue-preview-items-rows-text-in{width: calc(100% - 67px);} .basket-order-gifts-select .catalogue.catalogue-alternatives .message{margin-bottom:0;} .basket-order-gifts-rows .basket-order-gifts-select .catalogue-price{display:inline-block;} .basket-order-gifts-rows .basket-order-gifts-select .button-cart{margin-left:1em;} .basket-order-gifts-desc > .icon-svg{position:absolute; left:50%; bottom:-.5em; font-size:160%; width:1em; height:1em; max-width:none; margin-left:-.5em; transform:rotate(45deg);} .basket-order-gifts-rows .basket-order-gifts-desc > .icon-svg{left:auto; bottom:auto; top:1.4em; right:-.5em; margin:0;} .page-order-basket .basket-table{margin-top:0;} .basket-order-pieces .basket-order-gifts-desc{text-align:left;} .basket-order-pieces .basket-order-gifts-desc .catalogue-gift-icon{margin:0 1em 0 0; float:left;} .basket-order-pieces .basket-order-gifts-select{margin-bottom:2em;} .basket-order-pieces .catalogue-preview-items-rows-text{width:72%;} .basket-order-pieces .catalogue-preview-items-rows-price{width:28%;} /*.basket-order-piece-number{float:right;}*/ /* Pieces free */ .basket-free-pieces .message{margin:0;} .basket-free-pieces .icon-svg-xl{font-size:7em;} /*.basket-free-pieces-item{}*/ .basket-free-pieces .basket-table-name p{margin-left:0;} .message-info.basket-table-gift td:not(.basket-table-image):not(.basket-table-delete){background-color:inherit;} .basket-table .basket-free-pieces-sum-total td{padding-top:0;} /* Client section */ .client-section-orders-preview .basket-table .basket-table-image .image a{width:60px; height:60px;} .client-section-orders-preview .basket-table td,.client-section-orders-preview .basket-table .basket-table-sum-order:last-child td{padding-top:.6em; padding-bottom:.6em;} .client-section-orders-preview .basket-table-image{width:100px;} .client-section-orders-preview .basket-table tr:not(.basket-table-gift) td:first-child{padding-left:0;} .client-section-orders-preview .basket-table tr:not(.basket-table-gift) td:last-child{padding-right:0;} .client-section-orders-preview .basket-table .basket-table-sum-order:last-child td{padding-bottom:0; border-bottom:none;} /***********************************************************************************************************************************/ /* PAYMENT INFO - STEP 3 */ /***********************************************************************************************************************************/ .order-payment-delivery.boxed{padding:32px;} .order-payment-delivery ul,.order-payment-delivery li{list-style:none; margin:0; padding:0;} .order-payment-delivery li > .row > .col{padding-top:1.2em; padding-bottom:1em;} .order-payment-delivery li + li{border-top:1px solid #dddddd;} .order-payment-delivery li .field{/*padding:1em 0 1em 2em;*/ padding-left:2em; margin:0;} /*.order-payment-delivery li .field *{line-height:2em;}*/ .order-payment-delivery label{display:inline-block; min-height:2em; padding:0; margin:0; cursor:pointer;} .delivery-payment-icon{display:inline-block; height:2em; width:4em; margin-right:.4em; /*margin-top:-.3em;*/} .delivery-payment-icon img{display:inline-block; max-width:100%; max-height:100%; width:auto; height:auto; vertical-align:middle;} .delivery-payment-icon,.delivery-payment-icon ~ *{display:inline-block; vertical-align:middle; margin-top:-.2em;} .order-payment-delivery ul label > *{vertical-align:middle;} /*.order-payment-delivery input[type="radio"]{position:absolute; top:.4em; left:0;}*/ .order-payment-delivery input[type="radio"] + label{left:-2em;} .order-payment-delivery ul .tooltip{position:relative;} .order-payment-delivery .disabled > *{-webkit-opacity:.4; -moz-opacity:.4; opacity:.4;} .delivery-payment-desc,.delivery-payment-desc-message{display:block; font-size:85%; /*margin-left:2.4em;*/ /*min-height:30px;*/} .delivery-payment-desc *{display:inline-block !important; vertical-align:middle; padding:0; margin:0 !important;} .delivery-payment-desc img{height:25px; width:auto;} .delivery-payment-discount-desc{font-size:85%; margin:-.2em 0 0 !important;} .delivery-payment-desc-message{margin-top:.3em;} .delivery-payment-place{padding:.8em 20px 1em; margin-left:2em; margin-bottom:1em;} .delivery-payment-place p{margin:0;} .delivery-payment-place p strong{display:inline-block;} .delivery-payment-place button{font-size:100%; margin-top:.5em;} .order-payment-delivery-date{padding-bottom:1em; border-width:0 0 1px 0; border-style:solid;} /* New version */ .order-payment-delivery-item .field{padding-left:0 !important;} .order-payment-delivery-item .field input[type="radio"] + label{top:0; left:0;} .order-payment-delivery-item .field input[type="radio"] + label::before{box-sizing:border-box; width:1.5em; height:1.5em; top:1.1em; left:1em;} .order-payment-delivery-item .field input[type="radio"]:checked + label::before{border-width:.35em;} .order-payment-delivery-item .field input[type="radio"] + label::after{display:none;} .order-payment-delivery-item .field input[type="radio"]{top:1.4em; left:1.35em;} .order-payment-delivery-item label{display:flex; width:100%; min-height:0; padding:1em 1em 1em 3.2em !important; margin:0; transition:150ms; cursor:pointer;} .order-payment-delivery-item .order-payment-delivery-desc{flex:1;} .order-payment-delivery-item .order-payment-delivery-price{min-width:16%; text-align:right; padding-left:5px; white-space:nowrap;} .order-payment-delivery-item .delivery-payment-date{width:25%; text-align:center; padding:0 5px;} /*.order-payment-delivery-item .order-payment-delivery-desc > strong{line-height:2em;}*/ .order-payment-delivery-item .delivery-payment-desc{margin-top:.3em;} .order-payment-delivery-item .delivery-payment-place{padding-left:3.2em; padding-top:0; margin-left:0; margin-bottom:0;} .order-payment-delivery-item .field input[type="radio"]:disabled + label{background-color:transparent !important; cursor:default;} .order-payment-delivery-item .field input[type="radio"]:disabled + label .order-payment-delivery-desc > *:not(.delivery-payment-desc-message), .order-payment-delivery-item .field input[type="radio"]:disabled + label .order-payment-delivery-price{-webkit-opacity:.4; -moz-opacity:.4; opacity:.4;} .order-payment-delivery-item .field input[type="radio"]:disabled:checked + label:before{background-color:inherit !important;} .order-payment-delivery-item .field input[type="radio"]:disabled + label:hover{background-color:transparent;} .delivery-payment-desc-disable .delivery-payment-desc{display:none;} /***********************************************************************************************************************************/ /* BOTTOM SUBMITS - STEPS */ /***********************************************************************************************************************************/ .order-steps{margin:1.5em 0 1em;} .order-steps a,.order-steps button{display:inline-block;} .order-steps .button + .button{margin-left:0;} .order-next{float:right; font-size:110%; font-weight:700; text-decoration:none; text-transform:none;} .order-next-last{font-size:130%;} .order-back{float:left; text-decoration:none; text-transform:none;} .order-next,.order-back{height:auto;} .page-order-periodic-summary .order-next{float:none;} .order-sum-payment{font-size:110%; font-weight:700; margin:1em 0;} .order-summary-info{padding-left:1em;} .page-order-summary .order-summary-info > .row > .col{flex:1; align-self:flex-start;} .element-cart .cart{float:left; font-size:140%; height:auto;} .element-cart-info{margin-left:3.8em;} .element-cart-info span{display:block;} .element-cart-price strong{white-space:nowrap;} /***********************************************************************************************************************************/ /* SUMMARY - STEP 4 */ /***********************************************************************************************************************************/ .page-order-summary .basket-table-stock .catalogue-price-stock{font-size:95%;} .order-agreement-form{text-align:center; margin-top:2em; } .order-agreement-form.boxed{padding:40px;} .order-agreement-form-in{text-align:left; display:inline-block; width:auto; max-width:100%; margin:0 auto;} .order-agreement-form .item{margin-bottom:0 !important;} .order-agreement-form .item + .item{margin-top:.4em;} /***********************************************************************************************************************************/ /* CONFIRMATION - STEP 5 */ /***********************************************************************************************************************************/ .order-pay{font-size:80%; text-align:center;} .order-pay .order-pay,.order-pay .order-pay-method-desc p{font-size:100%;} .order-pay,.order-pay.boxed{width:auto; margin:0 auto; _padding-top:20px; _padding-bottom:25px; _margin:2em auto; _border-width:2px; _border-style:solid;} .order-pay h2,.order-pay.boxed h2,.order-pay h3,.order-pay.boxed h3{color:inherit !important; margin:0 0 .3em;} .order-pay-change-price{margin:0 0 .3em;} .order-pay table,.order-pay p,.order-pay .order-pay-method-desc,.order-pay form{font-size:120%;} .order-pay td{line-height:1.6em;} .order-pay img{max-height:70px; width:auto;} .order-pay-qrcode{padding:0 0 0 2em !important; margin-left:3em; background-color:transparent !important; border-width:0 0 0 1px !important;} .order-pay-qrcode .boxed{padding:.8em 1em !important; color:black !important; background-color:white !important;} .order-pay-qrcode p{margin-bottom:.4em;} .order-pay-qrcode img{display:block; max-width:140px; max-height:none;} /*.order-pay-change{border-top-left-radius:0 !important; border-top-right-radius:0 !important;}*/ .order-pay-change > *:last-child{margin-bottom:0;} .order-pay-method > img{max-height:50px; max-width:100%; margin-bottom:.5em;} .order-pay-alternate{display:flex; flex-wrap:wrap; gap:1em 3.5em; justify-content:center;} .order-pay-alternate h2{width:100%;} .order-pay-alternate > .boxed{padding:0; background-color:transparent; border-width:0;} /*.order-pay-alternate > .boxed + .boxed{padding-top:2em; margin-top:2em; border-top-width:1px;}*/ .order-pay-flex{display:flex; justify-content:space-evenly;} .order-pay-method-desc{margin:1em 0;} .order-pay-method-desc img{display:inline-block; vertical-align:middle; height:2.5em; margin:.5em;} .order-pay-method-direct{padding-top:2em; margin-top:2.5em; border-width:1px 0 0; border-style:solid;} .order-pay-method-direct > *:first-child,.order-pay-method-direct h4:first-child{margin-top:0;} .order-pay-method-direct-list{list-style:none !important; padding:0; margin:1.5em 0 0; display:flex; flex-wrap:wrap; gap:1em; justify-content:center; align-items:stretch;} .order-pay-method-direct-list li{width:calc(50% - .5em); max-width:300px; margin:0;} .order-pay-method-direct-list li > *{display:flex; width:100%; height:100%; justify-content:center; gap:1em; align-items:center; text-decoration:none; padding:.5em !important;} .order-pay-method-direct-list img{max-width:33%; max-height:2em;} .order-print{text-align:center; /*position:absolute; top:0; right:0;*/} /*.page-order-confirm .order-content{text-align:center;}*/ .order-confirmation-box{display:inline-block; width:800px; max-width:100%; padding:0 !important; margin:3em auto 3.5em;} .order-confirmation-box > .boxed{background-color:transparent; border-width:0;} .order-confirmation-box > .boxed + .boxed{border-top-width:1px;} .order-confirmation-box .order-check-icon{margin-top:calc(-40px - 4em) !important;} .order-confirmation-thanks h1,.order-confirmation-thanks h3{margin:0 auto .5em !important;} .order-confirmation-thanks p:last-child{margin-bottom:0;} .order-confirmation-desc{text-align:center;} .order-confirmation-desc .order-content{margin-top:3em;} /* Order */ .order-payment-result-buttons{display:flex; gap:1em; justify-content:center; margin:1.5em 0;} .order-payment-result-buttons > *{min-width:30%; margin:0 !important;} .order-payment-result-buttons h2{font-size:120%;} .order-payment-result-buttons h3{line-height:1em;} .order-payment-result-buttons button{margin-top:.5em;} .order-content-change-payment{max-width:800px; margin:0 auto;} .order-content-change-payment .order-payment-delivery .button{margin-top:1em;} .client-section-orders-change-payment > .stripe > .stripe-in{padding-left:0; padding-right:0;} /***********************************************************************************************************************************/ /* ONE PAGE BASKET */ /***********************************************************************************************************************************/ .element-one-page-order{max-width:1320px; margin:0 auto;} .one-page-order-forms{margin:2em 0;} .one-page-order-payment-delivery > * + *:not(.working-layer){margin-top:2em;} .one-page-order-payment-delivery > .message:first-child{margin-top:0;} .one-page-order-user .form{margin-top:0;} .one-page-order-user .form-part .row:last-child > .col > .item{margin-bottom:32px;} .one-page-order-message-foot{text-align:center;} .one-page-order-message-foot .message{display:inline-block; text-align:left; width:auto; margin-left:auto; margin-right:auto;} .element-one-page-order .order-next{float:none;} /*.element-one-page-order .basket-table thead{display:none;}*/ .element-one-page-order .basket-order-stripe-recommended{margin-top:2.5em; overflow:visible !important;} /*.element-one-page-order .basket-order-stripe-recommended .catalogue-recommend > .row{justify-content:center;}*/ /*.element-one-page-order .basket-order-sum > .row{display:flex; flex-wrap:nowrap; justify-content:space-between;} .element-one-page-order .basket-order-sum > .row > .col{width:auto;} .element-one-page-order .basket-order-sum > .row > .col:first-child{flex:1;} .element-one-page-order .basket-order-sum .message{display:inline-block; width:auto; min-width:70%;}*/ /***********************************************************************************************************************************/ /* */ /* CLIENT SECTION */ /* */ /***********************************************************************************************************************************/ .login-form{max-width:550px; margin:0 auto;} .login-form .form-part:not(.form-foot):not(.form-head) .item{margin-bottom:1em;} .login-form .form-part button{margin-right:1em;} .login-form .form-foot .item{display:inline-block; vertical-align:middle; margin-top:.5em;} .login-form .form-foot .item:not(.item-hidden) + .item{float:right;} .login-form .login-form-foot .item{margin:1.5em 0;} .page-order-customer .login-form{max-width:none;} .page-order-customer .login-form .form-part:not(.form-head):not(.form-foot) > .row > .col{width:33.333333%;} .page-order-customer .login-form .form-foot .item + .item{float:none;} .page-client-section{margin-top:1em;} .client-section-info{margin:1em 0;} .client-section .item p:first-child:first-line{font-weight:700;} .client-section-orders-preview .item-heading,.watchdog-table .basket-table-name .item-heading{font-size:130%;} .client-section-orders-preview .item-heading + .tag{margin-left:.5em;} .client-section-orders-preview .order-documents{display:inline-block;} .client-section-orders-preview .order-documents + .tag{margin-right:.5em;} /*.client-section-orders-preview .order-documents .ws-pack-item-content{margin-top:.5em;}*/ .invoice-table-date{width:10em;} .invoice-table-file{width:5em;} .client-section-order-payment .message{margin-top:1.5em;} .client-section-order-payment .boxed + .boxed{border-top-width:0;} .client-section-order-payment .order-pay{margin-top:0;} /* Product table alt */ .client-section-basket-table{margin:0;} .client-section-basket-table tr:not(.basket-table-gift) td{padding-top:0 !important; padding-bottom:0 !important; border:none;} .client-section-basket-table .basket-table-image{width:100px; padding-left:0; vertical-align:top;} .client-section-basket-table .basket-table-name{width:auto;} .client-section-basket-table .catalogue-price-stock{margin-top:.3em;} /* Complaint/reclamation */ .client-section-complaint-preview .basket-table-number{width:120px;} .client-section-complaint-addresses h2{font-size:160%;} .client-section-complaint-addresses .item > *{margin-bottom:0;} .client-section-complaint .basket-table-name{width:auto;} .client-section-complaint .basket-table-number{white-space:nowrap;} .client-section-complaint .basket-table-number input + *{margin-left:.3em;} .basket-table-select-complaint{width:160px;} .client-section-complaint-form{margin-top:2em;} .client-section-complaint-form .item > label,.client-section-complaint-form h4{font-size:120%; font-weight:600; margin-bottom:.7em;} .client-section-complaint-form .form-foot{margin-top:1.5em;} /* Watchdogs */ /*.client-section-watchdog{}*/ .watchdog-table .watchdog-table-button{width:300px; padding-right:0;} .watchdog-table-button strong{display:block; margin-bottom:.5em;} .watchdog-table-button button{margin-bottom:.5em; white-space:nowrap;} .watchdog-form{max-width:680px;} .watchdog-form > .item{padding:.5em 0; margin:0 !important;} .watchdog-form > .item + .item{border-top:1px solid #dddddd;} .watchdog-form > .item:first-child{padding-top:0;} .watchdog-form > .item:last-child{padding-bottom:0;} .watchdog-form > .item strong{font-weight:700 !important;} .watchdog-form > .item > *,.watchdog-form > .item .field-content strong,.watchdog-form > .item .field strong{white-space:nowrap;} .watchdog-form > .item .field{display:inline-block; width:60%;} .watchdog-form > .item .field-content{display:inline-block;} .item-watchdog-reported .watchdog-form{opacity:.5;} /* Favourites */ /*.client-section-favourite-preview{}*/ /*.client-section-favourite-preview td{}*/ .client-section-favourite-preview .basket-table-name{width:35%;} .client-section-favourite-preview .basket-table-price-vat-text{width:20%;} .client-section-favourite-preview .catalogue-price-vat{display:block;} .client-section-favourite-preview .basket-table-delete button{padding:.15em .5em;} /* Files */ .client-section-files .item ul{list-style:none; padding:0; margin:0;} /***********************************************************************************************************************************/ /* */ /* CONFIGURATOR */ /* */ /***********************************************************************************************************************************/ #configurator-desc{margin:0 0 1.5em;} #configurator-desc > .sticky-element.stuck{z-index:10;} #configurator-desc > .stripe > .stripe-in{display:flex; gap:1.5em; justify-content:space-between; align-items:center;} #configurator-desc > .stripe > .stripe-in::before,#configurator-desc > .stripe > .stripe-in::after{display:none;} #configurator-desc .configurator-desc-image{width:90px; padding-bottom:90px;} .configurator-desc-text{flex:1;} .configurator-desc-text h1{margin:0 0 .1em !important;} .configurator-desc-text h1:last-child{margin-bottom:0 !important;} .configurator-desc-text .item-heading-sub{margin:0;} #configurator-total{float:right; font-size:140%; max-width:30%; margin:0 0 .5em;} #configurator-desc .catalogue-price > *{display:block;} .configurator:not(.digest-v2) .configurator-label{display:flex; flex-direction:column; height:100%;} .configurator-label,.ws-dialog-window .item-heading label{top:0 !important; padding:0 !important; margin:0; cursor:pointer;} .page-configurator #configurator-total{margin-bottom:0;} .page-configurator #configurator-total .col-flex{flex-direction:column; gap:.5em 1em; text-align:right;} .page-configurator #configurator-total .catalogue-delivery p{font-size:80%; margin:0;} .page-configurator #configurator-total .catalogue-price-container{width:100%;} .page-configurator #configurator-total .catalogue-price-container + p{font-size:85%;} .page-configurator .catalogue-detail-price-box .configurator-buttons .konfigurator-page-select{margin:0;} .page-configurator .nav a{padding-right:2.5em;} .page-configurator .nav .icon-svg{position:absolute; top:50%; right:10px; margin-top:-.5em; margin-right:0;} .page-configurator .nav li.disabled a{-webkit-opacity:.5; -moz-opacity:.5; opacity:.5; cursor:default;} .configurator-chapter:not(.configurator-popup-dialog){margin-bottom:1em;} .configurator-chapter:empty{display:none;} .js-kapitola-nadpis{margin-bottom:0;} /*.configurator-heading{border:1px solid blue;}*/ /*.configurator-chapter.required .js-kapitola-nadpis{display:inline-block; border:2px solid blue !important;}*/ .configurator-required-label{margin-top:0;} /*.configurator-chapter~.configurator-chapter{border-top:1px solid #dddddd;}*/ /*.configurator-chapter label{padding:0;}*/ .configurator-chapter-desc{margin-bottom:1.5em;} .configurator-chapter-desc > .row > .col{margin-bottom:0 !important;} /*.configurator-chapter:not(.configurator-digest-simple):not(.js-konfigurator-varianty)~.configurator-chapter .configurator-chapter-desc{padding-top:2em;}*/ .configurator-chapter-desc h2{margin-top:0;} .configurator-chapter-item-header label{padding-right:0;} .configurator-chapter .items-boxed-text .item .item-content-text{color:inherit; background-color:inherit;} .configurator-chapter .item .item-text a{color:inherit !important; font-weight:600; cursor:pointer;} .configurator-selects-price-box button.js-reset{font-weight:inherit; color:inherit; text-decoration:underline; padding:0; border-width:0; background-color:transparent;} button.js-reset .icon-svg{margin-right:.35em;} .configurator-selects-price-box + .js-konfigurator-prehled{margin-top:2em;} .configurator-selects-price-box .js-konfigurator-total .col-flex{gap:.5em;} .configurator-selects-price-box .catalogue-price{margin:0;} .configurator-selects-price-box .catalogue-delivery{flex:1; min-width:45%; margin:-.6em 0; text-align:right;} .configurator-selects-price-box .catalogue-delivery p{margin:0 0 .3em;} .configurator-selects-price-box .catalogue-delivery p:last-child{margin-bottom:0;} .configurator-summary > h2{margin-top:0;} .configurator-summary .basket-table{margin-bottom:0;} .configurator-summary .basket-table td{padding-top:1em; padding-bottom:1em;} .configurator-summary .basket-table .basket-table-image{width:100px;} /***********************************************************************************************************************************/ /* ITEM */ /***********************************************************************************************************************************/ .configurator .image{margin-bottom:.5em;} .configurator > .row > .col > label{height:100%; /*border:1px solid blue;*/} .configurator .item{/*padding:15px;*/ border-width:1px; border-style:solid;} .configurator .item-heading{display:inline-block; font-size:110%; font-weight:600;} .configurator-heading{margin-top:0;} .configurator .item-heading label:not(.configurator-label){/*line-height:calc(1.4em + 2px);*/ padding-left:1.8em; margin-bottom:0;} .configurator .item-heading input[type="radio"] + label::before,.configurator .item-heading input[type="radio"] + label::after,.configurator .item-heading input[type="checkbox"] + label::before{font-size:85%;} /*.configurator input{display:inline-block; margin:.35em 0 0;}*/ .configurator .item-content-text{display:flex; flex-direction:column; gap:.7em;} .configurator .item-content-text > *:not(.configurator-price-box){margin:0 !important;} .configurator .item-content-text .configurator-price-box{display:flex; flex-wrap:wrap; justify-content:space-between; gap:.5em; align-items:center; margin:auto 0 0 0; /*min-height:2.9em;*/} .configurator .input-number-group input,.page-configurator .input-number-group input{padding-left:2.3em; padding-right:2.3em;} .configurator .item-input-pocet,.page-configurator .item-input-pocet{font-size:90%;} .configurator .item-text{font-size:90%; margin-bottom:1em;} /*.configurator .item-text .js-detail-popup-trigger{border:1px solid red;}*/ .configurator .item-text .js-detail-popup-trigger::before{content:""; display:block; width:100%; margin-top:.3em;} .configurator .catalogue-price{text-align:left;} .configurator .catalogue-price > strong{font-size:110%;} /* disabled */ .configurator .item.disabled img,.configurator .item.disabled .item-content-text{/*filter:grayscale(1);*/ opacity:.5;} .configurator .item.disabled label{cursor:default;} .configurator .item.disabled .image-in:before{content:""; display:block; position:absolute; z-index:1; top:50%; left:-50%; width:200%; height:2px; margin-top:-2px; transform:rotate(45deg);} .page-configurator .configurator .item.disabled .image-in:before{display:none;} .configurator .item.disabled::after{content:""; display:block; position:absolute; z-index:2; top:0; left:0; width:100%; height:100%;} /***********************************************************************************************************************************/ /* ELEMENT */ /***********************************************************************************************************************************/ .configurator-selects-container.boxed .item-heading{color:inherit;} .configurator-selects-container .configurator-selects-grid-space-m > .row{margin-left:-8px; margin-right:-8px;} .configurator-selects-container .configurator-selects-grid-space-m > .row > .col{padding:0 8px; margin-bottom:16px;} .configurator-selects-container .configurator-selects-grid-space-m > .row > .col .item{margin-bottom:16px;} .configurator-selects-container .configurator-selects-grid-space-m > .row > .col .item:last-child{margin-bottom:0;} .configurator-selects .configurator-chapter{margin:0; border:none;} .configurator-selects .configurator-chapter .ws-pack-item-header,.configurator-selects .configurator-chapter .ws-pack-item-header *,.configurator-selects .configurator-chapter .ws-pack-item-content label{cursor:pointer;} .configurator-selects .configurator-chapter .ws-pack-item-header{z-index:4;} .configurator-selects .configurator-chapter .ws-pack-item-content{border-top:none;} .configurator-selects .configurator-chapter .ws-pack-main .ws-pack-item-header.boxed + .ws-pack-item-content{margin-top:0;} .configurator-selects .configurator-chapter label.configurator-label::before,.configurator-selects .configurator-chapter label.configurator-label::after{display:none;} .configurator-selects .configurator-chapter label:not(.configurator-label)/*,.ws-dialog-window .configurator-selects .configurator-chapter .item-heading label*/{font-size:95%;} .configurator-selects .configurator-chapter .item-heading label{font-size:100%; cursor:pointer; padding-right:0;} .configurator-selects .configurator-chapter .configurator-chapter-item-content > .field-checkbox{display:block; height:auto;} .configurator-selects .configurator-chapter .configurator-chapter-item-content .field input[type="radio"] + label::before, .configurator-selects .configurator-chapter .configurator-chapter-item-content .field input[type="radio"] + label::after{display:none;} .configurator-selects-choose{display:inline-block; font-size:120%; font-weight:600;} .configurator-selects .configurator-chapter .field-checkbox{margin:10px 0 !important;} .configurator-selects .configurator-chapter .field-checkbox .field,.configurator-selects .configurator-chapter .item .field-checkbox label{margin:0;} .configurator-selects .configurator-chapter .field-checkbox label{display:block; padding:.3em 20px;} .configurator-selects-item-price{font-weight:600; float:right;} .configurator-selects .configurator-chapter-choose .ws-pack-item:not(.ws-unpack) .ws-pack-item-header::before, .configurator-selects .configurator-chapter-choose .ws-pack-item:not(.ws-unpack) .ws-pack-item-header ~ .item-input-text::before, .configurator-digest-simple.configurator-chapter-choose > .boxed::before{content:""; display:block; width:3px; position:absolute; top:-1px; left:-1px; height:calc(100% + 2px);} .configurator-selects-price-box.boxed{border-width:0;} .configurator-selects-price-box.boxed.stuck{border-bottom-width:1px;} .configurator-selects-price-container .configurator-heading{font-size:120%; font-weight:inherit; color:inherit; margin:.3em 0 .5em;} .configurator-delivery-free{font-size:110%;} .configurator-delivery-free .icon-svg{margin-right:.2em;} .configurator-digest-simple > .boxed{position:relative;} .configurator-digest-simple .configurator-chapter-desc{padding:0 !important; /*margin:0 !important;*/} .configurator-selects-container .configurator-digest-simple .configurator-chapter-desc{margin-bottom:1em !important;} .configurator-digest-simple .configurator-chapter-desc .col{margin-bottom:0 !important;} .configurator-selects-container .configurator-digest-simple .configurator > .row > .col{margin-bottom:2px;} .configurator-selects-container .configurator-digest-simple .configurator > .row > .col:last-child{margin-bottom:0;} .configurator-digest-simple .item-content-text.boxed{background-color:transparent;} .configurator-digest-simple .item .item-content-text.boxed{border-color:transparent;} .configurator-selects-container .configurator-digest-simple .item:not(.selected){border-color:transparent;} .configurator-selects-container .configurator-digest-simple .item-content-text.boxed{padding:15px 10px; border-width:0;} .configurator-digest-simple .image{margin-bottom:0;} .configurator-digest-simple .item > .row > .col{margin-bottom:0;} .configurator-digest-simple .item > .row > .col:first-child,.configurator-digest-simple .item .image{height:100%; padding-right:0;} .configurator-digest-simple .item > .row > .col:last-child{padding-left:0;} .configurator-digest-simple .item .image-in{padding:10px;} .configurator-digest-simple .item > .row{align-items:center;} .configurator-selects-container .configurator-digest-simple .js-kapitola-nadpis{font-size:95%; font-weight:inherit; color:inherit; padding:0 !important;} .configurator-selects-container .configurator-digest-simple .js-kapitola-nadpis::after{display:none !important;} .configurator-selects-container .configurator-digest-simple .js-kapitola-nadpis + *{margin-top:0; font-size:85%;} .configurator-digest-simple .configurator-chapter-desc *:last-child{margin-bottom:0;} .configurator-digest-simple .item-heading{display:block; /*font-size:120% !important; font-weight:600;*/ margin:0;} .configurator-digest-simple .included-price{display:none;} .configurator-digest-simple .catalogue-price,.configurator-digest-simple .catalogue-price > strong{font-size:inherit; font-weight:inherit; vertical-align:unset; margin:0 !important;} .configurator .item-input-text{margin-top:.5em;} .configurator-chapter .item-input-text.boxed{position:relative; z-index:9; margin-top:-15px; padding-top:0; border-top-width:0;} /* popup */ .ws-dialog-window .configurator-label .catalogue-price > strong{font-size:100%;} .ws-dialog-window .configurator-popup-dialog label::before,.ws-dialog-window .configurator-popup-dialog label::after, .ws-dialog-window .item-heading label .icon-check{display:none !important;} /*.ws-dialog-window .configurator-popup-dialog .configurator.flex-container .item-content-text{height:auto;}*/ .catalogue-detail-price-box .configurator-buttons .catalogue-basket,.catalogue-detail-price-box .configurator-buttons .konfigurator-page-select{margin:1em 0;} .element-configurator .catalogue-basket{margin:0 !important;} .element-configurator .catalogue-detail-price-box.sticky-element{z-index:10;} /* page configurator */ .page-configurator .js-kapitola-nadpis .configurator-selects-item-price{display:none;} .page-configurator .configurator-required-label{display:none;} .page-configurator .configurator-digest-simple > .boxed{padding:0; background-color:transparent; border-width:0;} .page-configurator .configurator-digest-simple > .boxed:before{display:none;} /*.page-configurator .configurator-digest-simple .js-kapitola-nadpis{border:1px solid red;}*/ /* Configurator in price box (product detail) */ /*.configurator-selects-price-container{}*/ /***********************************************************************************************************************************/ /* */ /* WS OFFER */ /* */ /***********************************************************************************************************************************/ /*.page-offer{}*/ .ws-offer-header{display:flex; flex-wrap:wrap; gap:1em; justify-content:space-between; align-items:center; margin-bottom:2em;} .ws-offer-header > *{margin:0;} .ws-offer-parties .row{align-items:stretch;} .ws-offer-parties .col{flex:1; max-width:50%;} .ws-offer-parties .item > *:first-child{margin-bottom:0;} .ws-offer-description > *:first-child{margin-top:0;} /*.ws-offer-client-section-order-payment{}*/ .ws-offer-order{margin-bottom:2em;} .ws-offer-order .order-content > *:first-child{margin-top:0;} .ws-offer-footer-description{margin:2em 0; padding-left:0 !important; padding-right:0 !important;} .ws-offer-footer-description-in{max-height:500px; padding:0 40px; overflow:auto;} .ws-offer-footer-description-in > *:first-child{margin-top:0;} .ws-offer-footer-description-in > *:last-child{margin-bottom:0;} /*.ws-offer-agreement-form{}*/ .ws-offer-steps{text-align:center;} .ws-offer-steps .button{float:none;} /***********************************************************************************************************************************/ /* */ /* WS BOOKING (RESERVATION) */ /* */ /***********************************************************************************************************************************/ /*.page-booking #js-change-date-form .item{margin-bottom:0;}*/ .ws-booking .boxed{padding-top:25px; padding-bottom:25px;} .ws-booking .boxed ~ .boxed{margin-top:1.5em;} .ws-booking-date.boxed{padding-top:20px;} .ws-booking-date h2{margin:0;} .ws-booking-date .item{margin-top:1em; margin-bottom:0 !important;} .ws-booking-category{padding:1px 0;} .ws-booking-category.boxed .ws-booking-table table{margin-bottom:0;} .ws-booking-category-desc .image{width:90px; padding-bottom:90px; margin:0 .8em 0 0;} .ws-booking-category-text{display:inline-block; vertical-align:middle;} .ws-booking-category-text h2{margin:0;} .ws-booking-category-text h2 span{font-weight:normal;} .ws-booking-category-text h2 .button{vertical-align:middle; font-size:45%; line-height:1.4em; padding:.2em .75em; margin-top:-.35em; font-weight:400;} .ws-booking-category-text p:empty{display:none;} .ws-booking-table table{border:none;} .ws-booking-table td{position:relative; top:0; left:0; height:3em; background-clip:padding-box;} .ws-booking-table td:not(.ws-booking-object):not(.ws-booking-object-image):not(.ws-booking-day-cell) > div{z-index:100; position:absolute; top:0; left:0; width:100%; height:100%; min-height:2.92em;} .ws-booking-table th,.ws-booking-table td{border-width:1px;} .ws-booking-table th{text-align:center; font-weight:inherit; padding-left:.2em; padding-right:.2em;} .ws-booking-tr-space{height:15px;} .ws-booking-tr-space:first-child{height:0;} /*.ws-booking-table tr:hover{background-color:black;} .ws-booking-table tr:hover td:not(.ws-booking-day-cell):not(.ws-booking-object){background:transparent;} .ws-booking-table tr:hover td.ws-booking-object,.ws-booking-table tr:hover .ws-booking-unit{opacity:.95;}*/ .ws-booking-object{width:20%; padding-top:.1em; padding-bottom:.1em;} .ws-booking-object .image{width:35px; padding-bottom:35px; margin-right:1em;} .ws-booking-object .image + .ws-booking-object-name{display:inline-block;} /* Day calendar */ .ws-booking-day-cell{width:6%; vertical-align:top;} /*.ws-booking-table .ws-booking-day-cell,.ws-booking-table .ws-booking-day-cell ~ td{border-top-width:2px !important;}*/ .ws-booking-day-cell-day{text-align:center; font-size:90%; white-space:nowrap;} .ws-booking-day-cell-date{font-size:90%; display:block; /*padding:.1em 0 !important; margin-top:.1em !important;*/ border:none; /*border-width:1px 0 0 0 !important; white-space:nowrap;*/} .ws-booking-day-cell-date strong{display:block; font-size:270%; line-height:1em;} .ws-booking-unit{padding:0;} .ws-booking-unit a,.ws-booking-unit > div > span{text-decoration:none; text-align:center; display:inline-block; vertical-align:middle; height:100%;} .ws-booking-unit a > span,.ws-booking-unit > div > span > span{display:inline-block; font-size:75%; vertical-align:middle;} .ws-booking-unit a + a,.ws-booking-unit > div > span + span{border-width:0 0 0 1px; border-style:solid;} .ws-booking-unit .ws-booking-unit-selected + a,.ws-booking-unit .ws-booking-unit-reserved + span{border-left:none;} .ws-booking-unit-na{background-image:url("/img/bg-hatching-black-03.png"); background-position:0 0; background-repeat:repeat;} .ws-booking-legend{display:inline-block; vertical-align:middle; font-size:90%; margin:0 0 1.5em;} .ws-booking-legend span{display:inline-block; vertical-align:middle; width:2em; height:1.4em; margin-right:.5em; border-width:1px; border-style:solid;} .ws-booking-legend span:not(:first-child){margin-left:1em;} .reservation-filter-anchor{margin-top:1.5em; margin-bottom:-1em;} .reservation-filter-anchor .catalogue-subcats{margin:0;} .reservation-filter-switch{margin-top:.5em;} .reservation-filter-switch .button{text-transform:none; font-size:110%; margin-top:.5em; margin-right:.4em;} .reservation-filter-switch .button + .button{margin-left:0;} .reservation-filter-switch .image{display:inline-block; vertical-align:middle; width:1.4em; padding-bottom:1.3em; margin-right:.3em;} .reservation-filter-switch .image .img-height{vertical-align:top;} /***********************************************************************************************************************************/ /* */ /* WS SLIDER */ /* */ /***********************************************************************************************************************************/ .ws-slider{overflow:hidden;} .ws-slider,.ws-slider-slides,.ws-slider-slide{position:relative; top:0; left:0; width:100%;} .ws-slider-slides,.ws-slider-slide{position:absolute; list-style:none; padding:0; margin:0 !important;} .ws-slider:not(.mobile-ws-slider-arrange) .ws-slider-slides{height:100% !important;} .ws-slider-slide{/*position:absolute; top:0;*/ left:100%; overflow:hidden;} .ws-slider-slide.ws-slider-slide-first{left:0;} .ws-slider-slides,.ws-slider-slide,.ws-slider .stripe,.ws-slider .stripe-in, .ws-slider .stripe-text-image,.ws-slider .row,.ws-slider-slide .section-text,.ws-slider .section-image,.ws-slider .section-image-in{height:100%;} .ws-slider .section-image:not(.col-6){position:absolute;} .ws-slider-slide > .stripe{max-height:none !important;} .ws-slider-slide .section-text{padding-left:0; padding-right:0;} .ws-slider .section-image-in .image img{max-height:100%; width:auto;} .ws-slider .item-text{font-size:140%;} .ws-slider .section-text-individual *:last-child{margin-bottom:0;} /* Standard class for video in slide TODO!!!!!!!!!!!!!!!!!!! */ .ws-slider-video .ws-slider-slide > .stripe > .stripe-in,.ws-slider-video.stripe > .stripe-in{display:inline-block; width:98%; height:auto; vertical-align:bottom;} .ws-slider-video .video-bg + .valign{display:inline-block;} .ws-slider-video .stripe-text-image{margin-bottom:4em;} .ws-slider-video .section-text{width:70%;} .ws-slider-video .section-image{display:none;} .ws-video-slide .section-text-in{padding:0 !important; max-width:none !important;} /* Section fill of video - What is it? */ /*.ws-slider .stripe-video-full.stripe-space-none .stripe-in{padding-left:0; padding-right:0;} .ws-slider .stripe-video-full .row .col{padding:0; width:100%;} .ws-slider .stripe-video-full .row .col .section-text-in{padding:0;} .ws-slider .stripe-video-full .row .col .section-text-in .auto-resize{position:absolute; margin-top:-17.5%; overflow:visible;}*/ /***********************************************************************************************************************************/ /* CONTROLS */ /***********************************************************************************************************************************/ .ws-slider-controls,.ws-slider-controls-arrows{position:absolute; top:100%; left:0; /*z-index:4;*/ width:100%; height:0; margin-top:0; text-align:center;} .ws-slider-controls-arrows{top:50%; height:0; font-size:200%;} .ws-slider-controls-arrows a{display:inline-block; text-decoration:none; line-height:1.4em; width:1.4em; height:1.4em; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;} .ws-slider-controls-arrows a,.ws-slider-controls-arrows a:visited{color:white !important; background-color:black; background:rgba(0,0,0,.5);} .ws-slider-controls-arrows a.disabled{opacity:.3;} .ws-slider-controls-prev{position:absolute; top:-50%; left:.5em; margin-top:-.7em; padding-right:.05em;} .ws-slider-controls-next{position:absolute; top:-50%; right:.5em; margin-top:-.7em; padding-left:.05em;} .ws-slider-controls-numbers{position:relative; display:inline-block; bottom:3.5em; width:auto; height:2.4em;} .ws-slider-controls-numbers a{display:inline-block; text-decoration:none; width:1.4em; height:1.4em; margin:.5em .2em; overflow:hidden; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;} /* Controls visibility */ .ws-slider-hidden-controls .ws-slider-controls,.ws-slider-hidden-controls .ws-slider-controls-arrows, .ws-slider-digest-center .ws-slider-controls-arrows a.disabled{display:none; -webkit-opacity:.0; -moz-opacity:.0; opacity:0;} .ws-slider-controls-arrows-yes .ws-slider-slide .stripe-text-image{padding-left:40px; padding-right:40px;} /***********************************************************************************************************************************/ /* TIMER */ /***********************************************************************************************************************************/ .ws-slider-timmer{position:absolute; top:0; /*z-index:4;*/ background-color:white; background-color:rgba(255,255,255,.5); height:.3em;} /***********************************************************************************************************************************/ /* ANIMATIONS */ /***********************************************************************************************************************************/ /* Slide */ .ws-slider-animate-v1{-webkit-animation-timing-function:ease; animation-timing-function:ease; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards;} .ws-slider-animate-in-next-v1{left:100%; -webkit-animation-name:ws-slider-slide-in-next-v1; animation-name:ws-slider-slide-in-next-v1;} .ws-slider-animate-out-next-v1{left:0; -webkit-animation-name:ws-slider-slide-out-next-v1; animation-name:ws-slider-slide-out-next-v1;} .ws-slider-animate-in-preview-v1{left:100%; -webkit-animation-name:ws-slider-slide-in-preview-v1; animation-name:ws-slider-slide-in-preview-v1;} .ws-slider-animate-out-preview-v1{left:0; -webkit-animation-name:ws-slider-slide-out-preview-v1; animation-name:ws-slider-slide-out-preview-v1;} @-webkit-keyframes ws-slider-slide-in-next-v1{from{left:100%;}to{left:0;}} @keyframes ws-slider-slide-in-next-v1{from{left:100%;}to{left:0;}} @-webkit-keyframes ws-slider-slide-out-next-v1{from{left:0;}to{left:-100%;}} @keyframes ws-slider-slide-out-next-v1{from{left:0;}to{left:-100%;}} @-webkit-keyframes ws-slider-slide-in-preview-v1{from{left:-100%;}to{left:0;}} @keyframes ws-slider-slide-in-preview-v1{from{left:-100%;}to{left:0;}} @-webkit-keyframes ws-slider-slide-out-preview-v1{from{left:0;}to{left:100%;}} @keyframes ws-slider-slide-out-preview-v1{from{left:0;}to{left:100%;}} /* slower out slide @keyframes ws-slider-slide-in-next-v1{from{left:100%;}to{left:0; z-index:2;}} @keyframes ws-slider-slide-out-next-v1{from{left:0;}to{left:-80%;}} @keyframes ws-slider-slide-in-preview-v1{from{left:-100%;}to{left:0 z-index:2;}} @keyframes ws-slider-slide-out-preview-v1{from{left:0;}to{left:80%;}} */ /* Fade */ .ws-slider-animate-v2{-webkit-animation-timing-function:linear; animation-timing-function:linear; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards;} .ws-slider-animate-in-next-v2{left:0 !important; -webkit-opacity:.0; -moz-opacity:.0; opacity:0; z-index:2; -webkit-animation-name:ws-slider-slide-in-next-v2; animation-name:ws-slider-slide-in-next-v2;} .ws-slider-animate-out-next-v2{left:0 !important; -webkit-animation-name:ws-slider-slide-out-next-v2; animation-name:ws-slider-slide-out-next-v2;} .ws-slider-animate-in-preview-v2{left:0 !important; -webkit-opacity:.0; -moz-opacity:.0; opacity:0; z-index:2; -webkit-animation-name:ws-slider-slide-in-preview-v2; animation-name:ws-slider-slide-in-preview-v2;} .ws-slider-animate-out-preview-v2{left:0 !important; -webkit-animation-name:ws-slider-slide-out-preview-v2; animation-name:ws-slider-slide-out-preview-v2;} @-webkit-keyframes ws-slider-slide-in-next-v2{from{-webkit-opacity:.0; -moz-opacity:.0; opacity:0;}to{-webkit-opacity:1; -moz-opacity:1; opacity:1;}} @keyframes ws-slider-slide-in-next-v2{from{-webkit-opacity:.0; -moz-opacity:.0; opacity:0;}to{-webkit-opacity:1; -moz-opacity:1; opacity:1;}} @-webkit-keyframes ws-slider-slide-out-next-v2{from{-webkit-opacity:1; -moz-opacity:1; opacity:1;}to{-webkit-opacity:1; -moz-opacity:1; opacity:1;}} @keyframes ws-slider-slide-out-next-v2{from{-webkit-opacity:1; -moz-opacity:1; opacity:1;;}to{-webkit-opacity:1; -moz-opacity:1; opacity:1;}} @-webkit-keyframes ws-slider-slide-in-preview-v2{from{-webkit-opacity:.0; -moz-opacity:.0; opacity:0;}to{-webkit-opacity:1; -moz-opacity:1; opacity:1;}} @keyframes ws-slider-slide-in-preview-v2{from{-webkit-opacity:.0; -moz-opacity:.0; opacity:0;}to{-webkit-opacity:1; -moz-opacity:1; opacity:1;}} @-webkit-keyframes ws-slider-slide-out-preview-v2{from{-webkit-opacity:1; -moz-opacity:1; opacity:1;}to{-webkit-opacity:1; -moz-opacity:1; opacity:1;}} @keyframes ws-slider-slide-out-preview-v2{from{-webkit-opacity:1; -moz-opacity:1; opacity:1;}to{-webkit-opacity:1; -moz-opacity:1; opacity:1;}} /***********************************************************************************************************************************/ /* */ /* WS SLIDING DIGEST */ /* */ /***********************************************************************************************************************************/ .ws-slider-digest{position:relative;} .ws-slider-digest .row{flex-wrap:nowrap; position:relative; overflow:hidden;} .ws-slider-digest .row .col{flex-shrink:0;} .ws-slider-digest .ws-slider-controls-arrows .disabled{cursor:default;} .ws-slider-digest .ws-slider-controls-arrows a{line-height:2em; width:2em; height:2em;} .ws-slider-digest .ws-slider-controls-arrows .ws-slider-controls-prev{left:-1em;} .ws-slider-digest .ws-slider-controls-arrows .ws-slider-controls-next{right:-1em;} .ws-slider-digest.ws-slider-digest-overflow > .row > .col-12{width:calc(100% / 1.5);} .ws-slider-digest.ws-slider-digest-overflow > .row > .col-6{width:calc(100% / 2.5);} .ws-slider-digest.ws-slider-digest-overflow > .row > .col-4{width:calc(100% / 3.5);} .ws-slider-digest.ws-slider-digest-overflow > .row > .col-3{width:calc(100% / 4.5);} .ws-slider-digest.ws-slider-digest-overflow > .row > .col-1-5{width:calc(100% / 5.5);} .ws-slider-digest.ws-slider-digest-overflow > .row > .col-2{width:calc(100% / 6.5);} .ws-slider-digest.ws-slider-digest-overflow > .row > .col-1-7{width:calc(100% / 7.5);} .ws-slider-digest.ws-slider-digest-overflow > .row > .col-1-8{width:calc(100% / 8.5);} .ws-slider-digest.ws-slider-digest-overflow > .row > .col-1-9{width:calc(100% / 9.5);} .ws-slider-digest.ws-slider-digest-overflow > .row > .col-1-10{width:calc(100% / 10.5);} .ws-slider-digest.ws-slider-digest-overflow > .row > .col-1-11{width:calc(100% / 11.5);} .ws-slider-digest.ws-slider-digest-overflow > .row > .col-1{width:calc(100% / 12.5);} /***********************************************************************************************************************************/ /* */ /* COOKIE */ /* */ /***********************************************************************************************************************************/ #cookie-info{font-size:85%; height:3.3em;} #cookie-info-in{position:fixed; bottom:0; left:0; /*z-index:1000;*/ width:100%; margin:0; box-shadow:0 0 15px rgba(0,0,0,0.15);} .cookie-info-text{padding:.6em 20px;} .cookie-info-text > *{display:inline-block; text-align:left; vertical-align:middle; padding:.4em 0; margin:0;} .cookie-info-text-in > *{margin:.5em 0;} #cookie-info a:not(.button){color:inherit;} #cookie-info .button{text-transform:none; margin-left:.8em; padding-top:.3em; padding-bottom:.3em;} .cookie-info-close{display:inline-block; text-align:center; line-height:1.3em; width:1.5em; height:1.3em; margin-left:.3em; padding-bottom:.2em; text-decoration:none; color:white; background-color:gray; overflow:visible !important;} .cookie-info-dialog .form{margin:0;} .cookie-info-dialog .form-part{padding-top:20px !important;} .cookie-info-dialog .form-head{padding-top:0 !important;} .cookie-info-dialog .item{margin-bottom:20px;} .cookie-info-dialog .item p{margin:0 0 .5em !important;} .cookie-info-dialog .form-foot > *:last-child,.cookie-info-dialog .item .col,.cookie-info-dialog label p:last-child{margin-bottom:0 !important;} .cookie-info-dialog .form{padding-bottom:calc(2.3em + 20px);} .cookie-info-dialog .form-foot{position:absolute; bottom:0; left:0; width:100%; z-index:2; padding:15px 0;} .cookie-info-dialog .form-foot::after{content:""; position:absolute; top:0; left:0; width:100%; height:100%; opacity:.7; z-index:1;} .cookie-info-dialog .form-foot button{position:relative; padding:.5em 1.4em !important; z-index:2;} /* Window version */ .cookie-info-dialog-v2 .form-part:not(.form-foot),.design-minimal .cookie-info-dialog-v2 .form-part:not(.form-foot):not(.filter-button-confirm){padding:0 !important; border:none; position:relative; z-index:1;} .cookie-info-dialog-v2 .form-part > .boxed,.design-minimal .cookie-info-dialog-v2 .form-part > .boxed{padding:20px !important; margin:0; border-width:1px;} .cookie-info-dialog-v2 .form-part + .form-part{margin-top:-1px;} .cookie-info-dialog-v2 .tab-switch,.cookie-info-dialog-v2 .toogle-switch, .cookie-info-dialog-v2 .cookie-info-allways-set{position:absolute; top:20px; right:20px; z-index:2; margin-top:-.5em;} .cookie-info-dialog-v2 .ws-pack-item-header.boxed{padding-right:55%; margin:-20px -20px -20px -20px;} .cookie-info-dialog-v2 .ws-pack-item-header.boxed + .ws-pack-item-content{margin-top:20px;} .cookie-info-dialog-v2 h4{font-size:100%; color:inherit !important; margin:0;} .cookie-info-dialog-v2 .ws-pack-item-content{padding-top:15px;} .checked-off[type="radio"]:checked + label{color:white; background-color:#808080;} .checked-on[type="radio"]:checked + label{color:white; background-color:#38a20f;} /***********************************************************************************************************************************/ /* */ /* WS DIALOG */ /* */ /***********************************************************************************************************************************/ .ws-dialog-container{display:flex; justify-content:center; align-items:center; position:fixed; top:0; left:0; width:100%; height:100%; vertical-align:middle; animation:showresult .2s;} .ws-dialog-window{display:flex; flex-direction:column; position:relative; text-align:left; width:auto; max-width:calc(100% - 30px); max-height:calc(100% - 30px); /*z-index:10000;*/} .ws-dialog-window-in{flex-grow:1; display:flex; flex-direction:column; min-height:0;} .ws-dialog-window-main-content{height:100%;} .ws-dialog-window-main-content{flex-grow:1; overflow:auto;} .ws-dialog-full-screen,.ws-dialog-narrow{position:fixed; top:20px !important; left:20px !important; width:calc(100% - 40px) !important; height:calc(100% - 40px) !important;} .ws-dialog-container-side .ws-dialog-head{position:relative;} .ws-dialog-container-side.ws-dialog-container,.ws-dialog-container-side .ws-dialog-container{align-items:stretch; justify-content:flex-end;} .ws-dialog-container-side .ws-dialog-window{width:35em; max-width:100%; max-height:100%;} .ws-dialog-container-side .ws-dialog-window-close{top:50%; right:10px; transform:translateY(-50%);} /*.ws-dialog-head .message *{text-transform:none;}*/ /*.ws-dialog-head > *:last-child{margin-bottom:0;}*/ /*.ws-dialog-head-message .ws-dialog-head{padding:0;}*/ .ws-dialog-head *{text-transform:none;} .ws-dialog-head .message,.ws-dialog-title-heading *{margin:0;} .ws-dialog-head h2{line-height:1em;} .ws-dialog-head .message{-webkit-border-radius:0; -moz-border-radius:0; border-radius:0; -webkit-animation:showresult 1s; animation:showresult 1s;} .ws-dialog-title-heading{position:relative; width:100%; padding:1.2em 20px; margin:0;} .ws-dialog-window-close + .ws-dialog-title .ws-dialog-title-heading{padding-right:3em;} .ws-dialog-title-heading h2{color:inherit;} .ws-dialog-head-simple .ws-dialog-title-heading{font-size:120%; padding-top:15px; padding-bottom:10px; background-color:transparent;} .ws-dialog-window-close{position:absolute; top:0; right:0; /*z-index:2;*/ padding:.4em .65em; -webkit-border-radius:0 !important; -moz-border-radius:0 !important; border-radius:0 !important;} .ws-dialog-window-close.button-soft{background-color:transparent; border:none;} .ws-dialog-window-content-boxed .ws-dialog-window-content,.ws-dialog-window-buttons{padding:20px;} .ws-dialog-window-content-boxed .ws-dialog-window-content .ws-dialog-window-content-in{margin-left:-20px; margin-right:-20px;} .ws-dialog-window-content-boxed .ws-dialog-window-content .ws-dialog-window-content-in:last-child{margin-bottom:-20px;} .ws-dialog-window-content .ws-dialog-window-buttons{padding-left:0; padding-right:0; margin-top:1.5em;} .ws-dialog-window-content > *:first-child{margin-top:0;} .ws-dialog-window-buttons-flex{display:flex; gap:1em; align-items:center; justify-content:space-around;} .ws-dialog-window-buttons-flex button + button,ws-dialog-window-buttons-flex .button + .button{margin-left:0;} .over-page-layer{position:fixed; top:0; left:-100%; /*z-index:1;*/ width:100%; height:100000px; background:rgba(0,0,0,.6);} .ws-dialog-container .over-page-layer{left:0; /*z-index:100;*/} .ws-dialog-1200{width:1200px;} .ws-dialog-900{width:900px;} .ws-dialog-800{width:800px;} .ws-dialog-700{width:700px;} .ws-dialog-600{width:600px;} .ws-dialog-500{width:500px;} .ws-dialog-400{width:400px;} .ws-dialog-300{width:300px;} .ws-dialog-200{width:200px;} /***********************************************************************************************************************************/ /* BASKET */ /***********************************************************************************************************************************/ .ws-dialog-window-basket .catalogue .item-heading{height:auto; margin-top:0;} .ws-dialog-window-basket .catalogue-price{margin:.3em 0 0;} .basket-added-basket-info{text-align:right; margin-bottom:.8em;} .ws-dialog-window-basket .catalogue-shipping-info{margin-top:1.5em;} .ws-dialog-window-basket .catalogue-shipping-info ~ .ws-dialog-window-buttons{border:none; padding:0; margin:0;} .ws-dialog-window-buttons{border-top:1px solid #dddddd;} .ws-dialog-window-buttons p{margin:0;} .ws-dialog-window-buttons > .button{margin:0;} .ws-dialog-window-buttons > .button.order-back{font-size:100%;} .ws-dialog-window-basket-item > *{display:inline-block; vertical-align:middle;} .ws-dialog-window-basket-item .item-heading{font-size:120%;} .ws-dialog-window-basket-item-image{width:120px; margin-right:20px;} .ws-dialog-window-basket-item .item-content-text{width:calc(100% - 140px);} .ws-dialog-catalogue-detail-quantity-prices{margin-bottom:1em;} .ws-dialog-catalogue-detail-quantity-prices.boxed{padding:15px;} .ws-dialog-catalogue-detail-quantity-prices th{padding-bottom:0; font-size:100%;} .ws-dialog-catalogue-detail-quantity-prices td{font-size:90%;} .ws-dialog-window-basket-item-recommended{margin-top:20px;} .ws-dialog-window-basket-item-recommended + .ws-dialog-window-basket-item-recommended{margin-top:0;} .ws-dialog-window-basket-item-recommended .catalogue > .row{margin-left:-5px; margin-right:-5px;} .ws-dialog-window-basket-item-recommended .catalogue > .row > .col{padding-left:5px; padding-right:5px; margin-bottom:10px;} .ws-dialog-window-basket-item-recommended .element-heading{font-size:120%; margin-top:0; text-transform:none; color:inherit;} .ws-dialog-window-basket-item-recommended .item{font-size:90%;} .ws-dialog-window-basket-item-recommended .item .catalogue-preview-info{display:none;} .ws-dialog-window-basket-item-recommended .items-boxed-text .item .item-content-text{padding-top:10px;} .ws-dialog-window-product-variants .item-heading{font-size:150%; text-transform:none;} .ws-dialog-window-product-variants .item-heading a{text-decoration:none; color:inherit;} .ws-dialog-window-product-variants .catalogue-price-stock{margin:1em 0;} /* Layer with items */ .ws-dialog-window-basket-items .element-cart-content{width:100%; max-height:none;} .ws-dialog-window-basket-items .element-cart-price-sum .button{text-align:center; width:100%; margin-top:.6em;} .ws-dialog-window-basket-items .ws-dialog-window-content{height:100%;} .ws-dialog-window-basket-items #side-basket-container{display:flex; flex-direction:column; height:100%;} .ws-dialog-window-basket-items .element-cart-content{flex:1; width:100%; max-height:none;} .ws-dialog-window-basket-items .element-cart-content .item{display:flex; align-items:flex-start; width:100%; padding-left:20px; padding-right:20px;} .ws-dialog-window-basket-items .element-cart-content .item .image{margin-right:20px;} .ws-dialog-window-basket-items .element-cart-content .item .item-content-text{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; width:100%; flex:1;} .ws-dialog-window-basket-items .element-cart-content .item .item-heading{width:100%; padding-right:2em; margin-bottom:.5em;} .ws-dialog-window-basket-items .element-cart-content .item .item-icon-delete{top:15px; -ms-transform:translateY(0); -webkit-transform:translateY(0); transform:translateY(0);} .ws-dialog-window-basket-items .element-cart-content .item.item-cart-gift .item-icon-delete{top:0;} .ws-dialog-window-basket-items .element-cart-price-sum{border-width:1px 0 0 0;} .ws-dialog-window-basket-items .element-cart-content .col-basket-delivery-price{width:100%;} .ws-dialog-window-basket-items .element-cart-content .catalogue-shipping-info{font-size:90%;} .ws-dialog-window-basket-items .element-cart-content .catalogue-shipping-info .message-in{padding-top:10px; padding-bottom:10px;} .ws-dialog-window-basket-items .element-cart-content .catalogue-shipping-info .message-in p{display:flex; gap:.2em .5em; align-items:center;} .ws-dialog-window-basket-items .element-cart-content .catalogue-shipping-info .message-in p > *{margin:0;} .ws-dialog-window-basket-items .element-cart-content .catalogue-shipping-info .message-in svg{font-size:1.3em;} .ws-dialog-window-basket-items .element-cart-content .catalogue-shipping-info .strip-box,.ws-dialog-window-basket-items .element-cart-content .catalogue-shipping-info .strip{border-radius:100em; height:.5em;} .ws-dialog-window-basket-items .input-number-group{font-size:90%;} .input-number-group-v2 .ws-dialog-window-basket-items .input-number-group input{height:2.3em; padding-left:2.6em; padding-right:2.6em; border-width:0;} .input-number-group-v2 .ws-dialog-window-basket-items .input-number-group a{right:0;} .input-number-group-v2 .ws-dialog-window-basket-items .input-number-group a.input-number-dec,.input-number-group-v2 .ws-dialog-window-basket-items .input-number-group a.input-number-dec-disabled{left:0;} /***********************************************************************************************************************************/ /* LOGIN */ /***********************************************************************************************************************************/ .ws-dialog-window-login{width:550px;} .ws-dialog-window-login .form-heading{font-size:180%; text-align:center; color:inherit;} .ws-dialog-window-login .login-form > .message{margin:0;} .ws-dialog-window-login .login-form{max-width:none;} .ws-dialog-window-login .ws-dialog-window-content{padding:0;} .ws-dialog-window-login .form{margin:0; background-color:transparent; border:0;} .ws-dialog-window-login .form-head + .form-part > .row > .col:first-child .item{margin-bottom:1em;} .ws-dialog-window-login .form-foot .item{margin-bottom:0;} .ws-dialog-window-login .form-part{padding:50px 50px !important;} .ws-dialog-window-login .form-part:not(.form-head):not(.form-foot){padding-top:0 !important; padding-bottom:0 !important;} .ws-dialog-window-login .form-head,.ws-dialog-window-login .login-form-foot{padding-bottom:0 !important;} .ws-dialog-window-login .form-foot{padding-top:0 !important;} .ws-dialog-window-login .login-form-foot .item{margin:1.5em 0;} /***********************************************************************************************************************************/ /* WATCHDOG */ /***********************************************************************************************************************************/ .ws-dialog-window-watchdog .item-heading{font-size:120%; text-transform:none;} .ws-dialog-window-watchdog .form{margin:0;} .ws-dialog-window-watchdog .item-heading + .item{margin-bottom:.4em;} .ws-dialog-window-watchdog .field-inline input,.ws-dialog-window-watchdog .field-inline select{padding-top:0; padding-bottom:0; height:2.2em;} .ws-dialog-window-watchdog .form-foot > .item:last-child{margin-bottom:0 !important;} .ws-dialog-window-watchdog button{font-size:100%;} /***********************************************************************************************************************************/ /* ILAYER */ /***********************************************************************************************************************************/ .ws-dialog-window-ilayer-image{margin-left:15px; margin-right:15px;} .ws-ilayer-image{display:block; max-height:100%;} /*=================================================================================================================================*/ /*=================================================================================================================================*/ /* */ /* ELEMENT */ /* */ /*=================================================================================================================================*/ /*=================================================================================================================================*/ .element,.element-content{position:relative;} .in-row .element{display:inline-block;} .in-row .element ~ .element,#top-bar .element ~ .element{margin-left:1em;} .element-heading:empty,.element-heading-hidden .element-heading{display:none;} /* Element in sidebar */ .sidebar .element{padding:1em 20px; border-width:1px; border-style:solid;/*overflow:hidden;*/} .sidebar .element + .element{margin-top:1em;} .sidebar .element-heading{font-size:110%; margin-top:0;} .sidebar .element.element-no-boxed{padding:0; background:none; border:none;} .sidebar .element-social-widget{overflow:hidden;} .sidebar .element .item-heading{font-size:100%;} .sidebar .element .form{margin:0;} .sidebar .element .form-border{margin:-1em -20px; border:none;} .sidebar .form-heading{font-size:110%; margin-top:0;} .col > .element:first-child .form,.col .editing_editable:first-child > .element .form{margin-top:0;} .col > .element:last-child .form,.col .editing_editable:nth-last-of-type(2) > .element .form{margin-bottom:0;} .sidebar .element-content iframe{display:block; width:100%; margin:0;} #special-element-mobile-nav-1,#special-element-mobile-nav-2{display:none;} .special-element-side{position:fixed; top:0; right:100%; /*z-index:1000;*/ width:auto; height:100%; padding:15% 0;} #special-element-side-2.special-element-side{right:auto; left:100%;} .special-element-side .special-element-in{position:relative; right:-100%; display:inline-block; vertical-align:bottom; text-align:right;} #special-element-side-2.special-element-side .special-element-in{right:auto; left:-100%;} .special-element-side .element{/*display:inline-block;*/ text-align:left;} /*.special-element-side-bottom .special-element-in{vertical-align:bottom;}*/ /***********************************************************************************************************************************/ /* */ /* CALL TO ACTION */ /* */ /***********************************************************************************************************************************/ .element-cta{font-size:140%;} .element-cta .icon{vertical-align:middle; font-size:150%;} .element-cta .icon::before{top:-.1em;} /***********************************************************************************************************************************/ /* */ /* PEREX */ /* */ /***********************************************************************************************************************************/ .perex{font-size:120%; font-style:italic; padding:0 0 1.5em; /*margin-bottom:1.5em;*/} .perex-image{position:relative; top:0; left:0; text-transform:uppercase; padding:1.5em 300px 1.8em 1.5em; margin:1.5em 0 2em;} .perex-image h2{font-size:180%; font-weight:inherit; margin:0;} .perex-image p{font-size:120%; margin:0;} .perex-image img{position:absolute; bottom:-1em; right:1em; height:145px; width:auto;} /***********************************************************************************************************************************/ /* */ /* USER LOGIN / LOGGED */ /* */ /***********************************************************************************************************************************/ .element-login-expand{position:relative;} .element-login-expand a{text-decoration:none;} .element-login-expand .head-icon-image > span{position:relative; top:-.1em; font-size:70%; display:inline-block; text-align:center; vertical-align:middle; line-height:2em; width:2em; height:2em; word-spacing:-.3em;} .element-login-expand li a{padding-left:10px !important;} .element-login-expand li .icon-svg{width:1.8em; max-width:1.8em;} /*.element-code a{text-decoration:none;} .element-code a.icon::before{font-size:140%; line-height:calc(1.8em * 0.892857); height:calc(1.8em * 0.892857);} .element-code .number-info{top:calc(-.8em * 1.12);}*/ .element-code .more{margin-left:.5em;} /***********************************************************************************************************************************/ /* */ /* CALLBACK */ /* */ /***********************************************************************************************************************************/ .special-element-side .element-callback{width:300px;} .special-element-side .ws-pinbox-content .element-callback{width:100%;} /***********************************************************************************************************************************/ /* */ /* LANG */ /* */ /***********************************************************************************************************************************/ .element-lang a{display:inline-block; vertical-align:middle;} .element-lang a img,.element-lang-selected img{float:left; max-width:1.8em; max-height:1.4em; position:relative; top:-.1em; vertical-align:middle; border-width:1px; border-style:solid;} /*.element-lang-unpack a{}*/ /*.element-lang-unpack a,.element-lang-selected{display:block;}*/ .element-lang-unpack a img,.element-lang-selected img{float:none;} .element-lang-unpack a img{margin-right:.3em;} .element-lang-unpack .ws-pack-item-content li a{display:block;} /***********************************************************************************************************************************/ /* */ /* MOBILE CALLBACK */ /* */ /***********************************************************************************************************************************/ #mobile-callback-box{display:none;} #mobile-callback-box label{padding-right:0;} /***********************************************************************************************************************************/ /* */ /* ARTICLE */ /* */ /***********************************************************************************************************************************/ .sidebar .element-article .item .col{width:100%;} .sidebar .element-article .image{margin-bottom:.6em;} .sidebar .element-article .item-heading{font-weight:inherit;} .sidebar .element-article .item-info p{margin:.6em 0;} .sidebar .element-article .article.items-border .item + .item{padding-top:1.5em; margin-top:1.5em;} /***********************************************************************************************************************************/ /* */ /* NEW */ /* */ /***********************************************************************************************************************************/ /*.element-new*/ /***********************************************************************************************************************************/ /* */ /* NEWSLETTER */ /* */ /***********************************************************************************************************************************/ .element-directmail .form-foot .item,.newsletter-form .form-foot .item{display:inline-block; vertical-align:top;} .element-directmail .form-foot .item:not(.item-hidden) + .item,.newsletter-form .form-foot .item:not(.item-hidden) + .item{margin-left:.5em;} .element-directmail .form-part:not(.form-head):not(form-foot) > .row > .col:first-child > .item, .newsletter-form .form-part:not(.form-head):not(form-foot) > .row > .col:first-child > .item{margin-bottom:1.4em;} /* Horizontal version */ .element-directmail-horizontal .form-heading{font-size:180%; margin-bottom:0;} .element-directmail-horizontal .label{display:none;} .element-directmail-horizontal .form-part:not(.form-head){padding-top:.5em;} .element-directmail-horizontal .form-part{float:left; width:33.333333%;} .element-directmail-horizontal .form-part + .form-part{padding-left:20px;} .element-directmail-horizontal .form-foot .item{margin-bottom:0;} .element-directmail-horizontal .field-checkbox{margin-bottom:0 !important;} .element-directmail-horizontal button,.element-directmail-horizontal .button{font-size:100% !important; height:2.6em; line-height:inherit;} .element-directmail-login-only .field{max-width:450px;} .c .element-directmail-login-only .field,div[style*="center"] .element-directmail-login-only .field{margin:0 auto;} /* Newsletter page form */ .newsletter-form{max-width:550px; margin:0 auto;} /***********************************************************************************************************************************/ /* */ /* CONTACT */ /* */ /***********************************************************************************************************************************/ .element-contact-icon{display:none;} .element-contact-content > span{display:inline-block;} .element-contact-content > span .icon-svg{margin-right:.35em;} #top-bar .element-contact-content > span + span{padding-left:.5em; margin-left:.5em; border-width:0 0 0 1px; border-style:solid;} /***********************************************************************************************************************************/ /* */ /* INQUIRY */ /* */ /***********************************************************************************************************************************/ /*.element-inquiry .inquiry{padding:0; margin:0; border:none;}*/ /***********************************************************************************************************************************/ /* */ /* VIDEO DRAFT */ /* */ /***********************************************************************************************************************************/ .element-video{position:static;} /*.element-video.stripe-image-full .row .col{padding:0; width:100%;} .element-video.stripe-image-full .row .col .section-text-in{padding:0;} .element-video.stripe-image-full .row .col .section-text-in .auto-resize{position:absolute; top:50%; height:200em; margin-top:0;} .element-video.stripe-image-full .row .col .section-text-in .auto-resize-in{top:0; height:56.25%; margin-top:-28%; border:1px solid red;}*/ /***********************************************************************************************************************************/ /* */ /* CETALOGUE NEW */ /* */ /***********************************************************************************************************************************/ /*.element-news-catalogue{}*/ .element-news-catalogue .item + .item{margin-top:1.5em;} .element-news-catalogue .image{width:60px; padding-bottom:60px; margin:0; float:left;} .element-news-catalogue h3,.element-news-catalogue p{margin:0 0 0 70px;} .element-news-catalogue p{margin-top:1em;} /***********************************************************************************************************************************/ /* */ /* FACEBOOK */ /* */ /***********************************************************************************************************************************/ /*.element-facebook{}*/ .element-facebook .facebook{background-color:white; overflow:hidden;} /***********************************************************************************************************************************/ /* */ /* SHARE */ /* */ /**********************************************************************************************************************************/ /*.element-social{}*/ .element-social .element-content,.element-social .element-content > *{vertical-align:middle;} .element-social .social-icon{text-decoration:none;} .element-social .social-icon + .social-icon{margin-left:.3em;} .element-social social-icon:hover::before{color:inherit;} .social-icon-transparent .social-icon{background:none !important; border-width:1px; border-style:solid; border-color:rgba(255,255,255,.2);} .social-icon-big .social-icon{font-size:160%; line-height:2.1em; width:2.1em; height:2.1em;} .social-icon-big.social-icon-transparent .social-icon{width:calc(2.1em + 2px); height:calc(2.1em + 2px);} .social-icon-big .social-icon + .social-icon{margin-left:.5em;} .special-element-side .element-social{padding-right:1em;} .special-element-side .element-social .social-icon{font-size:150%; margin-left:0;} .special-element-side .element-social .social-icon + .social-icon{margin-top:.3em;} .social-icon{position:relative; font-size:100%; display:inline-block; text-align:center; line-height:1.6em; width:1.6em; height:1.6em; color:white !important; background-color:#4c4c4c;} .social-icon::before{z-index:2; font-size:90%;} .social-icon.icon-pinterest::before,.social-icon.icon-instagram::before{top:-.02em;} .social-icon.icon-facebook,.social-icon.social-icon-facebook{background-color:#3b5999;} .social-icon.icon-android,.social-icon.social-icon-android{background-color:#a5c63b;} .social-icon.icon-apple,.social-icon.social-icon-apple{background-color:#96aac5;} .social-icon.icon-card-visa,.social-icon.social-icon-card-visa{background-color:#103794;} .social-icon.icon-envelope,.social-icon.social-icon-envelope{background-color:#8e8e8e;} .social-icon.icon-flickr,.social-icon.social-icon-flickr{background-color:#ff0086;} .social-icon.icon-google-plus,.social-icon.social-icon-google-plus{background-color:#d84938;} .social-icon.icon-instagram,.social-icon.social-icon-instagram{background-color:#d6249f; background:linear-gradient(45deg, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);} .social-icon.icon-linkedin,.social-icon.social-icon-linkedin{background-color:#0082ca;} .social-icon.icon-rss,.social-icon.social-icon-rss{background-color:#fd8b06;} .social-icon.icon-skype,.social-icon.social-icon-skype{background-color:#24b4f0;} .social-icon.icon-twitter,.social-icon.social-icon-twitter{background-color:#29c5f6;} .social-icon.icon-youtube,.social-icon.social-icon-youtube{background-color:#de332c;} .social-icon.icon-pinterest,.social-icon.social-icon-pinterest{background-color:#e60023;} .social-icon svg{position:relative; z-index:2; vertical-align:-.2em;} .social-icon::after{content:""; position:absolute; top:0; left:0; z-index:1; display:block; width:100%; height:100%;} .social-icon-color .social-icon:hover::after{display:none;} .element-ws-share .element-social{margin-top:0 !important; margin-bottom:.5em;} /***********************************************************************************************************************************/ /* */ /* TAG */ /* */ /***********************************************************************************************************************************/ /*.tags-container{border:1px solid red;}*/ .tags-container-in{display:flex !important; flex-wrap:wrap; gap:.3em;} .tags-container-in > *{margin:0 !important;} .tags-container.catalogue-stickers-c > .tags-container-in{justify-content:center;} /*.tags{}*/ .tags ul,#content .tags ul{list-style:none; padding:0; margin:0;} .tags li,#content .tags li{display:inline-block; padding:0; margin:0; background:none;} .tag,.client-section-info button,.client-section-info .button,.tag-filter > *,.tag-filter-result a.icon-close{display:inline-block; padding:.2em .6em; text-decoration:none;} .tag,.client-section-info button,.client-section-info .button{margin:0 .2em .4em 0; } .tag/*,.filters-reset-all*/{border-width:1px; border-style:solid;} .tag:last-child/*,.filters-reset-all*/{margin-right:0;} .tag > img{height:1.3em; width:auto; vertical-align:middle; margin-right:.3em;} .tag > img:last-child{margin-right:0;} .title-tag-image,.title-tag-image .image{vertical-align:top;} .title-tag-image .image,.title-tag-image .image-in{line-height:0;} .title-tag-image .image{width:1.3em; padding-bottom:1.3em;} .tag-category-content{border-width:0 0 1px 0; border-style:solid;} /* element tag */ .item-info .element-tag,.item-info .element-tag a{display:inline-block;} /* tags in catalogue */ .catalogue-detail-stripe-tags .element-tag .item-text{text-align:center;} .catalogue-detail-stripe-tags .element-tag .image + .item-text{margin-top:.5em;} /* tags catalogue - filter results */ .tag-filter{padding:0;} /*.tag-filter > *{} .tag-filter-title{} .tag-filter-result{}*/ .tag-filter-result{font-weight:400;} .tag-filter-result + .tag-filter-result{border-width:0 0 0 1px; border-style:solid;} .tag-filter-result a.icon-close{padding-left:.2em; margin:-.4em -.6em -.4em -.1em; text-align:center; opacity:.5;} /*.tag-filter-result a.icon-close:hover{opacity:1;}*/ /***********************************************************************************************************************************/ /* */ /* ADVERT */ /* */ /***********************************************************************************************************************************/ .special-element-advert{text-align:center;} .special-element-advert img{vertical-align:bottom;} .element-advert{padding-bottom:1.5em;} #special-element-advert-slide{position:absolute; top:0; /*z-index:1;*/ right:-21px; width:1px;} /*#special-alement-advert-slide .advert-in{position:absolute; top:0; left:0;}*/ /*.sidebar-in .box.element-advert.sidebar .element.element-advert{padding:0; background:none; border:none;}*/ /* DRAFT - Advert - Branding full page */ /*.layout-boxed #main{padding-top:0;} .layout-boxed #main-in{max-width:980px;} #advert-top .element-advert, #advert-bottom .element-advert{padding-bottom:0;} #special-element-foot-2{position:absolute; top:0; left:0; z-index:1;} #special-element-foot-2,.ad-fullpage,.ad-fullpage div,.ad-fullpage a{display:block; width:100%; height:100%;} .ad-fullpage a{background:url("") 50% 0 no-repeat;}*/ /***********************************************************************************************************************************/ /* */ /* BASKET */ /* */ /***********************************************************************************************************************************/ /*.element-cart{}*/ .element-cart a{text-decoration:none;} .element-cart-expand .ws-pack-item-header::before,.element-cart-expand .ws-pack-item-header::after{display:none !important;} .element-cart-expand .ws-pack-item-content.boxed{padding:0;} .element-cart-content{width:450px; max-height:400px; overflow:auto; text-align:left;} .element-cart-content .item{position:relative; padding:15px; border-width:1px 0 0; border-style:solid;} .element-cart-content .item:first-child{border-top-width:0;} .element-cart-content .item > *{display:inline-block; vertical-align:middle;} .element-cart-content .item .image,.element-cart-content .item .image-spare-width{width:60px; padding-bottom:60px; margin:0 10px 0 0;} .element-cart-content .item .image-spare{padding-bottom:0;} .element-cart-content .image .icon::before{font-size:100%;} .element-cart-content .item .item-content-text{width:calc(100% - 120px);} .element-cart-content .item .item-content-text .icon:not(.icon-gift)::before{margin-right:.3em !important;} .element-cart-content .item .item-heading{font-size:100%; font-weight:inherit; text-transform:none; margin:0 0 .2em; color:inherit !important;} .element-cart-content .item .item-heading a{text-decoration:none; color:inherit !important;} /*.element-cart-content .item .item-price{font-size:80%;}*/ .element-cart-content .item .item-icon-delete{position:absolute; top:50%; right:15px; font-size:110%; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%);} .element-cart-expand .element-cart-price-sum.boxed{margin-top:0; padding:15px !important; border-width:1px 0 0;} .element-cart-expand .element-cart-price-sum .basket-sum-total-with-vat{font-size:110%; margin-top:.5em !important;} .element-cart-expand .element-cart-price-sum .order-next{font-size:100%;} #responsive-controls-buttons .element-cart-expand .ws-pack-item-content{right:0;} #responsive-controls-buttons .element-cart-expand .element-cart-price-sum .icon::before{display:none;} /* Gift */ .element-cart-content .item-cart-gift:not(.item-cart-gift-all-basket){padding-top:0; padding-bottom:8px; border:none;} .element-cart-content .item-cart-gift:not(.item-cart-gift-all-basket) .image{width:30px; padding-bottom:30px; margin-left:30px; vertical-align:top;} .element-cart-content .item-cart-gift .catalogue-gift-icon{position:absolute; top:0; left:25px;} .element-cart-content .item-cart-gift-all-basket .catalogue-gift-icon{top:10px; left:10px;} /*.element-cart-content::-webkit-scrollbar{-webkit-appearance:none; width:7px;} .element-cart-content::-webkit-scrollbar-thumb{border-radius:4px; background-color:rgba(0,0,0,.5);}*/ /***********************************************************************************************************************************/ /* */ /* WS PACK / UNPACS */ /* */ /***********************************************************************************************************************************/ /*.ws-pack-main{} .ws-pack-item{}*/ .ws-pack-item-header{position:relative; text-align:left; cursor:pointer;} .ws-pack-item-content{position:relative; /*z-index:2;*/ /*padding:1px 0;*/ margin:0; overflow:hidden;} /*.ws-pack{} .ws-unpack{}*/ /*.ws-pack-item-header.icon{padding-right:40px;}*/ .ws-pack-item-header.icon::after,.ws-pack-item-header .icon{display:inline-block; /*position:absolute; top:50%; right:20px; margin-top:-.7em;*/} .ws-unpack > .ws-pack-item-header.icon::after,.ws-unpack > .ws-pack-item-header .icon:not(.head-icon):not(.icon-check), .ws-pack-icons-svg .ws-unpack > .ws-pack-item-header .ws-pack-icon-pack{-ms-transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); transform:rotate(180deg);} .ws-pack-icons-r .ws-pack-icon-pack{position:absolute; right:0; top:50%; margin-top:-0.5em;} .ws-pack-icons-r .ws-pack-item-header{padding-right:2em;} .ws-pack-main .ws-pack-item-header.boxed + .ws-pack-item-content{margin-top:-1px;} .ws-pack-item-header.boxed + .ws-pack-item-content .nav-default a{padding-left:20px; padding-right:20px;} .ws-pack-absolute{position:relative; top:0; left:0;} .ws-pack-absolute .ws-pack-item-content,#top-bar .ws-pack-item-content,.head-elements .ws-pack-item-content{position:absolute; left:0; top:100%;} .ws-pack-absolute-r .ws-pack-item-content,#top-bar .col-flex.r .ws-pack-item-content,.head-elements .ws-pack-item-content{left:auto; right:0;} .ws-pack-absolute-full .ws-pack-item-content{width:100%;} .ws-pack-open .ws-pack-item-header{cursor:default;} .ws-pack-open .ws-pack-item-header.icon::after,.ws-pack-open .ws-pack-item-header .icon{display:none;} .ws-pack-open .ws-pack-item-content{position:relative;} .ws-pack-open .item{vertical-align:top;} /*.ws-pack-auto{}*/ /* JS set auto hide if you click on another ws-pack or out of this ws-pack */ /***********************************************************************************************************************************/ /* */ /* WS PINBOX */ /* */ /***********************************************************************************************************************************/ .ws-pinbox{position:relative; text-align:left; width:0; transition:300ms;} #special-element-side-1 .ws-pinbox{left:0;} #special-element-side-2 .ws-pinbox{right:0;} #special-element-side-1 .ws-pinbox-tab{left:100%; border-top-left-radius:0; border-bottom-left-radius:0;} #special-element-side-2 .ws-pinbox-tab{right:100%; border-top-right-radius:0; border-bottom-right-radius:0;} .ws-pinbox-tab{position:absolute; font-size:90%;} .ws-pinbox-tab p{margin:0;} .ws-pinbox-content{position:relative; z-index:2;} #special-element-side-1 .ws-pinbox:hover{left:300px;} #special-element-side-2 .ws-pinbox:hover{right:300px;} .ws-pinbox-content{width:300px;} /***********************************************************************************************************************************/ /* */ /* WS F.A.Q */ /* */ /***********************************************************************************************************************************/ .ws-faq{position:relative; top:-1em;} .ws-faq-questions,.ws-faq-answer-category{padding:1em 0;} .ws-faq-questions{position:absolute; width:350px;} .ws-faq-answers{margin-left:370px;} .ws-faq-questions h3{font-size:110%;} .ws-faq-questions ul{margin:0;} .ws-faq-questions > *:first-child,.ws-faq-answer-category > *:first-child{margin-top:0;} .ws-faq-answer-category{margin-bottom:1em; border-width:0 0 1px 0; border-style:solid;} .ws-faq-answer-category > *{padding:20px;} .ws-faq-answer-category > h2{font-weight:600; padding-top:0; padding-bottom:0;} .ws-faq-answer > *:first-child{margin-top:0;} .ws-faq-answer > *:last-child{margin-bottom:0;} .ws-faq-answer.boxed:not(.jump-to-highlight-on){border-color:transparent; background-color:transparent;} .ws-faq-answer.boxed:not(.jump-to-highlight-on) > h3{color:inherit;} /***********************************************************************************************************************************/ /* */ /* CALENDAR */ /* */ /***********************************************************************************************************************************/ /*.calendar{} .indices{}*/ .indices p{padding:5px 0; margin:0;} .index-month{float:right;} .index-day{float:left;} .calendar table{clear:both;} .calendar th,.calendar td{text-align:center;} .calendar td{padding:0;} .calendar .cell{display:block; position:relative; padding:2px;} /*.calendar .cell:hover{}*/ .event-count{position:absolute; top:0; left:50%; font-size:80%; margin-left:8px; font-weight:normal;} /*.saturday{} .sunday{}*/ /*.outta-range{}*/ /* days not in actual month */ .today{font-weight:700;} /***********************************************************************************************************************************/ /* */ /* WS HELP */ /* */ /***********************************************************************************************************************************/ .ws-help-screen{width:100%; padding:2em; margin:2em 0; background:#fafafa;} .ws-help-screen-in{position:relative; top:0; left:0; text-align:center; width:100%;} .ws-help-screen img{display:block; margin:0 auto;} /* Screen points */ .ws-help-screen .ws-help-screen-points{position:absolute; top:0; left:0; z-index:2; width:100%; height:100%;} .ws-help-screen .ws-help-screen-point{position:absolute; width:auto; max-width:20%; padding:10px; font-size:80%; color:#627f00; background-color:#ecf5ce; border-width:2px; border-style:solid; border-color:#90b908; border-radius:3px;} .ws-help-screen .ws-help-screen-point::before,.ws-help-screen .ws-help-screen-point::after{display:inline-block; text-align:center; font-family:FontAwesome; -webkit-font-smoothing:antialiased; content:"\f0d8"; color:#ecf5ce; font-size:25px; line-height:25px; width:25px; position:absolute; top:-16px; left:10px; z-index:1;} .ws-help-screen .ws-help-screen-point::after{z-index:-2; font-size:31px; line-height:31px; width:31px; left:7px; top:-22px; color:#90b908;} .ws-help-screen .ws-help-screen-point[style*="right"]::before,.ws-help-screen .ws-help-screen-point[style*="right"]::after{left:auto; right:10px;} .ws-help-screen .ws-help-screen-point[style*="right"]::after{right:7px;} .ws-help-button{display:inline-block; text-decoration:none; padding:.3em 1.2em; margin:.1em .2em; border-radius:3px; color:#4a4a4a; background-color:white; border-width:1px; border-style:solid; border-color:#c4c4c4;} .ws-help-button-add{color:white; background-color:#5cbb00; border-color:#5cbb00;} .ws-help-button-edit{color:white; background-color:#347cd4; border-color:#347cd4;} .ws-help-button-delete{color:white; background-color:#e54954; border-color:#e54954;} .ws-help-button-icon{text-align:center; min-width:2.2em; padding:.3em;} .ws-help-message{clear:left; position:relative; width:100%; padding:1em 1.5em; margin:1em 0 1.5em; background-color:#efefef; border-radius:5px;} .ws-help-message h2,.ws-help-message h3,.ws-help-message h4{font-weight:600; color:#5c5c5c; padding:0; margin:0;} .ws-help-message p,.ws-help-message ul{margin:.3em 0;} .ws-help-message li{margin:0;} .ws-help-message-warning{background-color:#f6f1d5;} .ws-help-message-warning,.ws-help-message-warning h2,.ws-help-message-warning h3,.ws-help-message-warning h4{color:#6e684e;} .ws-help-message-info{background-color:#dfeef4;} .ws-help-message-info,.ws-help-message-info h2,.ws-help-message-info h3,.ws-help-message-info h4{color:#3d6e7b;} .ws-help-message-success{background-color:#d4f1cb;} .ws-help-message-success,.ws-help-message-success h2,.ws-help-message-success h3,.ws-help-message-success h4{color:#406d41;} .ws-help-message-error{background-color:#f1d7d7;} .ws-help-message-error,.ws-help-message-error h2,.ws-help-message-error h3,.ws-help-message-error h4{color:#8d3d43;} /* WS Points */ .ws-points-screen{width:100%;} .ws-points-screen-in{position:relative; top:0; left:0; text-align:center; width:100%;} .ws-points-screen img{display:block; margin:0 auto;} /* Screen points */ .ws-points-screen-points{position:absolute; top:0; left:0; z-index:2; width:100%; height:100%;} .ws-points-screen-point{position:absolute;} .ws-points-screen-point-icon,.ws-points-screen-point-tooltip{transition:300ms;} .ws-points-screen-point-icon{color:rgba(0,0,0,0); display:block; z-index:2; position:absolute; width:2em; height:2em; margin:-1em auto auto -1em; border-width:3px; border-style:solid; border-color:white; border-radius:50%; cursor:pointer;} .ws-points-screen-point-tooltip{position:absolute; opacity:0;} .ws-points-screen-point-tooltip .item{width:300px; margin:0 !important; background-color:rgba(255,255,255,.8); border-radius:5px; box-shadow:10px 10px 10px rgba(0,0,0,.2); overflow:hidden;} .ws-points-screen-point-tooltip .col{margin:0 !important;} .ws-points-screen-point-tooltip > .item{padding:20px;} .ws-points-screen-point:hover{z-index:2;} .ws-points-screen-point:hover .ws-points-screen-point-icon{transform:scale(1.5);} .ws-points-screen-point:hover .ws-points-screen-point-tooltip{opacity:1;} .ws-points-screen-point-tooltip > .item img{margin-bottom:1em;} .ws-points-screen-point-tooltip > .item .item-heading{font-size:140%; margin:0 0 .3em; color:inherit;} .ws-points-screen-point-tooltip > .item .item-heading a{text-decoration:none; color:inherit;} .ws-points-screen-point-tooltip{padding:2.3em;} .ws-points-screen-point-top .ws-points-screen-point-tooltip{bottom:100%; transform:translateX(-50%); padding-top:0; padding-right:0; padding-left:0;} .ws-points-screen-point-bottom .ws-points-screen-point-tooltip{top:100%; transform:translateX(-50%); padding-right:0; padding-left:0; padding-bottom:0;} .ws-points-screen-point-left .ws-points-screen-point-tooltip{right:100%; transform:translateY(-50%); padding-top:0; padding-left:0; padding-bottom:0;} .ws-points-screen-point-right .ws-points-screen-point-tooltip{left:100%; transform:translateY(-50%); padding-top:0; padding-right:0; padding-bottom:0;} /***********************************************************************************************************************************/ /* */ /* WS EVENTS */ /* */ /***********************************************************************************************************************************/ .ws-show-event:not(.ws-show-event-show),.ws-show-event-hide{-webkit-opacity:0; -moz-opacity:0; opacity:0;} .ws-show-event-show{-webkit-opacity:1; -moz-opacity:1; opacity:1;} /*.ws-show-event-hide{}*/ /***********************************************************************************************************************************/ /* */ /* SPACE */ /* */ /***********************************************************************************************************************************/ .element-space{margin:0 !important;} /*=================================================================================================================================*/ /*=================================================================================================================================*/ /* */ /* MINIMAL DESIGN */ /* */ /*=================================================================================================================================*/ /*=================================================================================================================================*/ /* Borders for common things */ .design-minimal .image, .design-minimal table, /*.design-minimal .boxed:not(.catalogue-detail-quantity-prices):not(.ws-pack-item-content):not(.basket-order-gifts-select-boxed):not(.configurator-selects-container):not(.configurator-chapter-item-header):not(.configurator-chapter-item-content):not(.configurator-selects-price-box),*/ .design-minimal .filters-vertical .boxed.ws-pack-item-content, .design-minimal .filters-horizontal .filters-view-all.boxed, .design-minimal .sidebar .element,.design-minimal .sidebar .element .item.boxed, /*.design-minimal .form,.design-minimal .form-part,.design-minimal fieldset,.design-minimal legend,*/ .design-minimal .post-quote, .design-minimal .gallery.items-border .item,.design-minimal .gallery .item .item-content-text, .design-minimal .article .item, .design-minimal .testimonial .item-text, .design-minimal .strip-box /*.design-minimal .item,*/ /*.design-minimal .tag*/{border-width:0 !important;} .design-minimal .form-part > .boxed,.design-minimal .form-part:not(.form-foot):not(.filter-button-confirm){padding-bottom:1px !important;} /* Others for All */ .design-minimal .article .item{padding-top:0 !important;} .design-minimal .testimonial .item-text::after{display:none;} .design-minimal .filter .field .image{padding-bottom:2.2em;} .design-minimal .filter .filter-image .field .image{padding-bottom:100%;} /* Only for Catalogue */ .design-minimal-catalogue .page-catalogue.page-catalogue-preview{margin-top:0;} .design-minimal-catalogue .catalogue-preview:not(.catalogue-preview-gifts){margin-top:1.5em;} .design-minimal-catalogue .catalogue-view1 .item a{text-decoration:none;} .design-minimal-catalogue .catalogue-view1:not(.catalogue-view-align-left) .item-content-text > *:not(.catalogue-preview-info):not(.catalogue-product-code){max-width:340px; margin-left:auto; margin-right:auto;} .design-minimal-catalogue .catalogue-preview.catalogue-view1:not(.catalogue-preview-gifts) > .row > .col{margin-bottom:4em;} /*.design-minimal-catalogue .catalogue-subcats .item{border:none !important;}*/ .design-minimal-catalogue .catalogue .item-heading{font-size:100%; height:auto;} .design-minimal-catalogue .catalogue-detail h1,.design-minimal-catalogue .catalogue-detail #h1/*,.design-minimal-catalogue .catalogue-detail-desc .catalogue-price > strong*/{font-size:150%;} .design-minimal-catalogue .catalogue-gallery-detail-images .image{border:none !important;} .design-minimal-catalogue .catalogue-detail .tab-v2 .tab-nav li{width:auto;} .design-minimal-catalogue .tab-v2 .tab-nav li > *:first-child{border-width:0 0 1px 0 !important;} .design-minimal-catalogue .tab-nav li > *:first-child/*,.design-minimal-catalogue .tab .nav li > *:first-child*/{border-color:transparent;} .design-minimal-catalogue .tab-nav li > *:first-child,.design-minimal-catalogue .tab-v2 .tab-nav li.active > *:first-child{padding:.5em 1em;} /*.design-minimal-catalogue .tab-nav li > *:hover:first-child,*/.design-minimal-catalogue .tab-nav li.active > *:first-child{background-color:transparent;} .design-minimal-catalogue .catalogue-detail .item-heading-tab{font-size:130%;} .design-minimal-catalogue .tab.panel .item-heading-tab{display:none;} .design-minimal-catalogue .page-catalogue-preview .catalogue-preview ~ .pagination{text-align:center;} /* Only for Filters (catalogue) */ /*.design-minimal-filters .filters .filter h4{font-size:95%;}*/ .design-minimal-filters .sidebar .filters h3{display:none;} .design-minimal-filters .sidebar .filters .boxed{padding-left:0; padding-right:0; background:transparent; border:none;} .design-minimal-filters .sidebar .filters .filter .ws-pack-item-header.boxed{padding:.5em 0;} .design-minimal-filters .sidebar .filters .filter .ws-pack-item-header.icon::after,.design-minimal-filters .sidebar .filters .filter .ws-pack-item-header .icon{right:0;} .design-minimal-filters .filters-horizontal .ws-pack-item-header.boxed{padding:.5em .7em; background:transparent; border-width:0 0 1px 0 !important;} .design-minimal-filters.design-minimal .filters-horizontal .ws-pack-item-header.boxed{border-width:0 !important;} .design-minimal-filters .filters-horizontal .filter .ws-pack-item-header.icon::after,.design-minimal-filters .filters-horizontal .filter .ws-pack-item-header .icon{float:none;} .design-minimal-filters .filters-horizontal .filter .ws-pack-item-content.boxed{padding:15px !important; margin-top:0;} .design-minimal-filters .filters-horizontal .catalogue-filter-items > .row > .col:not([class*="col-"]){margin-right:.5em;} .design-minimal-filters .filters-horizontal .catalogue-filter-items > .row > .col:not([class*="col-"]) .ws-pack-item-content.boxed{margin-top:-1px;} /* Only for Navigation (delete padding nav container) */ .design-minimal-nav .catalogue-category-nav-title{display:block;} .design-minimal-nav .sidebar .element-nav{padding:0; border:none;} .design-minimal-nav .sidebar .element-nav .nav > ul > li:first-child > a{border-top-style:solid; border-top-width:1px;} .design-minimal-nav .sidebar .element-nav .nav li:last-child a{border-bottom-width:1px;} /*=================================================================================================================================*/ /*=================================================================================================================================*/ /* */ /* JQUERY */ /* */ /*=================================================================================================================================*/ /*=================================================================================================================================*/ /* Counting repair window */ .ui-dialog,.ui-dialog *{-webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;} .ui-dialog .ui-dialog-content,.ui-dialog .ui-dialog-content *,.ui-dialog .row,.ui-dialog .row *{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} /***********************************************************************************************************************************/ /* BASIC WINDOW */ /***********************************************************************************************************************************/ .ui-dialog{position:fixed !important; text-align:left; padding:0;} .ui-dialog .ui-dialog-titlebar,.ui-dialog .ui-dialog-buttonpane{padding:1.2em 20px; margin:0; border:none;} .ui-dialog .ui-dialog-title{font-size:140%; font-weight:400;} .ui-dialog-titlebar-close .ui-icon-closethick,.ui-dialog-titlebar-close:hover .ui-icon-closethick{position:absolute; text-indent:0; line-height:16px; background:none;} .ui-dialog .ui-dialog-content{padding:1.2em 20px;} .ui-dialog .ui-dialog-content > *:first-child,.ui-dialog .ui-dialog-content form > *:first-child{margin-top:0;} /*.ui-dialog .ui-dialog-content .form{margin:0;}*/ .ui-dialog .ui-dialog-titlebar-close{right:10px; width:2em; height:2em; padding:0; margin:-1.1em 0 0; background:none; border:none;} .ui-dialog .ui-dialog-content .ws-dialog-window-buttons{margin:0 -20px; padding-bottom:0;} .ws-dialog-booking{max-width:700px !important;} .ws-dialog-booking.ui-dialog .ui-dialog-content form > h2{margin:0;} .ui-widget-overlay{z-index:1000 !important; background:rgba(0,0,0,.8); -webkit-opacity:1; -moz-opacity:1; opacity:1;} /***********************************************************************************************************************************/ /* CALENDAR */ /***********************************************************************************************************************************/ .ui-timepicker-div .ui-widget-header{margin-bottom:8px;} .ui-timepicker-div dl{text-align:left;} .ui-timepicker-div dl dt{height:25px; margin-bottom:-25px;} .ui-timepicker-div dl dd{margin:0 10px 10px 65px;} .ui-timepicker-div td{font-size:90%;} .ui-tpicker-grid-label{background:none; border:none; margin:0; padding:0;} .ui-timepicker-rtl{direction:rtl;} .ui-timepicker-rtl dl{text-align:right;} .ui-timepicker-rtl dl dd{margin:0 65px 10px 10px;} /***********************************************************************************************************************************/ /* SLIDER - RANGE */ /***********************************************************************************************************************************/ .ui-slider-horizontal .ui-slider-handle{top:-.7em; margin-left:-1em; width:2em; height:2em;} /*=================================================================================================================================*/ /*=================================================================================================================================*/ /* */ /* ICON / SVG ICON */ /* */ /*=================================================================================================================================*/ /*=================================================================================================================================*/ /***********************************************************************************************************************************/ /* GLOBAL ICONS */ /***********************************************************************************************************************************/ .icon--anim-spin > .icon::before,.icon--hover-detail .icon::before,.icon--pack-angle.icon::before{margin:0 !important;} .icon--anim-spin{display:inline-block;} .icon--anim-spin > .icon,.icon--anim-spin > .icon::before,.icon--anim-spin > svg{display:block; width:1em; line-height:1em;} .icon--anim-spin-size-200{font-size:199%;} .icon--anim-spin-size-300{font-size:299%;} .icon--anim-spin-size-400{font-size:399%;} .icon--anim-spin-space{margin:20px;} .icon--anim-spin-icon-inside{position:relative; width:2em; height:2em; margin:0 auto;} .icon--anim-spin-icon-inside .icon--anim-spin{width:100%; height:100%;} .icon--anim-spin-icon-inside > .icon-svg{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);} /* WS Spinner */ .ws-spinner{width:100% !important; height:100% !important;} .ws-spinner > *{stroke:#4c4c4c; stroke-width:2px; stroke-linecap:round; stroke-dasharray:100;} .icon--hover-detail{font-size:250%; display:block; position:absolute; z-index:100; left:50%; top:50%; width:2em; height:2em; line-height:2em; transform:translate(-50%,-50%); text-align:center; color:white; background:rgba(0,0,0,.5); border-radius:100%; animation:showresult 300ms;} .icon--hover-detail .icon{position:relative; top:-.1em;} /*.items-icon-zoom .image .icon--hover-detail,.items-icon-zoom .image .icon-svg-box:not(.catalogue-gift-icon){font-size:250%;}*/ .icon--pack-angle{margin-top:-.1em;} /***********************************************************************************************************************************/ /* ICON BOX */ /***********************************************************************************************************************************/ .icon--box,.icon-svg-box{display:inline-block; line-height:1em; vertical-align:middle; text-align:center;} .icon--box > .icon,.icon--box > .icon::before{line-height:1em !important; width:1em;} .icon--box-xs,.icon-svg-box-xs{padding:.25em;} .icon--box-s,.icon-svg-box-s{padding:.5em;} .icon--box-m,.icon-svg-box-m{padding:1em;} .icon--box-l,.icon-svg-box-l{padding:1.5em;} .icon--box-xl,.icon-svg-box-xl{padding:2em;} .icon--box-bgcolor-dark,.icon-svg-box-bgcolor-dark{background-color:#4c4c4c;} .icon--box-circle,.icon-svg-box-circle{border-radius:100%;} .icon--color-white,.icon-svg-color-white,.icon-svg-box-bgcolor-dark > svg{color:white;} /***********************************************************************************************************************************/ /* SVG ICONS */ /***********************************************************************************************************************************/ .icon-svg{display:inline-block; font-size:inherit; line-height:inherit; max-width:1.25em; height:1em; vertical-align:-.15em; overflow:visible;} /*.icon-svg-15x{font-size:1.5em;}*/ .icon-svg-m{vertical-align:-0.225em;} .icon-svg-l{vertical-align:-0.333em;} .icon-svg-xl{vertical-align:-0.377em;} .icon-svg-l.icon-svg-mr{margin-right:.15em;} .icon-svg-xl.icon-svg-mr{margin-right:.15em;} /*.icon-svg-color-white,.icon-svg-box-bgcolor-dark > svg{color:white;}*/ .icon-svg-box > svg{width:1em;} .icon-svg-flip-h{/*-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";*/ -webkit-transform:scaleX(-1); transform:scaleX(-1);} /***********************************************************************************************************************************/ /* ICON SIZES */ /***********************************************************************************************************************************/ .icon--m,.icon-svg-m{font-size:1.3em;} .icon--l,.icon-svg-l{font-size:2em;} .icon--xl,.icon-svg-xl{font-size:3em;} /***********************************************************************************************************************************/ /* ZOOMING */ /***********************************************************************************************************************************/ .icon--hover-detail,.image .icon-svg-box:not(.catalogue-gift-icon){display:none;} /***********************************************************************************************************************************/ /* ICON ANIMATIONS */ /***********************************************************************************************************************************/ .icon--anim-spin{-webkit-animation:icon-anim-spin 1.2s infinite linear; animation:icon-anim-spin 1.2s infinite linear;} @-webkit-keyframes icon-anim-spin{ 0%{-webkit-transform: rotate(0deg); transform: rotate(0deg); } 100%{-webkit-transform: rotate(359deg); transform: rotate(359deg);} } @keyframes icon-anim-spin{ 0%{-webkit-transform: rotate(0deg); transform: rotate(0deg);} 100%{-webkit-transform: rotate(359deg); transform: rotate(359deg);} } /*=================================================================================================================================*/ /*=================================================================================================================================*/ /* */ /* EFFECT */ /* */ /*=================================================================================================================================*/ /*=================================================================================================================================*/ /***********************************************************************************************************************************/ /* */ /* ROUNDED */ /* */ /***********************************************************************************************************************************/ /***********************************************************************************************************************************/ /* CIRCLE */ /***********************************************************************************************************************************/ .circle, .images-circle .image/*,.images-circle .image-in,.images-circle img*/,.images-circle .image2,.post-image-user,/*.post-image-user img,*/ /*.filter-slider-on,*/.ui-slider-horizontal .ui-slider-handle, .order-step-number, .catalogue-stickers span.circle, .items-icon-zoom .image-in a:hover::before,a[data-gallery-id="1"]::before{-webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%;} .circle,.images-circle .image,.images-rounded .image/*,.images-circle .image img*/,.images-rounded-xl .image{overflow:hidden;} /* Hack for Safari browser */ .circle-inputs input,.circle-inputs select,.circle-inputs button:not([class*="pswp"]),.circle-inputs .button:not([class*="jqmWindow-close"]),.circle-inputs .search-form button, .circle-inputs .field .icon::before,.circle-inputs .label-icon,.circle-inputs .input-number-group{-webkit-border-radius:100em; -moz-border-radius:100em; border-radius:100em;} .circle-inputs .search-form button{-webkit-border-radius:100em !important; -moz-border-radius:100em !important; border-radius:100em !important;} .circle-inputs textarea{-webkit-border-radius:1.4em; -moz-border-radius:1.4em; border-radius:1.4em;} .circle-inputs input[type="checkbox"] + label::before{-webkit-border-radius:.5em; -moz-border-radius:.5em; border-radius:.5em;} .stripe-add button,.stripe-edit-bar > button,.element-add button,.element-edit-bar > button,.button-nav-edit,.button-footer-edit{-webkit-border-radius:0 !important; -moz-border-radius:0 !important; border-radius:0 !important;} /***********************************************************************************************************************************/ /* ROUNDED */ /***********************************************************************************************************************************/ .rounded, .images-rounded .image,/*.images-rounded .image-in,*/ .circle-inputs .form-fields-look-v2 input,.circle-inputs .form-fields-look-v2 select,.circle-inputs .form-fields-look-v2 textarea,.circle-inputs .form-fields-look-v2 .field .icon::before,.circle-inputs .form-fields-look-v2 .label-icon, .search-form,.form,input,textarea,select,.input-number-group,button,.button,.hint,.item-recommend,input[type="checkbox"] + label::before,.filter .field .image,.form-part > .boxed, .testimonial.items-rounded:not(.items-boxed) .item-content-text,.testimonial.items-rounded.items-boxed .item,.article.items-rounded .item,.digest.items-rounded .item, .section-bg-rounded .section-text-bg-layer, .message,/*.order-step-active .order-step,*//*.gallery .item,*/ fieldset,.search-form button,.tab-switch > *:first-child,.tab-switch > *:last-child,.tab-switch > *:first-child label,.tab-switch > *:last-child label, .forum-thread-pager.pagination > *, button.ui-corner-all, #top-page a, .tooltipster-default,.field .icon::before,.label-icon, .strip-box,.strip, .tag/*,.filters-reset-all*/,.catalogue-stickers span,.catalogue-detail-product-label-text,.catalogue-variants li a,.catalogue-variants li.catalogue-variants-na svg,.catalogue-variants input[type="radio"] + label, .catalogue-alternatives-tiles .item,.catalogue-alternatives-tiles-in-s .image,.catalogue-alternatives-boxed.items-rounded .item, .testimonial.items-rounded-xl:not(.items-boxed) .item-content-text,.testimonial.items-rounded-xl.items-boxed .item, .article-filter.rounded .ws-pack-item > *,.article-filter.rounded .item,.article-filter.rounded .item a.boxed{-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;} .rounded-xl,.items-rounded-xl .item,.article.items-rounded-xl .item,.digest.items-rounded-xl .item,.article-filter.rounded-xl .ws-pack-item > *,.article-filter.rounded-xl .item,.images-rounded-xl .image,.catalogue-alternatives-boxed.items-rounded-xl .item,.section-bg-rounded-xl .section-text-bg-layer{-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;} .search-form button,.tab-switch > *:last-child,.tab-switch > *:last-child label,.field .icon::before,.label-icon{border-top-left-radius:0 !important; border-bottom-left-radius:0 !important;} #top-page a,.tab-switch > *:first-child,.tab-switch > *:first-child label{border-top-right-radius:0 !important; border-bottom-right-radius:0 !important;} #top-page a{border-bottom-left-radius:0 !important;} .article-filter[class*="rounded"] .ws-pack-item:not(.ws-pack) .ws-pack-item-header{border-bottom-left-radius:0 !important; border-bottom-right-radius:0 !important;} .article-filter[class*="rounded"] .ws-pack-item-content{border-top-left-radius:0 !important; border-top-right-radius:0 !important;} /***********************************************************************************************************************************/ /* NO RADIUS */ /***********************************************************************************************************************************/ .norounded, .testimonial.items-boxed .item-text,/*input[type="checkbox"],*/ .norounded *,.norounded input[type="checkbox"] + label::before, .norounded-inputs input,.norounded-inputs textarea,.norounded-inputs select,.norounded-inputs .input-number-group,.norounded-inputs button,.norounded-inputs .button,.norounded-inputs input[type="checkbox"] + label::before, .norounded-inputs button.ui-corner-all{border-radius:0;} /***********************************************************************************************************************************/ /* */ /* SHADOW */ /* */ /***********************************************************************************************************************************/ .shadow,.items-shadow .item,.images-shadow .image{box-shadow:0 0 3px rgba(0,0,0,0.1);} .shadow-l,.items-shadow-l .item,.images-shadow-l .image{box-shadow:0 0 10px rgba(0,0,0,0.1);} /*.order-step-active .order-step-number,*/.element-login-expand #logged{box-shadow:0 0 5px rgba(0,0,0,0.2);} .layout-boxed #main,.megamenu-container > .shadow{box-shadow:0 0 10px rgba(0,0,0,0.2);} #nav .nav li:hover ul,.nav-unpacking .nav li:hover ul/*,.catalogue-stickers span*/{box-shadow:3px 3px 3px rgba(0,0,0,0.3);} .shadow-inner,.shadow-inner-hover:hover,.items-shadow-inner-hover .item:hover{box-shadow:inset 0 0 15px 0 rgba(0,0,0,0.15);} .shadow-inner-top{box-shadow:inset 0 15px 10px -10px rgba(0,0,0,0.08);} .shadow-inner-right{box-shadow:inset -15px 0 10px -10px rgba(0,0,0,0.08);} .shadow-inner-bottom{box-shadow:inset 0 -15px 10px -10px rgba(0,0,0,0.08);} .shadow-inner-left{box-shadow:inset 15px 0 10px -10px rgba(0,0,0,0.08);} .shadow-outer{box-shadow:0 0 15px 0 rgba(0,0,0,0.15);} .shadow-outer-top{box-shadow:0 -15px 10px -10px rgba(0,0,0,0.08);} .shadow-outer-right{box-shadow:15px 0 10px -10px rgba(0,0,0,0.08);} .shadow-outer-bottom{box-shadow:0 15px 10px -10px rgba(0,0,0,0.08);} .shadow-outer-left{box-shadow:-15px 0 10px -10px rgba(0,0,0,0.08);} #head.head-fixed.sticky-element.stuck{box-shadow:0 0 15px 0 rgba(0,0,0,0.1);} .ws-dialog-window{box-shadow:0 0 30px rgba(0,0,0,0.3);} /***********************************************************************************************************************************/ /* NO SHADOW */ /***********************************************************************************************************************************/ .noshadow{box-shadow:none;} /***********************************************************************************************************************************/ /* TEXT SHADOW */ /***********************************************************************************************************************************/ .text-shadow-inner/*,.catalogue-stickers span*/{text-shadow:-1px -1px 0 rgba(0,0,0,0.2);} .text-shadow-outer{text-shadow:1px 1px 0 rgba(0,0,0,0.2);} .text-shadow-inner-light{text-shadow:-1px -1px 0 rgba(255,255,255,0.5);} .text-shadow-outer-light{text-shadow:1px 1px 0 rgba(255,255,255,0.5);} /***********************************************************************************************************************************/ /* */ /* FILTER */ /* */ /***********************************************************************************************************************************/ .filter-grayscale,.order-payment-delivery .disabled > *,.item-stock-na > :not(.catalogue-stickers){-webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); filter:gray;} /***********************************************************************************************************************************/ /* */ /* ANIMATION */ /* */ /***********************************************************************************************************************************/ /* Show Blend effect */ @-webkit-keyframes showresult{ 0%{-webkit-opacity:0; -moz-opacity:0; opacity:0;} 100%{-webkit-opacity:1; -moz-opacity:1; opacity:1;} } @keyframes showresult{ 0%{-webkit-opacity:0; -moz-opacity:0; opacity:0;} 100%{-webkit-opacity:1; -moz-opacity:1; opacity:1;} } /* Shaking effect */ @keyframes ws-animation-shaking{ 0%{transform:translateX(-5px);} 50%{transform:translateX(5px);} 100%{transform:translateX(-5px);} } /* Shine effect */ @keyframes ws-animation-placeholder{ /*0%{left:-45%;} 100%{left:100%;}*/ 0%{background-position:-100% 0%;} 100%{background-position:200% 0%;} } .ws-placeholder{animation:ws-animation-placeholder 1.5s infinite; position:relative; width:100%; height:100%; overflow:hidden; background-size:50% 100%; background-repeat:no-repeat; border:1px solid transparent; border-width:0 1px 0 0;} /*.ws-dialog-container-side .ws-dialog-window{}*/ /*.ws-animation-placeholder::after{content:""; display:block; position:absolute; top:0; left:-50%; height:100%; width:50%; z-index:2; border:4px solid black; background-image: linear-gradient(to left, rgba(255,255,255, 0), rgba(255,255,255, .6), rgba(255,255,255, 0)); animation: ws-animation-placeholder 1.5s infinite; }*/ /***********************************************************************************************************************************/ /* OBJECT ANIMATION */ /***********************************************************************************************************************************/ .ws-object-animate-slideupanim, .ws-object-animate-slidedownanim, .ws-object-animate-slideleftanim, .ws-object-animate-sliderightanim, .ws-object-animate-slideupshortanim, .ws-object-animate-slidedownshortanim, .ws-object-animate-slideleftshortanim, .ws-object-animate-sliderightshortanim, .ws-object-animate-blendanim, .ws-object-animate-popanim{opacity:0;} *[class*="anim-item"]:not([class*="anim-item-"]):not([class*="anim-image"]):not([class*="anim-button"]) .item{opacity:0;} *[class*="anim-item-heading"] .item-heading{opacity:0;} *[class*="anim-item-text"] .item-text{opacity:0;} *[class*="anim-image"] .image{opacity:0;} *[class*="anim-button"] .button{opacity:0;} .ws-object-animate-start{animation-duration:1s; animation-fill-mode:forwards;} .ws-object-animate-quick{animation-duration:500ms;} /* Slide effect */ @keyframes ws-object-animate-slideup{ 0%{transform:translateY(100px); opacity:0;} 100%{transform:translateY(0); opacity:1;} } @keyframes ws-object-animate-slidedown{ 0%{transform:translateY(-100px); opacity:0;} 100%{transform:translateY(0); opacity:1;} } @keyframes ws-object-animate-slideleft{ 0%{transform:translateX(100px); opacity:0;} 100%{transform:translateX(0); opacity:1;} } @keyframes ws-object-animate-slideright{ 0%{transform:translateX(-100px); opacity:0;} 100%{transform:translateX(0); opacity:1;} } @keyframes ws-object-animate-sliderightin{ 0%{transform:translateX(100%); opacity:1;} 100%{transform:translateX(0); opacity:1;} } @keyframes ws-object-animate-sliderightout{ 0%{transform:translateX(0); opacity:1;} 100%{transform:translateX(100%); opacity:1;} } .ws-object-animate-start.ws-object-animate-slideupanim{animation-name:ws-object-animate-slideup;} .ws-object-animate-start.ws-object-animate-slidedownanim{animation-name:ws-object-animate-slidedown;} .ws-object-animate-start.ws-object-animate-slideleftanim{animation-name:ws-object-animate-slideleft;} .ws-object-animate-start.ws-object-animate-sliderightanim{animation-name:ws-object-animate-slideright;} /* Slide effect shorter */ @keyframes ws-object-animate-slideupshort{ 0%{transform:translateY(25px); opacity:0;} 100%{transform:translateY(0); opacity:1;} } @keyframes ws-object-animate-slidedownshort{ 0%{transform:translateY(-25px); opacity:0;} 100%{transform:translateY(0); opacity:1;} } @keyframes ws-object-animate-slideleftshort{ 0%{transform:translateX(25px); opacity:0;} 100%{transform:translateX(0); opacity:1;} } @keyframes ws-object-animate-sliderightshort{ 0%{transform:translateX(-25px); opacity:0;} 100%{transform:translateX(0); opacity:1;} } .ws-object-animate-start.ws-object-animate-slideupshortanim{animation-name:ws-object-animate-slideupshort;} .ws-object-animate-start.ws-object-animate-slidedownshortanim{animation-name:ws-object-animate-slidedownshort;} .ws-object-animate-start.ws-object-animate-slideleftshortanim{animation-name:ws-object-animate-slideleftshort;} .ws-object-animate-start.ws-object-animate-sliderightshortanim{animation-name:ws-object-animate-sliderightshort;} .ws-object-animate-start.ws-object-animate-slideupanim[class*="item-"], .ws-object-animate-start.ws-object-animate-slideupanim[class*="button"]{animation-name:ws-object-animate-slideupshort;} .ws-object-animate-start.ws-object-animate-slidedownanim[class*="item-"], .ws-object-animate-start.ws-object-animate-slidedownanim[class*="button"]{animation-name:ws-object-animate-slidedownshort;} .ws-object-animate-start.ws-object-animate-slideleftanim[class*="item-"], .ws-object-animate-start.ws-object-animate-slideleftanim[class*="button"]{animation-name:ws-object-animate-slideleftshort;} .ws-object-animate-start.ws-object-animate-sliderightanim[class*="item-"], .ws-object-animate-start.ws-object-animate-sliderightanim[class*="button"]{animation-name:ws-object-animate-sliderightshort;} /* Slide in/out */ .ws-object-animate-sliderightinanim{animation-name:ws-object-animate-sliderightin;} .ws-object-animate-sliderightoutanim{animation-name:ws-object-animate-sliderightout;} /* Blend effect */ @keyframes ws-object-animate-blend{ 0%{opacity:0;} 100%{opacity:1;} } .ws-object-animate-start.ws-object-animate-blendanim{animation-name:ws-object-animate-blend;} /* Pop effect */ @keyframes ws-object-animate-pop{ 0%{transform:scale(.5); opacity:0;} 100%{transform:scale(1); opacity:1;} } .ws-object-animate-start.ws-object-animate-popanim{animation-name:ws-object-animate-pop;} .stripe-image-valign-top .ws-object-animate-slideupanim-image .section-image-in,.stripe-image-valign-top .ws-object-animate-slidedownanim-image .section-image-in, .stripe-image-valign-bottom .ws-object-animate-slideupanim-image .section-image-in,.stripe-image-valign-bottom .ws-object-animate-slidedownanim-image .section-image-in{overflow:hidden;} /* Button animation DRAFT */ /*.ws-button-bg-animation .button{background-repeat:no-repeat; border:none;} .ws-button-bg-animation-slideright .button{background-size:200% 100%; background-position:100% 0;} .ws-button-bg-animation-slideright .button:hover{background-position:0 0;}*/ /*=================================================================================================================================*/ /*=================================================================================================================================*/ /* */ /* UNIVERSAL CLASSES */ /* */ /*=================================================================================================================================*/ /*=================================================================================================================================*/ /***********************************************************************************************************************************/ /* BOXED */ /***********************************************************************************************************************************/ .boxed > *:not(.ws-pack-icon-pack):first-child{margin-top:0;} /* set only for first object */ .boxed,.items-boxed .item,.items-image-box.items-boxed .item-in/*,.sidebar .box,*/,.items-boxed-text .item .item-content-text{padding:20px; border-width:1px; border-style:solid;} .boxed-s,.items-boxed-s .item,.items-image-box.items-boxed-s .item-in,.items-boxed-text-s .item .item-content-text{padding-top:10px; padding-bottom:10px;} .boxed-l,.items-boxed-l .item,.items-image-box.items-boxed-l .item-in,.items-boxed-text-l .item .item-content-text{padding:30px;} .boxed-xl,.items-boxed-xl .item,.items-image-box.items-boxed-xl .item-in,.items-boxed-text-xl .item .item-content-text{padding:40px;} a.boxed{display:block;} .images-square.items-boxed:not(.catalogue-category-megamenu):not(.digest-v3):not(.ws-help-digest) .item{padding-top:20px; padding-bottom:20px;} .items-image-box.items-boxed .item,.items-image-box.items-boxed-s .item,.items-image-box.items-boxed-l .item,.items-image-box.items-boxed-xl .item{padding:0;} .items-image-box.images-square .item{padding-bottom:100%;} .items-image-box.items-boxed .item-in,.items-boxed-text .item .item-content-text,.items-boxed-text .item .image{border-width:0 !important;} .items-boxed-text .item .image{margin-bottom:0;} /*.items-image-box.items-boxed:not(.images-square) .item,.items-image-box.items-boxed-s:not(.images-square) .item,.items-image-box.items-boxed-l:not(.images-square) .item,.items-image-box.items-boxed-xl:not(.images-square) .item{padding-bottom:0;}*/ /*.sidebar .boxed{margin:-1em -20px; border:none;}*/ /*.sidebar .box + .box{margin-top:1em;}*/ /***********************************************************************************************************************************/ /* FONT SIZE */ /***********************************************************************************************************************************/ .font-size-80{font-size:80%;} .font-size-85,button.font-size-85,.button.font-size-85{font-size:85%;} .font-size-90,button.font-size-90,.button.font-size-90{font-size:90%;} .font-size-100,button.font-size-100,.button.font-size-100{font-size:100%;} .font-size-110{font-size:110%;} .font-size-120{font-size:120%;} .font-size-130{font-size:130%;} .font-size-140{font-size:140%;} .font-size-150{font-size:150%;} .font-size-200{font-size:200%;} .font-size-220{font-size:220%;} .font-size-250{font-size:250%;} .items-heading-size-80 .item-heading,.items-text-size-80 .item-text{font-size:80%;} .items-heading-size-85 .item-heading,.items-text-size-85 .item-text{font-size:85%;} .items-heading-size-90 .item-heading,.items-text-size-90 .item-text{font-size:90%;} .items-heading-size-95 .item-heading,.items-text-size-95 .item-text{font-size:95%;} .items-heading-size-100 .item-heading{font-size:100%;} .items-heading-size-110 .item-heading{font-size:110%;} .items-heading-size-120 .item-heading{font-size:120%;} .items-heading-size-130 .item-heading{font-size:130%;} .items-heading-size-140 .item-heading{font-size:140%;} .items-heading-size-150 .item-heading{font-size:150%;} .items-heading-size-200 .item-heading{font-size:200%;} .items-heading-size-220 .item-heading{font-size:220%;} .items-heading-size-250 .item-heading{font-size:250%;} /***********************************************************************************************************************************/ /* WIDTH SIZE */ /***********************************************************************************************************************************/ .width{margin:0 auto;} .w10{width:10%;} .w15{width:15%;} .w20{width:20%;} .w25{width:25%;} .w30{width:30%;} .w33{width:33.333333%;} .w35{width:35%;} .w40{width:40%;} .w45{width:45%;} .w48{width:48%;} /* optimal for two half */ .w50{width:50%;} .w55{width:55%;} .w60{width:60%;} .w65{width:65%;} .w70{width:70%;} .w75{width:75%;} .w80{width:80%;} .w85{width:85%;} .w90{width:90%;} .w100{width:100%;} .mw100{max-width:100%; height:auto;} .wauto{width:auto;} /***********************************************************************************************************************************/ /* AUTO RESIZE */ /***********************************************************************************************************************************/ .auto-resize,.items-auto-resize .item{position:relative; top:0; left:0; width:100%; height:0; padding-bottom:56.25%; overflow:hidden;} /* 16:9 (full HD) */ .auto-resize-in,.items-auto-resize .item-content{position:absolute; top:0; left:0; width:100%; height:100%;} .items-image-box .auto-resize .item-content,.items-auto-resize .item-content{top:auto; bottom:0; height:auto;} .auto-resize-100-25,.items-auto-resize-100-25 .item{padding-bottom:25%;} /* 100:25 */ .auto-resize-100-33,.items-auto-resize-100-33 .item{padding-bottom:33.333333%;} /* 100:33 */ .auto-resize-100-35,.items-auto-resize-100-35 .item{padding-bottom:35%;} /* 100:35 */ .auto-resize-100-40,.items-auto-resize-100-40 .item{padding-bottom:40%;} /* 100:40 */ .auto-resize-100-50,.items-auto-resize-100-50 .item{padding-bottom:50%;} /* 100:50 */ .auto-resize-100-60,.items-auto-resize-100-60 .item{padding-bottom:60%;} /* 100:60 */ .auto-resize-100-70,.items-auto-resize-100-70 .item{padding-bottom:70%;} /* 100:70 */ .auto-resize-100-75,.items-auto-resize-100-75 .item{padding-bottom:75%;} /* 100:75 */ .auto-resize-100-100,.items-auto-resize-100-100 .item{padding-bottom:100%;} /* 100:100 */ /***********************************************************************************************************************************/ /* PADDING & MARGIN */ /***********************************************************************************************************************************/ .pad-t1:not(.stripe){padding-top:1em;} .pad-b1:not(.stripe){padding-bottom:1em;} .pad-r1{padding-right:20px;} .pad-l1{padding-left:20px;} .pad-t2:not(.stripe){padding-top:2em;} .pad-b2:not(.stripe){padding-bottom:2em;} .mar-t1{margin-top:1em;} .mar-b1{margin-bottom:1em;} .mar-r1{margin-right:20px;} .mar-l1{margin-left:20px;} .mar-t2{margin-top:2em;} .mar-b2{margin-bottom:2em;} /* Delete paddings & margins */ .pad-0{padding:0 !important;} .pad-t0:not(.stripe),.stripe.pad-t0 > .stripe-in,.body-pad-t0 #body{padding-top:0 !important;} .pad-r0{padding-right:0 !important;} .pad-b0:not(.stripe),.stripe.pad-b0 > .stripe-in,.body-pad-b0 #body{padding-bottom:0 !important;} .pad-l0{padding-left:0 !important;} .mar-0{margin:0 !important;} .mar-t0{margin-top:0 !important;} .mar-r0{margin-right:0 !important;} .mar-b0{margin-bottom:0 !important;} .mar-l0{margin-left:0 !important;} /***********************************************************************************************************************************/ /* ALIGN & FLOAT */ /***********************************************************************************************************************************/ .c,.c td,.c th,.element-heading-c.element-heading,.element-heading-c .element-heading,.element-c .element,.segment-heading-c.segment-heading,.segment-heading-c .segment-heading{text-align:center;} .l,.l td,.l th{text-align:left;} .r,.r td,.r th{text-align:right;} .just{text-align:justify;} .valign{display:inline-block; vertical-align:middle; width:0; height:100%;} .valign-t,.valign-t th,.valign-t td{vertical-align:top;} .valign-b,.valign-b th,.valign-b td{vertical-align:bottom;} .valign-m,.valign-m th,.valign-m td{vertical-align:middle;} .fl{float:left;} .flr{float:right;} .flnone{float:none} img.fl,.image.fl,a[data-gallery-id].fl{margin:/*.3em*/0 1.5em 1em 0;} img.flr,.image.flr,a[data-gallery-id].flr{margin:/*.3em*/0 0 1em 1.5em;} a[data-gallery-id] img,a[data-gallery-id] img{margin:0;} .cl{clear:both; display:block;} .cll{clear:left;} .clr{clear:right;} div.cl,span.cl{font-size:.01em; height:.01em; padding:0; margin:-.01em 0 0; overflow:hidden;} .mar-auto{margin-left:auto; margin-right:auto;} /***********************************************************************************************************************************/ /* TEXT STYLE */ /***********************************************************************************************************************************/ .text-uppercase{text-transform:uppercase;} .text-lowercase{text-transform:lowercase;} .text-normal{text-transform:none;} .text-decoration-none,.text-decoration-none a,.items-text-decoration-none .item a,.items-heading-decoration-none .item .item-heading a{text-decoration:none;} .font-weight-100{font-weight:100;} .font-weight-200{font-weight:200;} .font-weight-300{font-weight:300;} .font-weight-400{font-weight:400;} .font-weight-500{font-weight:500;} .font-weight-600{font-weight:600;} .font-weight-700{font-weight:700;} .font-weight-800{font-weight:800;} .font-weight-900{font-weight:900;} /***********************************************************************************************************************************/ /* OTHER */ /***********************************************************************************************************************************/ .popup-window-close{position:absolute; top:0; right:0; /*z-index:100000;*/ display:block; width:25px; height:25px;} /* close layer over webpage */ .absolute{position:absolute;} .relative{position:relative;} .fixed{position:fixed;} .nowrap{white-space:nowrap;} .block{display:block;} .inline{display:inline;} .inline-block{display:inline-block;} .bgnone{background:none !important;} .image.bgnone,.bgnone .image,.images-bgnone .image{background-color:transparent !important;} .list-none,.list-none ul,.list-none li{list-style:none; padding:0; margin:0;} .list-none li + li{margin-top:.5em;} /* Overflow */ .overflow-hid,.sidebar-in{overflow:hidden;} .overflow-auto{overflow:auto;} /* Hidden */ .vis{visibility:hidden;} .hid,.nodisplay,.onlyprint,#responsive-controls,.desktop-hidden{display:none;} /* CK Editor WYSIWYG */ .ws_cke_admin{position:relative; top:0; left:0; text-align:left; /*max-width:980px;*/ padding:1em 20px;} /* correct look of wysiwyg editor in administration */ /* Preview from Admin */ .preview-bar{height:3.4em;} .preview-bar-in{position:fixed; /*z-index:1000000;*/ top:0; width:100%; padding:1em 20px;} .cursor-pointer,.cursors-pointer label,.cursors-pointer input{cursor:pointer;} /* Working layer */ .working-layer{z-index:10000 !important; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5);} .working-layer-element{position:absolute; background:rgba(0,0,0,.3);} .working-layer .icon--anim-spin{position:absolute; top:50%; left:50%; margin-left:-.5em; margin-top:-.5em; z-index:100; font-size:299%;} .working-layer .icon--anim-spin > .icon,.working-layer .icon--anim-spin > .icon-svg{color:white;} /***********************************************************************************************************************************/ /* JS CLASSES */ /***********************************************************************************************************************************/ .js-link-area{cursor:pointer;} /***********************************************************************************************************************************/ /* NOT FINISHED */ /***********************************************************************************************************************************/ /* Demand window */ #demand-window{position:absolute; top:20%; left:50%; width:580px; padding:10px; margin-left:-300px; /*z-index:10000;*/ text-align:left;} /*.jqmOverlay{}*/ .demand-td1{width:140px;} /*#demand-window input{width:100%;}*/ #demand-window input.demand-submit{width:auto;} #demand-close{float:right;} /* Tooltip help */ /*.tooltip-help{} .tooltip-info{}*/ .tooltipster-default{width:auto !important; max-width:300px; border-width:1px; border-style:solid;} .tooltipster-base{font-size:100%;} .tooltipster-default .tooltipster-content{font-size:85% !important; text-align:left;} .tooltipster-arrow-left span,.tooltipster-arrow-left .tooltipster-arrow-border{right:-8px;} .tooltipster-arrow-right span,.tooltipster-arrow-right .tooltipster-arrow-border{left:-8px;} /*=================================================================================================================================*/ /*=================================================================================================================================*/ /* */ /* COLORS */ /* */ /*=================================================================================================================================*/ /*=================================================================================================================================*/ .wh,.text-light,.text-light *,.text-light .item-heading,.text-light .item-heading a,.text-light .item-heading-sub{color:white;} .article-detail-visual .text-light *,.crumbs-visual.text-light #crumbs *,.digest.text-light.section-bg .item-heading,.digest.text-light.section-bg .item-heading a,.digest.text-light.section-bg .item-text a{color:white !important;} .bl,.text-dark,.text-dark *,.text-dark .item-heading,.text-dark .item-heading a{color:black;} .crumbs-visual.text-dark #crumbs *,.digest.text-dark.section-bg .item-heading,.digest.text-dark.section-bg .item-heading a,.digest.text-dark.section-bg .item-text a{color:black !important;} .blue{color:#0081cb;} .bluedark{color:#136695;} .red,.caps-lock-check-text{color:#b81414;} .gray{color:#5d5d5d;} .green{color:#38a20f;} #top-page a{color:white; background:rgba(0,0,0,0.3);} /* Demand window */ #demand-window{background-color:white;} .jqmOverlay{background-color:black;} /***********************************************************************************************************************************/ /* COMPONENT */ /***********************************************************************************************************************************/ .message-icon-none .message-in{padding-left:20px !important;} .message-icon-none .message::before{display:none;} .boxed .message h1,.boxed .message h2,.boxed .message h3,.boxed .message h4,.boxed .message h5,.boxed .message h6{color:inherit;} .image .message{position:absolute; top:50%; margin:0; text-align:center; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%);} .image .message.icon::before,.image .message-in,.section-image .message.icon::before,.section-image .message-in{position:relative; top:.2em; display:inline-block;} .section-image .message.icon::before{top:.1em;} .section-image .message-in{top:0;} .image .message.icon .message-in,.stripe-text-r .section-image .message.icon .message-in{padding-left:1em;} .catalogue-product-expired .stripe-text-r .section-image .message{text-align:center;} /* Number info */ .number-info{position:absolute; top:1em; left:50%; display:inline-block; font-size:80%; text-align:center; line-height:1em; min-width:1.6em; padding:.3em; margin-left:.4em; -webkit-border-radius:.8em; -moz-border-radius:.8em; border-radius:.8em;} body:not(.topbar-element-icon) #top-bar .number-info,body:not(.head-element-icon) #head-content .number-info{left:-.5em;} script{display:none !important;} /*=================================================================================================================================*/ /*=================================================================================================================================*/ /* */ /* HOVER EFFECTS */ /* */ /*=================================================================================================================================*/ /*=================================================================================================================================*/ /* mouse, touch pad */ @media (hover:hover) and (pointer:fine){ .image-switch:hover .image-switch-img img{display:inline-block;} .image-switch a > picture img,.image-switch:hover .image-switch-img{-webkit-opacity:1; -moz-opacity:1; opacity:1;} .image-switch:hover a > picture img{-webkit-opacity:0; -moz-opacity:0; opacity:0;} .images-zoom:not(.images-full-box) .image-in a:hover img,.element-image.images-zoom:not(.images-full-box) .image-in:hover img{margin:-10%; max-width:none; max-height:none;} .images-zoom:not(.images-full-box) .image-in a:hover .img-width,.element-image.images-zoom:not(.images-full-box) .image-in:hover .img-width{width:110%; max-width:110%;} .images-zoom:not(.images-full-box) .image-in a:hover .img-height,.element-image.images-zoom:not(.images-full-box) .image-in:hover .img-height{height:110%; max-height:110%;} :not(.image-in) > a[data-gallery-id]:hover::before{background-color:black; background:rgba(0,0,0,.7);} .images-full-box.images-zoom .image-in a:hover img,.images-full-box.images-zoom a:hover .image-in img, .element-image.images-full-box.images-zoom .image-in:hover img,.element-image.images-full-box.images-zoom .image-in:hover img{-ms-transform:scale(0.441); -webkit-transform:scale(0.441); transform:scale(.441);} .items-image-box .item:hover .image img,.item-image-box .item:hover .image img{transform:scale(.441);} .items-image-video .item:hover a::before{background-color:#ec0100;} .items-image-video.items-image-box .item:hover .image img,.item-image-box .item:hover .image img{transform:translate(-50%,-50%) scale(1.1);} .article:not(.images-full-box) .item:hover .image img{transform:scale(1.1);} .gallery-v2.gallery-preview .item:hover .item-text{height:4.2em; margin-top:.5em;} .gallery-v2 .item:hover .image-gallery-icon.image-gallery-icon-not-perex{bottom:.8em;} .gallery-v2 .item:hover .image-gallery-icon:not(.image-gallery-icon-not-perex){bottom:5.5em;} .gallery-v2-hover-text .item:hover > .item-text{left:0;} .items-icon-zoom .image a:hover .icon--hover-detail,.items-icon-zoom .image a:hover .icon-svg-box{display:block;} .items-icon-zoom .image-in a.gallery-more-a:hover::before{display:none;} .filter .field .image ~ label:hover::before{background-color:black; background-color:rgba(0,0,0,.3);} .catalogue-subcats .item a:hover .bg-layer span{opacity:1;} .catalogue-detail-stripe-recommended-container-tabs .item:hover,.catalogue-subcats-v4 .active .item{margin-top:0;} .basket-table-delete button:hover{font-size:135%; /*padding:0;*/ color:#b90000; text-decoration:none; background-color:transparent; border:none;} .ws-slider-controls-arrows a:not(.disabled):hover{color:white; background:black;} .ws-slider-hidden-controls:hover .ws-slider-controls,.ws-slider-hidden-controls:hover .ws-slider-controls-arrows{display:block; -webkit-opacity:1; -moz-opacity:1; opacity:1;} .cookie-info-close:hover{color:white; background-color:#dd0000;} .social-icon:hover::after{background:rgba(0,0,0,.3);} .tag-filter-result a.icon-close:hover{opacity:1;} .design-minimal-catalogue .tab-nav li > *:hover:first-child{background-color:transparent;} #top-page a:hover{background:rgba(0,0,0,0.6);} } /* smartphones, touchscreens */ /*@media (hover:none) and (pointer:coarse){}*/ /* stylus-based screens */ /*@media (hover:none) and (pointer:fine){}*/ /* Nintendo Wii controller, Microsoft Kinect */ /*@media (hover:hover) and (pointer:coarse){}*/ /*=================================================================================================================================*/ /*=================================================================================================================================*/ /* */ /* TESTS */ /* */ /*=================================================================================================================================*/ /*=================================================================================================================================*/ /* Testing color blocks */ /*.stripe-text-width.stripe-image-width > .row,.stripe-text-width:not(.stripe-image-width) > .row{background-color:rgba(255,255,0,.5);} .section-text{background-color:rgba(255,0,0,.3) !important;} .section-text-in{background-color:rgba(0,0,255,.3) !important;} .section-text-in > *{border:1px dotted white;} .section-image{background-color:rgba(0,255,255,.3);} .section-image .image{background-color:rgba(0,255,0,.3) !important;}*/ /* TODO settings.css */ /*.ws-slider .item-heading{font-size:320%; font-weight:500;} .article .item-heading{font-size:160%; font-weight:500;} .digest .item-heading{font-size:140%; font-weight:500;}*/