/******************************************/ /* */ /* CMS: WebSynergy */ /* Version: 4.3.21 */ /* Template: Default */ /* Last Update: 2021-03-19 */ /* 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-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-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;} .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-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;} .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%;} /* 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;}*/ /***********************************************************************************************************************************/ /* 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;} /***********************************************************************************************************************************/ /* 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-1-7{width:14.28571428571429%;} .col-1-8{width:12.5%;} .col-1-9{width:11.11111111111111%;} .col-1-10{width:10%;} .col-1-11{width:9.090909090909091%;} /*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{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{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 .stripe-text-image.stripe-text-l .section-text-in,.grid-space-s .stripe-edge .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 .stripe-text-image.stripe-text-r .section-text-in,.grid-space-s .stripe-edge .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{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{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 .stripe-text-image.stripe-text-l .section-text-in,.grid-space-m .stripe-edge .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 .stripe-text-image.stripe-text-r .section-text-in,.grid-space-m .stripe-edge .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{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{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 .stripe-text-image.stripe-text-l .section-text-in,.grid-space-l .stripe-edge .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 .stripe-text-image.stripe-text-r .section-text-in,.grid-space-l .stripe-edge .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 fieldset*/,.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{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{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 .stripe-text-image.stripe-text-l .section-text-in,.grid-space-xl .stripe-edge .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 .stripe-text-image.stripe-text-r .section-text-in,.grid-space-xl .stripe-edge .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;} /***********************************************************************************************************************************/ /* FLEXBOX */ /***********************************************************************************************************************************/ .flex-container.row,.flex-container .row,.flex-container .item, .row-flex,.col-flex, .catalogue-view1 .item-content-text{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-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{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;} /***********************************************************************************************************************************/ /* */ /* 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;} /***********************************************************************************************************************************/ /* STRIPE */ /***********************************************************************************************************************************/ .stripe-in{z-index:2;} .stripe-link-layer,.stripe-link-layer a{z-index:3;} .col{z-index:2;} /***********************************************************************************************************************************/ /* ICON */ /***********************************************************************************************************************************/ .field-icon .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:1000;} .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{-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;} .ws-show-event{transition:400ms;} /*=================================================================================================================================*/ /*=================================================================================================================================*/ /* */ /* BASIC */ /* */ /*=================================================================================================================================*/ /*=================================================================================================================================*/ /***********************************************************************************************************************************/ /* FONT */ /***********************************************************************************************************************************/ *{font-family:Arial,Verdana,lucida,sans-serif;} /***********************************************************************************************************************************/ /* BASIC */ /***********************************************************************************************************************************/ *,.icon:before,.icon:after{line-height:1.4em; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} body{font-size:95%; text-align:center; margin:0; padding:0;} /***********************************************************************************************************************************/ /* TITLE */ /***********************************************************************************************************************************/ h1,h2,h3,h4,h5,h6{font-weight:500; margin:1em 0 .8em;} h1,h2,h3,h4,h5,h6,h1 *,h2 *,h3 *,h4 *,h5 *,h6 *{line-height:1.3em;} h1,.ws-slider *.item-heading{font-size:280%; font-weight:600; margin:0 0 .4em;} h2{font-size:220%;} h3{font-size:195%;} h4{font-size:190%;} h5{font-size:180%;} h6{font-size:170%;} #content .title-decoration,.title-decoration h1,.title-decoration .section-text-standard h1.item-heading,.title-decoration #content h2:not(.item-heading):not(.form-heading){position:relative; padding-bottom:.5em; margin-bottom:.7em;} #content .title-decoration:after,.title-decoration h1:after,.title-decoration #content h2:not(.item-heading):not(.form-heading):after{content:""; display:block; position:absolute; left:0; bottom:0; width:150px; height:2px; background-color:#dddddd;} #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 .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%);} /***********************************************************************************************************************************/ /* TAG */ /***********************************************************************************************************************************/ /*h1,h2,h3,h4,h5,h6,*/strong,dt{font-weight:700;} h2,h3,h4,h5,h6{font-weight:500;} 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;} img,a img{border:none;} iframe{max-width:100%;} /*a{-webkit-transition:150ms; -moz-transition:150ms; transition:150ms;}*/ /***********************************************************************************************************************************/ /* BORDER */ /***********************************************************************************************************************************/ hr, #top-bar, .head-claim p, .tab-nav li > *:first-child,.tab, .pagination > *,.tab-switch > *, .border th,.border td, /*.sidebar .box,*/.sidebar .element, .boxed,.items-boxed .item,.items-boxed-text .item .item-content-text, .catalogue.stripe-space-none > .row, .tooltipster-default, .tag-category-content, .ws-faq-answer-category{border-style:solid;} .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;} .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:red;} /***********************************************************************************************************************************/ /* */ /* HEAD */ /* */ /***********************************************************************************************************************************/ /***********************************************************************************************************************************/ /* HEAD & TOP BAR ELEMENT */ /***********************************************************************************************************************************/ .element-head{text-align:left;} .element-head .ws-pack-item-header.icon{padding-left:20px; padding-right:20px;} .topbar-element-icon #top-bar .element-head:last-child .boxed:not(.ws-pack-item-content),.head-element-icon .head-elements .element-head:last-child .boxed:not(.ws-pack-item-content){padding-right:0 !important;} /***********************************************************************************************************************************/ /* TOP BAR */ /***********************************************************************************************************************************/ #top-bar{position:relative; /*z-index:11;*/ border-width:0 0 1px 0;} #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 .element-head .item .icon:before{margin-right:0;} #top-bar .ws-pack-item-header.icon:after{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-content,#head-content > .stripe > .stripe-in, .logo-image,#head .nav a,.head-elements,.head-elements .head-icon{-webkit-transition:200ms; -moz-transition:200ms; transition:200ms;}*/ /*.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{position:relative;} .nav-decoration #nav .nav ul:first-child > li > a > strong:before/*,.nav-decoration #nav .nav ul:first-child > li > a:hover > span:first-child: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{margin-left:.5em;} /*#logo{}*/ #logo{font-weight:400; /*max-height:calc(1.4em + 2 * 1em);*/} /*#logo p{font-size:130%; margin:.2em 0 0;}*/ /*#logo img{width:100%; max-width:300px;}*/ /*#logo.logo-image *{display:inline-block; vertical-align:middle;}*/ #logo a,#logo img{display:block; width:auto;} #logo a{/*font-size:240%; text-transform:uppercase;*/ text-decoration:none;} .head-claim p{font-size:130%; padding:.2em 0 .2em 20px; margin:0; border-width:0 0 0 1px;} .head-shrink .head-claim p{font-size:100%;} /*#logo.logo-image a{font-size:50%; text-transform:none;}*/ .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 ~ #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 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-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;} /***********************************************************************************************************************************/ /* 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{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 .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 12px;} .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){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;}*/ /* Variant without texts */ .head-element-icon .head-v3 .head-elements .element-head{border:none;} .head-element-icon .head-v3 .head-elements .head-icon-in{display:none;} .head-element-icon .head-v3 .head-elements .element-nav-hamburger .head-icon > span:first-child{display:inline;} .head-element-icon .head-v3 .head-elements .item.boxed,.head-element-icon .head-v3 .head-elements .ws-pack-item-header.boxed{padding:0 12px;} /***********************************************************************************************************************************/ /* 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-bottom:1px solid #e5e5e5; /*-webkit-transition:100ms; -moz-transition:100ms; transition:100ms;*/} .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 a.active,.nav a.active:hover,.nav a.selected{color:white; background-color:gray;} .nav a.active{color:white;} .nav-default{border:1px solid #dddddd;} .nav-default a{background-color:white; border-color:#dddddd;} #nav,.nav-unpacking{position:relative; /*z-index:250;*/ background-color:white;} #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; background:white; /*border:1px solid #dddddd;*/} #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-left:1px solid #dddddd;} #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-top:1px solid #e5e5e5;} #nav #subnav .nav li > ul{display:block; position:relative; top:0; left:0; width:100%;} #nav.nav-no-rollover .nav li:hover > ul{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 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;} /***********************************************************************************************************************************/ /* 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{margin-left:-25%;} /* Segment spacing */ #content .segment + .segment{margin-top:1.5em;} .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{margin-left:-100%;} .layout-left #sidebar2{margin-left:-270px;} .layout-left #sidebar1 > .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{margin-left:-270px;} .layout-right #sidebar1 > .stripe > .stripe-in,.layout-right #sidebar1-content > .stripe > .stripe-in{padding-left:0;} .layout-right #sidebar2 > .stripe > .stripe-in{padding-right:0;} /***********************************************************************************************************************************/ /* FOOT */ /***********************************************************************************************************************************/ #foot{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-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; display:block; line-height:1em; padding:1em;} /***********************************************************************************************************************************/ /* STICKY */ /***********************************************************************************************************************************/ /*.sticky-anchor{} .sticky-element{}*/ .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;} .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;} .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;} .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="radio"] + label:before,.tab-switch input[type="radio"] + label:after{display:none;} .tab-switch > .field + .field{margin-top:0 !important;} .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; /*color:green;*/} .ws-rating + a{vertical-align:middle;} /*.ws-rating-empty.icon:before{color:#dddddd;}*/ /*.ws-rating-choose.icon:before{color:green;}*/ /*.ws-rating a:hover.icon:before{color:red;}*/ /*.ws-rating li:hover ~ li a.icon:before{color:red;}*/ .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{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-like{} .ws-rating-dislike{} /***********************************************************************************************************************************/ /* MESSAGES */ /***********************************************************************************************************************************/ .message{clear:left; position:relative; width:100%; margin:1em 0;} .message-in{padding:1.2em 20px;} .message.icon .message-in{padding-left:4em; min-height:4em;} .message h2,.ws-dialog-title-heading h2{font-size:145%;} .message h3{font-size:135%;} .message h4,.message h5,.message h6{font-size:125%;} .message *{margin:.5em 0 0;} .message *:first-child{margin-top:0;} .message li{margin:0;} .message:before{position:absolute; top:.3em; left:.6em; font-size:2em; width:1em; text-align:center;} /***********************************************************************************************************************************/ /* 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{background-color:white; border:1px solid #dddddd;} .form-part + .form-part > .boxed{border-top:none;} .form-part-border .form-part{border-bottom:1px solid #dddddd;} .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;} .label-h3{margin-top:.5em; margin-bottom:0;} .label-h3 h3{position:relative; top:-.3em; line-height:1.4em;} /*.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; background-color:white; border:1px solid #dddddd;} .field-input-tabs input:checked + label{color:white; background-color:#42b3e5; border-color:#42b3e5;}*/ .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;} /*.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{font-size:100%; text-decoration:none; height:2.6em; padding:.5em; margin:0; color:#4c4c4c; background-color:white; border:1px solid #bbbbbb; outline:none;} 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,#cookie-info .button{font-size:100%;} input,textarea,select,button,.button{background-color:#efefef; /*-webkit-transition:200ms; -moz-transition:200ms; transition:200ms;*/} 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;} input[type="radio"] + label,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; background-color:white; border:1px solid #bbbbbb;} input[type="radio"] + label:before,input[type="radio"] + label:after{border-radius:50%;} input[type="checkbox"] + label:after{color:white; position:absolute; top:.05em !important; left:.3em !important;} input[type="radio"] + label:after,input[type="checkbox"] + label:after{top:.47em; left:.47em; width:.6em; height:.6em; border:none;} input[type="radio"]:checked + label:before,input[type="checkbox"]:checked + label:before{background-color:#d00000; /*border-color:transparent;*/} .field-radio > .field + .field{margin-top:.3em;} .field-checkbox > .field + .field{margin-top:.4em;} .field-inline .field + .field{margin-top:0;} .input-number-group{position:relative; display:inline-block; vertical-align:middle;} .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:1px solid #bbbbbb; border-width:0 0 0 1px;} .input-number-group a.input-number-dec{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;} /***********************************************************************************************************************************/ /* REQUIRED INPUT */ /***********************************************************************************************************************************/ .required input,.required select,.required textarea,.required .field-icon .icon:before{background-color:#fffafa; border:1px solid #dca1a1;} .required label strong{font-weight:inherit;} .field-required-star{position:relative; font-size:60%; top:-.5em;} /*.required input,.required select,.required textarea{border-left-width:3px;}*/ /***********************************************************************************************************************************/ /* FOCUS INPUT */ /***********************************************************************************************************************************/ input:focus,textarea:focus,select:focus,.required textarea:focus,.required select:focus{color:black; background-color:#fffdd4;} /***********************************************************************************************************************************/ /* VALID/INVALID */ /***********************************************************************************************************************************/ .input-valid input,.input-valid select,.input-valid textarea,.input-valid .field-icon .icon:before, .input-valid.required input,.input-valid.required select,.input-valid.required textarea,.input-valid.required .field-icon .icon:before{border-color:#38a20f;} /***********************************************************************************************************************************/ /* 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:hover,.button:hover{color:white; border-color:#808080; background-color:#808080;} button + button,button + .button,.button + .button,.button + button{margin-left:.5em;} /*.button-login{}*/ /*.button-logout{color:#8d3d43; background-color:#f6dfdf; border-color:#e1b4b4;}*/ .button-soft{background-color:#efefef; border-color:#bbbbbb;} .button-uppercase button,.button-uppercase .button{text-transform:uppercase;} /***********************************************************************************************************************************/ /* HINT */ /***********************************************************************************************************************************/ .hint{position:relative; display:inline-block; font-size:83%; padding:.4em .6em; margin-top:.7em; color:white; background-color:#9e2e1d;} .hint:before{position:absolute; top:-.7em; left:50%; margin-left:-.4em; color:#9e2e1d; -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg);} .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{position:absolute; top:0; right:0; padding-right:0; margin:0; /*z-index:1;*/ height:100%;} .field-icon .icon:before{font-size:100%; display:block; min-width:2.4em; height:100%; text-align:center; margin:0; color:gray; background:#f7f7f7; border-left-color:#cdcdcd;} .required .field-icon .icon:before{color:#bb6868; background:#fcf3f3; border-color:#e8c5c5;} /* 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 td,.ui-datepicker tr:hover td{background-color:transparent; border-color:#dddddd;} .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 */ /***********************************************************************************************************************************/ .ui-widget-header{color:black; background-color:white;} .ui-widget.ui-widget-content{border-color:#dddddd;} .ui-widget-content{color:black; background-color:white;} .ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{color:black; background-color:white; border-color:#dddddd;} .ui-widget-content .ui-state-active{color:black; background-color:#dddddd;} /***********************************************************************************************************************************/ /* */ /* TABLE */ /* */ /***********************************************************************************************************************************/ table{width:100%; margin:1em 0; border-collapse:collapse; border:1px solid #dddddd;} th,td{text-align:left; vertical-align:middle; padding:.7em 15px; background-color:white; border:1px solid #dddddd; border-width:1px 0;} tr:nth-child(even) td{background-color:#fcfcfc;} tr:hover td{color:black; background-color:#f3f3f3;} .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;} tr.selected-row{background-color:#dddddd;} 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:1px solid #dddddd;} .image-in{position:absolute; max-width:100%; max-height:100%; left:0; right:0; top:0; bottom:0; overflow:hidden;} /*.image img{-webkit-transition:200ms; -moz-transition:200ms; transition:200ms;}*/ .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{position:absolute; top:50%; left:0; /*z-index:0;*/ font-size:500%; width:100%; line-height:0; text-align:center; margin:0; color:#dddddd; -webkit-opacity:.5; -moz-opacity:.5; opacity:.5;} .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{max-width:90%;} .images-width-80:not(.images-full-box) .image-div-width .image-in{max-width:80%;} .images-width-70:not(.images-full-box) .image-div-width .image-in{max-width:70%;} .images-width-60:not(.images-full-box) .image-div-width .image-in{max-width:60%;} .images-width-50:not(.images-full-box) .image-div-width .image-in{max-width:50%;} .catalogue-view1.images-valign-bottom .image img{vertical-align:bottom;} .catalogue-view1.images-valign-bottom .image .lazy-div-in img{bottom:0; top:auto; transform:translate(-50%,0);} /*.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{position:absolute; z-index:100; top:50%; left:50%; margin:-1em 0 0 -1em; width:2em; line-height:2em; text-align:center; font-size:300%; -webkit-opacity:.3; -moz-opacity:.3; opacity:.3;} .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{/*max-height:100%;*/ 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;} /* Test */ /*.lazy-div{border:1px solid red; background-color:pink;} .lazy{border:3px solid green; background-color:yellow;}*/ /***********************************************************************************************************************************/ /* IMAGE BORDER */ /***********************************************************************************************************************************/ .digest .image,.gallery .image,.images-border-none .image,.image-border-none,.border-none{border:none;} .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%;} .img90 .img-width{max-width:90%;} .img90 .img-height{max-height:90%;} .img80 .img-width{max-width:80%;} .img80 .img-height{max-height:80%;} .img70 .img-width{max-width:70%;} .img70 .img-height{max-height:70%;} .img50 .img-width{max-width:50%;} .img50 .img-height{max-height:50%;} .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%;} .image20 .image{width:20%;} .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%;} .image20.images-square .image{width:20%; padding-bottom:20%;} .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,.image20.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,.image20 .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;} :not(.image-in) > a[data-gallery-id]:hover:before{background-color:black; background:rgba(0,0,0,.7);} /***********************************************************************************************************************************/ /* 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 */ /* */ /***********************************************************************************************************************************/ /*.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 *{line-height:1.3em; 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{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 p{margin:0;} .item-info span{display:inline-block; margin-right:.7em;} .item-info span ~ span{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-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;} #content .item-info-bottom .segment + .segment{margin-top:1em;} .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; /*-webkit-transition:300ms; -moz-transition:300ms; transition:300ms;*/} .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:/*translate(-50%,-50%)*/ 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 .item .image-in a:before,.item-image-video .image-in a:before{font-family:FontAwesome; -webkit-font-smoothing:antialiased; content:"\f04b"; font-size:120%; display:block; position:absolute; z-index:2; top:6em; left:50%; width:1.4em; height:1.4em; line-height:1.4em; padding:.8em .7em .8em .9em; text-align:center; transform:translate(-50%,-50%); color:white; background-color:black; background-color:rgba(0,0,0,.5); border-radius:50%;} .items-image-video .item:hover a:before{background-color:#ec0100;} .items-image-video:not(.items-image-box) .item .image-in a:before,.item-image-video:not(.items-image-box) .image-in a:before{top:50%;} .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);} /*=================================================================================================================================*/ /*=================================================================================================================================*/ /* */ /* 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;} /* Search results */ .search-item{} .search-heading{font-size:150%;} .search-item-heading{font-size:130%;} .page-search-title,.page-search-title > *{z-index:10;} .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;} /***********************************************************************************************************************************/ /* SEARCH SUGGEST (WHISPERER) */ /***********************************************************************************************************************************/ .search-suggest{text-align:left; max-height:400px; overflow:auto;} .search-suggest.boxed{padding:0;} .search-suggest-container{margin-bottom:1em;} .search-suggest-container:last-child{margin-bottom:0;} .search-suggest ul,.search-suggest 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{display:block; text-decoration:none; padding:.6em 15px;} .search-suggest-item .icon:before,.search-suggest-item a .icon:before{color:#cccccc;} /* 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; /*border-color:#dddddd;*/} .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{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%;} /***********************************************************************************************************************************/ /* */ /* 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 - LINES */ /***********************************************************************************************************************************/ .article .item-heading{font-size:160%;} .article .item + .item{padding-top:2em; margin-top:2em; border-top:1px solid #dddddd;} .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:0;} .article.items-boxed-text .article-item-image{position:absolute; top:0; height:100%;} .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%;} /*.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-of-type{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 *{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-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 !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 > *{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 > .stripe-in{height:100%;} .article-detail-visual .stripe-text-image{display:inline-block; vertical-align:bottom;} .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;} .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;} .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%;} /***********************************************************************************************************************************/ /* */ /* DIGEST */ /* */ /***********************************************************************************************************************************/ /*.digest .segment-heading{margin-bottom:1.2em;}*/ .digest .item-heading{font-size:140%; padding:.8em 0 0; margin:0 0 .8em;} .digest:not(.images-full-box):not(.images-square) .image{padding-bottom:0;} .digest:not(.images-full-box):not(.images-square) .image-in{position:relative;} /*.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-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;}*/ /***********************************************************************************************************************************/ /* VERSION 3 */ /***********************************************************************************************************************************/ .digest-v3 .item > a{color:inherit;} .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{/*padding:1em 20px;*/ font-size:100%; font-style:italic; /*border-width:1px; border-style:solid;*/} .ws-slider .testimonial .item-text{font-size:100%;} .testimonial .item-content-text:before,.testimonial .item-content-text:after{position:absolute; /*z-index:2;*/ line-height:0; bottom:0; left:28px; font-style:normal; -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);} .testimonial .item-content-text:after{bottom:-.11em; /*z-index:1;*/} .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 .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.items-boxed .item-content-text:before,.testimonial.items-boxed .item-content-text:after{left:48px;} .testimonial-no-boxed:not(.items-boxed) .item-content-text{padding:0; color:inherit; background-color:transparent; border:none;} /*.testimonial-no-boxed .item-text{}*/ .testimonial-no-boxed:not(.items-boxed) .item-content-text:before,.testimonial-no-boxed:not(.items-boxed) .item-content-text:after{display:none;} /*.testimonial-no-image .image{display:none;}*/ .images-none .item .image{display:none;} .testimonial.items-rounded.items-boxed .item{overflow:hidden;} /***********************************************************************************************************************************/ /* 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.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;} .testimonial-v2 .item-content-text > div.cl{display:none;} .testimonial-v2 .item-content-text:before,.testimonial-v2 .item-content-text:after,.testimonial-v2.items-boxed .item-content-text:before,.testimonial-v2.items-boxed .item-text:after{display:none;} .testimonial-v2 .image + .item-content-text:before,.testimonial-v2 .image + .item-content-text:after,.testimonial-v2.items-boxed .image + .item-content-text:before{display:block; top:calc(60px + .7em); bottom:auto; left:-.4em; margin-top:-.7em;} .testimonial-v2 .image + .item-content-text:after,.testimonial-v2.items-boxed .image + .item-content-text:after{left:-.5em;} .testimonial-v2.items-boxed .item{padding:0;} /*.testimonial-v2.items-boxed .item-info{padding:1em 0 1em 20px;}*/ .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 .item-content-text:before,.testimonial-v3 .item-content-text:after{top:0; bottom:auto;} .testimonial-v3 .item-content-text:after{top:-.11em;} .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;} /***********************************************************************************************************************************/ /* EXTERNAL */ /***********************************************************************************************************************************/ .element-ws-testimonials-external{} .element-ws-testimonials-external .testimonial .item-info span{display:inline-block;} .testimonial .item-info > *{margin-bottom:.5em;} .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; /*margin:0 !important;*/ 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 span{padding:0;}*/ .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.gallery-preview .item:hover .item-text{height:4.2em; margin-top:.5em;} .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:.8em;} .gallery-v2 .item:hover .image-gallery-icon:not(.image-gallery-icon-not-perex){bottom:5.5em;} /*.gallery-v2 .item .item-heading,.gallery-v2 .item .item-heading + .item-text{padding:0; background:transparent !important; border:none;}*/ /*.gallery-v2 .item .item-heading{padding:0 4em 0 0;}*/ /*.gallery-v2 .item .item-heading + .item-text{margin-top:.5em;}*/ /*.gallery-v2.images-border .item .item-content-text{margin:1px;}*/ /*.gallery-v2.images-border.images-full-box .image{border:none;}*/ /*.gallery-v2.images-border.images-full-box .item .item-content-text{margin:0;}*/ .gallery-v2-hover-text .item-text{left:-100%;} .gallery-v2-hover-text .item:hover > .item-text{left:0;} .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;} .items-icon-zoom .image-in a.gallery-more-a:hover:before{display:none;} .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.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%;} .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; text-align:center;} .pswp__button.pswp__button--arrow--left:before{left:0;} /***********************************************************************************************************************************/ /* 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; background-color:#f9f9f9; border:1px solid #dddddd;} .strip-box a{position:relative; top:0; left:0; display:block; width:100%; height:100%;} .strip{position:absolute; height:100%; display:block; background-color:#808080; /*-webkit-transition:300ms; -moz-transition:300ms; transition:300ms;*/} .poll a:hover .strip{background-color:#606060; border-color:#606060;} .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-permanent-thread td{background-color:#fff3a4;}*/ /* TEMPORARY OFF */ .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;} .map-list{height:100%; overflow:auto;} .map-list ul,.map-list li{list-style:none; padding:0; margin:0;} /***********************************************************************************************************************************/ /* */ /* HELP */ /* */ /***********************************************************************************************************************************/ .help .item + .item{padding-top:2em; margin-top:2em; border-top:1px solid #dddddd;} .help .item .item-info{margin:1em 0;} /***********************************************************************************************************************************/ /* */ /* 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;}*/ /* 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{margin:0;} .watchdog-table td{padding-top:0 !important; padding-bottom:0 !important; border:none;} .watchdog-table .basket-table-image{width:84px !important; padding-left:0; vertical-align:top;} .watchdog-table .basket-table-name{width:auto;} .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;} /***********************************************************************************************************************************/ /* */ /* 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{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{font-size:85%; margin-top:.5em;} .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;} /* 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;} .filter .field .image ~ label:before{top:1px; left:1px; width:calc(2.2em - 4px); height:calc(2.2em - 4px); background-color:transparent; border-color:transparent;} .filter .field .image ~ label:after{left:.65em !important; -webkit-opacity:0; -moz-opacity:0; opacity:0;} .filter .field .image + input:checked + label:after{-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);} /* 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{width:calc(100% - 4px); height:calc(100% - 5px);} .filter .filter-image .field .image ~ label:after{font-size:120%; top:50% !important; left:50% !important; width:2.2em; height:2.2em; line-height:2.2em; margin:-1.1em 0 0 -1.1em; text-align:center;} /* filter 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{float:none; margin:0;} .filters-horizontal .filter .form{margin:0;} .filters-horizontal .ws-pack-item-header{font-weight:inherit;} .filters-horizontal .catalogue-filter-items-title{margin-right:.3em;} .filters-horizontal .catalogue-filter-items,.filters-horizontal .catalogue-sorting,.filters-horizontal .catalogue-options{margin-bottom:.9em;} .filters-horizontal .catalogue-filter-view + .catalogue-filter-items{margin-right:7.5em;} .filters-horizontal .catalogue-filter-items > .row{margin:0 !important;} .filters-horizontal .catalogue-filter-items > .row > .col{padding:0;} .filters-horizontal .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 .catalogue-filter-items > .row > .col:not([class*="col-"]) .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 .item{margin-right:.5em;} .filters-horizontal .catalogue-sorting .item .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:last-child .field{margin-right:0;} /* filter slider jQuery */ .filter-slider-on{position:relative; width:auto; padding:0 1em; margin:.6em 0 !important;/*background-color:#f9f9f9; border:1px solid #dddddd;*/} .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{background-color:#808080; border:1px solid #dddddd;} .ui-slider-horizontal .ui-slider-handle{background-color:white; border:1px solid #dddddd;} /*.filter-sorters{} .sorter-property1{} .sorter-property2{}*/ .filter h4{font-size:100%; margin:0;} .filters-active{font-size:95%; margin:0 0 1em;} /*.filters-horizontal:not(.boxed) + .filters-active{margin-top:0;}*/ .filters-reset-all a,.filters-reset-all a:visited,.filters-view-all,.filters-view-all:visited{text-decoration:none; color:inherit;} /* 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-bottom:1px solid #dddddd;*/} /*.page-catalogue-preview .pagination{float:right;}*/ /* view option */ /*.catalogue-box-select{display:inline-block; float:left; margin-right:1em; background:white; border:1px solid #dddddd;} .catalogue-select-name,.catalogue-box-select a{display:inline-block; text-decoration:none; padding:.4em .6em;} .catalogue-box-select a{border-left:1px solid #dddddd;} .catalogue-box-select a.active{color:white; background:#808080;}*/ /***********************************************************************************************************************************/ /* 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-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-in{position:absolute; left:0; top:0;} .catalogue-stickers-margin .catalogue-stickers-in,.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 > span{position:relative; float:left; clear:left; display:inline-block; line-height:1.4em; padding:.3em 1em; color:white; background-color:gray;} .catalogue-stickers-in > span + span{margin-top:.5em;} .catalogue-stickers .catalogue-sticker-sale{background-color:#ffa200;} .catalogue-stickers .catalogue-sticker-new{background-color:#1d921a;} .catalogue-stickers .catalogue-sticker-recommend{background-color:#ff8400;} .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-stickers span:before{content:""; position:absolute; left:0; bottom:-6px; border-left:6px solid transparent; border-top:6px solid #646464;}*/ /* 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 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 > *,.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;} /* 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; 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 *{font-weight:inherit;} /*.catalogue-price-stock-space{border:1px solid red;}*/ .catalogue-price-stock p{margin:0;} .catalogue-price-stock-ok{color:#38a20f;} .catalogue-price-stock-na{font-weight:inherit; color:#c00000;} /***********************************************************************************************************************************/ /* PREVIEW LAYOUT */ /***********************************************************************************************************************************/ .page-catalogue{margin-top:1em;} /* 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;} .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 10px;} .catalogue-subcats-v2 .item a{display:inline-block; vertical-align:middle; width:100%; padding-top:.2em; padding-bottom:.2em; 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{font-size:150%;} .catalogue-subcats-v3 .item-content{font-weight:600;} #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-preview{margin-top:2.5em;}*/ .catalogue-category-megamenu.items-boxed .item > .row > .col{margin-bottom:0;} .catalogue-category-megamenu .item .image{margin-top:-25%; margin-bottom:-25%;} .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{font-size:260%;} /***********************************************************************************************************************************/ /* 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;} .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;*/} .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-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-price + .catalogue-basket-form{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-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 1.5em;} .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 .catalogue-price{min-height:0; margin:0 .3em 0 0; display:inline-block; vertical-align:middle;} .catalogue-detail-desc .catalogue-price > *{display:block;} .catalogue-detail-desc .catalogue-price-stock{font-size:120%;} .catalogue-detail-desc .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-sale{width:auto; display:inline-block; vertical-align:top; /*margin:1em 0 0 1em;*/} .catalogue-detail .catalogue-stickers-in{position:relative;} .catalogue-detail .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 #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{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-detail-gallery{position:relative; margin-right:1em;} .catalogue-detail-gallery-image .image-in img{max-height:640px;} .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:0;} .catalogue-detail-desc .item-info > *:last-child{margin-right:0;} .catalogue-detail-desc .item-info span{margin-right:0; border:none;} .catalogue-detail-desc .catalogue-basket{margin:1em 0;} #content-in-content .catalogue-detail-gallery{margin-right:0;} /* stickers over image */ .catalogue-detail-gallery-image-stickers{position:absolute; z-index:3; top:20px; right:20px; width:3.7em; text-align:center;} .catalogue-detail-gallery-image-stickers *{position:relative !important; height:auto !important;} .catalogue-detail-gallery-image-stickers > *{margin:0 0 .5em !important;} .catalogue-detail-gallery-image-stickers .catalogue-stickers-in > span{float:none;} .catalogue-detail-gallery-image-stickers .icon-svg-box{padding:.85em;} .catalogue-detail .catalogue-price-stock{font-weight:600; margin:0;} .catalogue-detail .catalogue-price-stock-date{padding-left:1em; margin-left:1em; border-left:1px solid #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; color:#4c4c4c;} .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 .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;}*/ .catalogue-product-expired 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;} /* Detail - Change stripe width, correct only without sidebar */ .page-catalogue-detail-body .stripe-catalogue-detail-width > .stripe-in{max-width:none !important; padding-right:0 !important; padding-left:0 !important;} /* Catalogue detail v2 - Visual */ .catalogue-detail-visual > .stripe-in{height:100%;} .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;} .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, .page-catalogue-detail-v3 .col-catalogue-detail-gallery{width:calc(100% - 550px);} .catalogue-detail-columns .col-catalogue-detail-param:not(.col-12), .page-catalogue-detail-v3 .col-catalogue-detail-desc{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{color:inherit; text-decoration:none;} /***********************************************************************************************************************************/ /* CATALOGUE ALTERNATIVE */ /***********************************************************************************************************************************/ .catalogue-alternatives{padding:1px 0; margin-top:2em;} /*.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 .item{padding:1em 0; margin:0; background-color:transparent; border-width:1px 0;} .catalogue-alternatives.items-boxed .item + .item{border-top:0;} .catalogue-alternatives.items-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;} .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 */ /***********************************************************************************************************************************/ .catalogue-bestseller-category{margin:1.5em 0 2.5em;} .catalogue-bestseller-category h2{margin-bottom:.3em;} .catalogue-bestseller-category.catalogue .item{padding-top:.5em; padding-bottom:.5em; margin:0;} .catalogue-bestseller-category.catalogue .item + .item{border-top-width:0;} .catalogue-bestseller-category.catalogue .item-heading{height:auto;} .catalogue-bestseller-category .catalogue-preview-info{display:none;} .catalogue-bestseller-category .catalogue-preview-info > *{display:inline-block; vertical-align:middle;} .catalogue-bestseller-category .catalogue-stickers{margin:0;} .catalogue-bestseller-category .catalogue-stickers span{padding-top:.2em; padding-bottom:.2em;} .catalogue-bestseller-category .ws-rating{margin-left:.5em;} .catalogue-bestseller-category .catalogue-price,.catalogue-bestseller-category .catalogue-basket-form{display:inline-block; vertical-align:middle; margin:0;} .catalogue-bestseller-category .catalogue-basket-form{margin-left:1em;} .catalogue-bestseller-category .catalogue-basket-count{display:none;} .catalogue-bestseller-category button{margin:0;} /***********************************************************************************************************************************/ /* BASKET */ /***********************************************************************************************************************************/ /*.catalogue-detail .catalogue-basket{padding:1.5em 20px; background-color:white; border:1px solid #dddddd;}*/ .catalogue-detail .catalogue-basket .catalogue-price{margin:0;} .catalogue-detail .catalogue-basket input,.catalogue-detail .catalogue-basket button{padding-top:.8em; padding-bottom:.8em;} /***********************************************************************************************************************************/ /* 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; color:#4c4c4c; background-color:white; border:1px solid #dddddd;} .catalogue-variants li.catalogue-variants-na a,.catalogue-variants .catalogue-variant-item.catalogue-variants-na input[type="radio"] + label{color:#cccccc; 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;} .catalogue-variants li.catalogue-variants-choose a,.catalogue-variants input[type="radio"]:checked + label{color:white; background-color:gray; border-color:gray;} .catalogue-variants .hint{background-color:#38a20f;} .catalogue-variants .hint:before{color:#38a20f;} /* 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;} /***********************************************************************************************************************************/ /* */ /* E-SHOP BASKET & ORDER */ /* */ /***********************************************************************************************************************************/ .order{position:relative;} /*.order h1{}*/ /*.order-step-numbers{position:absolute; top:5px; right:0; font-size:150%; padding:0; margin:0;}*/ .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;} #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; background-color:red;} #order-steps-top li.order-step-completed:after{background-color:green;} #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:1px solid gray;} .order-step-text{display:block; font-size:90%; text-align:center;} .order-step-active strong{font-weight:inherit;} /*#order-steps-top #tab{margin:0; padding-bottom:0;} #order-steps-top #tab .tab-nav li > *:first-child{padding-left:0; padding-right:0;}*/ /*#order-steps-top{margin-top:2.5em;}*/ /*#order-steps-top ul,#order-steps-top li{list-style:none; padding:0; margin:0;}*/ /*#order-steps-top .order-step{position:relative; top:0; left:0; display:inline-block; vertical-align:middle; text-align:center; padding:.6em; width:20%; background-color:white; border:1px solid #dddddd;} #order-steps-top .order-step + .order-step{border-left:none;}*/ /*.order-step{display:block; text-align:center; padding:.7em 0; border-left:none;}*/ /*.order-step-active{color:white; padding:1em; background-color:#808080; border-color:#606060;}*/ /*.order-step-active strong{font-size:110%;}*/ /*#order-steps-top li:first-child .order-step{border:1px solid #dddddd;}*/ /*#order-steps-top li.order-step-active:first-child .order-step{border-color:#606060;}*/ /*.order-step-number{position:absolute; top:0; left:50%; display:block; text-align:center; width:1.9em; padding:.25em 0; margin:-1.4em 0 0 -1em; background-color:white; border:1px solid #dddddd;}*/ /*.order-step-active .order-step-number{font-weight:600; margin-top:-1.4em; color:white; background-color:#808080; border-color:#606060;}*/ /*.order-step-completed .order-step-number{height:1.5em; background-color:white;}*/ /*.order-step-completed a{}*/ /***********************************************************************************************************************************/ /* CONTENT */ /***********************************************************************************************************************************/ div[class*="page-order-"] h1{text-align:center;} .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 TABLE */ /***********************************************************************************************************************************/ .basket-table{/*margin:0;*/ 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;} .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,.basket-table .basket-table-image .image-in{width:82px; height:82px;} .basket-table .basket-table-image .image{display:table-cell;} .basket-table .basket-table-image .image .img-width{width:97%;} .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,.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{display:none;} .basket-table-price-delivery-payment > strong{display:inline-block; min-width:3em; margin-left:.3em;} .basket-table-date strong{display:block;} /* Basket summary bottom */ .basket-order-sum{margin-top:1.5em; margin-bottom:.5em;} /*.basket-order-sum .catalogue-shipping-info{margin-top:0;}*/ #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 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 td:not(.basket-table-image):not(.basket-table-delete){background-color:#f9f9f9;} /*.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{text-align:center; margin-top:2em; /*margin-bottom:2em;*/} .basket-order-gifts > *{display:inline-block; vertical-align:top;} .basket-order-gifts-desc{position:relative; max-width:33%; padding:30px; margin-right:2%; background-color:#dddddd;} .basket-order-gifts-desc:after{position:absolute; top:1.5em; right:-.35em; color:#dddddd; font-size:200%; margin-top:-.35em; -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);} .basket-order-gifts-desc .catalogue-gift-icon{margin-bottom:.5em;} .basket-order-gifts-desc h3{font-size:110%; margin:.3em 0;} .basket-order-gifts-desc p{margin:0;} .basket-order-gifts-select{text-align:left; width:770px; max-width:65%;} .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 .item-heading,.basket-order-gifts-select .item-heading a{text-decoration:none; color:inherit;}*/ .basket-order-gifts-select .catalogue-price{display:inline-block;} .basket-order-gifts-select .button-cart{margin-left:1em;} .basket-order-gifts-select .message:first-child{margin-top:1em;} .page-order-basket .basket-table{margin-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 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;} .delivery-payment-icon{display:inline-block; height:2em; width:4em; margin-right:.4em; /*margin-top:-.3em;*/} .delivery-payment-icon img{display:block; max-width:100%; max-height:100%; width:auto; height:auto;} .delivery-payment-icon,.delivery-payment-icon ~ *{margin-top:-.2em;} .order-payment-delivery ul *{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{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;} /***********************************************************************************************************************************/ /* 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;} .order-next,.order-next:visited{color:white; border-color:#218d08; background-color:#218d08;} .order-next:hover{border-color:#1d7c07; background-color:#1d7c07;} .button-cart{/*padding-right:.5em; padding-left:.5em;*/ color:white; /*text-decoration:none;*/background-color:#80b200; border-color:#6f9b00;} .button-cart:hover{background-color:#6b9500; border-color:#608600;} .order-sum-payment{font-size:110%; font-weight:700; margin:1em 0;} .order-summary-info{padding-left:1em;} /*.order-summary-info h4{font-size:130%; margin-top:0;} .order-summary-info p{margin-bottom:0;}*/ /*.cart{display:inline-block; vertical-align:middle; line-height:1em;}*/ .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,.order-pay.boxed{padding-top:20px; padding-bottom:25px; margin:2em auto; background-color:#f5fff3; border-width:2px; border-color:#218d08;} .order-pay h3,.order-pay.boxed h3{color:#218d08; margin:0 0 .3em;} .order-pay img{max-height:70px; width:auto;} .order-print{text-align:center; /*position:absolute; top:0; right:0;*/} /***********************************************************************************************************************************/ /* */ /* CONFIGURATOR */ /* */ /***********************************************************************************************************************************/ #configurator-desc{margin:0 0 1.5em;} #configurator-desc .image{width:90px; padding-bottom:90px; margin:0 .8em 0 0;} .configurator-desc-text{display:inline-block; vertical-align:middle;} .configurator-desc-text h1{margin:0;} .configurator-desc-text h1 span{display:block; font-weight:400; font-size:85%;} #configurator-total{float:right; font-size:140%; margin:0 0 .5em;} .configurator-chapter{margin-bottom:1em;} .configurator-chapter~.configurator-chapter{border-top:1px solid #dddddd;} .configurator-chapter label{padding:0;} .configurator-chapter-desc{margin-bottom:1.5em;} .configurator-chapter~.configurator-chapter .configurator-chapter-desc{padding-top:2em;} .configurator-chapter-desc h2{margin-top:0;} /***********************************************************************************************************************************/ /* ITEM */ /***********************************************************************************************************************************/ .configurator .image{margin-bottom:.5em;} .configurator .item{padding:15px; color:black; background-color:white; border:1px solid #dddddd;} .configurator .item-heading{display:inline-block; font-size:100%; font-weight:inherit;} .configurator input{display:inline-block; margin:.35em 0 0;} .configurator .item-text{font-size:85%; margin-bottom:1em;} .configurator .catalogue-price{text-align:left;} .configurator .selected {color:black; background-color:#e1ffda; border-color:#6dcb57;} .configurator .selected .item-heading{color:black;} /***********************************************************************************************************************************/ /* */ /* 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; background-color:white;} .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,.ws-booking-unit a:visited,.ws-booking-unit a:hover{color:#4c4c4c;} .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-left:1px solid #dddddd;} .ws-booking-unit .ws-booking-unit-selected + a,.ws-booking-unit .ws-booking-unit-reserved + span{border-left:none;} .ws-booking-unit a:hover{background-color:#7dc71c;} .ws-booking-unit-available{background-color:white;} .ws-booking-unit-selected{background-color:#ffcc00;} .ws-booking-unit-reserved{background-color:#dfdfdf;} .ws-booking-unit-na{background-color:#f7f7f7; 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:1px solid #dddddd;} .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;} .countdown{color:#60aa00;} .countdown-end{color:#b90000;} /***********************************************************************************************************************************/ /* */ /* 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 .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.3em; width:1.35em; height:1.4em; color:white !important; background-color:black; background:rgba(0,0,0,.5); -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;} .ws-slider-controls-arrows a:hover,.ws-slider-controls-arrows a:visited{color:white; background:black;} .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; /*padding:0 .5em; background-color:gray; background:rgba(0,0,0,.15); -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;*/} .ws-slider-controls-numbers a{display:inline-block; text-decoration:none; width:1.4em; height:1.4em; margin:.5em .2em; overflow:hidden; color:black; background:black; /*border:.2em solid #4c4c4c;*/ -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;} .ws-slider-controls-numbers a:hover,.ws-slider-controls-numbers a.active{color:white; background:white;} /* Controls visibility */ .ws-slider-hidden-controls .ws-slider-controls,.ws-slider-hidden-controls .ws-slider-controls-arrows{display:none; -webkit-opacity:.0; -moz-opacity:.0; opacity:0; /*-webkit-transition:300ms; -moz-transition:300ms; transition:300ms;*/} .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;} .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: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;}} /***********************************************************************************************************************************/ /* */ /* 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; color:white; background-color:black; background-color:rgba(0,0,0,.8);} #cookie-info p{padding:0; margin:.5em 20px; line-height:1.6em;} #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-close:hover{color:white; background-color:#dd0000;} /***********************************************************************************************************************************/ /* */ /* 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;} .ws-dialog-window{position:relative; text-align:left; width:auto; height:auto; max-width:calc(100% - 30px); max-height:calc(100% - 30px); background-color:white; border:1px solid #dddddd; border:none; /*z-index:10000;*/} .ws-dialog-window-in,.ws-dialog-window-main-content{height:100%;} .ws-dialog-window-main-content{overflow-y:auto; overflow-x:hidden;} /*.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; background-color:#f4f4f4;} .ws-dialog-title-heading h2{color:inherit;} .ws-dialog-window-close{position:absolute; top:0; right:0; /*z-index:2;*/ padding:.4em .65em;} .ws-dialog-window-close.button-soft{background-color:transparent; border:none;} .ws-dialog-window-content,.ws-dialog-window-buttons{padding:1.5em 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;} .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-900{width:900px;} .ws-dialog-700{width:700px;} /***********************************************************************************************************************************/ /* BASKET */ /***********************************************************************************************************************************/ /*.ws-dialog-window-basket{width:900px;}*/ /*.ws-dialog-window-basket .ws-dialog-head{padding:0;} .ws-dialog-window-basket .ws-dialog-head .message{margin:0; border-radius:0;}*/ .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-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-basket-variant{width:700px;}*/ /*.ws-dialog-window-product-variants{padding-left:140px;}*/ .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;} /***********************************************************************************************************************************/ /* 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{display:none;} /* Element in sidebar */ .sidebar .element{padding:1em 20px; border-width:1px; /*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; border-bottom:1px solid #dddddd;*/} .perex-image{position:relative; top:0; left:0; text-transform:uppercase; padding:1.5em 300px 1.8em 1.5em; margin:1.5em 0 2em; color:white; background:#4c4c4c;} .perex-image *{color:white;} .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;} /***********************************************************************************************************************************/ /* */ /* LOGIN */ /* */ /***********************************************************************************************************************************/ .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; color:white; background-color:#4c4c4c;} /***********************************************************************************************************************************/ /* */ /* CALLBACK */ /* */ /***********************************************************************************************************************************/ .special-element-side .element-callback{width:300px;} /***********************************************************************************************************************************/ /* */ /* 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.05em /* IE fix from 1em */; position:relative; top:-.1em; vertical-align:middle; border:1px solid #8e8e8e;} /*.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;} /***********************************************************************************************************************************/ /* */ /* 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{display:inline-block;} /*.element-directmail-horizontal{}*/ .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{display:inline-block; margin-bottom:0;} .element-directmail-horizontal .form-foot .item:not(.item-hidden) + .item{margin-left:.5em;} .element-directmail-horizontal .field-checkbox{margin-bottom:0 !important;} .element-directmail-horizontal button{font-size:100% !important; height:2.6em;} /***********************************************************************************************************************************/ /* */ /* LOGGED USER */ /* */ /***********************************************************************************************************************************/ /*.element-logged{}*/ /***********************************************************************************************************************************/ /* */ /* CONTACT */ /* */ /***********************************************************************************************************************************/ .element-contact-icon{display:none;} .element-contact-content > span{display:inline-block;} #top-bar .element-contact-content > span + span{padding-left:.5em; margin-left:.5em; border-left:1px solid #dddddd;} /***********************************************************************************************************************************/ /* */ /* 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:1px solid 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:hover:after{content:""; position:absolute; top:0; left:0; z-index:1; display:block; width:100%; height:100%; background:rgba(0,0,0,.3);} .social-icon.icon-facebook{background-color:#3b5999;} .social-icon.icon-android{background-color:#a5c63b;} .social-icon.icon-apple{background-color:#96aac5;} .social-icon.icon-card-visa{background-color:#103794;} .social-icon.icon-envelope{background-color:#8e8e8e;} .social-icon.icon-flickr{background-color:#ff0086;} .social-icon.icon-google-plus{background-color:#d84938;} .social-icon.icon-instagram{background-color:#d6249f; background:linear-gradient(45deg, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);} .social-icon.icon-linkedin{background-color:#0082ca;} .social-icon.icon-rss{background-color:#fd8b06;} .social-icon.icon-skype{background-color:#24b4f0;} .social-icon.icon-twitter{background-color:#29c5f6;} .social-icon.icon-youtube{background-color:#de332c;} .element-ws-share .element-social{margin-top:0 !important; margin-bottom:.5em;} /***********************************************************************************************************************************/ /* */ /* TAG */ /* */ /***********************************************************************************************************************************/ /*.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*/{background-color:white; border:1px solid #dddddd;} .tag:last-child/*,.filters-reset-all*/{margin-right:0;} .tag > img{height:1.3em; width:auto; vertical-align:middle; margin-right:.3em;} .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;} /* 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: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{display:inline-block; /*position:absolute; top:50%; right:20px; margin-top:-.7em;*/} .ws-unpack .ws-pack-item-header.icon:after{-ms-transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); transform:rotate(180deg);} .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{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 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;} .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:2px solid #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:1px solid #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 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{} /*=================================================================================================================================*/ /*=================================================================================================================================*/ /* */ /* 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), .design-minimal .sidebar .element, .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){padding-bottom:1px !important;} /* Others for All */ .design-minimal .article .item{padding-top:0 !important;} .design-minimal .testimonial .item-text:after{display:none;} /* Only for Catalogue */ .design-minimal-catalogue .page-catalogue.page-catalogue-preview{margin-top:0;} .design-minimal-catalogue .catalogue-preview{margin-top:1.5em;} .design-minimal-catalogue .catalogue-view1 .item a{text-decoration:none;} .design-minimal-catalogue .catalogue-view1 .item-content-text > *:not(.catalogue-preview-info){max-width:340px; margin-left:auto; margin-right:auto;} .design-minimal-catalogue .catalogue-preview.catalogue-view1 > .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{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 .filters-horizontal .filter .ws-pack-item-header.icon:after{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;} /*=================================================================================================================================*/ /*=================================================================================================================================*/ /* */ /* SVG ICON */ /* */ /*=================================================================================================================================*/ /*=================================================================================================================================*/ .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{font-size:1.3em; /*top:-.04em;*/vertical-align:-0.225em;} .icon-svg-l{font-size:2em; /*top:-.04em;*/vertical-align:-0.333em;} .icon-svg-xl{font-size:3em; /*top:-.04em;*/ 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{display:inline-block; vertical-align:middle; text-align:center;} .icon-svg-box > svg{display:block; width:1em; max-width:1em;} .icon-svg-box-s{padding:.5em;} .icon-svg-box-m{padding:1em;} .icon-svg-box-l{padding:1.5em;} .icon-svg-box-xl{padding:2em;} .icon-svg-box-bgcolor-dark{background-color:#4c4c4c;} .icon-svg-box-circle{border-radius:100%;} .icon-svg-flip-h{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform:scaleX(-1); transform:scaleX(-1);} /*=================================================================================================================================*/ /*=================================================================================================================================*/ /* */ /* 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{-webkit-border-radius:100em; -moz-border-radius:100em; border-radius:100em;} .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,*/ .search-form,.form,input,textarea,select,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 > *, #top-page a, .tooltipster-default,.field .icon:before, .strip-box,.strip, .tag/*,.filters-reset-all*/,.catalogue-stickers span,.catalogue-variants li a,.catalogue-variants li.catalogue-variants-na svg,.catalogue-variants input[type="radio"] + label, .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,.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{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; border-bottom-right-radius:0;} .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 button,.norounded-inputs .button,.norounded-inputs input[type="checkbox"] + label:before{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);} } /***********************************************************************************************************************************/ /* 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;} /* 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;} } .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;} /* 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 > *: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;} .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) .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-boxed-text .item .item-content-text,.items-boxed-text .item .image{border-width:0;} .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{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{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 .icon{position:absolute; z-index:100; top:50%; left:50%; margin:-1em 0 0 -1em; width:2em; line-height:2em; text-align:center; font-size:300%; color:white !important;} /***********************************************************************************************************************************/ /* 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;} .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;} /*=================================================================================================================================*/ /*=================================================================================================================================*/ /* */ /* COLOR */ /* */ /*=================================================================================================================================*/ /*=================================================================================================================================*/ .wh,.text-light,.text-light *,.text-light .item-heading,.text-light .item-heading a{color:white;} .article-detail-visual .text-light *{color:white !important;} .bl,h1,h2,h3,h4,h5,h6,.tab-nav li.active > *:first-child,.text-dark,.text-dark *,.text-dark .item-heading,.text-dark .item-heading a{color:black;} .blue,a{color:#0081cb;} .bluedark,a:visited{color:#136695;} .red,.caps-lock-check-text,a:hover,#crumbs a:hover,#crumbs a:hover strong, .basket-coupon td.r,.basket-coupon td .icon:before{color:#b81414;} .gray{color:#5d5d5d;} .green,.search/*,.order-step-completed **/{color:#38a20f;} /***********************************************************************************************************************************/ /* BASIC */ /***********************************************************************************************************************************/ body{color:#4c4c4c; background-color:white;} hr{border-color:#dddddd;} #top-bar{border-color:#eeeeee;} .head-claim p{border-color:#cccccc;} .crumbs *{color:#888888;} #top-page a{color:white; background:rgba(0,0,0,0.3);} #top-page a:hover{background:rgba(0,0,0,0.6);} /* Images */ .images-border .image,.image-border{border-color:#dddddd;} /* Items */ .item-text:before{color:white;} .item-info span,.items-border .item{border-color:#dddddd;} /* Testimonials */ /*.testimonial .item-text{background-color:white; border-color:#dddddd;}*/ .testimonial .item-text:after{color:#dddddd;} /* Color variants */ .items-color-heading .item-heading,.items-color-heading .item-heading a,.items-color-text .item-text,.table-color-heading th{color:white; background-color:#808080;} .items-color-text .item-text:before{color:#808080;} .items-color-heading .item:hover .item-heading,.items-color-heading .item:hover .item-heading a{background-color:#606060;} th,td{border-color:#dddddd;} .sidebar .element{background-color:white; border-color:#dddddd;} .boxed,.items-boxed .item,.items-boxed-text .item .item-content-text{background-color:white; border-color:#dddddd;} .preview-bar{background-color:white;} .preview-bar-in{color:white; background:rgba(0,0,0,.8);} /* Catalogue */ .catalogue.stripe-space-none > .row{border-color:#dddddd;} /* Demand window */ #demand-window{background-color:white;} .jqmOverlay{background-color:black;} /* Tooltip help */ .tooltip-help{color:#6cb9de;} .tooltip-info{color:#bbbbbb;} .tooltipster-default{color:#353535; background-color:#fffdd4; border-color:#80744c;} /***********************************************************************************************************************************/ /* COMPONENT */ /***********************************************************************************************************************************/ /* Tabs */ .tab-nav li > *:first-child,.tab .nav li > *:first-child{color:#4c4c4c; border-color:#dddddd;} .tab-nav li > *:hover:first-child,.tab-nav li.active > *:first-child{background-color:white;} .tab{background-color:white; border-color:#dddddd;} .tab-v2 .tab-nav li.active > *:first-child{/*background-color:transparent;*/ border-color:black;} /* Pager */ .pagination > *,.tab-switch > *{background-color:white; border-color:#dddddd;} .pagination .active,.tab-switch > .active/*,.tab-switch > strong*/,.tab-switch input:checked + label{color:white; background-color:#808080; border-color:#808080;} /* WS Rating */ .ws-rating .icon:before,.ws-rating-empty.icon:before{color:#ffc600;} .ws-rating-empty.icon:before{color:#dddddd;} .ws-rating a:hover.icon:before{color:#ffa200;} .ws-rating:not(.ws-rating-thumbs) li:hover ~ li a.icon:before{color:#ffa200;} /* Messages */ .message{background-color:#efefef;} .message *{color:#5c5c5c;} .message-warning{background-color:#f6f1d5;} .message-warning *,.message-warning:before{color:#6e684e;} .message-info{background-color:#dfeef4;} .message-info *,.message-info:before{color:#3d6e7b;} .message-success{background-color:#d4f1cb;} .message-success *,.message-success:before{color:#406d41;} .message-error{background-color:#f1d7d7;} .message-error *,.message-error:before{color:#8d3d43;} .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; color:white; background-color:red; -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;} stript{display:none !important;} /*=================================================================================================================================*/ /*=================================================================================================================================*/ /* */ /* TESTS */ /* */ /*=================================================================================================================================*/ /*=================================================================================================================================*/ /* 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;}*/