html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.block,.block-group,.block-group:after,.block-group:before,.block:after,.block:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.block-group{zoom:1;list-style-type:none;padding:0;margin:0}.block-group:after,.block-group:before{display:table;content:"";line-height:0}.block-group:after{clear:both}.block-group>.block-group{clear:none;float:left;margin:0!important}.block{float:left;width:100%}@-webkit-keyframes keyframe--spin{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes keyframe--spin{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes keyframe--spin-reverse{from{-webkit-transform:rotate(360deg);transform:rotate(360deg)}to{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes keyframe--spin-reverse{from{-webkit-transform:rotate(360deg);transform:rotate(360deg)}to{-webkit-transform:rotate(0);transform:rotate(0)}}.visible--l,.visible--m,.visible--s,.visible--xl,.visible-inline--l,.visible-inline--m,.visible-inline--s,.visible-inline--xl,.visible-inline-block--l,.visible-inline-block--m,.visible-inline-block--s,.visible-inline-block--xl{display:none!important}.visible--xs{display:block!important}table.visible--xs{display:table!important}tr.visible--xs{display:table-row!important}td.visible--xs,th.visible--xs{display:table-cell!important}.visible-inline--xs{display:inline!important}table.visible-inline--xs{display:table!important}tr.visible-inline--xs{display:table-row!important}td.visible-inline--xs,th.visible-inline--xs{display:table-cell!important}.visible-inline-block--xs{display:inline-block!important}table.visible-inline-block--xs{display:table!important}tr.visible-inline-block--xs{display:table-row!important}td.visible-inline-block--xs,th.visible-inline-block--xs{display:table-cell!important}.hidden--l,.hidden--m,.hidden--s,.hidden--xl{display:inherit!important}.hidden--xs{display:none!important}@media screen and (min-width:30em){.visible--l,.visible--m,.visible--xl,.visible--xs,.visible-inline--l,.visible-inline--m,.visible-inline--xl,.visible-inline--xs,.visible-inline-block--l,.visible-inline-block--m,.visible-inline-block--xl,.visible-inline-block--xs{display:none!important}.visible--s{display:block!important}table.visible--s{display:table!important}tr.visible--s{display:table-row!important}td.visible--s,th.visible--s{display:table-cell!important}.visible-inline--s{display:inline!important}table.visible-inline--s{display:table!important}tr.visible-inline--s{display:table-row!important}td.visible-inline--s,th.visible-inline--s{display:table-cell!important}.visible-inline-block--s{display:inline-block!important}table.visible-inline-block--s{display:table!important}tr.visible-inline-block--s{display:table-row!important}td.visible-inline-block--s,th.visible-inline-block--s{display:table-cell!important}.hidden--l,.hidden--m,.hidden--xl,.hidden--xs{display:inherit!important}.hidden--s{display:none!important}}@media screen and (min-width:48em){.visible--l,.visible--s,.visible--xl,.visible--xs,.visible-inline--l,.visible-inline--s,.visible-inline--xl,.visible-inline--xs,.visible-inline-block--l,.visible-inline-block--s,.visible-inline-block--xl,.visible-inline-block--xs{display:none!important}.visible--m{display:block!important}table.visible--m{display:table!important}tr.visible--m{display:table-row!important}td.visible--m,th.visible--m{display:table-cell!important}.visible-inline--m{display:inline!important}table.visible-inline--m{display:table!important}tr.visible-inline--m{display:table-row!important}td.visible-inline--m,th.visible-inline--m{display:table-cell!important}.visible-inline-block--m{display:inline-block!important}table.visible-inline-block--m{display:table!important}tr.visible-inline-block--m{display:table-row!important}td.visible-inline-block--m,th.visible-inline-block--m{display:table-cell!important}.hidden--l,.hidden--s,.hidden--xl,.hidden--xs{display:inherit!important}.hidden--m{display:none!important}}@media screen and (min-width:64em){.visible--m,.visible--s,.visible--xl,.visible--xs,.visible-inline--m,.visible-inline--s,.visible-inline--xl,.visible-inline--xs,.visible-inline-block--m,.visible-inline-block--s,.visible-inline-block--xl,.visible-inline-block--xs{display:none!important}.visible--l{display:block!important}table.visible--l{display:table!important}tr.visible--l{display:table-row!important}td.visible--l,th.visible--l{display:table-cell!important}.visible-inline--l{display:inline!important}table.visible-inline--l{display:table!important}tr.visible-inline--l{display:table-row!important}td.visible-inline--l,th.visible-inline--l{display:table-cell!important}.visible-inline-block--l{display:inline-block!important}table.visible-inline-block--l{display:table!important}tr.visible-inline-block--l{display:table-row!important}td.visible-inline-block--l,th.visible-inline-block--l{display:table-cell!important}.hidden--m,.hidden--s,.hidden--xl,.hidden--xs{display:inherit!important}.hidden--l{display:none!important}}@media screen and (min-width:78.75em){.visible--l,.visible--m,.visible--s,.visible--xs,.visible-inline--l,.visible-inline--m,.visible-inline--s,.visible-inline--xs,.visible-inline-block--l,.visible-inline-block--m,.visible-inline-block--s,.visible-inline-block--xs{display:none!important}.visible--xl{display:block!important}table.visible--xl{display:table!important}tr.visible--xl{display:table-row!important}td.visible--xl,th.visible--xl{display:table-cell!important}.visible-inline--xl{display:inline!important}table.visible-inline--xl{display:table!important}tr.visible-inline--xl{display:table-row!important}td.visible-inline--xl,th.visible-inline--xl{display:table-cell!important}.visible-inline-block--xl{display:inline-block!important}table.visible-inline-block--xl{display:table!important}tr.visible-inline-block--xl{display:table-row!important}td.visible-inline-block--xl,th.visible-inline-block--xl{display:table-cell!important}.hidden--l,.hidden--m,.hidden--s,.hidden--xs{display:inherit!important}.hidden--xl{display:none!important}}[class*=uk-animation-]{animation-duration:.5s;animation-timing-function:ease-out;animation-fill-mode:both}.uk-animation-fade{animation-name:uk-fade;animation-duration:.8s;animation-timing-function:linear}.uk-animation-scale-up{animation-name:uk-fade-scale-02}.uk-animation-scale-down{animation-name:uk-fade-scale-18}.uk-animation-slide-top{animation-name:uk-fade-top}.uk-animation-slide-bottom{animation-name:uk-fade-bottom}.uk-animation-slide-left{animation-name:uk-fade-left}.uk-animation-slide-right{animation-name:uk-fade-right}.uk-animation-slide-top-small{animation-name:uk-fade-top-small}.uk-animation-slide-bottom-small{animation-name:uk-fade-bottom-small}.uk-animation-slide-left-small{animation-name:uk-fade-left-small}.uk-animation-slide-right-small{animation-name:uk-fade-right-small}.uk-animation-slide-top-medium{animation-name:uk-fade-top-medium}.uk-animation-slide-bottom-medium{animation-name:uk-fade-bottom-medium}.uk-animation-slide-left-medium{animation-name:uk-fade-left-medium}.uk-animation-slide-right-medium{animation-name:uk-fade-right-medium}.uk-animation-kenburns{animation-name:uk-scale-kenburns;animation-duration:15s}.uk-animation-shake{animation-name:uk-shake}.uk-animation-stroke{animation-name:uk-stroke;stroke-dasharray:var(--uk-animation-stroke);animation-duration:2s}.uk-animation-reverse{animation-direction:reverse;animation-timing-function:ease-in}.uk-animation-fast{animation-duration:.1s}.uk-animation-toggle:not(:hover):not(:focus) [class*=uk-animation-]{animation-name:none}.uk-animation-toggle{-webkit-tap-highlight-color:transparent}.uk-animation-toggle:focus{outline:0}@keyframes uk-fade{0%{opacity:0}100%{opacity:1}}@keyframes uk-fade-top{0%{opacity:0;transform:translateY(-100%)}100%{opacity:1;transform:translateY(0)}}@keyframes uk-fade-bottom{0%{opacity:0;transform:translateY(100%)}100%{opacity:1;transform:translateY(0)}}@keyframes uk-fade-left{0%{opacity:0;transform:translateX(-100%)}100%{opacity:1;transform:translateX(0)}}@keyframes uk-fade-right{0%{opacity:0;transform:translateX(100%)}100%{opacity:1;transform:translateX(0)}}@keyframes uk-fade-top-small{0%{opacity:0;transform:translateY(-10px)}100%{opacity:1;transform:translateY(0)}}@keyframes uk-fade-bottom-small{0%{opacity:0;transform:translateY(10px)}100%{opacity:1;transform:translateY(0)}}@keyframes uk-fade-left-small{0%{opacity:0;transform:translateX(-10px)}100%{opacity:1;transform:translateX(0)}}@keyframes uk-fade-right-small{0%{opacity:0;transform:translateX(10px)}100%{opacity:1;transform:translateX(0)}}@keyframes uk-fade-top-medium{0%{opacity:0;transform:translateY(-50px)}100%{opacity:1;transform:translateY(0)}}@keyframes uk-fade-bottom-medium{0%{opacity:0;transform:translateY(50px)}100%{opacity:1;transform:translateY(0)}}@keyframes uk-fade-left-medium{0%{opacity:0;transform:translateX(-50px)}100%{opacity:1;transform:translateX(0)}}@keyframes uk-fade-right-medium{0%{opacity:0;transform:translateX(50px)}100%{opacity:1;transform:translateX(0)}}@keyframes uk-fade-scale-02{0%{opacity:0;transform:scale(.2)}100%{opacity:1;transform:scale(1)}}@keyframes uk-fade-scale-18{0%{opacity:0;transform:scale(1.8)}100%{opacity:1;transform:scale(1)}}@keyframes uk-scale-kenburns{0%{transform:scale(1)}100%{transform:scale(1.2)}}@keyframes uk-shake{0%,100%{transform:translateX(0)}10%{transform:translateX(-9px)}20%{transform:translateX(8px)}30%{transform:translateX(-7px)}40%{transform:translateX(6px)}50%{transform:translateX(-5px)}60%{transform:translateX(4px)}70%{transform:translateX(-3px)}80%{transform:translateX(2px)}90%{transform:translateX(-1px)}}@keyframes uk-stroke{0%{stroke-dashoffset:var(--uk-animation-stroke)}100%{stroke-dashoffset:0}}.btn{border-radius:3px;background-clip:padding-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-font-smoothing:inherit;display:inline-block;position:relative;font-weight:700;text-decoration:none;text-align:left;cursor:pointer;color:#484848}.btn [class^=icon--]{font-size:1rem}.btn .is--large{font-size:1.125rem}.btn.is--icon-right{padding-right:2.25rem}.btn.is--icon-right [class^=icon--]{height:1rem;line-height:2rem;margin:-1rem 0 0 0;right:.75rem;font-weight:400;display:block;position:absolute;top:50%}.btn.is--icon-left{padding-left:2.25rem}.btn.is--icon-left [class^=icon--]{height:1rem;line-height:2rem;margin:-1rem 0 0 0;left:.75rem;font-weight:400;display:block;position:absolute;top:50%}.btn.is--disabled,.btn.is--disabled:hover,.btn:disabled,.btn:disabled:hover{opacity:.5;border:1px solid #b9b9ce;color:#484848;cursor:not-allowed}.btn:hover{background:#FFF;color:#131316;border-color:#131316}.btn:focus{outline:0}.btn.is--small{line-height:1.75rem}.btn.is--medium{line-height:2rem;height:2.375rem}.btn.is--large{line-height:2.25rem;height:2.625rem}.btn.is--full{display:block}.btn.is--center{text-align:center}.is--primary{padding:.125rem .75rem .125rem .75rem;line-height:2.125rem;border:0 none;color:#FFF;background:#131316}.is--primary:hover{background:#131316;color:#FFF}.is--primary.is--small{line-height:1.875rem}.is--primary.is--large{line-height:2.375rem}.is--secondary{padding:.125rem .75rem .125rem .75rem;line-height:2.125rem;background:#222;border:0 none;color:#FFF}.is--secondary:hover{background:#222;color:#FFF}.is--secondary.is--small{line-height:1.875rem}.is--secondary.is--large{line-height:2.375rem}.is--link{padding:.125rem .75rem .125rem .75rem;line-height:2.125rem;border:0 none;background:0 0;color:#484848}.is--link:hover{color:#131316}.is--link.is--small{line-height:1.875rem}.is--link.is--large{line-height:2.375rem}.container{max-width:78.75rem;background:#fff;margin:0 auto;width:100%}.container:after{content:"";display:table;clear:both}#cookie-consent{width:17.5rem;-webkit-transition:transform .45s cubic-bezier(.3,0,.15,1);transition:transform .45s cubic-bezier(.3,0,.15,1)}#cookie-consent.off-canvas{position:fixed;z-index:8000;background:#FFF}#cookie-consent.block-transition{transition:none}#cookie-consent .cookie-consent--header{cursor:pointer}#cookie-consent .cookie-consent--description{padding:.9375rem .625rem .9375rem .625rem}#cookie-consent .cookie-consent--configuration .cookie-consent--group{padding:.9375rem .625rem .9375rem .625rem;border-bottom:1px solid #b9b9ce;position:relative}#cookie-consent .cookie-consent--configuration .cookie-consent--group:after{content:"";display:table;clear:both}#cookie-consent .cookie-consent--configuration .cookie-consent--group-title{cursor:pointer;float:left;width:85%}#cookie-consent .cookie-consent--configuration .cookie-consent--group-title.is--active .cookie-consent--group-arrow{transform:rotate(90deg)}#cookie-consent .cookie-consent--configuration .cookie-consent--configuration-header-text{padding:.9375rem .625rem .9375rem .625rem;font-weight:700;color:#222;border-bottom:1px solid #b9b9ce}#cookie-consent .cookie-consent--configuration .cookie-consent--group-description{margin-left:2.625rem;color:#6e6e6e}#cookie-consent .cookie-consent--cookie{padding:.9375rem 0 .9375rem 0;position:relative}#cookie-consent .cookie-consent--cookie:after{content:"";display:table;clear:both}#cookie-consent .cookie-consent--cookie .cookie--label{cursor:pointer}#cookie-consent .cookie-consent--group-container{padding-top:.625rem;float:none;clear:both}#cookie-consent .cookie-consent--group-arrow{right:.9375rem;font-size:.75rem;top:1.125rem;position:absolute}#cookie-consent .cookie-consent--save{padding:.9375rem .625rem .9375rem .625rem}#cookie-consent .cookie-consent--save .cookie-consent--save-button{text-align:center;width:100%}#cookie-consent .cookie-consent--configuration-main{background:#fff}#cookie-consent .cookie-consent--state-label{margin-left:2.5rem}.cookie-consent--state-input{display:block;position:absolute}.cookie-consent--state-input.cookie-consent--cookie-state{top:calc(50% - 10px)}.cookie-consent--state-input.cookie-consent--required{opacity:.4}.cookie-consent--state-input.cookie-consent--required .cookie-consent--state-input-element{cursor:default}.cookie-consent--state-input .cookie-consent--state-input-element{height:1.25rem;width:1.25rem;border-radius:.1875rem;border:1px solid #b9b9ce;cursor:pointer;display:block;position:relative}.cookie-consent--state-input input{display:none}.cookie-consent--state-input input:checked+.cookie-consent--state-input-element{background:#7d7da4}.cookie-consent--state-input input:checked+.cookie-consent--state-input-element::after{width:.625rem;height:.3125rem;top:.25rem;left:.1875rem;border:2px solid #fff;border-top:none;border-right:none;background:0 0;content:'';position:absolute;transform:rotate(-45deg)}.cookie-consent--state-input input:indeterminate+.cookie-consent--state-input-element{background:#7d7da4}.cookie-consent--state-input input:indeterminate+.cookie-consent--state-input-element::after{width:.625rem;height:.3125rem;top:.1875rem;left:.25rem;border:2px none #fff;border-bottom-style:solid;background:0 0;content:'';position:absolute}.product--delivery{font-size:.875rem}.product--delivery p{margin:0}.product--delivery .delivery--status-icon{border-radius:.5625rem;background-clip:padding-box;margin:0 .3125rem 0 0;width:.5625rem;height:.5625rem;line-height:.625rem;display:inline-block;position:relative}.product--delivery .delivery--status-shipping-free{background:#4AA3DF}.product--delivery .delivery--text-shipping-free{color:#4AA3DF}.product--delivery .delivery--status-available{background:#2ECC71}.product--delivery .delivery--text-available{color:#2ECC71}.product--delivery .delivery--status-more-is-coming{background:#F1C40F}.product--delivery .delivery--text-more-is-coming{color:#F1C40F}.product--delivery .delivery--status-not-available{background:#E74C3C}.product--delivery .delivery--text-not-available{color:#E74C3C}.product--delivery .delivery--text{margin:0;display:inline-block}.content-main.is--fullscreen{box-shadow:none;max-width:none;padding:0;margin:0}.content-main.is--fullscreen .content,.content-main.is--fullscreen .content-main--inner{padding:0;margin:0 auto}.content-main.is--fullscreen .content--breadcrumb,.content-main.is--fullscreen .last-seen-products,.content-main.is--fullscreen .tagcloud--content{display:none}.content-main.is--fullscreen .listing--wrapper{max-width:72.5rem;padding:1.25rem .625rem 1.25rem .625rem;margin:0 auto}@media screen and (min-width:48em){.content-main.is--fullscreen .listing--wrapper{padding:1.25rem 1.875rem 1.25rem 1.875rem}}@media screen and (min-width:78.75em){.content-main.is--fullscreen .listing--wrapper{padding:1.25rem 0 1.25rem 0}}.emotion--overlay{width:3.125rem;height:3.125rem;top:3.125rem;border-radius:3px;background-clip:padding-box;margin:0 auto;position:relative;left:0;z-index:1000}.emotion--overlay .emotion--loading-indicator{padding:0;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}.emotion--overlay~.content-main{min-height:125rem;visibility:hidden}.emotion--loading-indicator{width:1.3125rem;height:1.3125rem;padding:3.125rem 0 3.125rem 0;margin:0 auto;display:block;position:relative;box-sizing:content-box}.emotion--loading-indicator:before{border-radius:100%;background-clip:padding-box;-webkit-animation:keyframe--spin 1s linear infinite;animation:keyframe--spin 1s linear infinite;width:100%;height:100%;box-sizing:border-box;display:block;content:"";border-width:2px;border-style:solid;border-color:#333 #CCC #CCC #CCC}.content--emotions{display:block}body.emotion--preview{background:#fff}body.emotion--preview .content-main{box-shadow:none;margin:0}.emotion--show-listing{margin:1.25rem 0 1.25rem 0}.emotion--wrapper{display:block;margin:0 auto;overflow:hidden}.emotion--wrapper.is--fullscreen{max-width:none}.emotion--container{display:block;position:relative;top:0;left:0;background:#fff}.emotion--container:after{content:"";display:table;clear:both}.emotion--container.emotion--mode-resize{-webkit-transform-origin:0 0 0;transform-origin:0 0 0}.emotion--container.emotion--mode-rows .emotion--sizer,.emotion--container.emotion--mode-rows .emotion--sizer-l,.emotion--container.emotion--mode-rows .emotion--sizer-m,.emotion--container.emotion--mode-rows .emotion--sizer-s,.emotion--container.emotion--mode-rows .emotion--sizer-xl,.emotion--container.emotion--mode-rows .emotion--sizer-xs{display:none}.emotion--container.emotion--mode-rows .emotion--row:after{content:"";display:table;clear:both}.emotion--container.emotion--column-1 .col-1{width:100%}.emotion--container.emotion--column-1 .start-col-1{left:0}.emotion--container.emotion--column-1 .col-xs-1{width:100%}.emotion--container.emotion--column-1 .start-col-xs-1{left:0}@media screen and (min-width:30em){.emotion--container.emotion--column-1 .col-s-1{width:100%}.emotion--container.emotion--column-1 .start-col-s-1{left:0}}@media screen and (min-width:48em){.emotion--container.emotion--column-1 .col-m-1{width:100%}.emotion--container.emotion--column-1 .start-col-m-1{left:0}}@media screen and (min-width:64em){.emotion--container.emotion--column-1 .col-l-1{width:100%}.emotion--container.emotion--column-1 .start-col-l-1{left:0}}@media screen and (min-width:78.75em){.emotion--container.emotion--column-1 .col-xl-1{width:100%}.emotion--container.emotion--column-1 .start-col-xl-1{left:0}}.emotion--container.emotion--column-2 .col-1{width:50%}.emotion--container.emotion--column-2 .start-col-1{left:0}.emotion--container.emotion--column-2 .col-2{width:100%}.emotion--container.emotion--column-2 .start-col-2{left:50%}.emotion--container.emotion--column-2 .col-xs-1{width:50%}.emotion--container.emotion--column-2 .start-col-xs-1{left:0}.emotion--container.emotion--column-2 .col-xs-2{width:100%}.emotion--container.emotion--column-2 .start-col-xs-2{left:50%}@media screen and (min-width:30em){.emotion--container.emotion--column-2 .col-s-1{width:50%}.emotion--container.emotion--column-2 .start-col-s-1{left:0}.emotion--container.emotion--column-2 .col-s-2{width:100%}.emotion--container.emotion--column-2 .start-col-s-2{left:50%}}@media screen and (min-width:48em){.emotion--container.emotion--column-2 .col-m-1{width:50%}.emotion--container.emotion--column-2 .start-col-m-1{left:0}.emotion--container.emotion--column-2 .col-m-2{width:100%}.emotion--container.emotion--column-2 .start-col-m-2{left:50%}}@media screen and (min-width:64em){.emotion--container.emotion--column-2 .col-l-1{width:50%}.emotion--container.emotion--column-2 .start-col-l-1{left:0}.emotion--container.emotion--column-2 .col-l-2{width:100%}.emotion--container.emotion--column-2 .start-col-l-2{left:50%}}@media screen and (min-width:78.75em){.emotion--container.emotion--column-2 .col-xl-1{width:50%}.emotion--container.emotion--column-2 .start-col-xl-1{left:0}.emotion--container.emotion--column-2 .col-xl-2{width:100%}.emotion--container.emotion--column-2 .start-col-xl-2{left:50%}}.emotion--container.emotion--column-3 .col-1{width:33.33333333%}.emotion--container.emotion--column-3 .start-col-1{left:0}.emotion--container.emotion--column-3 .col-2{width:66.66666667%}.emotion--container.emotion--column-3 .start-col-2{left:33.33333333%}.emotion--container.emotion--column-3 .col-3{width:100%}.emotion--container.emotion--column-3 .start-col-3{left:66.66666667%}.emotion--container.emotion--column-3 .col-xs-1{width:33.33333333%}.emotion--container.emotion--column-3 .start-col-xs-1{left:0}.emotion--container.emotion--column-3 .col-xs-2{width:66.66666667%}.emotion--container.emotion--column-3 .start-col-xs-2{left:33.33333333%}.emotion--container.emotion--column-3 .col-xs-3{width:100%}.emotion--container.emotion--column-3 .start-col-xs-3{left:66.66666667%}@media screen and (min-width:30em){.emotion--container.emotion--column-3 .col-s-1{width:33.33333333%}.emotion--container.emotion--column-3 .start-col-s-1{left:0}.emotion--container.emotion--column-3 .col-s-2{width:66.66666667%}.emotion--container.emotion--column-3 .start-col-s-2{left:33.33333333%}.emotion--container.emotion--column-3 .col-s-3{width:100%}.emotion--container.emotion--column-3 .start-col-s-3{left:66.66666667%}}@media screen and (min-width:48em){.emotion--container.emotion--column-3 .col-m-1{width:33.33333333%}.emotion--container.emotion--column-3 .start-col-m-1{left:0}.emotion--container.emotion--column-3 .col-m-2{width:66.66666667%}.emotion--container.emotion--column-3 .start-col-m-2{left:33.33333333%}.emotion--container.emotion--column-3 .col-m-3{width:100%}.emotion--container.emotion--column-3 .start-col-m-3{left:66.66666667%}}@media screen and (min-width:64em){.emotion--container.emotion--column-3 .col-l-1{width:33.33333333%}.emotion--container.emotion--column-3 .start-col-l-1{left:0}.emotion--container.emotion--column-3 .col-l-2{width:66.66666667%}.emotion--container.emotion--column-3 .start-col-l-2{left:33.33333333%}.emotion--container.emotion--column-3 .col-l-3{width:100%}.emotion--container.emotion--column-3 .start-col-l-3{left:66.66666667%}}@media screen and (min-width:78.75em){.emotion--container.emotion--column-3 .col-xl-1{width:33.33333333%}.emotion--container.emotion--column-3 .start-col-xl-1{left:0}.emotion--container.emotion--column-3 .col-xl-2{width:66.66666667%}.emotion--container.emotion--column-3 .start-col-xl-2{left:33.33333333%}.emotion--container.emotion--column-3 .col-xl-3{width:100%}.emotion--container.emotion--column-3 .start-col-xl-3{left:66.66666667%}}.emotion--container.emotion--column-4 .col-1{width:25%}.emotion--container.emotion--column-4 .start-col-1{left:0}.emotion--container.emotion--column-4 .col-2{width:50%}.emotion--container.emotion--column-4 .start-col-2{left:25%}.emotion--container.emotion--column-4 .col-3{width:75%}.emotion--container.emotion--column-4 .start-col-3{left:50%}.emotion--container.emotion--column-4 .col-4{width:100%}.emotion--container.emotion--column-4 .start-col-4{left:75%}.emotion--container.emotion--column-4 .col-xs-1{width:25%}.emotion--container.emotion--column-4 .start-col-xs-1{left:0}.emotion--container.emotion--column-4 .col-xs-2{width:50%}.emotion--container.emotion--column-4 .start-col-xs-2{left:25%}.emotion--container.emotion--column-4 .col-xs-3{width:75%}.emotion--container.emotion--column-4 .start-col-xs-3{left:50%}.emotion--container.emotion--column-4 .col-xs-4{width:100%}.emotion--container.emotion--column-4 .start-col-xs-4{left:75%}@media screen and (min-width:30em){.emotion--container.emotion--column-4 .col-s-1{width:25%}.emotion--container.emotion--column-4 .start-col-s-1{left:0}.emotion--container.emotion--column-4 .col-s-2{width:50%}.emotion--container.emotion--column-4 .start-col-s-2{left:25%}.emotion--container.emotion--column-4 .col-s-3{width:75%}.emotion--container.emotion--column-4 .start-col-s-3{left:50%}.emotion--container.emotion--column-4 .col-s-4{width:100%}.emotion--container.emotion--column-4 .start-col-s-4{left:75%}}@media screen and (min-width:48em){.emotion--container.emotion--column-4 .col-m-1{width:25%}.emotion--container.emotion--column-4 .start-col-m-1{left:0}.emotion--container.emotion--column-4 .col-m-2{width:50%}.emotion--container.emotion--column-4 .start-col-m-2{left:25%}.emotion--container.emotion--column-4 .col-m-3{width:75%}.emotion--container.emotion--column-4 .start-col-m-3{left:50%}.emotion--container.emotion--column-4 .col-m-4{width:100%}.emotion--container.emotion--column-4 .start-col-m-4{left:75%}}@media screen and (min-width:64em){.emotion--container.emotion--column-4 .col-l-1{width:25%}.emotion--container.emotion--column-4 .start-col-l-1{left:0}.emotion--container.emotion--column-4 .col-l-2{width:50%}.emotion--container.emotion--column-4 .start-col-l-2{left:25%}.emotion--container.emotion--column-4 .col-l-3{width:75%}.emotion--container.emotion--column-4 .start-col-l-3{left:50%}.emotion--container.emotion--column-4 .col-l-4{width:100%}.emotion--container.emotion--column-4 .start-col-l-4{left:75%}}@media screen and (min-width:78.75em){.emotion--container.emotion--column-4 .col-xl-1{width:25%}.emotion--container.emotion--column-4 .start-col-xl-1{left:0}.emotion--container.emotion--column-4 .col-xl-2{width:50%}.emotion--container.emotion--column-4 .start-col-xl-2{left:25%}.emotion--container.emotion--column-4 .col-xl-3{width:75%}.emotion--container.emotion--column-4 .start-col-xl-3{left:50%}.emotion--container.emotion--column-4 .col-xl-4{width:100%}.emotion--container.emotion--column-4 .start-col-xl-4{left:75%}}.emotion--container.emotion--column-5 .col-1{width:20%}.emotion--container.emotion--column-5 .start-col-1{left:0}.emotion--container.emotion--column-5 .col-2{width:40%}.emotion--container.emotion--column-5 .start-col-2{left:20%}.emotion--container.emotion--column-5 .col-3{width:60%}.emotion--container.emotion--column-5 .start-col-3{left:40%}.emotion--container.emotion--column-5 .col-4{width:80%}.emotion--container.emotion--column-5 .start-col-4{left:60%}.emotion--container.emotion--column-5 .col-5{width:100%}.emotion--container.emotion--column-5 .start-col-5{left:80%}.emotion--container.emotion--column-5 .col-xs-1{width:20%}.emotion--container.emotion--column-5 .start-col-xs-1{left:0}.emotion--container.emotion--column-5 .col-xs-2{width:40%}.emotion--container.emotion--column-5 .start-col-xs-2{left:20%}.emotion--container.emotion--column-5 .col-xs-3{width:60%}.emotion--container.emotion--column-5 .start-col-xs-3{left:40%}.emotion--container.emotion--column-5 .col-xs-4{width:80%}.emotion--container.emotion--column-5 .start-col-xs-4{left:60%}.emotion--container.emotion--column-5 .col-xs-5{width:100%}.emotion--container.emotion--column-5 .start-col-xs-5{left:80%}@media screen and (min-width:30em){.emotion--container.emotion--column-5 .col-s-1{width:20%}.emotion--container.emotion--column-5 .start-col-s-1{left:0}.emotion--container.emotion--column-5 .col-s-2{width:40%}.emotion--container.emotion--column-5 .start-col-s-2{left:20%}.emotion--container.emotion--column-5 .col-s-3{width:60%}.emotion--container.emotion--column-5 .start-col-s-3{left:40%}.emotion--container.emotion--column-5 .col-s-4{width:80%}.emotion--container.emotion--column-5 .start-col-s-4{left:60%}.emotion--container.emotion--column-5 .col-s-5{width:100%}.emotion--container.emotion--column-5 .start-col-s-5{left:80%}}@media screen and (min-width:48em){.emotion--container.emotion--column-5 .col-m-1{width:20%}.emotion--container.emotion--column-5 .start-col-m-1{left:0}.emotion--container.emotion--column-5 .col-m-2{width:40%}.emotion--container.emotion--column-5 .start-col-m-2{left:20%}.emotion--container.emotion--column-5 .col-m-3{width:60%}.emotion--container.emotion--column-5 .start-col-m-3{left:40%}.emotion--container.emotion--column-5 .col-m-4{width:80%}.emotion--container.emotion--column-5 .start-col-m-4{left:60%}.emotion--container.emotion--column-5 .col-m-5{width:100%}.emotion--container.emotion--column-5 .start-col-m-5{left:80%}}@media screen and (min-width:64em){.emotion--container.emotion--column-5 .col-l-1{width:20%}.emotion--container.emotion--column-5 .start-col-l-1{left:0}.emotion--container.emotion--column-5 .col-l-2{width:40%}.emotion--container.emotion--column-5 .start-col-l-2{left:20%}.emotion--container.emotion--column-5 .col-l-3{width:60%}.emotion--container.emotion--column-5 .start-col-l-3{left:40%}.emotion--container.emotion--column-5 .col-l-4{width:80%}.emotion--container.emotion--column-5 .start-col-l-4{left:60%}.emotion--container.emotion--column-5 .col-l-5{width:100%}.emotion--container.emotion--column-5 .start-col-l-5{left:80%}}@media screen and (min-width:78.75em){.emotion--container.emotion--column-5 .col-xl-1{width:20%}.emotion--container.emotion--column-5 .start-col-xl-1{left:0}.emotion--container.emotion--column-5 .col-xl-2{width:40%}.emotion--container.emotion--column-5 .start-col-xl-2{left:20%}.emotion--container.emotion--column-5 .col-xl-3{width:60%}.emotion--container.emotion--column-5 .start-col-xl-3{left:40%}.emotion--container.emotion--column-5 .col-xl-4{width:80%}.emotion--container.emotion--column-5 .start-col-xl-4{left:60%}.emotion--container.emotion--column-5 .col-xl-5{width:100%}.emotion--container.emotion--column-5 .start-col-xl-5{left:80%}}.emotion--container.emotion--column-6 .col-1{width:16.66666667%}.emotion--container.emotion--column-6 .start-col-1{left:0}.emotion--container.emotion--column-6 .col-2{width:33.33333333%}.emotion--container.emotion--column-6 .start-col-2{left:16.66666667%}.emotion--container.emotion--column-6 .col-3{width:50%}.emotion--container.emotion--column-6 .start-col-3{left:33.33333333%}.emotion--container.emotion--column-6 .col-4{width:66.66666667%}.emotion--container.emotion--column-6 .start-col-4{left:50%}.emotion--container.emotion--column-6 .col-5{width:83.33333333%}.emotion--container.emotion--column-6 .start-col-5{left:66.66666667%}.emotion--container.emotion--column-6 .col-6{width:100%}.emotion--container.emotion--column-6 .start-col-6{left:83.33333333%}.emotion--container.emotion--column-6 .col-xs-1{width:16.66666667%}.emotion--container.emotion--column-6 .start-col-xs-1{left:0}.emotion--container.emotion--column-6 .col-xs-2{width:33.33333333%}.emotion--container.emotion--column-6 .start-col-xs-2{left:16.66666667%}.emotion--container.emotion--column-6 .col-xs-3{width:50%}.emotion--container.emotion--column-6 .start-col-xs-3{left:33.33333333%}.emotion--container.emotion--column-6 .col-xs-4{width:66.66666667%}.emotion--container.emotion--column-6 .start-col-xs-4{left:50%}.emotion--container.emotion--column-6 .col-xs-5{width:83.33333333%}.emotion--container.emotion--column-6 .start-col-xs-5{left:66.66666667%}.emotion--container.emotion--column-6 .col-xs-6{width:100%}.emotion--container.emotion--column-6 .start-col-xs-6{left:83.33333333%}@media screen and (min-width:30em){.emotion--container.emotion--column-6 .col-s-1{width:16.66666667%}.emotion--container.emotion--column-6 .start-col-s-1{left:0}.emotion--container.emotion--column-6 .col-s-2{width:33.33333333%}.emotion--container.emotion--column-6 .start-col-s-2{left:16.66666667%}.emotion--container.emotion--column-6 .col-s-3{width:50%}.emotion--container.emotion--column-6 .start-col-s-3{left:33.33333333%}.emotion--container.emotion--column-6 .col-s-4{width:66.66666667%}.emotion--container.emotion--column-6 .start-col-s-4{left:50%}.emotion--container.emotion--column-6 .col-s-5{width:83.33333333%}.emotion--container.emotion--column-6 .start-col-s-5{left:66.66666667%}.emotion--container.emotion--column-6 .col-s-6{width:100%}.emotion--container.emotion--column-6 .start-col-s-6{left:83.33333333%}}@media screen and (min-width:48em){.emotion--container.emotion--column-6 .col-m-1{width:16.66666667%}.emotion--container.emotion--column-6 .start-col-m-1{left:0}.emotion--container.emotion--column-6 .col-m-2{width:33.33333333%}.emotion--container.emotion--column-6 .start-col-m-2{left:16.66666667%}.emotion--container.emotion--column-6 .col-m-3{width:50%}.emotion--container.emotion--column-6 .start-col-m-3{left:33.33333333%}.emotion--container.emotion--column-6 .col-m-4{width:66.66666667%}.emotion--container.emotion--column-6 .start-col-m-4{left:50%}.emotion--container.emotion--column-6 .col-m-5{width:83.33333333%}.emotion--container.emotion--column-6 .start-col-m-5{left:66.66666667%}.emotion--container.emotion--column-6 .col-m-6{width:100%}.emotion--container.emotion--column-6 .start-col-m-6{left:83.33333333%}}@media screen and (min-width:64em){.emotion--container.emotion--column-6 .col-l-1{width:16.66666667%}.emotion--container.emotion--column-6 .start-col-l-1{left:0}.emotion--container.emotion--column-6 .col-l-2{width:33.33333333%}.emotion--container.emotion--column-6 .start-col-l-2{left:16.66666667%}.emotion--container.emotion--column-6 .col-l-3{width:50%}.emotion--container.emotion--column-6 .start-col-l-3{left:33.33333333%}.emotion--container.emotion--column-6 .col-l-4{width:66.66666667%}.emotion--container.emotion--column-6 .start-col-l-4{left:50%}.emotion--container.emotion--column-6 .col-l-5{width:83.33333333%}.emotion--container.emotion--column-6 .start-col-l-5{left:66.66666667%}.emotion--container.emotion--column-6 .col-l-6{width:100%}.emotion--container.emotion--column-6 .start-col-l-6{left:83.33333333%}}@media screen and (min-width:78.75em){.emotion--container.emotion--column-6 .col-xl-1{width:16.66666667%}.emotion--container.emotion--column-6 .start-col-xl-1{left:0}.emotion--container.emotion--column-6 .col-xl-2{width:33.33333333%}.emotion--container.emotion--column-6 .start-col-xl-2{left:16.66666667%}.emotion--container.emotion--column-6 .col-xl-3{width:50%}.emotion--container.emotion--column-6 .start-col-xl-3{left:33.33333333%}.emotion--container.emotion--column-6 .col-xl-4{width:66.66666667%}.emotion--container.emotion--column-6 .start-col-xl-4{left:50%}.emotion--container.emotion--column-6 .col-xl-5{width:83.33333333%}.emotion--container.emotion--column-6 .start-col-xl-5{left:66.66666667%}.emotion--container.emotion--column-6 .col-xl-6{width:100%}.emotion--container.emotion--column-6 .start-col-xl-6{left:83.33333333%}}.emotion--container.emotion--column-7 .col-1{width:14.28571429%}.emotion--container.emotion--column-7 .start-col-1{left:0}.emotion--container.emotion--column-7 .col-2{width:28.57142857%}.emotion--container.emotion--column-7 .start-col-2{left:14.28571429%}.emotion--container.emotion--column-7 .col-3{width:42.85714286%}.emotion--container.emotion--column-7 .start-col-3{left:28.57142857%}.emotion--container.emotion--column-7 .col-4{width:57.14285714%}.emotion--container.emotion--column-7 .start-col-4{left:42.85714286%}.emotion--container.emotion--column-7 .col-5{width:71.42857143%}.emotion--container.emotion--column-7 .start-col-5{left:57.14285714%}.emotion--container.emotion--column-7 .col-6{width:85.71428571%}.emotion--container.emotion--column-7 .start-col-6{left:71.42857143%}.emotion--container.emotion--column-7 .col-7{width:100%}.emotion--container.emotion--column-7 .start-col-7{left:85.71428571%}.emotion--container.emotion--column-7 .col-xs-1{width:14.28571429%}.emotion--container.emotion--column-7 .start-col-xs-1{left:0}.emotion--container.emotion--column-7 .col-xs-2{width:28.57142857%}.emotion--container.emotion--column-7 .start-col-xs-2{left:14.28571429%}.emotion--container.emotion--column-7 .col-xs-3{width:42.85714286%}.emotion--container.emotion--column-7 .start-col-xs-3{left:28.57142857%}.emotion--container.emotion--column-7 .col-xs-4{width:57.14285714%}.emotion--container.emotion--column-7 .start-col-xs-4{left:42.85714286%}.emotion--container.emotion--column-7 .col-xs-5{width:71.42857143%}.emotion--container.emotion--column-7 .start-col-xs-5{left:57.14285714%}.emotion--container.emotion--column-7 .col-xs-6{width:85.71428571%}.emotion--container.emotion--column-7 .start-col-xs-6{left:71.42857143%}.emotion--container.emotion--column-7 .col-xs-7{width:100%}.emotion--container.emotion--column-7 .start-col-xs-7{left:85.71428571%}@media screen and (min-width:30em){.emotion--container.emotion--column-7 .col-s-1{width:14.28571429%}.emotion--container.emotion--column-7 .start-col-s-1{left:0}.emotion--container.emotion--column-7 .col-s-2{width:28.57142857%}.emotion--container.emotion--column-7 .start-col-s-2{left:14.28571429%}.emotion--container.emotion--column-7 .col-s-3{width:42.85714286%}.emotion--container.emotion--column-7 .start-col-s-3{left:28.57142857%}.emotion--container.emotion--column-7 .col-s-4{width:57.14285714%}.emotion--container.emotion--column-7 .start-col-s-4{left:42.85714286%}.emotion--container.emotion--column-7 .col-s-5{width:71.42857143%}.emotion--container.emotion--column-7 .start-col-s-5{left:57.14285714%}.emotion--container.emotion--column-7 .col-s-6{width:85.71428571%}.emotion--container.emotion--column-7 .start-col-s-6{left:71.42857143%}.emotion--container.emotion--column-7 .col-s-7{width:100%}.emotion--container.emotion--column-7 .start-col-s-7{left:85.71428571%}}@media screen and (min-width:48em){.emotion--container.emotion--column-7 .col-m-1{width:14.28571429%}.emotion--container.emotion--column-7 .start-col-m-1{left:0}.emotion--container.emotion--column-7 .col-m-2{width:28.57142857%}.emotion--container.emotion--column-7 .start-col-m-2{left:14.28571429%}.emotion--container.emotion--column-7 .col-m-3{width:42.85714286%}.emotion--container.emotion--column-7 .start-col-m-3{left:28.57142857%}.emotion--container.emotion--column-7 .col-m-4{width:57.14285714%}.emotion--container.emotion--column-7 .start-col-m-4{left:42.85714286%}.emotion--container.emotion--column-7 .col-m-5{width:71.42857143%}.emotion--container.emotion--column-7 .start-col-m-5{left:57.14285714%}.emotion--container.emotion--column-7 .col-m-6{width:85.71428571%}.emotion--container.emotion--column-7 .start-col-m-6{left:71.42857143%}.emotion--container.emotion--column-7 .col-m-7{width:100%}.emotion--container.emotion--column-7 .start-col-m-7{left:85.71428571%}}@media screen and (min-width:64em){.emotion--container.emotion--column-7 .col-l-1{width:14.28571429%}.emotion--container.emotion--column-7 .start-col-l-1{left:0}.emotion--container.emotion--column-7 .col-l-2{width:28.57142857%}.emotion--container.emotion--column-7 .start-col-l-2{left:14.28571429%}.emotion--container.emotion--column-7 .col-l-3{width:42.85714286%}.emotion--container.emotion--column-7 .start-col-l-3{left:28.57142857%}.emotion--container.emotion--column-7 .col-l-4{width:57.14285714%}.emotion--container.emotion--column-7 .start-col-l-4{left:42.85714286%}.emotion--container.emotion--column-7 .col-l-5{width:71.42857143%}.emotion--container.emotion--column-7 .start-col-l-5{left:57.14285714%}.emotion--container.emotion--column-7 .col-l-6{width:85.71428571%}.emotion--container.emotion--column-7 .start-col-l-6{left:71.42857143%}.emotion--container.emotion--column-7 .col-l-7{width:100%}.emotion--container.emotion--column-7 .start-col-l-7{left:85.71428571%}}@media screen and (min-width:78.75em){.emotion--container.emotion--column-7 .col-xl-1{width:14.28571429%}.emotion--container.emotion--column-7 .start-col-xl-1{left:0}.emotion--container.emotion--column-7 .col-xl-2{width:28.57142857%}.emotion--container.emotion--column-7 .start-col-xl-2{left:14.28571429%}.emotion--container.emotion--column-7 .col-xl-3{width:42.85714286%}.emotion--container.emotion--column-7 .start-col-xl-3{left:28.57142857%}.emotion--container.emotion--column-7 .col-xl-4{width:57.14285714%}.emotion--container.emotion--column-7 .start-col-xl-4{left:42.85714286%}.emotion--container.emotion--column-7 .col-xl-5{width:71.42857143%}.emotion--container.emotion--column-7 .start-col-xl-5{left:57.14285714%}.emotion--container.emotion--column-7 .col-xl-6{width:85.71428571%}.emotion--container.emotion--column-7 .start-col-xl-6{left:71.42857143%}.emotion--container.emotion--column-7 .col-xl-7{width:100%}.emotion--container.emotion--column-7 .start-col-xl-7{left:85.71428571%}}.emotion--container.emotion--column-8 .col-1{width:12.5%}.emotion--container.emotion--column-8 .start-col-1{left:0}.emotion--container.emotion--column-8 .col-2{width:25%}.emotion--container.emotion--column-8 .start-col-2{left:12.5%}.emotion--container.emotion--column-8 .col-3{width:37.5%}.emotion--container.emotion--column-8 .start-col-3{left:25%}.emotion--container.emotion--column-8 .col-4{width:50%}.emotion--container.emotion--column-8 .start-col-4{left:37.5%}.emotion--container.emotion--column-8 .col-5{width:62.5%}.emotion--container.emotion--column-8 .start-col-5{left:50%}.emotion--container.emotion--column-8 .col-6{width:75%}.emotion--container.emotion--column-8 .start-col-6{left:62.5%}.emotion--container.emotion--column-8 .col-7{width:87.5%}.emotion--container.emotion--column-8 .start-col-7{left:75%}.emotion--container.emotion--column-8 .col-8{width:100%}.emotion--container.emotion--column-8 .start-col-8{left:87.5%}.emotion--container.emotion--column-8 .col-xs-1{width:12.5%}.emotion--container.emotion--column-8 .start-col-xs-1{left:0}.emotion--container.emotion--column-8 .col-xs-2{width:25%}.emotion--container.emotion--column-8 .start-col-xs-2{left:12.5%}.emotion--container.emotion--column-8 .col-xs-3{width:37.5%}.emotion--container.emotion--column-8 .start-col-xs-3{left:25%}.emotion--container.emotion--column-8 .col-xs-4{width:50%}.emotion--container.emotion--column-8 .start-col-xs-4{left:37.5%}.emotion--container.emotion--column-8 .col-xs-5{width:62.5%}.emotion--container.emotion--column-8 .start-col-xs-5{left:50%}.emotion--container.emotion--column-8 .col-xs-6{width:75%}.emotion--container.emotion--column-8 .start-col-xs-6{left:62.5%}.emotion--container.emotion--column-8 .col-xs-7{width:87.5%}.emotion--container.emotion--column-8 .start-col-xs-7{left:75%}.emotion--container.emotion--column-8 .col-xs-8{width:100%}.emotion--container.emotion--column-8 .start-col-xs-8{left:87.5%}@media screen and (min-width:30em){.emotion--container.emotion--column-8 .col-s-1{width:12.5%}.emotion--container.emotion--column-8 .start-col-s-1{left:0}.emotion--container.emotion--column-8 .col-s-2{width:25%}.emotion--container.emotion--column-8 .start-col-s-2{left:12.5%}.emotion--container.emotion--column-8 .col-s-3{width:37.5%}.emotion--container.emotion--column-8 .start-col-s-3{left:25%}.emotion--container.emotion--column-8 .col-s-4{width:50%}.emotion--container.emotion--column-8 .start-col-s-4{left:37.5%}.emotion--container.emotion--column-8 .col-s-5{width:62.5%}.emotion--container.emotion--column-8 .start-col-s-5{left:50%}.emotion--container.emotion--column-8 .col-s-6{width:75%}.emotion--container.emotion--column-8 .start-col-s-6{left:62.5%}.emotion--container.emotion--column-8 .col-s-7{width:87.5%}.emotion--container.emotion--column-8 .start-col-s-7{left:75%}.emotion--container.emotion--column-8 .col-s-8{width:100%}.emotion--container.emotion--column-8 .start-col-s-8{left:87.5%}}@media screen and (min-width:48em){.emotion--container.emotion--column-8 .col-m-1{width:12.5%}.emotion--container.emotion--column-8 .start-col-m-1{left:0}.emotion--container.emotion--column-8 .col-m-2{width:25%}.emotion--container.emotion--column-8 .start-col-m-2{left:12.5%}.emotion--container.emotion--column-8 .col-m-3{width:37.5%}.emotion--container.emotion--column-8 .start-col-m-3{left:25%}.emotion--container.emotion--column-8 .col-m-4{width:50%}.emotion--container.emotion--column-8 .start-col-m-4{left:37.5%}.emotion--container.emotion--column-8 .col-m-5{width:62.5%}.emotion--container.emotion--column-8 .start-col-m-5{left:50%}.emotion--container.emotion--column-8 .col-m-6{width:75%}.emotion--container.emotion--column-8 .start-col-m-6{left:62.5%}.emotion--container.emotion--column-8 .col-m-7{width:87.5%}.emotion--container.emotion--column-8 .start-col-m-7{left:75%}.emotion--container.emotion--column-8 .col-m-8{width:100%}.emotion--container.emotion--column-8 .start-col-m-8{left:87.5%}}@media screen and (min-width:64em){.emotion--container.emotion--column-8 .col-l-1{width:12.5%}.emotion--container.emotion--column-8 .start-col-l-1{left:0}.emotion--container.emotion--column-8 .col-l-2{width:25%}.emotion--container.emotion--column-8 .start-col-l-2{left:12.5%}.emotion--container.emotion--column-8 .col-l-3{width:37.5%}.emotion--container.emotion--column-8 .start-col-l-3{left:25%}.emotion--container.emotion--column-8 .col-l-4{width:50%}.emotion--container.emotion--column-8 .start-col-l-4{left:37.5%}.emotion--container.emotion--column-8 .col-l-5{width:62.5%}.emotion--container.emotion--column-8 .start-col-l-5{left:50%}.emotion--container.emotion--column-8 .col-l-6{width:75%}.emotion--container.emotion--column-8 .start-col-l-6{left:62.5%}.emotion--container.emotion--column-8 .col-l-7{width:87.5%}.emotion--container.emotion--column-8 .start-col-l-7{left:75%}.emotion--container.emotion--column-8 .col-l-8{width:100%}.emotion--container.emotion--column-8 .start-col-l-8{left:87.5%}}@media screen and (min-width:78.75em){.emotion--container.emotion--column-8 .col-xl-1{width:12.5%}.emotion--container.emotion--column-8 .start-col-xl-1{left:0}.emotion--container.emotion--column-8 .col-xl-2{width:25%}.emotion--container.emotion--column-8 .start-col-xl-2{left:12.5%}.emotion--container.emotion--column-8 .col-xl-3{width:37.5%}.emotion--container.emotion--column-8 .start-col-xl-3{left:25%}.emotion--container.emotion--column-8 .col-xl-4{width:50%}.emotion--container.emotion--column-8 .start-col-xl-4{left:37.5%}.emotion--container.emotion--column-8 .col-xl-5{width:62.5%}.emotion--container.emotion--column-8 .start-col-xl-5{left:50%}.emotion--container.emotion--column-8 .col-xl-6{width:75%}.emotion--container.emotion--column-8 .start-col-xl-6{left:62.5%}.emotion--container.emotion--column-8 .col-xl-7{width:87.5%}.emotion--container.emotion--column-8 .start-col-xl-7{left:75%}.emotion--container.emotion--column-8 .col-xl-8{width:100%}.emotion--container.emotion--column-8 .start-col-xl-8{left:87.5%}}.emotion--container.emotion--column-9 .col-1{width:11.11111111%}.emotion--container.emotion--column-9 .start-col-1{left:0}.emotion--container.emotion--column-9 .col-2{width:22.22222222%}.emotion--container.emotion--column-9 .start-col-2{left:11.11111111%}.emotion--container.emotion--column-9 .col-3{width:33.33333333%}.emotion--container.emotion--column-9 .start-col-3{left:22.22222222%}.emotion--container.emotion--column-9 .col-4{width:44.44444444%}.emotion--container.emotion--column-9 .start-col-4{left:33.33333333%}.emotion--container.emotion--column-9 .col-5{width:55.55555556%}.emotion--container.emotion--column-9 .start-col-5{left:44.44444444%}.emotion--container.emotion--column-9 .col-6{width:66.66666667%}.emotion--container.emotion--column-9 .start-col-6{left:55.55555556%}.emotion--container.emotion--column-9 .col-7{width:77.77777778%}.emotion--container.emotion--column-9 .start-col-7{left:66.66666667%}.emotion--container.emotion--column-9 .col-8{width:88.88888889%}.emotion--container.emotion--column-9 .start-col-8{left:77.77777778%}.emotion--container.emotion--column-9 .col-9{width:100%}.emotion--container.emotion--column-9 .start-col-9{left:88.88888889%}.emotion--container.emotion--column-9 .col-xs-1{width:11.11111111%}.emotion--container.emotion--column-9 .start-col-xs-1{left:0}.emotion--container.emotion--column-9 .col-xs-2{width:22.22222222%}.emotion--container.emotion--column-9 .start-col-xs-2{left:11.11111111%}.emotion--container.emotion--column-9 .col-xs-3{width:33.33333333%}.emotion--container.emotion--column-9 .start-col-xs-3{left:22.22222222%}.emotion--container.emotion--column-9 .col-xs-4{width:44.44444444%}.emotion--container.emotion--column-9 .start-col-xs-4{left:33.33333333%}.emotion--container.emotion--column-9 .col-xs-5{width:55.55555556%}.emotion--container.emotion--column-9 .start-col-xs-5{left:44.44444444%}.emotion--container.emotion--column-9 .col-xs-6{width:66.66666667%}.emotion--container.emotion--column-9 .start-col-xs-6{left:55.55555556%}.emotion--container.emotion--column-9 .col-xs-7{width:77.77777778%}.emotion--container.emotion--column-9 .start-col-xs-7{left:66.66666667%}.emotion--container.emotion--column-9 .col-xs-8{width:88.88888889%}.emotion--container.emotion--column-9 .start-col-xs-8{left:77.77777778%}.emotion--container.emotion--column-9 .col-xs-9{width:100%}.emotion--container.emotion--column-9 .start-col-xs-9{left:88.88888889%}@media screen and (min-width:30em){.emotion--container.emotion--column-9 .col-s-1{width:11.11111111%}.emotion--container.emotion--column-9 .start-col-s-1{left:0}.emotion--container.emotion--column-9 .col-s-2{width:22.22222222%}.emotion--container.emotion--column-9 .start-col-s-2{left:11.11111111%}.emotion--container.emotion--column-9 .col-s-3{width:33.33333333%}.emotion--container.emotion--column-9 .start-col-s-3{left:22.22222222%}.emotion--container.emotion--column-9 .col-s-4{width:44.44444444%}.emotion--container.emotion--column-9 .start-col-s-4{left:33.33333333%}.emotion--container.emotion--column-9 .col-s-5{width:55.55555556%}.emotion--container.emotion--column-9 .start-col-s-5{left:44.44444444%}.emotion--container.emotion--column-9 .col-s-6{width:66.66666667%}.emotion--container.emotion--column-9 .start-col-s-6{left:55.55555556%}.emotion--container.emotion--column-9 .col-s-7{width:77.77777778%}.emotion--container.emotion--column-9 .start-col-s-7{left:66.66666667%}.emotion--container.emotion--column-9 .col-s-8{width:88.88888889%}.emotion--container.emotion--column-9 .start-col-s-8{left:77.77777778%}.emotion--container.emotion--column-9 .col-s-9{width:100%}.emotion--container.emotion--column-9 .start-col-s-9{left:88.88888889%}}@media screen and (min-width:48em){.emotion--container.emotion--column-9 .col-m-1{width:11.11111111%}.emotion--container.emotion--column-9 .start-col-m-1{left:0}.emotion--container.emotion--column-9 .col-m-2{width:22.22222222%}.emotion--container.emotion--column-9 .start-col-m-2{left:11.11111111%}.emotion--container.emotion--column-9 .col-m-3{width:33.33333333%}.emotion--container.emotion--column-9 .start-col-m-3{left:22.22222222%}.emotion--container.emotion--column-9 .col-m-4{width:44.44444444%}.emotion--container.emotion--column-9 .start-col-m-4{left:33.33333333%}.emotion--container.emotion--column-9 .col-m-5{width:55.55555556%}.emotion--container.emotion--column-9 .start-col-m-5{left:44.44444444%}.emotion--container.emotion--column-9 .col-m-6{width:66.66666667%}.emotion--container.emotion--column-9 .start-col-m-6{left:55.55555556%}.emotion--container.emotion--column-9 .col-m-7{width:77.77777778%}.emotion--container.emotion--column-9 .start-col-m-7{left:66.66666667%}.emotion--container.emotion--column-9 .col-m-8{width:88.88888889%}.emotion--container.emotion--column-9 .start-col-m-8{left:77.77777778%}.emotion--container.emotion--column-9 .col-m-9{width:100%}.emotion--container.emotion--column-9 .start-col-m-9{left:88.88888889%}}@media screen and (min-width:64em){.emotion--container.emotion--column-9 .col-l-1{width:11.11111111%}.emotion--container.emotion--column-9 .start-col-l-1{left:0}.emotion--container.emotion--column-9 .col-l-2{width:22.22222222%}.emotion--container.emotion--column-9 .start-col-l-2{left:11.11111111%}.emotion--container.emotion--column-9 .col-l-3{width:33.33333333%}.emotion--container.emotion--column-9 .start-col-l-3{left:22.22222222%}.emotion--container.emotion--column-9 .col-l-4{width:44.44444444%}.emotion--container.emotion--column-9 .start-col-l-4{left:33.33333333%}.emotion--container.emotion--column-9 .col-l-5{width:55.55555556%}.emotion--container.emotion--column-9 .start-col-l-5{left:44.44444444%}.emotion--container.emotion--column-9 .col-l-6{width:66.66666667%}.emotion--container.emotion--column-9 .start-col-l-6{left:55.55555556%}.emotion--container.emotion--column-9 .col-l-7{width:77.77777778%}.emotion--container.emotion--column-9 .start-col-l-7{left:66.66666667%}.emotion--container.emotion--column-9 .col-l-8{width:88.88888889%}.emotion--container.emotion--column-9 .start-col-l-8{left:77.77777778%}.emotion--container.emotion--column-9 .col-l-9{width:100%}.emotion--container.emotion--column-9 .start-col-l-9{left:88.88888889%}}@media screen and (min-width:78.75em){.emotion--container.emotion--column-9 .col-xl-1{width:11.11111111%}.emotion--container.emotion--column-9 .start-col-xl-1{left:0}.emotion--container.emotion--column-9 .col-xl-2{width:22.22222222%}.emotion--container.emotion--column-9 .start-col-xl-2{left:11.11111111%}.emotion--container.emotion--column-9 .col-xl-3{width:33.33333333%}.emotion--container.emotion--column-9 .start-col-xl-3{left:22.22222222%}.emotion--container.emotion--column-9 .col-xl-4{width:44.44444444%}.emotion--container.emotion--column-9 .start-col-xl-4{left:33.33333333%}.emotion--container.emotion--column-9 .col-xl-5{width:55.55555556%}.emotion--container.emotion--column-9 .start-col-xl-5{left:44.44444444%}.emotion--container.emotion--column-9 .col-xl-6{width:66.66666667%}.emotion--container.emotion--column-9 .start-col-xl-6{left:55.55555556%}.emotion--container.emotion--column-9 .col-xl-7{width:77.77777778%}.emotion--container.emotion--column-9 .start-col-xl-7{left:66.66666667%}.emotion--container.emotion--column-9 .col-xl-8{width:88.88888889%}.emotion--container.emotion--column-9 .start-col-xl-8{left:77.77777778%}.emotion--container.emotion--column-9 .col-xl-9{width:100%}.emotion--container.emotion--column-9 .start-col-xl-9{left:88.88888889%}}.emotion--container.emotion--column-10 .col-1{width:10%}.emotion--container.emotion--column-10 .start-col-1{left:0}.emotion--container.emotion--column-10 .col-2{width:20%}.emotion--container.emotion--column-10 .start-col-2{left:10%}.emotion--container.emotion--column-10 .col-3{width:30%}.emotion--container.emotion--column-10 .start-col-3{left:20%}.emotion--container.emotion--column-10 .col-4{width:40%}.emotion--container.emotion--column-10 .start-col-4{left:30%}.emotion--container.emotion--column-10 .col-5{width:50%}.emotion--container.emotion--column-10 .start-col-5{left:40%}.emotion--container.emotion--column-10 .col-6{width:60%}.emotion--container.emotion--column-10 .start-col-6{left:50%}.emotion--container.emotion--column-10 .col-7{width:70%}.emotion--container.emotion--column-10 .start-col-7{left:60%}.emotion--container.emotion--column-10 .col-8{width:80%}.emotion--container.emotion--column-10 .start-col-8{left:70%}.emotion--container.emotion--column-10 .col-9{width:90%}.emotion--container.emotion--column-10 .start-col-9{left:80%}.emotion--container.emotion--column-10 .col-10{width:100%}.emotion--container.emotion--column-10 .start-col-10{left:90%}.emotion--container.emotion--column-10 .col-xs-1{width:10%}.emotion--container.emotion--column-10 .start-col-xs-1{left:0}.emotion--container.emotion--column-10 .col-xs-2{width:20%}.emotion--container.emotion--column-10 .start-col-xs-2{left:10%}.emotion--container.emotion--column-10 .col-xs-3{width:30%}.emotion--container.emotion--column-10 .start-col-xs-3{left:20%}.emotion--container.emotion--column-10 .col-xs-4{width:40%}.emotion--container.emotion--column-10 .start-col-xs-4{left:30%}.emotion--container.emotion--column-10 .col-xs-5{width:50%}.emotion--container.emotion--column-10 .start-col-xs-5{left:40%}.emotion--container.emotion--column-10 .col-xs-6{width:60%}.emotion--container.emotion--column-10 .start-col-xs-6{left:50%}.emotion--container.emotion--column-10 .col-xs-7{width:70%}.emotion--container.emotion--column-10 .start-col-xs-7{left:60%}.emotion--container.emotion--column-10 .col-xs-8{width:80%}.emotion--container.emotion--column-10 .start-col-xs-8{left:70%}.emotion--container.emotion--column-10 .col-xs-9{width:90%}.emotion--container.emotion--column-10 .start-col-xs-9{left:80%}.emotion--container.emotion--column-10 .col-xs-10{width:100%}.emotion--container.emotion--column-10 .start-col-xs-10{left:90%}@media screen and (min-width:30em){.emotion--container.emotion--column-10 .col-s-1{width:10%}.emotion--container.emotion--column-10 .start-col-s-1{left:0}.emotion--container.emotion--column-10 .col-s-2{width:20%}.emotion--container.emotion--column-10 .start-col-s-2{left:10%}.emotion--container.emotion--column-10 .col-s-3{width:30%}.emotion--container.emotion--column-10 .start-col-s-3{left:20%}.emotion--container.emotion--column-10 .col-s-4{width:40%}.emotion--container.emotion--column-10 .start-col-s-4{left:30%}.emotion--container.emotion--column-10 .col-s-5{width:50%}.emotion--container.emotion--column-10 .start-col-s-5{left:40%}.emotion--container.emotion--column-10 .col-s-6{width:60%}.emotion--container.emotion--column-10 .start-col-s-6{left:50%}.emotion--container.emotion--column-10 .col-s-7{width:70%}.emotion--container.emotion--column-10 .start-col-s-7{left:60%}.emotion--container.emotion--column-10 .col-s-8{width:80%}.emotion--container.emotion--column-10 .start-col-s-8{left:70%}.emotion--container.emotion--column-10 .col-s-9{width:90%}.emotion--container.emotion--column-10 .start-col-s-9{left:80%}.emotion--container.emotion--column-10 .col-s-10{width:100%}.emotion--container.emotion--column-10 .start-col-s-10{left:90%}}@media screen and (min-width:48em){.emotion--container.emotion--column-10 .col-m-1{width:10%}.emotion--container.emotion--column-10 .start-col-m-1{left:0}.emotion--container.emotion--column-10 .col-m-2{width:20%}.emotion--container.emotion--column-10 .start-col-m-2{left:10%}.emotion--container.emotion--column-10 .col-m-3{width:30%}.emotion--container.emotion--column-10 .start-col-m-3{left:20%}.emotion--container.emotion--column-10 .col-m-4{width:40%}.emotion--container.emotion--column-10 .start-col-m-4{left:30%}.emotion--container.emotion--column-10 .col-m-5{width:50%}.emotion--container.emotion--column-10 .start-col-m-5{left:40%}.emotion--container.emotion--column-10 .col-m-6{width:60%}.emotion--container.emotion--column-10 .start-col-m-6{left:50%}.emotion--container.emotion--column-10 .col-m-7{width:70%}.emotion--container.emotion--column-10 .start-col-m-7{left:60%}.emotion--container.emotion--column-10 .col-m-8{width:80%}.emotion--container.emotion--column-10 .start-col-m-8{left:70%}.emotion--container.emotion--column-10 .col-m-9{width:90%}.emotion--container.emotion--column-10 .start-col-m-9{left:80%}.emotion--container.emotion--column-10 .col-m-10{width:100%}.emotion--container.emotion--column-10 .start-col-m-10{left:90%}}@media screen and (min-width:64em){.emotion--container.emotion--column-10 .col-l-1{width:10%}.emotion--container.emotion--column-10 .start-col-l-1{left:0}.emotion--container.emotion--column-10 .col-l-2{width:20%}.emotion--container.emotion--column-10 .start-col-l-2{left:10%}.emotion--container.emotion--column-10 .col-l-3{width:30%}.emotion--container.emotion--column-10 .start-col-l-3{left:20%}.emotion--container.emotion--column-10 .col-l-4{width:40%}.emotion--container.emotion--column-10 .start-col-l-4{left:30%}.emotion--container.emotion--column-10 .col-l-5{width:50%}.emotion--container.emotion--column-10 .start-col-l-5{left:40%}.emotion--container.emotion--column-10 .col-l-6{width:60%}.emotion--container.emotion--column-10 .start-col-l-6{left:50%}.emotion--container.emotion--column-10 .col-l-7{width:70%}.emotion--container.emotion--column-10 .start-col-l-7{left:60%}.emotion--container.emotion--column-10 .col-l-8{width:80%}.emotion--container.emotion--column-10 .start-col-l-8{left:70%}.emotion--container.emotion--column-10 .col-l-9{width:90%}.emotion--container.emotion--column-10 .start-col-l-9{left:80%}.emotion--container.emotion--column-10 .col-l-10{width:100%}.emotion--container.emotion--column-10 .start-col-l-10{left:90%}}@media screen and (min-width:78.75em){.emotion--container.emotion--column-10 .col-xl-1{width:10%}.emotion--container.emotion--column-10 .start-col-xl-1{left:0}.emotion--container.emotion--column-10 .col-xl-2{width:20%}.emotion--container.emotion--column-10 .start-col-xl-2{left:10%}.emotion--container.emotion--column-10 .col-xl-3{width:30%}.emotion--container.emotion--column-10 .start-col-xl-3{left:20%}.emotion--container.emotion--column-10 .col-xl-4{width:40%}.emotion--container.emotion--column-10 .start-col-xl-4{left:30%}.emotion--container.emotion--column-10 .col-xl-5{width:50%}.emotion--container.emotion--column-10 .start-col-xl-5{left:40%}.emotion--container.emotion--column-10 .col-xl-6{width:60%}.emotion--container.emotion--column-10 .start-col-xl-6{left:50%}.emotion--container.emotion--column-10 .col-xl-7{width:70%}.emotion--container.emotion--column-10 .start-col-xl-7{left:60%}.emotion--container.emotion--column-10 .col-xl-8{width:80%}.emotion--container.emotion--column-10 .start-col-xl-8{left:70%}.emotion--container.emotion--column-10 .col-xl-9{width:90%}.emotion--container.emotion--column-10 .start-col-xl-9{left:80%}.emotion--container.emotion--column-10 .col-xl-10{width:100%}.emotion--container.emotion--column-10 .start-col-xl-10{left:90%}}.emotion--container.emotion--column-11 .col-1{width:9.09090909%}.emotion--container.emotion--column-11 .start-col-1{left:0}.emotion--container.emotion--column-11 .col-2{width:18.18181818%}.emotion--container.emotion--column-11 .start-col-2{left:9.09090909%}.emotion--container.emotion--column-11 .col-3{width:27.27272727%}.emotion--container.emotion--column-11 .start-col-3{left:18.18181818%}.emotion--container.emotion--column-11 .col-4{width:36.36363636%}.emotion--container.emotion--column-11 .start-col-4{left:27.27272727%}.emotion--container.emotion--column-11 .col-5{width:45.45454545%}.emotion--container.emotion--column-11 .start-col-5{left:36.36363636%}.emotion--container.emotion--column-11 .col-6{width:54.54545455%}.emotion--container.emotion--column-11 .start-col-6{left:45.45454545%}.emotion--container.emotion--column-11 .col-7{width:63.63636364%}.emotion--container.emotion--column-11 .start-col-7{left:54.54545455%}.emotion--container.emotion--column-11 .col-8{width:72.72727273%}.emotion--container.emotion--column-11 .start-col-8{left:63.63636364%}.emotion--container.emotion--column-11 .col-9{width:81.81818182%}.emotion--container.emotion--column-11 .start-col-9{left:72.72727273%}.emotion--container.emotion--column-11 .col-10{width:90.90909091%}.emotion--container.emotion--column-11 .start-col-10{left:81.81818182%}.emotion--container.emotion--column-11 .col-11{width:100%}.emotion--container.emotion--column-11 .start-col-11{left:90.90909091%}.emotion--container.emotion--column-11 .col-xs-1{width:9.09090909%}.emotion--container.emotion--column-11 .start-col-xs-1{left:0}.emotion--container.emotion--column-11 .col-xs-2{width:18.18181818%}.emotion--container.emotion--column-11 .start-col-xs-2{left:9.09090909%}.emotion--container.emotion--column-11 .col-xs-3{width:27.27272727%}.emotion--container.emotion--column-11 .start-col-xs-3{left:18.18181818%}.emotion--container.emotion--column-11 .col-xs-4{width:36.36363636%}.emotion--container.emotion--column-11 .start-col-xs-4{left:27.27272727%}.emotion--container.emotion--column-11 .col-xs-5{width:45.45454545%}.emotion--container.emotion--column-11 .start-col-xs-5{left:36.36363636%}.emotion--container.emotion--column-11 .col-xs-6{width:54.54545455%}.emotion--container.emotion--column-11 .start-col-xs-6{left:45.45454545%}.emotion--container.emotion--column-11 .col-xs-7{width:63.63636364%}.emotion--container.emotion--column-11 .start-col-xs-7{left:54.54545455%}.emotion--container.emotion--column-11 .col-xs-8{width:72.72727273%}.emotion--container.emotion--column-11 .start-col-xs-8{left:63.63636364%}.emotion--container.emotion--column-11 .col-xs-9{width:81.81818182%}.emotion--container.emotion--column-11 .start-col-xs-9{left:72.72727273%}.emotion--container.emotion--column-11 .col-xs-10{width:90.90909091%}.emotion--container.emotion--column-11 .start-col-xs-10{left:81.81818182%}.emotion--container.emotion--column-11 .col-xs-11{width:100%}.emotion--container.emotion--column-11 .start-col-xs-11{left:90.90909091%}@media screen and (min-width:30em){.emotion--container.emotion--column-11 .col-s-1{width:9.09090909%}.emotion--container.emotion--column-11 .start-col-s-1{left:0}.emotion--container.emotion--column-11 .col-s-2{width:18.18181818%}.emotion--container.emotion--column-11 .start-col-s-2{left:9.09090909%}.emotion--container.emotion--column-11 .col-s-3{width:27.27272727%}.emotion--container.emotion--column-11 .start-col-s-3{left:18.18181818%}.emotion--container.emotion--column-11 .col-s-4{width:36.36363636%}.emotion--container.emotion--column-11 .start-col-s-4{left:27.27272727%}.emotion--container.emotion--column-11 .col-s-5{width:45.45454545%}.emotion--container.emotion--column-11 .start-col-s-5{left:36.36363636%}.emotion--container.emotion--column-11 .col-s-6{width:54.54545455%}.emotion--container.emotion--column-11 .start-col-s-6{left:45.45454545%}.emotion--container.emotion--column-11 .col-s-7{width:63.63636364%}.emotion--container.emotion--column-11 .start-col-s-7{left:54.54545455%}.emotion--container.emotion--column-11 .col-s-8{width:72.72727273%}.emotion--container.emotion--column-11 .start-col-s-8{left:63.63636364%}.emotion--container.emotion--column-11 .col-s-9{width:81.81818182%}.emotion--container.emotion--column-11 .start-col-s-9{left:72.72727273%}.emotion--container.emotion--column-11 .col-s-10{width:90.90909091%}.emotion--container.emotion--column-11 .start-col-s-10{left:81.81818182%}.emotion--container.emotion--column-11 .col-s-11{width:100%}.emotion--container.emotion--column-11 .start-col-s-11{left:90.90909091%}}@media screen and (min-width:48em){.emotion--container.emotion--column-11 .col-m-1{width:9.09090909%}.emotion--container.emotion--column-11 .start-col-m-1{left:0}.emotion--container.emotion--column-11 .col-m-2{width:18.18181818%}.emotion--container.emotion--column-11 .start-col-m-2{left:9.09090909%}.emotion--container.emotion--column-11 .col-m-3{width:27.27272727%}.emotion--container.emotion--column-11 .start-col-m-3{left:18.18181818%}.emotion--container.emotion--column-11 .col-m-4{width:36.36363636%}.emotion--container.emotion--column-11 .start-col-m-4{left:27.27272727%}.emotion--container.emotion--column-11 .col-m-5{width:45.45454545%}.emotion--container.emotion--column-11 .start-col-m-5{left:36.36363636%}.emotion--container.emotion--column-11 .col-m-6{width:54.54545455%}.emotion--container.emotion--column-11 .start-col-m-6{left:45.45454545%}.emotion--container.emotion--column-11 .col-m-7{width:63.63636364%}.emotion--container.emotion--column-11 .start-col-m-7{left:54.54545455%}.emotion--container.emotion--column-11 .col-m-8{width:72.72727273%}.emotion--container.emotion--column-11 .start-col-m-8{left:63.63636364%}.emotion--container.emotion--column-11 .col-m-9{width:81.81818182%}.emotion--container.emotion--column-11 .start-col-m-9{left:72.72727273%}.emotion--container.emotion--column-11 .col-m-10{width:90.90909091%}.emotion--container.emotion--column-11 .start-col-m-10{left:81.81818182%}.emotion--container.emotion--column-11 .col-m-11{width:100%}.emotion--container.emotion--column-11 .start-col-m-11{left:90.90909091%}}@media screen and (min-width:64em){.emotion--container.emotion--column-11 .col-l-1{width:9.09090909%}.emotion--container.emotion--column-11 .start-col-l-1{left:0}.emotion--container.emotion--column-11 .col-l-2{width:18.18181818%}.emotion--container.emotion--column-11 .start-col-l-2{left:9.09090909%}.emotion--container.emotion--column-11 .col-l-3{width:27.27272727%}.emotion--container.emotion--column-11 .start-col-l-3{left:18.18181818%}.emotion--container.emotion--column-11 .col-l-4{width:36.36363636%}.emotion--container.emotion--column-11 .start-col-l-4{left:27.27272727%}.emotion--container.emotion--column-11 .col-l-5{width:45.45454545%}.emotion--container.emotion--column-11 .start-col-l-5{left:36.36363636%}.emotion--container.emotion--column-11 .col-l-6{width:54.54545455%}.emotion--container.emotion--column-11 .start-col-l-6{left:45.45454545%}.emotion--container.emotion--column-11 .col-l-7{width:63.63636364%}.emotion--container.emotion--column-11 .start-col-l-7{left:54.54545455%}.emotion--container.emotion--column-11 .col-l-8{width:72.72727273%}.emotion--container.emotion--column-11 .start-col-l-8{left:63.63636364%}.emotion--container.emotion--column-11 .col-l-9{width:81.81818182%}.emotion--container.emotion--column-11 .start-col-l-9{left:72.72727273%}.emotion--container.emotion--column-11 .col-l-10{width:90.90909091%}.emotion--container.emotion--column-11 .start-col-l-10{left:81.81818182%}.emotion--container.emotion--column-11 .col-l-11{width:100%}.emotion--container.emotion--column-11 .start-col-l-11{left:90.90909091%}}@media screen and (min-width:78.75em){.emotion--container.emotion--column-11 .col-xl-1{width:9.09090909%}.emotion--container.emotion--column-11 .start-col-xl-1{left:0}.emotion--container.emotion--column-11 .col-xl-2{width:18.18181818%}.emotion--container.emotion--column-11 .start-col-xl-2{left:9.09090909%}.emotion--container.emotion--column-11 .col-xl-3{width:27.27272727%}.emotion--container.emotion--column-11 .start-col-xl-3{left:18.18181818%}.emotion--container.emotion--column-11 .col-xl-4{width:36.36363636%}.emotion--container.emotion--column-11 .start-col-xl-4{left:27.27272727%}.emotion--container.emotion--column-11 .col-xl-5{width:45.45454545%}.emotion--container.emotion--column-11 .start-col-xl-5{left:36.36363636%}.emotion--container.emotion--column-11 .col-xl-6{width:54.54545455%}.emotion--container.emotion--column-11 .start-col-xl-6{left:45.45454545%}.emotion--container.emotion--column-11 .col-xl-7{width:63.63636364%}.emotion--container.emotion--column-11 .start-col-xl-7{left:54.54545455%}.emotion--container.emotion--column-11 .col-xl-8{width:72.72727273%}.emotion--container.emotion--column-11 .start-col-xl-8{left:63.63636364%}.emotion--container.emotion--column-11 .col-xl-9{width:81.81818182%}.emotion--container.emotion--column-11 .start-col-xl-9{left:72.72727273%}.emotion--container.emotion--column-11 .col-xl-10{width:90.90909091%}.emotion--container.emotion--column-11 .start-col-xl-10{left:81.81818182%}.emotion--container.emotion--column-11 .col-xl-11{width:100%}.emotion--container.emotion--column-11 .start-col-xl-11{left:90.90909091%}}.emotion--container.emotion--column-12 .col-1{width:8.33333333%}.emotion--container.emotion--column-12 .start-col-1{left:0}.emotion--container.emotion--column-12 .col-2{width:16.66666667%}.emotion--container.emotion--column-12 .start-col-2{left:8.33333333%}.emotion--container.emotion--column-12 .col-3{width:25%}.emotion--container.emotion--column-12 .start-col-3{left:16.66666667%}.emotion--container.emotion--column-12 .col-4{width:33.33333333%}.emotion--container.emotion--column-12 .start-col-4{left:25%}.emotion--container.emotion--column-12 .col-5{width:41.66666667%}.emotion--container.emotion--column-12 .start-col-5{left:33.33333333%}.emotion--container.emotion--column-12 .col-6{width:50%}.emotion--container.emotion--column-12 .start-col-6{left:41.66666667%}.emotion--container.emotion--column-12 .col-7{width:58.33333333%}.emotion--container.emotion--column-12 .start-col-7{left:50%}.emotion--container.emotion--column-12 .col-8{width:66.66666667%}.emotion--container.emotion--column-12 .start-col-8{left:58.33333333%}.emotion--container.emotion--column-12 .col-9{width:75%}.emotion--container.emotion--column-12 .start-col-9{left:66.66666667%}.emotion--container.emotion--column-12 .col-10{width:83.33333333%}.emotion--container.emotion--column-12 .start-col-10{left:75%}.emotion--container.emotion--column-12 .col-11{width:91.66666667%}.emotion--container.emotion--column-12 .start-col-11{left:83.33333333%}.emotion--container.emotion--column-12 .col-12{width:100%}.emotion--container.emotion--column-12 .start-col-12{left:91.66666667%}.emotion--container.emotion--column-12 .col-xs-1{width:8.33333333%}.emotion--container.emotion--column-12 .start-col-xs-1{left:0}.emotion--container.emotion--column-12 .col-xs-2{width:16.66666667%}.emotion--container.emotion--column-12 .start-col-xs-2{left:8.33333333%}.emotion--container.emotion--column-12 .col-xs-3{width:25%}.emotion--container.emotion--column-12 .start-col-xs-3{left:16.66666667%}.emotion--container.emotion--column-12 .col-xs-4{width:33.33333333%}.emotion--container.emotion--column-12 .start-col-xs-4{left:25%}.emotion--container.emotion--column-12 .col-xs-5{width:41.66666667%}.emotion--container.emotion--column-12 .start-col-xs-5{left:33.33333333%}.emotion--container.emotion--column-12 .col-xs-6{width:50%}.emotion--container.emotion--column-12 .start-col-xs-6{left:41.66666667%}.emotion--container.emotion--column-12 .col-xs-7{width:58.33333333%}.emotion--container.emotion--column-12 .start-col-xs-7{left:50%}.emotion--container.emotion--column-12 .col-xs-8{width:66.66666667%}.emotion--container.emotion--column-12 .start-col-xs-8{left:58.33333333%}.emotion--container.emotion--column-12 .col-xs-9{width:75%}.emotion--container.emotion--column-12 .start-col-xs-9{left:66.66666667%}.emotion--container.emotion--column-12 .col-xs-10{width:83.33333333%}.emotion--container.emotion--column-12 .start-col-xs-10{left:75%}.emotion--container.emotion--column-12 .col-xs-11{width:91.66666667%}.emotion--container.emotion--column-12 .start-col-xs-11{left:83.33333333%}.emotion--container.emotion--column-12 .col-xs-12{width:100%}.emotion--container.emotion--column-12 .start-col-xs-12{left:91.66666667%}@media screen and (min-width:30em){.emotion--container.emotion--column-12 .col-s-1{width:8.33333333%}.emotion--container.emotion--column-12 .start-col-s-1{left:0}.emotion--container.emotion--column-12 .col-s-2{width:16.66666667%}.emotion--container.emotion--column-12 .start-col-s-2{left:8.33333333%}.emotion--container.emotion--column-12 .col-s-3{width:25%}.emotion--container.emotion--column-12 .start-col-s-3{left:16.66666667%}.emotion--container.emotion--column-12 .col-s-4{width:33.33333333%}.emotion--container.emotion--column-12 .start-col-s-4{left:25%}.emotion--container.emotion--column-12 .col-s-5{width:41.66666667%}.emotion--container.emotion--column-12 .start-col-s-5{left:33.33333333%}.emotion--container.emotion--column-12 .col-s-6{width:50%}.emotion--container.emotion--column-12 .start-col-s-6{left:41.66666667%}.emotion--container.emotion--column-12 .col-s-7{width:58.33333333%}.emotion--container.emotion--column-12 .start-col-s-7{left:50%}.emotion--container.emotion--column-12 .col-s-8{width:66.66666667%}.emotion--container.emotion--column-12 .start-col-s-8{left:58.33333333%}.emotion--container.emotion--column-12 .col-s-9{width:75%}.emotion--container.emotion--column-12 .start-col-s-9{left:66.66666667%}.emotion--container.emotion--column-12 .col-s-10{width:83.33333333%}.emotion--container.emotion--column-12 .start-col-s-10{left:75%}.emotion--container.emotion--column-12 .col-s-11{width:91.66666667%}.emotion--container.emotion--column-12 .start-col-s-11{left:83.33333333%}.emotion--container.emotion--column-12 .col-s-12{width:100%}.emotion--container.emotion--column-12 .start-col-s-12{left:91.66666667%}}@media screen and (min-width:48em){.emotion--container.emotion--column-12 .col-m-1{width:8.33333333%}.emotion--container.emotion--column-12 .start-col-m-1{left:0}.emotion--container.emotion--column-12 .col-m-2{width:16.66666667%}.emotion--container.emotion--column-12 .start-col-m-2{left:8.33333333%}.emotion--container.emotion--column-12 .col-m-3{width:25%}.emotion--container.emotion--column-12 .start-col-m-3{left:16.66666667%}.emotion--container.emotion--column-12 .col-m-4{width:33.33333333%}.emotion--container.emotion--column-12 .start-col-m-4{left:25%}.emotion--container.emotion--column-12 .col-m-5{width:41.66666667%}.emotion--container.emotion--column-12 .start-col-m-5{left:33.33333333%}.emotion--container.emotion--column-12 .col-m-6{width:50%}.emotion--container.emotion--column-12 .start-col-m-6{left:41.66666667%}.emotion--container.emotion--column-12 .col-m-7{width:58.33333333%}.emotion--container.emotion--column-12 .start-col-m-7{left:50%}.emotion--container.emotion--column-12 .col-m-8{width:66.66666667%}.emotion--container.emotion--column-12 .start-col-m-8{left:58.33333333%}.emotion--container.emotion--column-12 .col-m-9{width:75%}.emotion--container.emotion--column-12 .start-col-m-9{left:66.66666667%}.emotion--container.emotion--column-12 .col-m-10{width:83.33333333%}.emotion--container.emotion--column-12 .start-col-m-10{left:75%}.emotion--container.emotion--column-12 .col-m-11{width:91.66666667%}.emotion--container.emotion--column-12 .start-col-m-11{left:83.33333333%}.emotion--container.emotion--column-12 .col-m-12{width:100%}.emotion--container.emotion--column-12 .start-col-m-12{left:91.66666667%}}@media screen and (min-width:64em){.emotion--container.emotion--column-12 .col-l-1{width:8.33333333%}.emotion--container.emotion--column-12 .start-col-l-1{left:0}.emotion--container.emotion--column-12 .col-l-2{width:16.66666667%}.emotion--container.emotion--column-12 .start-col-l-2{left:8.33333333%}.emotion--container.emotion--column-12 .col-l-3{width:25%}.emotion--container.emotion--column-12 .start-col-l-3{left:16.66666667%}.emotion--container.emotion--column-12 .col-l-4{width:33.33333333%}.emotion--container.emotion--column-12 .start-col-l-4{left:25%}.emotion--container.emotion--column-12 .col-l-5{width:41.66666667%}.emotion--container.emotion--column-12 .start-col-l-5{left:33.33333333%}.emotion--container.emotion--column-12 .col-l-6{width:50%}.emotion--container.emotion--column-12 .start-col-l-6{left:41.66666667%}.emotion--container.emotion--column-12 .col-l-7{width:58.33333333%}.emotion--container.emotion--column-12 .start-col-l-7{left:50%}.emotion--container.emotion--column-12 .col-l-8{width:66.66666667%}.emotion--container.emotion--column-12 .start-col-l-8{left:58.33333333%}.emotion--container.emotion--column-12 .col-l-9{width:75%}.emotion--container.emotion--column-12 .start-col-l-9{left:66.66666667%}.emotion--container.emotion--column-12 .col-l-10{width:83.33333333%}.emotion--container.emotion--column-12 .start-col-l-10{left:75%}.emotion--container.emotion--column-12 .col-l-11{width:91.66666667%}.emotion--container.emotion--column-12 .start-col-l-11{left:83.33333333%}.emotion--container.emotion--column-12 .col-l-12{width:100%}.emotion--container.emotion--column-12 .start-col-l-12{left:91.66666667%}}@media screen and (min-width:78.75em){.emotion--container.emotion--column-12 .col-xl-1{width:8.33333333%}.emotion--container.emotion--column-12 .start-col-xl-1{left:0}.emotion--container.emotion--column-12 .col-xl-2{width:16.66666667%}.emotion--container.emotion--column-12 .start-col-xl-2{left:8.33333333%}.emotion--container.emotion--column-12 .col-xl-3{width:25%}.emotion--container.emotion--column-12 .start-col-xl-3{left:16.66666667%}.emotion--container.emotion--column-12 .col-xl-4{width:33.33333333%}.emotion--container.emotion--column-12 .start-col-xl-4{left:25%}.emotion--container.emotion--column-12 .col-xl-5{width:41.66666667%}.emotion--container.emotion--column-12 .start-col-xl-5{left:33.33333333%}.emotion--container.emotion--column-12 .col-xl-6{width:50%}.emotion--container.emotion--column-12 .start-col-xl-6{left:41.66666667%}.emotion--container.emotion--column-12 .col-xl-7{width:58.33333333%}.emotion--container.emotion--column-12 .start-col-xl-7{left:50%}.emotion--container.emotion--column-12 .col-xl-8{width:66.66666667%}.emotion--container.emotion--column-12 .start-col-xl-8{left:58.33333333%}.emotion--container.emotion--column-12 .col-xl-9{width:75%}.emotion--container.emotion--column-12 .start-col-xl-9{left:66.66666667%}.emotion--container.emotion--column-12 .col-xl-10{width:83.33333333%}.emotion--container.emotion--column-12 .start-col-xl-10{left:75%}.emotion--container.emotion--column-12 .col-xl-11{width:91.66666667%}.emotion--container.emotion--column-12 .start-col-xl-11{left:83.33333333%}.emotion--container.emotion--column-12 .col-xl-12{width:100%}.emotion--container.emotion--column-12 .start-col-xl-12{left:91.66666667%}}.emotion--container .is--hidden-l,.emotion--container .is--hidden-m,.emotion--container .is--hidden-s,.emotion--container .is--hidden-xl{display:block}.emotion--container .is--hidden-xs{display:none}.emotion--container .emotion--sizer-l,.emotion--container .emotion--sizer-m,.emotion--container .emotion--sizer-s,.emotion--container .emotion--sizer-xl{display:none}.emotion--container .emotion--sizer-xs{display:block}.emotion--container .emotion--sizer-xs~.emotion--sizer{display:none}@media screen and (min-width:30em){.emotion--container .is--hidden-l,.emotion--container .is--hidden-m,.emotion--container .is--hidden-xl,.emotion--container .is--hidden-xs{display:block}.emotion--container .is--hidden-s{display:none}.emotion--container .emotion--sizer-l,.emotion--container .emotion--sizer-m,.emotion--container .emotion--sizer-xl,.emotion--container .emotion--sizer-xs{display:none}.emotion--container .emotion--sizer-s{display:block}.emotion--container .emotion--sizer-s~.emotion--sizer{display:none}}@media screen and (min-width:48em){.emotion--container .is--hidden-l,.emotion--container .is--hidden-s,.emotion--container .is--hidden-xl,.emotion--container .is--hidden-xs{display:block}.emotion--container .is--hidden-m{display:none}.emotion--container .emotion--sizer-l,.emotion--container .emotion--sizer-s,.emotion--container .emotion--sizer-xl,.emotion--container .emotion--sizer-xs{display:none}.emotion--container .emotion--sizer-m{display:block}.emotion--container .emotion--sizer-m~.emotion--sizer{display:none}}@media screen and (min-width:64em){.emotion--container .is--hidden-m,.emotion--container .is--hidden-s,.emotion--container .is--hidden-xl,.emotion--container .is--hidden-xs{display:block}.emotion--container .is--hidden-l{display:none}.emotion--container .emotion--sizer-m,.emotion--container .emotion--sizer-s,.emotion--container .emotion--sizer-xl,.emotion--container .emotion--sizer-xs{display:none}.emotion--container .emotion--sizer-l{display:block}.emotion--container .emotion--sizer-l~.emotion--sizer{display:none}}@media screen and (min-width:78.75em){.emotion--container .is--hidden-l,.emotion--container .is--hidden-m,.emotion--container .is--hidden-s,.emotion--container .is--hidden-xs{display:block}.emotion--container .is--hidden-xl{display:none}.emotion--container .emotion--sizer-l,.emotion--container .emotion--sizer-m,.emotion--container .emotion--sizer-s,.emotion--container .emotion--sizer-xs{display:none}.emotion--container .emotion--sizer-xl{display:block}.emotion--container .emotion--sizer-xl~.emotion--sizer{display:none}}.emotion--element{display:block;position:absolute;top:0;left:0}.emotion--container.emotion--mode-rows .emotion--element{position:relative;top:0;left:0;float:left;vertical-align:top}.emotion--banner{height:100%;width:100%;position:relative;overflow:hidden}.emotion--banner .banner--content{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:block;position:absolute;top:50%;left:50%}.emotion--banner .banner--content.left.top{-webkit-transform:translate(0,0);transform:translate(0,0);left:0;top:0}.emotion--banner .banner--content.left.center{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);left:0;top:50%}.emotion--banner .banner--content.left.bottom{-webkit-transform:translate(0,-100%);transform:translate(0,-100%);left:0;top:100%}.emotion--banner .banner--content.center.top{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;top:0}.emotion--banner .banner--content.center.bottom{-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%);left:50%;top:100%}.emotion--banner .banner--content.right.top{-webkit-transform:translate(-100%,0);transform:translate(-100%,0);left:100%;top:0}.emotion--banner .banner--content.right.center{-webkit-transform:translate(-100%,-50%);transform:translate(-100%,-50%);left:100%;top:50%}.emotion--banner .banner--content.right.bottom{-webkit-transform:translate(-100%,-100%);transform:translate(-100%,-100%);left:100%;top:100%}.emotion--mode-rows .emotion--banner{height:auto}.emotion--mode-rows .emotion--banner .banner--content,.emotion--mode-rows .emotion--banner .banner--content.center.bottom,.emotion--mode-rows .emotion--banner .banner--content.center.top,.emotion--mode-rows .emotion--banner .banner--content.left.bottom,.emotion--mode-rows .emotion--banner .banner--content.left.center,.emotion--mode-rows .emotion--banner .banner--content.left.top,.emotion--mode-rows .emotion--banner .banner--content.right.bottom,.emotion--mode-rows .emotion--banner .banner--content.right.center,.emotion--mode-rows .emotion--banner .banner--content.right.top{-webkit-transform:translate(0,0);transform:translate(0,0);position:relative;left:0;top:0;float:none}.emotion--mode-rows .emotion--banner .banner--image-src{max-height:none;width:100%}.emotion--banner .banner--image{width:100%}.emotion--banner .banner--link{display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:110}.emotion--banner .banner--mapping{display:block;width:100%;height:100%;position:absolute;top:0;left:0}.emotion--banner .banner--mapping-link{position:absolute;display:block;z-index:110;background:rgba(0,0,0,0)}.emotion--banner-slider{width:100%;height:100%}.emotion--mode-rows .emotion--banner-slider{height:auto}.emotion--mode-rows .emotion--banner-slider .banner-slider--container,.emotion--mode-rows .emotion--banner-slider .banner-slider--slide{height:auto}.emotion--mode-rows .emotion--banner-slider .banner-slider--item{vertical-align:middle}.emotion--mode-rows .emotion--banner-slider .banner-slider--banner{-webkit-transform:none;transform:none;position:relative;top:0;left:0;width:100%}.emotion--banner-slider .banner-slider--title{padding:.625rem 1.25rem .625rem 1.25rem;display:block;width:100%;position:absolute;top:0;left:0;z-index:100;color:#fff;font-weight:700;background:rgba(0,0,0,.5);white-space:nowrap;overflow:hidden;text-align:center;text-overflow:ellipsis}.emotion--banner-slider .banner-slider--container,.emotion--banner-slider .banner-slider--slide{width:100%;height:100%}.emotion--banner-slider .banner-slider--container .arrow{display:block}.emotion--banner-slider .banner-slider--item{width:100%;height:100%;position:relative;overflow:hidden}.emotion--banner-slider .banner-slider--banner{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:block;position:absolute;top:50%;left:50%;z-index:100}.emotion--banner-slider .banner-slider--image{width:100%}.emotion--banner-slider .banner-slider--link{display:block;height:100%;width:100%;position:absolute;top:0;left:0;z-index:200;text-indent:200%;white-space:nowrap;overflow:hidden}.emotion--banner-slider .image-slider--dots{display:none}.emotion--product-slider{width:100%;height:100%;position:relative}.emotion--mode-rows .emotion--product-slider{height:22.5rem}.emotion--product-slider .product-slider--title{height:3.4375rem;position:relative;top:0;left:0;z-index:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.emotion--product-slider .product-slider--content{padding:.625rem .625rem .625rem .625rem;height:100%;width:100%;position:absolute;top:0;left:0;z-index:400}.emotion--product-slider .product-slider--title~.product-slider--content{padding-top:4.0625rem}.emotion--product-slider .product-slider--arrow.arrow--next{border-right:0 none}.emotion--product-slider .product-slider--arrow.arrow--prev{border-left:0 none}.emotion--product-slider .box--emotion{width:100%;height:100%;padding:0;text-align:center}.emotion--product-slider .box--emotion .box--content{padding:0;border:0 none}.emotion--product-slider .box--emotion .product--info{height:100%;position:relative;overflow:hidden}.emotion--product-slider .box--emotion .product--image{height:60%;margin:0 auto}.emotion--product-slider .box--emotion .product--details{max-height:35%;width:100%;margin-top:5%}.emotion--product-slider .box--emotion .product--title{font-size:.875rem;font-weight:400;white-space:normal}.emotion--product-slider .box--emotion .product--price-info .price--unit{font-size:.625rem}.emotion--product-slider .box--emotion .product--price .price--default{font-size:.875rem}.emotion--product{width:100%;height:100%}.emotion--mode-rows .emotion--product{height:22.5rem}.emotion--product.is--no-border .box--content{border:0 none}.emotion--product .product--box{width:100%;height:100%;padding:0;float:none}.emotion--product .product--box .box--content{padding:.625rem .625rem .625rem .625rem}.emotion--product .product--box .product--info{height:100%;position:relative;overflow:hidden}.emotion--product .product--box .product--image{height:70%;margin:0 auto}.emotion--product .product--box .product--image.is--large{height:100%}.emotion--product .product--box .product--details{max-height:30%;width:100%;position:absolute;bottom:0;left:0}.emotion--product .product--box .product--title{text-overflow:ellipsis}.emotion--category-teaser{width:100%;height:100%}.emotion--mode-rows .emotion--category-teaser{height:22.5rem}.emotion--category-teaser .category-teaser--link{display:block;width:100%;height:100%;position:relative;background-position:center center;background-size:cover;background-repeat:no-repeat;background-color:transparent}.emotion--category-teaser .category-teaser--title{padding:.625rem 1.25rem .625rem 1.25rem;display:block;width:100%;position:absolute;bottom:0;left:0;color:#fff;font-weight:700;background:rgba(0,0,0,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.emotion--manufacturer{width:100%;height:100%;position:relative}.emotion--mode-rows .emotion--manufacturer{height:16.25rem}.emotion--manufacturer .manufacturer--title{height:3.4375rem;position:relative;top:0;left:0;z-index:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.emotion--manufacturer .manufacturer--content{padding:.625rem 1.25rem .625rem 1.25rem;height:100%;width:100%;position:absolute;top:0;left:0;z-index:400}.emotion--manufacturer .manufacturer--title~.manufacturer--content{padding-top:4.0625rem}.emotion--manufacturer .manufacturer--slider{height:100%}.emotion--manufacturer .manufacturer--slider .arrow--next{right:-1.25rem;border-right:0 none}.emotion--manufacturer .manufacturer--slider .arrow--prev{left:-1.25rem;border-left:0 none}.emotion--manufacturer .manufacturer--item{padding:.625rem .9375rem .625rem .9375rem;text-align:center;vertical-align:middle}.emotion--manufacturer .manufacturer--link{font-size:1.125rem;display:block;width:100%;height:100%;color:#484848;font-weight:700;position:relative}.emotion--manufacturer .manufacturer--link:hover{color:#131316}.emotion--manufacturer .manufacturer--image{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}.emotion--youtube{width:100%;height:100%}.emotion--mode-rows .emotion--youtube{height:22.5rem}.emotion--video{width:100%;height:100%;overflow:hidden;position:relative}.emotion--mode-rows .emotion--video{height:auto}.emotion--mode-rows .emotion--video .video--element{height:auto;position:relative}.emotion--video video::-moz-media-controls,.emotion--video video::-webkit-media-controls{bottom:15%}.emotion--video .video--element{width:100%;height:100%;background:#000;position:absolute;top:0;left:0;z-index:1000}.emotion--video .video--cover{display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:1300;background-position:center center;background-size:cover;background-repeat:no-repeat;background-color:#000;text-align:center}.emotion--video .video--cover .video--play-icon{width:6.25rem;height:6.25rem;font-size:6.25rem;display:block;position:absolute;top:0;bottom:0;right:0;left:0;margin:auto;text-shadow:0 0 5px rgba(0,0,0,.6);color:#fff}.emotion--video .video--play-btn{-webkit-transition:all .3s ease-out;transition:all .3s ease-out;top:1.5625rem;right:1.5625rem;line-height:2.5rem;font-size:1.3125rem;width:2.625rem;height:2.625rem;border-radius:100%;background-clip:padding-box;position:absolute;cursor:pointer;color:#fff;border:2px solid #fff;text-align:center;z-index:1200}.emotion--video .video--text{width:100%;height:100%;margin:auto;position:absolute;left:0;right:0;top:0;bottom:0;z-index:1100;color:#fff;text-align:center}.emotion--video .video--text.no--events{pointer-events:none}.emotion--iframe{width:100%;height:100%}.emotion--mode-rows .emotion--iframe{height:22.5rem}.emotion--blog{width:100%;height:100%;overflow:auto}.emotion--mode-rows .emotion--blog{height:auto}.emotion--mode-rows .emotion--blog .blog--image{height:10rem}.emotion--blog .blog--container{height:100%;margin:0 0 0 -1%}.emotion--blog .blog--entry{height:100%;padding-left:1%}.emotion--blog .blog--image{height:40%;width:100%;display:block;background-position:center center;background-size:cover;margin-bottom:2%}.emotion--blog .blog--title{font-size:.875rem;display:block;font-weight:700;color:#222;margin-bottom:2%}.emotion--blog .blog--title:hover{color:#131316}.emotion--blog .blog--description{font-size:.875rem;line-height:1.25rem;color:#484848;height:auto;max-height:60%}.emotion--html{width:100%;height:100%;position:relative;overflow:auto}.emotion--mode-rows .emotion--html{height:auto}.emotion--html .html--content :last-child{margin-bottom:0}@media screen and (min-width:48em){.emotion--blog{overflow:hidden}}@media screen and (min-width:78.75em){.emotion--banner-slider .image-slider--dots{bottom:.625rem;top:auto;left:0;display:block;position:absolute;width:100%;text-align:center;padding:0}.emotion--banner-slider .image-slider--dots .dot--link{border-radius:100%;margin:0 .125rem 0 .125rem;width:1.25rem;height:1.25rem;-webkit-transition:all .3s ease;transition:all .3s ease;background:#222;display:inline-block;border:5px solid rgba(255,255,255,.5);cursor:pointer;text-indent:-99999em;background-clip:padding-box}.emotion--banner-slider .image-slider--dots .dot--link.is--active{background:#131316;background-clip:padding-box}}input[type=text],input[type=password],input[type=email],input[type=tel],input[type=number],input[type=search],textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:3px;background-clip:padding-box;box-sizing:border-box;line-height:1.1875rem;font-size:.875rem;width:18.125rem;padding:.625rem .625rem .5625rem .625rem;box-shadow:inset 0 1px 1px #b9b9ce;background:#f8f8fa;border:1px solid #b9b9ce;border-top-color:#aaaac3;color:#6e6e6e;text-align:left}input[type=text]:focus,input[type=password]:focus,input[type=email]:focus,input[type=tel]:focus,input[type=number]:focus,input[type=search]:focus,textarea:focus{box-shadow:0 0 0 transparent;outline:0;border-color:#131316;background:#FFF;color:#484848}input[type=text].has--error,input[type=password].has--error,input[type=email].has--error,input[type=tel].has--error,input[type=number].has--error,input[type=search].has--error,textarea.has--error{color:#E74C3C;background:#faeceb;border-color:#E74C3C}input[type=text].input--field,input[type=password].input--field,input[type=email].input--field,input[type=tel].input--field,input[type=number].input--field,input[type=search].input--field,textarea.input--field{margin-bottom:.625rem;width:100%}input[type=text].input--field.input--field-zipcode,input[type=password].input--field.input--field-zipcode,input[type=email].input--field.input--field-zipcode,input[type=tel].input--field.input--field-zipcode,input[type=number].input--field.input--field-zipcode,input[type=search].input--field.input--field-zipcode,textarea.input--field.input--field-zipcode{width:30%;float:left}input[type=text].input--field.input--field-city,input[type=password].input--field.input--field-city,input[type=email].input--field.input--field-city,input[type=tel].input--field.input--field-city,input[type=number].input--field.input--field-city,input[type=search].input--field.input--field-city,textarea.input--field.input--field-city{width:68%;float:left}input[type=text].input--field.input--spacer,input[type=password].input--field.input--spacer,input[type=email].input--field.input--spacer,input[type=tel].input--field.input--spacer,input[type=number].input--field.input--spacer,input[type=search].input--field.input--spacer,textarea.input--field.input--spacer{margin-right:2%}input[type=text].is--small,input[type=password].is--small,input[type=email].is--small,input[type=tel].is--small,input[type=number].is--small,input[type=search].is--small,textarea.is--small{height:2.125rem}input[type=text].is--medium,input[type=password].is--medium,input[type=email].is--medium,input[type=tel].is--medium,input[type=number].is--medium,input[type=search].is--medium,textarea.is--medium{height:2.375rem}input[type=text].is--large,input[type=password].is--large,input[type=email].is--large,input[type=tel].is--large,input[type=number].is--large,input[type=search].is--large,textarea.is--large{height:2.625rem}textarea{resize:vertical}label{font-size:.0484375remrem;color:#484848}label.has--error{color:#E74C3C;background:#faeceb}.js--fancy-select,.select-field{max-width:18.125rem;height:2.625rem;width:100%;display:inline-block;position:relative;overflow:hidden}.js--fancy-select:hover,.select-field:hover{color:#131316}.js--fancy-select select,.select-field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0 2.5rem 0 .625rem;line-height:2.5rem;border-radius:3px;background-clip:padding-box;background-color:#f8f8fa;height:100%;width:100%;display:block;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;border:1px solid #b9b9ce}.js--fancy-select select option,.select-field select option{padding:.25rem .5rem .25rem .5rem;color:#222;background:#fff}.js--fancy-select select::-ms-expand,.select-field select::-ms-expand{display:none}.js--fancy-select select:hover,.select-field select:hover{color:#131316;border-color:#131316;background:#fff}.js--fancy-select select:focus,.select-field select:focus{outline:0;color:#131316;border-color:#131316}.js--fancy-select select:focus::-ms-value,.select-field select:focus::-ms-value{color:#131316;background:0 0}.js--fancy-select select:disabled,.select-field select:disabled{opacity:.5;cursor:not-allowed}.js--fancy-select select.has--error,.select-field select.has--error{color:#E74C3C;border-color:#E74C3C;background:#faeceb}.js--fancy-select:after,.select-field:after{width:1.875rem;height:2.5rem;top:.0625rem;-webkit-user-select:none;user-select:none;line-height:40px;max-height:100%;display:block;content:"\ea4c";position:absolute;right:0;font-size:5px;border-left:1px solid #b9b9ce;text-align:center;font-family:remixicon;pointer-events:none}.js--fancy-select:after:hover,.select-field:after:hover{color:#131316}.js--fancy-select.is--disabled select,.js--fancy-select.is--disabled:after,.select-field.is--disabled select,.select-field.is--disabled:after{opacity:.5;cursor:not-allowed}.js--fancy-select.has--error select,.select-field.has--error select{color:#E74C3C;border-color:#E74C3C;background:#faeceb}.js--fancy-select.has--error:after,.select-field.has--error:after{color:#E74C3C;border-color:#E74C3C}@media screen and (min-width:48em){.input--field{margin-bottom:.9375rem}.input--field .input--field-zipcode{margin-right:2%;width:20%}.input--field .input--field-city{width:78%}}@media screen and (min-width:78.75em){.input--field{margin-bottom:.9375rem}}@font-face{font-family:remixicon;font-display:block;src:url(../../src/fonts//shopware.woff2?#) format('woff2'),url(../../src/fonts//shopware.woff?) format('woff'),url(../../src/fonts//shopware.ttf?) format('truetype'),url(../../src/fonts//shopware.svg?) format('svg');font-weight:400;font-style:normal}[class*=" icon--"],[class^=icon--]{font-family:remixicon;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon--percent2:before{content:"\e723"}.icon--percent:before{content:"\e722"}.icon--coupon:before{content:"\e71c"}.icon--truck:before{content:"\e71d"}.icon--logout:before{content:"\e614"}.icon--grid:before{content:"\e615"}.icon--filter:before{content:"\e616"}.icon--clock:before{content:"\e617"}.icon--arrow-up:before{content:"\ea76"}.icon--arrow-right:before{content:"\ea6c"}.icon--arrow-left:before{content:"\ea60"}.icon--arrow-down:before{content:"\ea4c"}.icon--star:before{content:"\e600"}.icon--star-half:before{content:"\e71e"}.icon--star-empty:before{content:"\e601"}.icon--shopware:before{content:"\e602"}.icon--service:before{content:"\e603"}.icon--search:before{content:"\e604"}.icon--numbered-list:before{content:"\e605"}.icon--menu:before{content:"\e606"}.icon--mail:before{content:"\e607"}.icon--list:before{content:"\e608"}.icon--layout:before{content:"\e609"}.icon--heart:before{content:"\e60a"}.icon--cross:before{content:"\eb99"}.icon--compare:before{content:"\e60b"}.icon--check:before{content:"\eb7b"}.icon--basket:before{content:"\e60e"}.icon--account:before{content:"\e613"}.icon--chain:before{content:"\f0c1"}.icon--delicious:before{content:"\f1a5"}.icon--delicious2:before{content:"\e721"}.icon--digg:before{content:"\f1a6"}.icon--phone:before{content:"\e619"}.icon--mobile:before{content:"\e61d"}.icon--mouse:before{content:"\e61e"}.icon--directions:before{content:"\e61f"}.icon--paperplane:before{content:"\e620"}.icon--pencil:before{content:"\e618"}.icon--feather:before{content:"\e621"}.icon--paperclip:before{content:"\e622"}.icon--drawer:before{content:"\e623"}.icon--reply:before{content:"\e624"}.icon--reply-all:before{content:"\e625"}.icon--forward:before{content:"\e626"}.icon--users:before{content:"\e627"}.icon--user-add:before{content:"\e628"}.icon--vcard:before{content:"\e629"}.icon--export:before{content:"\e62a"}.icon--location:before{content:"\e62b"}.icon--map:before{content:"\e62c"}.icon--compass:before{content:"\e62d"}.icon--location2:before{content:"\e62e"}.icon--target:before{content:"\e62f"}.icon--share:before{content:"\e630"}.icon--sharable:before{content:"\e631"}.icon--thumbsup:before{content:"\e632"}.icon--thumbsdown:before{content:"\e633"}.icon--chat:before{content:"\e634"}.icon--comment:before{content:"\e61a"}.icon--quote:before{content:"\e635"}.icon--house:before{content:"\e636"}.icon--popup:before{content:"\e637"}.icon--flashlight:before{content:"\e638"}.icon--printer:before{content:"\e639"}.icon--bell:before{content:"\e63a"}.icon--link:before{content:"\e63b"}.icon--flag:before{content:"\e63c"}.icon--cog:before{content:"\e63d"}.icon--tools:before{content:"\e63e"}.icon--trophy:before{content:"\e63f"}.icon--tag:before{content:"\e640"}.icon--camera:before{content:"\e641"}.icon--megaphone:before{content:"\e642"}.icon--moon:before{content:"\e643"}.icon--palette:before{content:"\e644"}.icon--leaf:before{content:"\e645"}.icon--music:before{content:"\e646"}.icon--music2:before{content:"\e647"}.icon--new:before{content:"\e648"}.icon--graduation:before{content:"\e649"}.icon--book:before{content:"\e64a"}.icon--newspaper:before{content:"\e64b"}.icon--bag:before{content:"\e64c"}.icon--airplane:before{content:"\e64d"}.icon--lifebuoy:before{content:"\e64e"}.icon--eye:before{content:"\e64f"}.icon--clock2:before{content:"\e650"}.icon--microphone:before{content:"\e651"}.icon--calendar:before{content:"\e652"}.icon--bolt:before{content:"\e653"}.icon--thunder:before{content:"\e654"}.icon--droplet:before{content:"\e655"}.icon--cd:before{content:"\e656"}.icon--briefcase:before{content:"\e657"}.icon--air:before{content:"\e658"}.icon--hourglass:before{content:"\e659"}.icon--gauge:before{content:"\e65a"}.icon--language:before{content:"\e65b"}.icon--network:before{content:"\e65c"}.icon--key:before{content:"\e65d"}.icon--battery:before{content:"\e65e"}.icon--bucket:before{content:"\e65f"}.icon--magnet:before{content:"\e660"}.icon--drive:before{content:"\e661"}.icon--cup:before{content:"\e662"}.icon--rocket:before{content:"\e663"}.icon--brush:before{content:"\e664"}.icon--suitcase:before{content:"\e665"}.icon--cone:before{content:"\e666"}.icon--earth:before{content:"\e667"}.icon--keyboard:before{content:"\e668"}.icon--browser:before{content:"\e669"}.icon--publish:before{content:"\e66a"}.icon--progress-3:before{content:"\e66b"}.icon--progress-2:before{content:"\e66c"}.icon--progress-1:before{content:"\e66d"}.icon--brogress-1:before{content:"\e66d"}.icon--progress-0:before{content:"\e66e"}.icon--sun:before{content:"\e66f"}.icon--sun2:before{content:"\e670"}.icon--adjust:before{content:"\e671"}.icon--code:before{content:"\e672"}.icon--screen:before{content:"\e673"}.icon--infinity:before{content:"\e674"}.icon--light-bulb:before{content:"\e675"}.icon--creditcard:before{content:"\e676"}.icon--database:before{content:"\e677"}.icon--voicemail:before{content:"\e678"}.icon--clipboard:before{content:"\e679"}.icon--box:before{content:"\e67a"}.icon--ticket:before{content:"\e67b"}.icon--rss:before{content:"\e67c"}.icon--signal:before{content:"\e67d"}.icon--thermometer:before{content:"\e67e"}.icon--droplets:before{content:"\e67f"}.icon--uniE680:before{content:"\e680"}.icon--statistics:before{content:"\e681"}.icon--pie:before{content:"\e682"}.icon--bars:before{content:"\e683"}.icon--graph:before{content:"\e684"}.icon--lock:before{content:"\e685"}.icon--lock-open:before{content:"\e686"}.icon--login:before{content:"\e687"}.icon--minus:before{content:"\e688"}.icon--plus:before{content:"\e689"}.icon--cross2:before{content:"\e68a"}.icon--minus2:before{content:"\e68b"}.icon--plus2:before{content:"\e68c"}.icon--cross3:before{content:"\e68d"}.icon--minus3:before{content:"\f1af"}.icon--plus3:before{content:"\ea13"}.icon--erase:before{content:"\e690"}.icon--blocked:before{content:"\e691"}.icon--info:before{content:"\e61b"}.icon--info2:before{content:"\e692"}.icon--question:before{content:"\e693"}.icon--help:before{content:"\e694"}.icon--warning:before{content:"\e695"}.icon--cycle:before{content:"\f064"}.icon--cw:before{content:"\e697"}.icon--ccw:before{content:"\e698"}.icon--shuffle:before{content:"\e699"}.icon--arrow:before{content:"\e69a"}.icon--arrow2:before{content:"\e69b"}.icon--retweet:before{content:"\e69c"}.icon--loop:before{content:"\e69d"}.icon--history:before{content:"\e69e"}.icon--back:before{content:"\e69f"}.icon--list2:before{content:"\e6a0"}.icon--add-to-list:before{content:"\e6a1"}.icon--layout2:before{content:"\e6a2"}.icon--list3:before{content:"\e6a3"}.icon--text:before{content:"\e6a4"}.icon--text2:before{content:"\e6a5"}.icon--document:before{content:"\e6a6"}.icon--docs:before{content:"\e6a7"}.icon--landscape:before{content:"\e6a8"}.icon--pictures:before{content:"\e6a9"}.icon--video:before{content:"\e6aa"}.icon--music3:before{content:"\e6ab"}.icon--folder:before{content:"\e6ac"}.icon--archive:before{content:"\e6ad"}.icon--trash:before{content:"\e6ae"}.icon--upload:before{content:"\e6af"}.icon--download:before{content:"\e6b0"}.icon--disk:before{content:"\e6b1"}.icon--install:before{content:"\e61c"}.icon--cloud:before{content:"\e6b2"}.icon--upload2:before{content:"\e6b3"}.icon--bookmark:before{content:"\e6b4"}.icon--bookmarks:before{content:"\e6b5"}.icon--book2:before{content:"\e6b6"}.icon--play:before{content:"\e6b7"}.icon--pause:before{content:"\e6b8"}.icon--record:before{content:"\e6b9"}.icon--stop:before{content:"\e6ba"}.icon--next:before{content:"\e6bb"}.icon--previous:before{content:"\e6bc"}.icon--first:before{content:"\e6bd"}.icon--last:before{content:"\e6be"}.icon--resize-enlarge:before{content:"\e6bf"}.icon--resize-shrink:before{content:"\ed9a"}.icon--volume:before{content:"\e6c1"}.icon--sound:before{content:"\e6c2"}.icon--mute:before{content:"\e6c3"}.icon--flow-cascade:before{content:"\e6c4"}.icon--flow-branch:before{content:"\e6c5"}.icon--flow-tree:before{content:"\e6c6"}.icon--flow-line:before{content:"\e6c7"}.icon--flow-parallel:before{content:"\e6c8"}.icon--arrow-left2:before{content:"\e6c9"}.icon--arrow-down2:before{content:"\e6ca"}.icon--arrow-up-upload:before{content:"\e6cb"}.icon--arrow-right2:before{content:"\e6cc"}.icon--arrow-left3:before{content:"\e6cd"}.icon--arrow-down3:before{content:"\e6ce"}.icon--arrow-up2:before{content:"\e6cf"}.icon--arrow-right3:before{content:"\e6d0"}.icon--arrow-left4:before{content:"\e6d1"}.icon--arrow-down4:before{content:"\e6d2"}.icon--arrow-up3:before{content:"\e6d3"}.icon--arrow-right4:before{content:"\e6d4"}.icon--arrow-left5:before{content:"\e6d5"}.icon--arrow-down5:before{content:"\e6d6"}.icon--arrow-up4:before{content:"\e6d7"}.icon--arrow-right5:before{content:"\e6d8"}.icon--arrow-left6:before{content:"\e6d9"}.icon--arrow-down6:before{content:"\e6da"}.icon--arrow-up5:before{content:"\e6db"}.icon--arrow-right6:before{content:"\e6dc"}.icon--menu2:before{content:"\e6dd"}.icon--ellipsis:before{content:"\e6de"}.icon--dots:before{content:"\e6df"}.icon--dot:before{content:"\e6e0"}.icon--cc:before{content:"\e6e1"}.icon--cc-by:before{content:"\e6e2"}.icon--cc-nc:before{content:"\e6e3"}.icon--cc-nc-eu:before{content:"\e6e4"}.icon--cc-nc-jp:before{content:"\e6e5"}.icon--cc-sa:before{content:"\e6e6"}.icon--cc-nd:before{content:"\e6e7"}.icon--cc-pd:before{content:"\e6e8"}.icon--cc-zero:before{content:"\e6e9"}.icon--cc-share:before{content:"\e6ea"}.icon--cc-share2:before{content:"\e6eb"}.icon--danielbruce:before{content:"\e6ec"}.icon--danielbruce2:before{content:"\e6ed"}.icon--github:before{content:"\e6ee"}.icon--github2:before{content:"\e6ef"}.icon--flickr:before{content:"\e6f0"}.icon--flickr2:before{content:"\e6f1"}.icon--vimeo:before{content:"\e6f2"}.icon--vimeo2:before{content:"\e6f3"}.icon--twitter:before{content:"\e6f4"}.icon--twitter2:before{content:"\e6f5"}.icon--facebook:before{content:"\e6f6"}.icon--facebook2:before{content:"\e6f7"}.icon--facebook3:before{content:"\e6f8"}.icon--googleplus:before{content:"\e6f9"}.icon--googleplus2:before{content:"\e6fa"}.icon--pinterest:before{content:"\e6fb"}.icon--pinterest2:before{content:"\e6fc"}.icon--tumblr:before{content:"\e6fd"}.icon--tumblr2:before{content:"\e6fe"}.icon--linkedin:before{content:"\e6ff"}.icon--linkedin2:before{content:"\e700"}.icon--dribbble:before{content:"\e701"}.icon--dribbble2:before{content:"\e702"}.icon--stumbleupon:before{content:"\e703"}.icon--stumbleupon2:before{content:"\e704"}.icon--lastfm:before{content:"\e705"}.icon--lastfm2:before{content:"\e706"}.icon--rdio:before{content:"\e707"}.icon--rdio2:before{content:"\e708"}.icon--spotify:before{content:"\e709"}.icon--spotify2:before{content:"\e70a"}.icon--qq:before{content:"\e70b"}.icon--instagram3:before{content:"\e70c"}.icon--dropbox:before{content:"\e70d"}.icon--evernote:before{content:"\e70e"}.icon--flattr:before{content:"\e70f"}.icon--skype:before{content:"\e710"}.icon--skype2:before{content:"\e711"}.icon--renren:before{content:"\e712"}.icon--sina-weibo:before{content:"\e713"}.icon--paypal:before{content:"\e714"}.icon--picasa:before{content:"\e715"}.icon--soundcloud:before{content:"\e716"}.icon--mixi:before{content:"\e717"}.icon--behance:before{content:"\e718"}.icon--circles:before{content:"\e719"}.icon--vk:before{content:"\e71a"}.icon--smashing:before{content:"\e71b"}.icon--feed:before{content:"\e71f"}.icon--feed2:before{content:"\e720"}.icon--instagram:before{content:"\e903"}.icon--instagram2:before{content:"\e902"}.icon--xing:before{content:"\e901"}.icon--xing2:before{content:"\e900"}.icon--youtube:before{content:"\e905"}.icon--youtube2:before{content:"\e904"}.navigation--list{list-style:none}.off-canvas{-webkit-transition:all .45s cubic-bezier(.3,0,.15,1);transition:all .45s cubic-bezier(.3,0,.15,1);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;width:17.5rem;background:#fff;position:fixed;top:0;bottom:0;display:none;overflow:auto;-webkit-overflow-scrolling:touch;z-index:8000}.off-canvas.is--left{-webkit-transform:translateX(-100%);transform:translateX(-100%);left:0}.off-canvas.is--right{-webkit-transform:translateX(100%);transform:translateX(100%);right:0}.off-canvas.is--active{display:block}.off-canvas.is--open{-webkit-transform:translateX(0);transform:translateX(0)}.off-canvas.is--full-screen{width:100%}.off-canvas.no--transitions{-webkit-transition:none;transition:none}.off-canvas .buttons--off-canvas{display:block}.off-canvas .close--off-canvas{padding:.125rem .625rem .125rem .625rem;line-height:2.375rem;background-color:#484848;display:block;color:#fff;font-weight:700;cursor:pointer}.off-canvas .close--off-canvas:after{content:"";display:table;clear:both}.off-canvas .close--off-canvas .icon--arrow-left{margin:0 .625rem 0 0;font-size:.6875rem}.off-canvas .link--go-main{font-size:1rem;padding:.625rem .625rem .625rem .625rem;height:2.625rem;font-weight:700;display:block;width:100%}.off-canvas .link--go-main .icon--menu{font-size:1.25rem;margin-right:.625rem;float:left}.off-canvas .sidebar--navigation .navigation--link{padding:.125rem .625rem .125rem .625rem;line-height:2.375rem}.off-canvas .sidebar--navigation .navigation--link .is--icon-right{margin-top:0}.off-canvas .sidebar--navigation .navigation--link .is--icon-left{margin:0 .625rem 0 0;float:left}.buttons--off-canvas{display:none}.page-wrap{-webkit-transition:left .4s cubic-bezier(.16,.04,.14,1);transition:left .4s cubic-bezier(.16,.04,.14,1);position:relative;left:0}.navigation--smartphone .navigation--entry{padding:.75rem .625rem .75rem .625rem;background:#fff}.navigation--smartphone .navigation--link{display:block}#cookie-consent .cookie-consent--header,.navigation--smartphone .entry--close-off-canvas{padding:.125rem .625rem .125rem .625rem;line-height:2.375rem;background-color:#484848}#cookie-consent .cookie-consent--header,.navigation--smartphone .entry--close-off-canvas .navigation--link{font-size:.875rem;color:#f8f8fa;font-weight:700}.navigation--smartphone .entry--close-off-canvas .navigation--link:after{content:"";display:table;clear:both}.navigation--smartphone .entry--close-off-canvas .navigation--link:active{color:#F5F5F8}#cookie-consent .cookie-consent--header .icon--arrow-right,.navigation--smartphone .entry--close-off-canvas .icon--arrow-right{margin:.75rem 0 0 0;font-size:.6875rem;float:right}.navigation--headline,.sidebar--navigation{margin:0 .625rem 0 .625rem}.navigation--headline{margin:1rem .625rem .375rem .625rem;line-height:1.625rem;color:#222;font-weight:700;font-size:1em}.sidebar--navigation{border-radius:3px;background-clip:padding-box;background:#fff;border:1px solid #b9b9ce}.sidebar--navigation .navigation--entry{border-bottom:1px solid #b9b9ce}.sidebar--navigation .navigation--entry:last-child{border-bottom:0 none}.sidebar--navigation .navigation--link{color:#484848;overflow:hidden;text-overflow:ellipsis}@media screen and (min-width:64em){.off-canvas{-webkit-transform:translate(0,0);transform:translate(0,0);-webkit-transition:none;transition:none;display:block;background:0 0;position:relative;width:auto;height:auto;top:0;left:0;z-index:1000}.off-canvas .sidebar--navigation .navigation--link{padding:.625rem .625rem .625rem .625rem;line-height:inherit}.off-canvas .account--menu .navigation--link{padding:.3125rem 0 .3125rem 0;line-height:inherit}.sidebar-main .entry--close-off-canvas{display:none}.sidebar-main .icon--arrow-left,.sidebar-main .icon--arrow-right{display:none}}.panel{display:block;background:#FFF}.panel.has--shadow{box-shadow:0 1px 3px 0 rgba(0,0,0,.1)}.panel.has--border{border:1px solid #b9b9ce}.panel--header{padding:.625rem .625rem .625rem .625rem;font-size:.0625rem;background:#f8f8fa;display:block;margin:0;font-weight:700;color:#484848;border-bottom:1px solid #b9b9ce}.panel--header.secondary{color:#484848;background:#fff}.panel--header.primary{color:#131316;background:#fff}.panel--title{padding:1.25rem 0 0 0;margin:0 1.25rem 0 1.25rem;font-size:1rem;display:block;font-weight:700;color:#222}.panel--title.is--underline{padding:1.25rem 0 .625rem 0;border-bottom:1px solid #b9b9ce;text-decoration:none!important}.panel--title.is--secondary{color:#484848}.panel--title.is--primary{color:#131316}.panel--body{padding:.625rem .625rem .625rem .625rem;font-size:.875rem;line-height:1.5rem;display:block;position:relative}.panel--body.has--border{border:1px solid #b9b9ce}.panel--body.is--slim{padding:.3125rem .3125rem .3125rem .3125rem}.panel--body.is--wide{padding:1.25rem 1.25rem 1.25rem 1.25rem}.panel--body.is--flat{background:#F5F5F8}.panel--body.is--embossed{box-shadow:inset 0 0 3px 0 rgba(0,0,0,.2);background:#F5F5F8}.panel--actions{padding:.625rem .625rem .625rem .625rem;line-height:2.5rem;display:block}.panel--actions.has--border{margin:.625rem 0 0 0;padding:.625rem 0 0 0;border-top:1px solid #b9b9ce}.panel--actions.is--slim{padding:.3125rem .3125rem .3125rem .3125rem}.panel--actions.is--wide{padding:1.25rem 1.25rem 1.25rem 1.25rem}.panel--actions .btn{margin:0 .375rem 0 0}.panel--table{width:100%;display:block;border-collapse:collapse;border-spacing:0;empty-cells:show}.panel--table:after{content:"";display:table;clear:both}.panel--table.has--border{border:1px solid #b9b9ce}.panel--tr{display:block;width:100%;border-width:0 0 1px 0;border-style:solid;border-color:#b9b9ce}.panel--tr:after{content:"";display:table;clear:both}.panel--tr:last-child{border-width:0}.panel--tr.is--odd{background:#f5f5f5}.panel--tr.is--secondary{background:#f5f5f5}.panel--tr.is--primary{color:#131316}.panel--td,.panel--th{padding:.625rem .625rem .625rem .625rem;font-size:.875rem;line-height:1.5rem;display:inline-block;float:left}.panel--td:after,.panel--th:after{content:"";display:table;clear:both}.panel--td.has--border,.panel--th.has--border{border-width:0 1px 0 0;border-style:solid;border-color:#b9b9ce}.panel--td.has--border:last-child,.panel--th.has--border:last-child{border-width:0}.panel--td p,.panel--th p{margin:0}.panel--th{font-weight:700;color:#222}.panel--dot-nav{height:.6875rem;position:relative}.panel--dot-nav .dot--link,.panel--dot-nav a{border-radius:11px;background-clip:padding-box;margin:0 .3125rem 0 .3125rem;width:.6875rem;height:.6875rem;display:inline-block;border:1px solid #b9b9ce}.panel--dot-nav .dot--link.is--active,.panel--dot-nav a.is--active{border-color:#131316;background:#131316}.panel--paging{line-height:2rem;display:inline-block}.panel--paging .paging--link{padding:0 .625rem 0 .625rem;margin:0 .0625rem 0 .0625rem;font-size:.875rem;line-height:1.875rem;border-radius:3px;background-clip:padding-box;background-color:#FFF;background-image:linear-gradient(to bottom,#FFF 0,#f8f8fa 100%);display:inline-block;font-weight:400;text-align:center;border:1px solid #b9b9ce;color:#484848}.panel--paging .paging--link [class^=icon--]{font-size:.625rem}.panel--paging .paging--link.is--active,.panel--paging .paging--link.is--active:hover{line-height:2rem;background-color:#2d2d39;background-image:linear-gradient(to bottom,#2d2d39 0,#131316 100%);color:#FFF;border:0 none;font-weight:700;cursor:default}.panel--paging .paging--link:hover{background:#FFF;color:#131316;border-color:#131316}form{display:block}form table{width:100%}form table td{padding:10px}fieldset{padding:.625rem .625rem .625rem .625rem;border:1px solid #b9b9ce}.alert{font-size:.875rem;line-height:1.5rem;position:relative;overflow:hidden}.alert:after{content:"";display:table;clear:both}.alert.is--success{color:#208e4e;background:#def2e7}.alert.is--success .alert--icon{background:#2ECC71}.alert.is--info{color:#217dbb;background:#e9f2f8}.alert.is--info .alert--icon{background:#4AA3DF}.alert.is--warning{color:#ae8e0a;background:#fbf5db}.alert.is--warning .alert--icon{background:#F1C40F}.alert.is--error{color:#E74C3C;background:#faeceb}.alert.is--error .alert--icon{background:#E74C3C}.alert.no--cookies{position:fixed;z-index:99999;top:0;left:0;right:0}.alert.no--cookies a.close--alert{float:right}.alert.no--cookies a.close--alert:hover{cursor:pointer;text-decoration:underline}.alert .alert--close{position:absolute;top:1.0625rem;right:1.25rem;font-size:.625rem;color:#484848;cursor:pointer}.alert .icon--element{position:absolute;top:50%;left:0;width:15%;margin-top:-9px}.alert .alert--content,.alert .alert--icon{padding:.625rem .625rem .625rem .625rem;float:left}.alert .alert--content p,.alert .alert--icon p{margin-bottom:0}.alert .alert--icon{font-size:1.125rem;line-height:1.625rem;width:15%;text-align:center;font-weight:700;color:#fff;padding-bottom:9999em;margin-bottom:-9999em}.alert .alert--content{width:85%}.alert .alert--content.is--strong{font-weight:700}.alert .alert--list{list-style:none}.alert .list--entry{display:block}.container--ajax-cart:not(.off-canvas) .alert{margin:.625rem}.container--ajax-cart .alert .alert--close{right:.9375rem}.container--ajax-cart .alert .alert--content{padding:.625rem 1.25rem .625rem 1.25rem}@media screen and (min-width:48em){.alert .alert--icon,.alert .icon--element{width:8%}.alert .alert--content{width:92%}}.badge{padding:0 .3125rem 0 .3125rem;margin:0 .3125rem 0 .3125rem;height:1.25rem;min-width:.625rem;line-height:1.25rem;font-size:.75rem;border-radius:50px;background-clip:padding-box;box-sizing:content-box;display:inline-block;white-space:nowrap;z-index:500;font-weight:700;text-align:center;background:#fff;color:#131316;border:1px solid #b9b9ce}.badge.is--primary{background:#131316;color:#fff;border-color:#fff}.badge.is--secondary{background:#484848;color:#fff;border-color:#fff}.badge.is--minimal{border:0 none}.label{padding:.1875rem .5rem .1875rem .5rem;margin:0 .3125rem 0 .3125rem;font-size:.0484375remrem;line-height:1.125rem;border-radius:3px;background-clip:padding-box;display:inline-block;text-align:center;white-space:nowrap;color:#484848;background:#484848}.label.success{background:#2ECC71}.label.info{background:#4AA3DF}.label.warning{background:#F1C40F}.label.error{background:#E74C3C}.collapse--header{padding:.625rem 1.25rem .625rem 1.25rem;margin:.625rem 0 0 0;font-size:1rem;line-height:1rem;background-color:#fff;background-image:linear-gradient(to bottom,#fff 0,#f8f8fa 100%);border-radius:3px;background-clip:padding-box;box-shadow:0 1px 1px 0 rgba(236,238,241,.8);display:block;position:relative;z-index:1100;border:1px solid #b9b9ce;cursor:pointer}.collapse--header .collapse--toggler{height:1rem;top:.625rem;right:1.25rem;font-size:.375rem;line-height:1rem;position:absolute;font-weight:400;font-family:remixicon}.collapse--header .collapse--toggler:before{content:"\ea4c"}.collapse--header:hover{color:#131316}.collapse--header.is--active{background-color:#484848;box-shadow:0 1px 3px 0 rgba(95,114,133,.5);color:#fff;font-weight:700;border-width:0 0 1px 0;border-style:solid;border-color:#8c8cae;z-index:1300}.collapse--header.is--active .collapse--toggler:before{content:"\ea76"}.collapse--content{padding:.3125rem 0 0 0;top:-.3125rem;border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px;background-clip:padding-box;box-shadow:0 1px 1px 0 rgba(236,238,241,.8);display:none;position:relative;z-index:1000;background:#fff;border-width:0 1px 1px 1px;border-style:solid;border-color:#b9b9ce}.collapse--content.is--collapsed{display:block;z-index:1200}.js--collapse-target{display:none}.js--collapse-target.is--collapsed{display:block}.product-slider{display:block;padding:0;position:relative;top:0;left:0}.product-slider--container{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;display:block;width:100%;height:100%;font-size:0;position:relative;top:0;left:0;overflow:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch}.product-slider--container:after{content:"";display:table;clear:both}.product-slider--container::-webkit-scrollbar{width:0;height:0}.product-slider--container.is--vertical{overflow-y:scroll;overflow-x:hidden;white-space:normal}.product-slider--container.is--vertical .product-slider--item{display:block;width:100%}.product-slider--container.is--horizontal{overflow-y:hidden;overflow-x:scroll;white-space:nowrap}.product-slider--container.is--horizontal .product-slider--item{height:100%;display:inline-block}.is--firefox .product-slider--container,.is--ie .product-slider--container,.product-slider--container.is--no-scroll{overflow-y:hidden;overflow-x:hidden}.product-slider--item{padding:.625rem .625rem .625rem .625rem;font-size:1rem;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;position:relative;top:0;left:0;overflow:hidden;text-align:center;width:100%;display:inline-block}.product-slider--arrow{width:1.875rem;height:3.75rem;margin:-1.875rem 0 0 0;line-height:3.75rem;font-size:.75rem;border-radius:3px;background-clip:padding-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:rgba(255,255,255,.5);display:block;position:absolute;top:50%;z-index:750;font-family:remixicon;text-align:center;color:#484848;cursor:pointer}.product-slider--arrow.arrow--prev{border-top-left-radius:0;border-top-right-radius:3px;border-bottom-right-radius:3px;border-bottom-left-radius:0;background-clip:padding-box;left:0}.product-slider--arrow.arrow--prev::before,.product-slider--arrow.arrow--prev:before{content:"\ea60"}.product-slider--arrow.arrow--next{border-top-left-radius:3px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:3px;background-clip:padding-box;right:0}.product-slider--arrow.arrow--next:before{content:"\ea6c"}.product-slider--arrow:hover{color:#131316;background:rgba(255,255,255,.8)}.product-slider--arrow.is--vertical{width:3.75rem;height:1.875rem;margin:0 0 0 -1.875rem;line-height:1.875rem;font-size:.375rem;left:50%;top:auto}.product-slider--arrow.is--vertical.arrow--prev{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px;background-clip:padding-box;top:0}.product-slider--arrow.is--vertical.arrow--prev::before,.product-slider--arrow.is--vertical.arrow--prev:before{content:"\ea76"}.product-slider--arrow.is--vertical.arrow--next{bottom:0;border-top-left-radius:3px;border-top-right-radius:3px;border-bottom-right-radius:0;border-bottom-left-radius:0;background-clip:padding-box}.product-slider--arrow.is--vertical.arrow--next:before{content:"\ea4c"}@media screen and (min-width:30em){.product-slider--item{width:50%}}@media screen and (min-width:48em){.product-slider--item{width:33.33%}}@media screen and (min-width:64em){.product-slider--item{width:25%;min-width:25%}}@media screen and (min-width:78.75em){.product-slider--container.is--horizontal,.product-slider--container.is--vertical{overflow:hidden}}.js--modal{-webkit-transition:all .5s;transition:all .5s;box-shadow:0 0 0 7px rgba(0,0,0,.25);box-sizing:content-box;opacity:0;position:fixed;right:0;left:0;top:0;bottom:0;margin:auto;background:padding-box #fff;max-height:100%;max-width:100%;z-index:7000;overflow-x:hidden;overflow-y:auto}.js--modal .header{padding:.625rem .625rem .625rem .625rem;height:2.625rem;border-bottom:1px solid #b9b9ce}.js--modal .header .title{font-size:1rem;font-weight:700}.js--modal .modal--close{height:1.875rem;width:1.875rem;line-height:1.875rem;font-size:.625rem;right:.625rem;top:.4375rem;-webkit-tap-highlight-color:transparent;padding:0;text-align:center;position:absolute}.js--modal .content{width:100%;height:100%;position:relative;overflow:auto;-webkit-overflow-scrolling:touch}.js--modal .content .content--iframe{padding:.625rem .625rem .625rem .625rem;width:100%;height:100%;border:0 none;display:block}.js--modal.sizing--auto.is--fullscreen{height:100%!important;width:100%!important}.js--modal.sizing--fixed{max-height:none!important;max-width:none!important}.js--modal.sizing--content{position:fixed;bottom:auto;top:auto;height:auto}.js--modal.no--header .header{display:none}.js--modal.no--border-radius{border-radius:0}@media screen and (min-width:48em){.js--modal{border-radius:3px;background-clip:padding-box}}.js--is-loading{position:relative}.js--loading-indicator{position:absolute;display:none;z-index:6000;top:50%;left:50%}body>.js--loading-indicator{position:fixed}.js--loading-indicator.indicator--relative{width:1.875rem;height:1.875rem;padding-top:3.125rem;padding-bottom:3.125rem;background:0 0;position:relative;display:block;left:50%;top:auto;border:0 none}.js--loading-indicator.indicator--absolute{width:1.875rem;height:1.875rem;padding-top:3.125rem;padding-bottom:3.125rem;background:0 0;position:relative;display:block;left:50%;top:auto;border:0 none;position:absolute;padding:0;top:50%}.js--loading-indicator.indicator--absolute.js--loading-indicator{margin:-.9375rem 0 0 -.9375rem}.has--cssanimations .js--loading-indicator{margin:-.8125rem 0 0 -.8125rem}.has--cssanimations .js--loading-indicator div[class^=icon--]{width:1.625rem;height:1.625rem;display:block}.has--cssanimations .js--loading-indicator .icon--default::before,.has--cssanimations .js--loading-indicator .icon--default:before{width:1.375rem;height:1.375rem;border-radius:100%;background-clip:padding-box;-webkit-animation:keyframe--spin 1s linear infinite;animation:keyframe--spin 1s linear infinite;display:block;content:"";border:2px solid #b9b9ce;border-top:2px solid #6e6e99}.has--no-cssanimations .js--loading-indicator{margin:-.8125rem 0 0 -.8125rem}.has--no-cssanimations .js--loading-indicator div[class^=icon--]{width:1rem;height:1rem;display:block;background-repeat:no-repeat;background-size:100% 100%}.has--no-cssanimations .js--loading-indicator .icon--default{height:1rem;width:1rem;_background-image:url(../../img/icons/img/icons/loading-indicator.gif) ');
}
/*
Overlay
================================================
Creates a fixed full-screen overlay.

The `js--overlay` element is used when a modal window is shown.

The `js--overlay` element is empty while the html of the modal box will be created just before the closing body-tag.

The opacity of the full-screen overlay can be modified with javascript.

The functionality is provided by the `jquery.overlay.js` file.

```
<div class="js--overlay" style="opacity: 0.8; display: block; cursor: pointer;"></div>
```

default color:`#000000` default opacity (alpha):`0.7`
*/
.js--overlay-relative {
  position: relative;
}
.js--overlay {
  -webkit-transition: opacity 0.45s cubic-bezier(.3,0,.15,1), visibility 0.45s linear;
  transition: opacity 0.45s cubic-bezier(.3,0,.15,1), visibility 0.45s linear;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  opacity: 0.01;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 5000;
  visibility: hidden;
}
.js--overlay.theme--dark {
  background: rgba(0, 0, 0, 0.7);
}
.js--overlay.theme--light {
  background: rgba(255, 255, 255, 0.7);
}
.js--overlay.is--open {
  -webkit-transition-delay: 0;
  transition-delay: 0;
  opacity: 1;
  visibility: visible;
}
.js--overlay.is--closable {
  cursor: pointer;
}
body > .js--overlay {
  position: fixed;
}
/*
Language Flags
==================================================
Displays a country flag the size of 14px x 11px used for language selections purposes.

inspired by: https://github.com/dhanishgajjar/css-flags

en_GB: we need to use svg for en_GB, cause it's smaller than the CSS-Version */.language--flag { height: .6875rem; width: .875rem; display: inline-block; text-indent: 100%; white-space: nowrap; overflow: hidden; } .language--flag.de_DE { background-position: 0 0; background-image: linear-gradient(to bottom,#000 33%,#D00 33%,#D00 66%,#FFCE00 66%); } .language--flag.en_GB { background-position: 0 0; background-size: 100%; background-repeat: no-repeat; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' width='640' height='480'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath d='M-85 0h682v512H-85z'%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg clip-path='url%28%23a%29' transform='translate%2880%29 scale%28.94%29'%3E%3Cpath fill='%23006' d='M-256 0H768v512H-256z'%2F%3E%3Cpath fill='%23fff' d='M-256 0v57l910 455h114v-57L-141 0h-115zM768 0v57l-909 455h-115v-57L654 0h114z'%2F%3E%3Cpath fill='%23fff' d='M171 0v512h170V0H171zm-427 171v170H768V171H-256z'%2F%3E%3Cpath fill='%23c00' d='M-256 205v102H768V205H-256zM205 0v512h102V0H205zm-461 512L85 341h77l-342 171h-76zm0-512L85 171H9L-256 38V0zm606 171L692 0h76L427 171h-77zm418 341L427 341h76l265 133v38z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") ; } .language--flag.nl_NL { background-position: 0 0; background-image: linear-gradient(to bottom,#D00 33%,#fff 33%,#fff 66%,#21468B 66%); } .language--flag.fr_FR { background-position: 0 0; background-image: linear-gradient(to right,#21468B 33%,#fff 33%,#fff 66%,#D00 66%); } .language--flag.es_ES { background-position: 0 0; background-image: linear-gradient(#D00 25%,#FFCE00 25%,#FFCE00 75%,#D00 75%); } .language--flag.it_IT { background-position: 0 0; background-image: linear-gradient(to right,#009246 33%,#fff 33%,#fff 66%,#D00 66%); } .tagcloud a { color: #484848; margin: 0 .625rem 0 0; } .tagcloud a:hover { color: #131316; } .tagcloud .tag0 { font-size: 1.3125rem; line-height: 1.3125rem; } .tagcloud .tag1 { font-size: 1rem; line-height: 1rem; font-weight: 700; } .tagcloud .tag2 { font-size: .875rem; line-height: .875rem; } .tagcloud .tag3 { font-size: .75rem; line-height: .75rem; font-weight: 700; } .last-seen-products { margin: .625rem 0 0 0; clear: both; } .last-seen-products:after { content: ""; display: table; clear: both; } .last-seen-products .last-seen-products--title { padding: .625rem 0 .625rem 0; border-bottom: 1px solid #b9b9ce; font-size: 1rem; display: block; font-weight: 700; color: #222; } .last-seen-products--slider { border-radius: 3px; background-clip: padding-box; height: auto; } .last-seen-products--slider .product--box .product--title { text-align: center; margin: 0; padding: 0; } .last-seen-products--slider,.last-seen-products--container { position: relative; overflow: hidden; } .last-seen-products--container { padding: .625rem 0 .625rem 0; } .last-seen-products-item--image { line-height: 7.5rem; display: block; } .last-seen-products--item { padding: .625rem .625rem .625rem .625rem; } @media screen and (min-width: 48em) { .last-seen-products { margin: 1.875rem 0 0 0; } } .lightbox--container { display: block; width: 100%; height: 100%; background: #FFF; position: relative; } .lightbox--image { margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; vertical-align: middle; } .list--unordered { padding-left: 1.25rem; list-style-type: none; } .list--unordered li { position: relative; line-height: 1.5rem; } .list--unordered li:before { width: 1.25rem; font-size: .625rem; left: -1.25rem; font-family: 'remixicon'; content: "\e6b9"; position: absolute; top: 0; } .list--unordered.is--disc li { position: relative; } .list--unordered.is--disc li:before { width: 1.25rem; font-size: .625rem; left: -1.25rem; font-family: 'remixicon'; content: "\e656"; position: absolute; top: 0; } .list--unordered.is--checked li { position: relative; } .list--unordered.is--checked li:before { width: 1.25rem; font-size: .625rem; left: -1.25rem; font-family: 'remixicon'; content: "\eb7b"; position: absolute; top: 0; } .list--unordered.is--arrow-right li { position: relative; } .list--unordered.is--arrow-right li:before { width: 1.25rem; font-size: .625rem; left: -1.25rem; font-family: 'remixicon'; content: "\ea6c"; position: absolute; top: 0; } .list--unordered.is--star li { position: relative; } .list--unordered.is--star li:before { width: 1.25rem; font-size: .625rem; left: -1.25rem; font-family: 'remixicon'; content: "\e600"; position: absolute; top: 0; } .list--unordered.is--cross li { position: relative; } .list--unordered.is--cross li:before { width: 1.25rem; font-size: .625rem; left: -1.25rem; font-family: 'remixicon'; content: "\eb99"; position: absolute; top: 0; } .list--unordered.is--tag li { position: relative; } .list--unordered.is--tag li:before { width: 1.25rem; font-size: .625rem; left: -1.25rem; font-family: 'remixicon'; content: "\e640"; position: absolute; top: 0; } .list--unordered.is--plus li { position: relative; } .list--unordered.is--plus li:before { width: 1.25rem; font-size: .625rem; left: -1.25rem; font-family: 'remixicon'; content: "\e689"; position: absolute; top: 0; } .list--unstyled { list-style: none; } .list--inline { list-style: none; } .list--inline li { display: inline; } .image-slider { -webkit-backface-visibility: hidden; backface-visibility: hidden; display: block; z-index: 1000; position: relative; } .image-slider:after { content: ""; display: table; clear: both; } .force--3d { backface-visibility: hidden; } .image-slider--container { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-backface-visibility: hidden; backface-visibility: hidden; display: block; position: relative; top: 0; left: 0; overflow: hidden; } .image-slider--container .arrow { width: 1.875rem; height: 4.375rem; margin-top: -2.1875rem; line-height: 4.25rem; font-size: 1rem; -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0,0,0,0); background: rgba(255,255,255,.5); border: 1px solid rgba(255,255,255,.5); position: absolute; top: 50%; z-index: 1000; font-family: 'remixicon'; text-align: center; color: #484848; cursor: pointer; display: none; } .image-slider--container .arrow.is--left { left: 0; border-top-left-radius: 0; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 0; background-clip: padding-box; } .image-slider--container .arrow.is--left:before,.image-slider--container .arrow.is--left::before { content: "\ea60"; } .image-slider--container .arrow.is--right { right: 0; border-top-left-radius: 3px; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 3px; background-clip: padding-box; } .image-slider--container .arrow.is--right:before { content: "\ea6c"; } .image-slider--container .arrow:hover { color: #131316; } .image-slider--container.is--dragging .image-slider--item { cursor: move; } .image-slider--slide { -webkit-backface-visibility: hidden; backface-visibility: hidden; display: block; height: 100%; position: relative; top: 0; left: 0; white-space: nowrap; font-size: 0; -ms-touch-action: pan-y; } .image-slider--slide:after { content: ""; display: table; clear: both; } .image-slider--item { -webkit-backface-visibility: hidden; backface-visibility: hidden; display: inline-block; height: 100%; width: 100%; position: relative; text-align: center; vertical-align: middle; cursor: pointer; } .image-slider--item .image--element { display: inline-block; max-width: 100%; height: 100%; } .image-slider--item .image--media { margin: 0 auto; text-align: center; } .image-slider--item .image--media.image--svg img { height: 100%; } .image-slider--dots { padding: .625rem 0 .625rem 0; text-align: center; } .image-slider--thumbnails { height: 4.375rem; bottom: 0; display: none; width: 100%; overflow: hidden; white-space: nowrap; position: absolute; left: 0; } .image-slider--thumbnails .image-slider--thumbnails-slide { position: absolute; top: 0; left: 0; } .image-slider--thumbnails .thumbnail--link { width: 4.375rem; height: 4.375rem; padding: .3125rem .3125rem .3125rem .3125rem; margin: 0 .625rem 0 0; line-height: 3.5625rem; border-radius: 3px; background-clip: padding-box; -webkit-tap-highlight-color: rgba(0,0,0,0); display: inline-block; text-align: center; } .image-slider--thumbnails .thumbnail--link.is--active { background-color: #F5F5F8; } .image-slider--thumbnails .thumbnail--image { display: inline; vertical-align: middle; mix-blend-mode: multiply; } .image-slider--thumbnails .thumbnails--arrow { width: 1.25rem; height: 4.375rem; line-height: 4.375rem; font-size: .875rem; border-radius: 3px; background-clip: padding-box; -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0,0,0,0); background-color: #fff; background-image: linear-gradient(to bottom,#fff 0,#f8f8fa 100%); display: none; position: absolute; z-index: 1000; font-family: 'remixicon'; text-align: center; color: #484848; border: 1px solid rgba(255,255,255,.85); cursor: pointer; background: rgba(255,255,255,.85); } .image-slider--thumbnails .thumbnails--arrow:hover { color: #131316; border-color: rgba(19,19,22,.85); } .image-slider--thumbnails .thumbnails--arrow.is--top,.image-slider--thumbnails .thumbnails--arrow.is--bottom { font-size: .5rem; width: 4.375rem; height: 1.5rem; padding: .125rem 0 0 0; line-height: 1.125rem; left: 0; } .image-slider--thumbnails .thumbnails--arrow.is--top { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; background-clip: padding-box; top: 0; } .image-slider--thumbnails .thumbnails--arrow.is--top::before { content: "\ea76"; } .image-slider--thumbnails .thumbnails--arrow.is--bottom { border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; background-clip: padding-box; bottom: 0; } .image-slider--thumbnails .thumbnails--arrow.is--bottom::before { content: "\ea4c"; } .image-slider--thumbnails .thumbnails--arrow.is--left { border-top-left-radius: 0; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 0; background-clip: padding-box; width: 1.5rem; top: 0; left: 0; } .image-slider--thumbnails .thumbnails--arrow.is--left::before { content: "\ea60"; } .image-slider--thumbnails .thumbnails--arrow.is--right { border-top-left-radius: 3px; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 3px; background-clip: padding-box; width: 1.5rem; top: 0; right: 0; } .image-slider--thumbnails .thumbnails--arrow.is--right::before { content: "\ea6c"; } .image-slider--thumbnails .thumbnails--arrow.is--active { display: block; } @media screen and (min-width: 48em) { .image-slider--container .arrow { display: block; } .image-slider--dots { display: none; } } @media screen and (min-width: 64em) { .image-slider--thumbnails { display: block; } .image-slider--container { margin-bottom: 6.875rem; } .image-slider--container.no--thumbnails { margin-bottom: 0; } .image-slider--container.no--image .image-slider--item { cursor: default; } } @media screen and (min-width: 78.75em) { } .js--img-zoom--container { position: relative; top: 0; left: 0; } .js--img-zoom--lens { border-radius: 3px; background-clip: padding-box; display: none; background: rgba(255,255,255,.4); border: 1px solid #b9b9ce; position: absolute; top: 0; left: 0; cursor: pointer; } .js--img-zoom--flyout { width: 28.75rem; height: 21.25rem; right: -30.625rem; border-radius: 3px; background-clip: padding-box; display: none; position: absolute; top: 0; z-index: 2500; overflow: hidden; background: #FFF; border: 1px solid #b9b9ce; } .js--img-zoom--title { padding: .3125rem 1.25rem .3125rem 1.25rem; font-size: .875rem; line-height: 1rem; background-color: #484848; color: #fff; font-weight: 700; text-align: center; background: rgba(0,0,0,.5); } .js--menu-scroller { position: relative; } .navigation--list-wrapper { position: relative; overflow: hidden; } .js--menu-scroller--list { max-width: none; overflow-x: scroll; position: relative; white-space: nowrap; left: 0; -webkit-overflow-scrolling: touch; -ms-overflow-style: none; } .js--menu-scroller--list::-webkit-scrollbar { display: none; } .js--menu-scroller--arrow { width: 1.375rem; height: 2.3125rem; line-height: 2.25rem; font-size: .75rem; background-color: #FFF; background-image: linear-gradient(to bottom,#FFF 0,#f8f8fa 100%); top: .0625rem; border: 1px solid #b9b9ce; position: absolute; font-family: 'remixicon'; text-align: center; color: #484848; cursor: pointer; z-index: 750; display: none; } .js--menu-scroller--arrow:hover,.js--menu-scroller--arrow:active { color: #131316; border-color: #131316; background: #FFF; } .js--menu-scroller--arrow.left--arrow { border-top-left-radius: 0; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 0; background-clip: padding-box; border-left: 0 none; left: 0; } .js--menu-scroller--arrow.right--arrow { border-top-left-radius: 3px; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 3px; background-clip: padding-box; border-right: 0 none; right: 0; } @media screen and (min-width: 78.75em) { .js--menu-scroller--arrow.left--arrow { border-radius: 3px; background-clip: padding-box; border: 1px solid #b9b9ce; left: 0; } .js--menu-scroller--arrow.left--arrow:hover { border-color: #131316; } .js--menu-scroller--arrow.right--arrow { border-radius: 3px; background-clip: padding-box; border: 1px solid #b9b9ce; right: 0; } .js--menu-scroller--arrow.right--arrow:hover { border-color: #131316; } } .filter-panel { height: 2.375rem; margin-bottom: .625rem; border-radius: 3px; background-clip: padding-box; background-color: #f8f8fa; -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0,0,0,0); display: block; position: relative; border: 1px solid #b9b9ce; } .filter-panel:hover { border: 1px solid #131316; background: #FFF; } .filter-panel:hover .filter-panel--icon,.filter-panel:hover .filter-panel--title { color: #131316; } .filter-panel.is--disabled { background-color: #f8f8fa; opacity: .5; border: 1px solid #b9b9ce; color: #484848; } .filter-panel.is--disabled:hover { border: 1px solid #b9b9ce; color: #484848; } .filter-panel.is--disabled:hover .filter-panel--icon,.filter-panel.is--disabled:hover .filter-panel--title { color: #484848; } .filter-panel.is--disabled .filter-panel--title { color: #484848; } .filter-panel.is--collapsed { height: auto; border: 0 none; } .filter-panel.is--collapsed .filter-panel--flyout { height: auto; border: 1px solid #131316; background: #FFF; overflow: visible; z-index: 800; } .filter-panel.is--collapsed .filter-panel--title { color: #131316; } .filter-panel.is--collapsed .filter-panel--icon:before { color: #131316; content: "\ea76"; } .filter-panel .flatpickr-wrapper { position: relative; display: block; } .filter-panel .flatpickr-wrapper .flatpickr-calendar.static { top: 2.8125rem; display: block; width: 100%; } .filter-panel .flatpickr-wrapper .flatpickr-calendar.static .flatpickr-rContainer { display: block; } .filter-panel .flatpickr-wrapper .flatpickr-calendar.static .flatpickr-innerContainer { display: block; width: 100%; } .filter-panel .flatpickr-wrapper .flatpickr-calendar.static .flatpickr-innerContainer .flatpickr-days { width: 100%; } .filter-panel--flyout { height: 2.375rem; border-radius: 3px; background-clip: padding-box; display: block; width: 100%; overflow: hidden; z-index: 500; } .filter-panel--title { height: 2.25rem; line-height: 2.25rem; padding: 0 1.875rem 0 .625rem; margin: 0 0 .3125rem 0; -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0,0,0,0); display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer; } .filter-panel--icon { width: 1rem; height: 1rem; top: .5rem; right: .625rem; font-size: .375rem; line-height: 1rem; -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0,0,0,0); display: inline-block; position: absolute; font-family: 'remixicon'; text-align: center; cursor: pointer; pointer-events: none; } .filter-panel--icon:before { content: "\ea4c"; } .filter-panel--content { padding: .625rem .625rem .625rem .625rem; display: block; } .filter-panel--option-list { padding-bottom: .3125rem; list-style: none; } .filter-panel--option-list.sub-level { margin: 0 0 0 .5rem; padding: 0 0 0 1.125rem; border-left: 1px solid #b9b9ce; } .filter-panel--option { display: block; position: relative; } .value-tree--option { margin: 0 0 .625rem 0; } .sub-level .value-tree--option { margin: 0; } .filter-panel--label { padding: .25rem 0 .25rem 1.875rem; line-height: 1.125rem; -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0,0,0,0); display: block; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .filter-panel--range-info { padding: .625rem 0 .3125rem 0; text-align: center; } .filter-panel--range-info .range-info--label { color: #222; font-weight: 700; } .filter--date .input-type--date .filter-panel--input { display: block; width: 100%; } .filter-panel--checkbox,.filter-panel--radio { width: 1rem; height: 1rem; padding: .0625rem .0625rem .0625rem .0625rem; border-radius: 3px; background-clip: padding-box; display: inline-block; border: 1px solid #b9b9ce; cursor: pointer; position: relative; vertical-align: top; } .filter-panel--checkbox:hover,.filter-panel--radio:hover { border-color: #131316; } .filter-panel--checkbox input[type=checkbox],.filter-panel--radio input[type=checkbox] { opacity: 0; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border: 0 none; background: none; cursor: pointer; z-index: 65; } .filter-panel--checkbox input[type=checkbox]:checked ~ .input--state,.filter-panel--radio input[type=checkbox]:checked ~ .input--state,.filter-panel--checkbox input[type=checkbox]:checked ~ .checkbox--state,.filter-panel--radio input[type=checkbox]:checked ~ .checkbox--state { background-color: #2d2d39; background-image: linear-gradient(to bottom,#2d2d39 0,#131316 100%); background-color: #131316; } .filter-panel--checkbox input[type=checkbox]:checked ~ .input--state:before,.filter-panel--radio input[type=checkbox]:checked ~ .input--state:before,.filter-panel--checkbox input[type=checkbox]:checked ~ .checkbox--state:before,.filter-panel--radio input[type=checkbox]:checked ~ .checkbox--state:before { width: .75rem; height: .75rem; line-height: .75rem; font-size: .4375rem; display: block; font-family: 'remixicon'; font-weight: 400; text-align: center; color: #fff; content: "\eb7b"; } .filter-panel--checkbox input[type=checkbox]:checked ~ .filter-panel--label,.filter-panel--radio input[type=checkbox]:checked ~ .filter-panel--label { color: #131316; font-weight: 700; } .filter-panel--checkbox input[type=checkbox]:disabled ~ .input--state,.filter-panel--radio input[type=checkbox]:disabled ~ .input--state,.filter-panel--checkbox input[type=checkbox]:disabled ~ .checkbox--state,.filter-panel--radio input[type=checkbox]:disabled ~ .checkbox--state { background: #FFF; } .filter-panel--checkbox input[type=checkbox]:disabled ~ .filter-panel--label,.filter-panel--radio input[type=checkbox]:disabled ~ .filter-panel--label { color: #6e6e6e; } .filter-panel--checkbox .input--state,.filter-panel--radio .input--state,.filter-panel--checkbox .checkbox--state,.filter-panel--radio .checkbox--state,.filter-panel--checkbox .radio--state,.filter-panel--radio .radio--state { border-radius: 3px; background-clip: padding-box; display: block; width: 100%; height: 100%; position: relative; z-index: 60; } .filter-panel--checkbox.filter-panel--radio,.filter-panel--radio.filter-panel--radio { border-radius: 11px; background-clip: padding-box; } .filter-panel--checkbox input[type=radio],.filter-panel--radio input[type=radio] { opacity: 0; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border: 0 none; background: none; cursor: pointer; z-index: 65; } .filter-panel--checkbox input[type=radio]:checked ~ .input--state,.filter-panel--radio input[type=radio]:checked ~ .input--state,.filter-panel--checkbox input[type=radio]:checked ~ .radio--state,.filter-panel--radio input[type=radio]:checked ~ .radio--state { background-color: #2d2d39; background-image: linear-gradient(to bottom,#2d2d39 0,#131316 100%); background-color: #131316; } .filter-panel--checkbox input[type=radio]:checked ~ .filter-panel--label,.filter-panel--radio input[type=radio]:checked ~ .filter-panel--label { color: #131316; font-weight: 700; } .filter-panel--checkbox input[type=radio]:disabled .input--state,.filter-panel--radio input[type=radio]:disabled .input--state,.filter-panel--checkbox input[type=radio]:disabled .radio--state,.filter-panel--radio input[type=radio]:disabled .radio--state { background: #FFF; } .filter-panel--checkbox input[type=radio]:disabled .filter-panel--label,.filter-panel--radio input[type=radio]:disabled .filter-panel--label { color: #484848; } .filter-panel--checkbox input[type=radio] + .input--state,.filter-panel--radio input[type=radio] + .input--state,.filter-panel--checkbox input[type=radio] + .radio--state,.filter-panel--radio input[type=radio] + .radio--state { border-radius: 11px; background-clip: padding-box; } .input-type--media:after { content: ""; display: table; clear: both; } .input-type--media .option--container { height: 2.8125rem; max-width: 2.8125rem; width: 18%; margin: 0 0 2% 2%; display: block; position: relative; float: left; } .input-type--media .option--container .filter-panel--label { padding: 0; } .input-type--media .option--container input.is--disabled ~ label { opacity: .2; } .input-type--media .option--container input[type=checkbox],.input-type--media .option--container input[type=radio] { opacity: 0; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border: 0 none; background: none; cursor: pointer; z-index: 65; } .input-type--media .option--container input[type=checkbox]:hover ~ .filter-panel--label,.input-type--media .option--container input[type=radio]:hover ~ .filter-panel--label { border-color: #131316; } .input-type--media .option--container input[type=checkbox]:checked ~ .filter-panel--label,.input-type--media .option--container input[type=radio]:checked ~ .filter-panel--label { border-color: #131316; } .input-type--media .option--container input[type=checkbox]:checked ~ .filter-panel--label:after,.input-type--media .option--container input[type=radio]:checked ~ .filter-panel--label:after { width: 1rem; height: 1rem; line-height: 1rem; font-size: .4375rem; top: -.25rem; right: -.25rem; background-color: #2d2d39; background-image: linear-gradient(to bottom,#2d2d39 0,#131316 100%); background-color: #131316; border-radius: 8px; background-clip: padding-box; display: block; position: absolute; font-family: 'remixicon'; font-weight: 400; text-align: center; color: #fff; content: "\eb7b"; } .input-type--media .option--container input[type=checkbox]:disabled .filter-panel--label,.input-type--media .option--container input[type=radio]:disabled .filter-panel--label { opacity: .2; } .filter--multi-selection .option--container:hover .filter-panel--label,.filter--value .option--container:hover .filter-panel--label,.filter--value-tree .option--container:hover .filter-panel--label { color: #131316; } .filter--multi-selection .option--container:hover .filter-panel--input,.filter--value .option--container:hover .filter-panel--input,.filter--value-tree .option--container:hover .filter-panel--input { border-color: #131316; } .filter--multi-selection .option--container:hover .filter-panel--input.is--disabled,.filter--value .option--container:hover .filter-panel--input.is--disabled,.filter--value-tree .option--container:hover .filter-panel--input.is--disabled { border-color: #b9b9ce; } .filter--multi-selection .filter-panel--checkbox,.filter--value .filter-panel--checkbox,.filter--value-tree .filter-panel--checkbox,.filter--multi-selection .filter-panel--radio,.filter--value .filter-panel--radio,.filter--value-tree .filter-panel--radio { top: .3125rem; left: 0; position: absolute; } .filter--multi-selection .filter-panel--checkbox.is--disabled ~ .filter-panel--label,.filter--value .filter-panel--checkbox.is--disabled ~ .filter-panel--label,.filter--value-tree .filter-panel--checkbox.is--disabled ~ .filter-panel--label,.filter--multi-selection .filter-panel--radio.is--disabled ~ .filter-panel--label,.filter--value .filter-panel--radio.is--disabled ~ .filter-panel--label,.filter--value-tree .filter-panel--radio.is--disabled ~ .filter-panel--label { color: #b9b9ce; } .filter--multi-selection .filter-panel--checkbox.is--disabled:hover,.filter--value .filter-panel--checkbox.is--disabled:hover,.filter--value-tree .filter-panel--checkbox.is--disabled:hover,.filter--multi-selection .filter-panel--radio.is--disabled:hover,.filter--value .filter-panel--radio.is--disabled:hover,.filter--value-tree .filter-panel--radio.is--disabled:hover { border-color: #b9b9ce; } .filter-panel--star-rating { height: 5.625rem; margin-bottom: .625rem; position: relative; } .filter-panel--star-rating:after { content: ""; display: table; clear: both; } .filter-panel--star-rating .rating-star--outer-container { width: 13.75rem; margin-left: auto; margin-right: auto; cursor: pointer; } .filter-panel--star-rating .rating-star--outer-container:after { content: ""; display: table; clear: both; } .filter-panel--star-rating .rating-star--outer-container .icon--star,.filter-panel--star-rating .rating-star--outer-container .icon--star-empty { font-size: 1.125rem; } .filter-panel--star-rating .rating-star--outer-container .icon--star { color: #F1C40F; } .filter-panel--star-rating .rating-star--outer-container .icon--star-empty { -webkit-transition: all .3s ease-out; transition: all .3s ease-out; color: #b9b9ce; } .filter-panel--star-rating .rating-star--outer-container .rating-star--suffix { margin-left: .3125rem; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; } .filter-panel--star-rating .rating-star--outer-container.is--active .icon--star-empty { color: #484848; } .filter-panel--star-rating .rating-star--outer-container.is--active .rating-star--suffix { font-weight: 700; } .filter-panel--star-rating .rating-star--outer-container.is--disabled { opacity: .3; } .filter-panel--star-rating .rating-star--outer-container:hover .icon--star-empty { color: #484848; } .filter-panel--star-rating .rating-star--outer-container:hover .rating-star--suffix { color: #131316; } .filter-panel--star-rating .rating-star--outer-container:hover .is--disabled ~ .icon--star-empty { -webkit-transition: all .3s ease-out; transition: all .3s ease-out; color: #b9b9ce; } .filter-panel--star-rating .rating-star--outer-container:hover .is--disabled ~ .rating-star--suffix { color: #484848; } .filter--set-title { margin: 1.875rem 0 .625rem 0; font-size: .875rem; line-height: 1.5rem; margin-left: 1%; margin-right: 1%; border-bottom: 1px solid #b9b9ce; clear: both; } .filter--value { background: #fff; } .filter--value .filter-panel--input { top: .625rem; left: .625rem; } .filter--value .filter-panel--title { padding: 0 1.875rem 0 2.5rem; } .filter--value.is--disabled .filter-panel--input:hover { border-color: #b9b9ce; } .filter--range .filter-panel--content { padding: .625rem 1.25rem .625rem 1.25rem; } .filter--active-container { padding: 1.25rem 0 0 0; } .filter--active,.search--cat-filter .cat-filter--reset { padding: 0 .625rem 0 .625rem; margin: 0 .625rem .625rem 0; line-height: 1.5rem; font-size: .8125rem; border-radius: 3px; background-clip: padding-box; display: inline-block; border: 1px solid #b9b9ce; color: #484848; background: #FFF; cursor: pointer; white-space: nowrap; max-width: 100%; overflow: hidden; text-overflow: ellipsis; } .filter--active .filter--active-icon { margin: 0 .625rem 0 0; font-size: .5rem; top: -.0625rem; position: relative; font-family: 'remixicon'; color: #484848; } .filter--active .filter--active-icon:before { content: "\eb99"; } .filter--active .icon--star { color: #F1C40F; } .filter--active .icon--star-empty { color: #484848; } .filter--active:hover,.filter--active[data-filter-param=reset] { color: #131316; border-color: #131316; } .filter--active:hover .filter--active-icon,.filter--active[data-filter-param=reset] .filter--active-icon { color: #131316; } .action--filter-options.off-canvas.is--open .filter--active { max-width: 100%; } .filter--actions { padding: .625rem 0 .625rem 0; margin-bottom: .625rem; clear: both; } .filter--btn-apply { position: relative; font-weight: 700; width: 100%; } .filter--btn-apply.is--icon-right [class^=icon--] { font-size: .875rem; line-height: 1rem; margin: -.5rem 0 0 0; } .filter--btn-apply.is--loading [class^=icon--] { -webkit-animation: keyframe--spin-reverse 1s linear infinite; animation: keyframe--spin-reverse 1s linear infinite; } .filter--btn-apply .filter--count { font-weight: 700; } .filter--facet-container { padding: .625rem 0 0 0; } .filter--facet-container:after { content: ""; display: table; clear: both; } .action--filter-options.is--active-filter .filter--active-container { padding: .9375rem 0 .3125rem 0; display: block; } .filter--active-container { display: none; } .listing--wrapper { width: 100%; } .listing--wrapper.has--sidebar-filter .listing--paging { clear: both; } .listing--wrapper.has--sidebar-filter .action--filter-btn { display: block; } .listing--wrapper.has--sidebar-filter .action--sort { line-height: 2rem; margin: 0 .625rem .625rem 0; width: 100%; } .listing--wrapper.has--sidebar-filter .action--sort .sort--label { display: none; } .listing--wrapper.has--sidebar-filter .action--sort .sort--select { width: 100%; vertical-align: top; } .listing--wrapper .filter--actions.filter--actions-top { margin: 0; } .listing--wrapper.with--fullscreen-emotion .sidebar-main.off-canvas { padding-top: 0; } .listing--wrapper.with--fullscreen-emotion .listing--wrapper-inner { margin-left: 16.25rem; } @media screen and (min-width: 64em) { .filter-panel { width: 49%; margin-left: 1%; float: left; } .filter-panel.is--collapsed { height: 2.375rem; } .filter-panel .flatpickr-wrapper { position: static; } .filter-panel .flatpickr-wrapper .flatpickr-calendar.static { top: 100%; } .is--no-sidebar .filter-panel { width: 32%; } .filter-panel--flyout { position: absolute; top: 0; left: 0; } .filter-panel--content { max-height: 12.5rem; overflow-x: hidden; overflow-y: auto; } .filter--active-container { padding: 0; margin-left: 1%; margin-right: 1%; } .filter--active-container.is--disabled .filter--active:not([data-filter-param=reset]),.filter--active-container.is--disabled .filter--active:not([data-filter-param=reset]):hover { color: #484848; border-color: #b9b9ce; cursor: default; } .filter--active-container.is--disabled .filter--active:not([data-filter-param=reset]) .filter--active-icon,.filter--active-container.is--disabled .filter--active:not([data-filter-param=reset]):hover .filter--active-icon { color: #484848; } .filter--active-container.is--disabled .filter--active:not([data-filter-param=reset]) .filter--active-icon:before,.filter--active-container.is--disabled .filter--active:not([data-filter-param=reset]):hover .filter--active-icon:before { content: "\eb7b"; } .filter--actions { margin-left: 1%; margin-right: 1%; } .filter--btn-apply { width: auto; } .filter--facet-container,.filter--actions-bottom { display: none; } .filter--actions.filter--actions-top { display: none; } .listing--wrapper.has--sidebar-filter .action--filter-btn { display: none; } .listing--wrapper.has--sidebar-filter .action--sort .sort--select { max-width: 12.5rem; vertical-align: top; } } @media screen and (min-width: 64em) { .filter-panel { width: 32%; } } @media screen and (min-width: 78.75em) { .filter-panel--star-rating .rating-star--input { width: 1.25rem; height: 1.25rem; } .filter-panel--star-rating .rating-star--label { width: 1.25rem; height: 1.25rem; line-height: 1.25rem; font-size: 1.25rem; } .listing--wrapper.has--sidebar-filter .action--sort .sort--label { margin: 0 .625rem 0 0; display: inline-block; font-weight: 700; } } .range-slider { -webkit-touch-callout: none; } .range-slider--container { height: .75rem; border-radius: 6px; background-clip: padding-box; display: block; width: 100%; background: #FFF; box-shadow: inset 0 1px 1px #f0f0f0; border: 1px solid #b9b9ce; -ms-touch-action: none; } .range-slider--range-bar { -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0,0,0,0); box-shadow: inset 0 0 3px #111114; height: 100%; width: 100%; position: relative; background: #131316; } .range-slider--handle { width: 1.25rem; height: 1.25rem; border-radius: 3px; background-clip: padding-box; background-color: #FFF; background-image: linear-gradient(to bottom,#FFF 0,#FFF 100%); -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0,0,0,0); position: absolute; border: 1px solid #b9b9ce; cursor: pointer; } .range-slider--handle.is--min { left: -.625rem; top: -.25rem; } .range-slider--handle.is--max { right: -.625rem; top: -.25rem; } .range-slider--handle:hover,.range-slider--handle.is--dragging { border-color: #131316; } .range-slider--format { display: none; } .flatpickr-calendar { width: 19.6875rem; font-size: .875rem; line-height: 1.5rem; border-radius: 5px; background-clip: padding-box; overflow: hidden; max-height: 0; opacity: 0; visibility: hidden; text-align: center; padding: 0; animation: none; direction: ltr; border: 0; position: absolute; box-sizing: border-box; background: #fff; box-shadow: 1px 0 0 #b9b9ce,-1px 0 0 #b9b9ce,0 1px 0 #b9b9ce,0 -1px 0 #b9b9ce,0 3px 13px rgba(0,0,0,.2); } .flatpickr-calendar.open,.flatpickr-calendar.inline { max-height: 40rem; opacity: 1; visibility: visible; overflow: visible; } .flatpickr-calendar.open { display: inline-block; animation: flatpickrFadeInDown .3s cubic-bezier(0,1,.5,1); z-index: 8100; } .flatpickr-calendar.inline { top: .125rem; display: block; position: relative; } .flatpickr-calendar.static { position: absolute; top: calc(100% + 2px); } .flatpickr-calendar.static.open { z-index: 999; display: block; } .flatpickr-calendar.hasWeeks { width: auto; } .flatpickr-calendar.showTimeInput.hasTime .flatpickr-time { height: 2.5rem; border-top: 1px solid #e6e6e6; } .flatpickr-calendar.noCalendar.hasTime .flatpickr-time { height: auto; } .flatpickr-calendar:before,.flatpickr-calendar:after { left: 1.375rem; position: absolute; display: block; pointer-events: none; border: solid transparent; content: ''; height: 0; width: 0; } .flatpickr-calendar.rightMost:before,.flatpickr-calendar.rightMost:after { right: 1.375rem; left: auto; } .flatpickr-calendar:before { margin: 0 -.3125rem 0 -.3125rem; border-width: 5px; } .flatpickr-calendar:after { margin: 0 -.25rem 0 -.25rem; border-width: 4px; } .flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after { bottom: 100%; } .flatpickr-calendar.arrowTop:before { border-bottom-color: #e6e6e6; } .flatpickr-calendar.arrowTop:after { border-bottom-color: #fff; } .flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after { top: 100%; } .flatpickr-calendar.arrowBottom:before { border-top-color: #e6e6e6; } .flatpickr-calendar.arrowBottom:after { border-top-color: #fff; } .flatpickr-wrapper { position: relative; display: inline-block; } .flatpickr-month { height: 2.5rem; line-height: 1.5rem; -webkit-user-select: none; user-select: none; background: transparent; color: rgba(0,0,0,.9); fill: rgba(0,0,0,.9); text-align: center; position: relative; } .flatpickr-prev-month,.flatpickr-next-month { height: 1rem; line-height: 1rem; top: .9375rem; text-decoration: none; cursor: pointer; position: absolute; } .flatpickr-prev-month i,.flatpickr-next-month i { position: relative; } .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-next-month.flatpickr-prev-month { left: calc(3.57% - 1.5px); } .flatpickr-prev-month.flatpickr-next-month,.flatpickr-next-month.flatpickr-next-month { right: calc(3.57% - 1.5px); } .flatpickr-prev-month:hover,.flatpickr-next-month:hover { color: #959ea9; } .flatpickr-prev-month:hover svg,.flatpickr-next-month:hover svg { fill: #f64747; } .flatpickr-prev-month svg,.flatpickr-next-month svg { width: .875rem; } .flatpickr-prev-month svg path,.flatpickr-next-month svg path { transition: fill .1s; fill: inherit; } .numInputWrapper { position: relative; height: auto; } .numInputWrapper input,.numInputWrapper span { display: inline-block; } .numInputWrapper input { width: 100%; } .numInputWrapper input::-ms-clear,.numInputWrapper input::-ms-expand { display: none; } .numInputWrapper span { width: .875rem; padding: 0 .25rem 0 .125rem; position: absolute; right: 0; height: 50%; line-height: 50%; opacity: 0; cursor: pointer; border: 1px solid rgba(57,57,57,.05); box-sizing: border-box; } .numInputWrapper span:hover { background: rgba(0,0,0,.1); } .numInputWrapper span:active { background: rgba(0,0,0,.2); } .numInputWrapper span:after { display: block; content: ""; position: absolute; top: 33%; } .numInputWrapper span.arrowUp { top: 0; border-bottom: 0; } .numInputWrapper span.arrowUp:after { border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 4px solid rgba(57,57,57,.6); } .numInputWrapper span.arrowDown { top: 50%; } .numInputWrapper span.arrowDown:after { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid rgba(57,57,57,.6); } .numInputWrapper span svg { width: inherit; height: auto; } .numInputWrapper span svg path { fill: rgba(0,0,0,.5); } .numInputWrapper:hover { background: rgba(0,0,0,.05); } .numInputWrapper:hover span { opacity: 1; } .flatpickr-current-month { top: .625rem; font-size: 135%; line-height: inherit; font-weight: 400; color: inherit; position: absolute; width: 75%; left: 12.5%; display: inline-block; text-align: center; } .flatpickr-current-month span.cur-month { margin-right: .625rem; font-family: inherit; font-weight: 700; color: inherit; display: inline-block; padding: 0; max-width: 50%; } .flatpickr-current-month .numInputWrapper { width: 4.375rem; display: inline-block; } .flatpickr-current-month .numInputWrapper span.arrowUp:after { border-bottom-color: rgba(0,0,0,.9); } .flatpickr-current-month .numInputWrapper span.arrowDown:after { border-top-color: rgba(0,0,0,.9); } .flatpickr-current-month input.cur-year { background: transparent; box-sizing: border-box; color: inherit; cursor: default; padding: 0 0 0 .5ch; margin: 0; display: inline; font-size: inherit; font-family: inherit; font-weight: 400; line-height: inherit; height: initial; border: 0; border-radius: 0; vertical-align: initial; } .flatpickr-current-month input.cur-year:focus { outline: 0; } .flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover { font-size: 100%; color: rgba(0,0,0,.5); background: transparent; pointer-events: none; } .flatpickr-weekdays { background: transparent; text-align: center; overflow: hidden; } .flatpickr-days,.flatpickr-weeks { padding: .0625rem 0 0 0; } .flatpickr-days { width: 19.6875rem; padding: 0; outline: 0; text-align: left; box-sizing: border-box; display: inline-block; display: -ms-flexbox; display: flex; flex-wrap: wrap; -ms-flex-wrap: wrap; -ms-flex-pack: justify; justify-content: space-around; } .flatpickr-day { line-height: 2.5rem; height: 2.5rem; border-radius: 3px; background-clip: padding-box; background: none; border: 0 none; margin: 0; box-sizing: border-box; color: #484848; cursor: pointer; font-weight: 400; width: 14.2857143%; flex-basis: 14.2857143%; display: inline-block; position: relative; justify-content: center; text-align: center; } .flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange { cursor: pointer; outline: 0; background: #F5F5F8; border-color: #F5F5F8; } .flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus { cursor: pointer; outline: 0; background: #F5F5F8; border-color: #F5F5F8; } .flatpickr-day.today { border-color: #959ea9; } .flatpickr-day.today:hover,.flatpickr-day.today:focus { border-color: #959ea9; background: #959ea9; color: #fff; } .flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay { background: #131316; color: #fff; border-color: #131316; } .flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange { border-top-left-radius: 3px; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 3px; background-clip: padding-box; } .flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange { border-top-left-radius: 0; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 0; background-clip: padding-box; } .flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange { border-radius: 3px; background-clip: padding-box; } .flatpickr-day.inRange { border-radius: 0; box-shadow: -5px 0 0 #F5F5F8,5px 0 0 #F5F5F8; } .flatpickr-day.inRange.endRange { box-shadow: -5px 0 0 #F5F5F8; } .flatpickr-day.inRange.startRange { box-shadow: 5px 0 0 #F5F5F8; } .flatpickr-day.disabled,.flatpickr-day.disabled:hover { pointer-events: none; } .flatpickr-day.disabled,.flatpickr-day.disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay { color: rgba(57,57,57,.3); background: transparent; border-color: transparent; cursor: default; } span.flatpickr-weekday { line-height: 1.5rem; cursor: default; font-size: 90%; color: #222; height: 27.33px; margin: 0; background: transparent; text-align: center; display: block; float: left; width: 14.28%; font-weight: 700; padding-top: 3.33px; } .rangeMode .flatpickr-day { margin-top: .0625rem; } .flatpickr-weekwrapper { display: inline-block; float: left; } .flatpickr-weekwrapper .flatpickr-weeks { padding: .0625rem .75rem 0 .75rem; box-shadow: 1px 0 0 #e6e6e6; } .flatpickr-weekwrapper .flatpickr-weekday { float: none; width: 100%; } .flatpickr-weekwrapper span.flatpickr-day { display: block; width: 100%; max-width: none; } .flatpickr-innerContainer { display: block; display: flex; box-sizing: border-box; overflow: hidden; } .flatpickr-rContainer { display: inline-block; padding: 0; box-sizing: border-box; } .flatpickr-time { line-height: 2.5rem; max-height: 2.5rem; -webkit-transition: height .33s cubic-bezier(0,1,.5,1); transition: height .33s cubic-bezier(0,1,.5,1); display: block; display: flex; text-align: center; outline: 0; height: 0; box-sizing: border-box; overflow: hidden; } .flatpickr-time:after { content: ""; display: table; clear: both; } .flatpickr-time .numInputWrapper { height: 2.5rem; flex: 1; width: 40%; float: left; } .flatpickr-time .numInputWrapper span.arrowUp:after { border-bottom-color: #484848; } .flatpickr-time .numInputWrapper span.arrowDown:after { border-top-color: #484848; } .flatpickr-time.hasSeconds .numInputWrapper { width: 26%; } .flatpickr-time.time24hr .numInputWrapper { width: 49%; } .flatpickr-time input { font-size: .875rem; background: transparent; box-shadow: none; border: 0; border-radius: 0; margin: 0; padding: 0; height: inherit; line-height: inherit; cursor: pointer; color: #484848; position: relative; box-sizing: border-box; text-align: center; } .flatpickr-time input::-ms-clear,.flatpickr-time input::-ms-expand { display: none; } .flatpickr-time input.flatpickr-hour { font-weight: 700; } .flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second { font-weight: 400; } .flatpickr-time input:focus { outline: 0; border: 0; } .flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm { -webkit-user-select: none; user-select: none; height: inherit; display: inline-block; float: left; line-height: inherit; color: #484848; font-weight: 700; width: 2%; } .flatpickr-time .flatpickr-am-pm { outline: 0; width: 18%; cursor: pointer; text-align: center; font-weight: 400; } .flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time .flatpickr-am-pm:focus { background: #f0f0f0; } .hasWeeks .flatpickr-days,.hasTime .flatpickr-days { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .hasWeeks .flatpickr-days { border-left: 0; } @media all and (-ms-high-contrast: none) { .flatpickr-month svg { top: 0 !important; } } .flatpickr-input[readonly] { cursor: pointer; } .slideRight,.slideLeft { display: none; } @-moz-keyframes flatpickrFadeInDown { from { opacity: 0; transform: translate3d(0,-20px,0); } to { opacity: 1; transform: none; } } @-webkit-keyframes flatpickrFadeInDown { from { opacity: 0; transform: translate3d(0,-20px,0); } to { opacity: 1; transform: none; } } @-o-keyframes flatpickrFadeInDown { from { opacity: 0; transform: translate3d(0,-20px,0); } to { opacity: 1; transform: none; } } @keyframes flatpickrFadeInDown { from { opacity: 0; transform: translate3d(0,-20px,0); } to { opacity: 1; transform: none; } } .container--ajax-cart { top: 3.125rem; margin-right: .625rem; padding: .9375rem 0 0 0; position: absolute; text-align: left; right: 0; z-index: 3000; display: none; } .container--ajax-cart.off-canvas { width: 17.5rem; -webkit-transition: all .45s cubic-bezier(.3,0,.15,1); transition: all .45s cubic-bezier(.3,0,.15,1); margin-right: 0; display: block; height: 100%; left: auto; position: fixed; top: 0; padding: 0; background: #fff; z-index: 8000; } .container--ajax-cart.off-canvas .icon--loading-indicator { width: 2.375rem; height: 2.375rem; position: absolute; margin: auto; left: 0; right: 0; top: 0; bottom: 0; } .container--ajax-cart .icon--loading-indicator { width: 1.3125rem; height: 1.3125rem; padding: 1.25rem 0 1.25rem 0; margin: 0 auto; display: block; position: relative; box-sizing: content-box; } .container--ajax-cart .icon--loading-indicator:before { border-radius: 100%; background-clip: padding-box; -webkit-animation: keyframe--spin 1s linear infinite; animation: keyframe--spin 1s linear infinite; width: 100%; height: 100%; box-sizing: border-box; display: block; content: ""; border: 2px solid #CCC; border-top: 2px solid #333; } .container--ajax-cart .product--essential-features { margin-left: 3rem; } .ajax--cart { width: 28.125rem; border-radius: 3px; background-clip: padding-box; font-size: .875rem; border: 1px solid #b9b9ce; position: relative; background: #fff; } .ajax--cart:after,.ajax--cart:before { right: .625rem; bottom: 100%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; } .ajax--cart:after { right: .6875rem; border-width: .5625rem; border-bottom-color: #fff; } .ajax--cart:before { border-width: .625rem; border-bottom-color: #b9b9ce; } .ajax--cart .content--loader { width: 1.3125rem; height: 1.3125rem; padding: 1.25rem 0 1.25rem 0; box-sizing: content-box; margin: 0 auto; } .ajax--cart .item--container { padding: 0 .625rem 0 .625rem; max-height: 22.0625rem; overflow-y: auto; } .ajax--cart .alert { border-radius: 0; margin-bottom: .625rem; } .ajax--cart .alert .alert--icon,.ajax--cart .alert .icon--element { width: 15%; } .ajax--cart .alert .alert--icon .is--warning,.ajax--cart .alert .icon--element .is--warning { color: #F1C40F; background: #f9f3dd; } .ajax--cart .alert .alert--icon .is--success,.ajax--cart .alert .icon--element .is--success { color: #2ECC71; background: #def2e7; } .ajax--cart .alert .alert--content { width: 85%; } .ajax--cart .cart--item { padding: .625rem 0 .625rem 0; line-height: 2.375rem; border-bottom: 1px solid #b9b9ce; overflow: hidden; } .ajax--cart .cart--item:last-child { border: 0 none; } .ajax--cart .cart--item.is--empty { padding-bottom: 0; } .ajax--cart .cart--item .thumbnail--container { margin: 0 .625rem 0 0; width: 2.375rem; height: 2.375rem; border-radius: 3px; background-clip: padding-box; float: left; position: relative; } .ajax--cart .cart--item .thumbnail--container.has--image { border: 1px solid #b9b9ce; background: #FFF; } .ajax--cart .cart--item .thumbnail--container .cart--badge { border-top-left-radius: 3px; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 3px; background-clip: padding-box; width: .875rem; display: block; position: absolute; height: 100%; top: 0; left: 0; background: #131316; } .ajax--cart .cart--item .thumbnail--container .cart--badge .badge--free { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); font-size: .5rem; line-height: .75rem; width: 2.5rem; color: #fff; text-transform: uppercase; text-align: center; font-weight: 700; display: block; position: absolute; padding: 0; margin: 0; top: 0; bottom: 0; } .ajax--cart .cart--item .thumbnail--container .basket--badge { line-height: 2.3125rem; font-size: .75rem; border-radius: 100%; background-clip: padding-box; height: 2.1875rem; width: 2.1875rem; margin: 0 auto; text-align: center; font-weight: 700; background: #484848; color: #fff; } .ajax--cart .cart--item .thumbnail--container .basket--badge .icon--arrow-right { font-size: .625rem; } .ajax--cart .cart--item .thumbnail--container .basket--badge .icon--coupon { font-size: 1.25rem; line-height: 2.3125rem; } .ajax--cart .cart--item .thumbnail--image { margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .ajax--cart .cart--item .item--link { color: #484848; } .ajax--cart .cart--item .item--quantity { margin: 0 .3125rem 0 0; font-weight: 700; } .ajax--cart .cart--item .item--price { font-weight: 700; float: right; } .ajax--cart .cart--item .action--container { width: 1.3125rem; height: 1.3125rem; margin: .625rem 0 0 .625rem; line-height: 1; float: right; } .ajax--cart .cart--item .action--container .btn { height: 1.3125rem; width: 1.3125rem; padding: .25rem .3125rem .25rem .3125rem; font-size: .5rem; line-height: .875rem; } .ajax--cart .cart--item .action--container *[class*=icon--] { margin: 0; padding: 0; } .ajax--cart .prices--container { padding: .625rem .625rem .625rem .625rem; border-top: 1px solid #b9b9ce; } .ajax--cart .prices--container .prices--articles-amount { float: right; } .ajax--cart .prices--container .prices--articles { color: #222; font-weight: 700; } .ajax--cart .prices--container .prices--tax { font-size: 12px; font-size: .75rem; margin: 0; } .ajax--cart .button--container { padding: .625rem .625rem .625rem .625rem; overflow: hidden; } .ajax--cart .button--container *[class*=button--] { width: 13.125rem; border-radius: 3px; background-clip: padding-box; text-align: center; } .ajax--cart .button--container .button--checkout { float: right; } .ajax--cart .button--container .button--open-basket *[class^=icon--] { display: none; } .ajax--cart .small--information { font-size: .75rem; } .ajax--cart .small--information .small--prices { float: right; } .ajax--cart .context--shipping-costs { margin-left: .625rem; } .ajax--cart .table--shipping-costs-trigger { font-size: .75rem; margin-bottom: .3125rem; font-weight: 700; } .ajax--cart .table--shipping-costs-trigger-no-action { font-size: .75rem; margin-bottom: .3125rem; } .ajax--cart .table--shipping-costs { font-size: .75rem; } .ajax--cart .table--shipping-costs .select-field { max-height: 2.5rem; margin: .3125rem .625rem .3125rem 0; } .ajax--cart .table--shipping-costs label { font-size: .75rem; font-weight: 700; margin: .3125rem 6.25rem 0 0; float: left; } .off-canvas .ajax--cart { font-size: .875rem; background: #fff; width: auto; position: absolute; left: 0; right: 0; border: 0 none; min-height: 100%; } .off-canvas .ajax--cart .item--container { max-height: none; } .off-canvas .ajax--cart .cart--item { line-height: 1.1875rem; } .off-canvas .ajax--cart .cart--item .item--link { width: 9.3125rem; display: inline-block; } .off-canvas .ajax--cart .cart--item .item--price { float: none; display: block; } .off-canvas .ajax--cart .prices--container { background: #fff; border-bottom: 0 none; } .off-canvas .ajax--cart .action--container,.off-canvas .ajax--cart .action--container .action--remove { width: 2.375rem; height: 2.375rem; } .off-canvas .ajax--cart .action--container { margin: 0; } .off-canvas .ajax--cart .action--container .action--remove { font-size: .875rem; text-align: center; vertical-align: middle; } .off-canvas .ajax--cart .action--container .icon--loading-indicator { width: 1.3125rem; height: 1.3125rem; margin: .5625rem 0 0 0; position: relative; margin-left: auto; margin-right: auto; } .off-canvas .ajax--cart .action--container *[class*=icon--] { line-height: 1.75rem; margin: 0; padding: 0; } .off-canvas .ajax--cart .button--container { text-align: left; } .off-canvas .ajax--cart .button--container *[class*=button--] { margin: .625rem 0 0 0; width: 100%; } .off-canvas .ajax--cart .button--container .button--checkout { margin: 0; } .off-canvas .ajax--cart .button--container .button--open-basket { padding-right: 1.875rem; } .off-canvas .ajax--cart .button--container .button--open-basket *[class^=icon--] { display: block; right: .625rem; } .off-canvas .ajax--cart .product--essential-features { margin-top: .3125rem; } .product--essential-features { line-height: 1.125rem; font-size: .75rem; } @media screen and (min-width: 48em) { .container--ajax-cart.is--shown { display: block; } } @media screen and (min-width: 78.75em) { .container--ajax-cart { margin-right: 0; } } table { border-collapse: separate; border-spacing: 1px; } table th,table thead td { background: #484848; color: #FFF; font-weight: 700; text-align: center; } table td { padding: .3125rem .625rem .3125rem .625rem; background: #FFF; color: #484848; border: 1px solid #FFF; } table tr:nth-child(even) td { background: #f5f5f5; } .checkbox { width: 1rem; height: 1rem; padding: .0625rem .0625rem .0625rem .0625rem; line-height: 1rem; border-radius: 3px; background-clip: padding-box; display: inline-block; position: relative; vertical-align: middle; border: 1px solid #b9b9ce; cursor: pointer; } .checkbox .checkbox--state { border-radius: 3px; background-clip: padding-box; display: block; width: 100%; height: 100%; position: relative; z-index: 60; } .checkbox input[type=checkbox] { opacity: 0; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border: 0 none; background: none; cursor: pointer; z-index: 65; } .checkbox input[type=checkbox]:checked ~ .checkbox--state { background-color: #2d2d39; background-image: linear-gradient(to bottom,#2d2d39 0,#131316 100%); background-color: #131316; } .checkbox input[type=checkbox]:checked ~ .checkbox--state:before { width: .75rem; height: .75rem; line-height: .75rem; font-size: .4375rem; display: inline-block; font-family: 'remixicon'; font-weight: 400; text-align: center; vertical-align: top; color: #fff; content: "\eb7b"; } .checkbox input[type=checkbox]:disabled ~ .checkbox--state { background: #FFF; } .checkbox.is--active .checkbox--state,a:hover .checkbox .checkbox--state { background-color: #2d2d39; background-image: linear-gradient(to bottom,#2d2d39 0,#131316 100%); background-color: #131316; } .checkbox.is--active .checkbox--state:before,a:hover .checkbox .checkbox--state:before { width: .75rem; height: .75rem; line-height: .75rem; font-size: .4375rem; display: inline-block; font-family: 'remixicon'; font-weight: 400; text-align: center; vertical-align: top; color: #fff; content: "\eb7b"; } .js--off-canvas-button { padding: .625rem .625rem .625rem .625rem; margin-bottom: .625rem; border-radius: 3px; background-clip: padding-box; position: relative; border: 1px solid #b9b9ce; cursor: pointer; display: block; } .js--off-canvas-button .tab--header { margin-bottom: .625rem; position: relative; } .js--off-canvas-button .tab--title:after { font-size: .75rem; right: .3125rem; margin-top: -.375rem; content: "\ea6c"; } .js--off-canvas-button .tab--preview { display: block; } .js--off-canvas-button .tab--preview p:last-child { margin-bottom: 0; } .js--off-canvas-button .tab--content { cursor: default; } .js--off-canvas-button:hover .tab--title { color: #131316; } .js--tab-menu .tab--navigation { list-style: none; border-bottom: 1px solid #b9b9ce; } .js--tab-menu .tab--link { padding: .625rem .9375rem .625rem .9375rem; margin: 0 .3125rem .375rem 0; line-height: 1.5rem; font-size: .875rem; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; background-clip: padding-box; top: .0625rem; display: none; position: relative; text-align: center; color: #484848; text-transform: uppercase; white-space: nowrap; font-family: "nimbus-sans-extended",sans-serif; } .js--tab-menu .tab--link:hover { color: #131316; } .js--tab-menu .tab--link:focus { outline: none; } .js--tab-menu .tab--link.is--active { color: #222; border-bottom-color: #131316; font-weight: 700; } .js--tab-menu .tab--link.is--active:hover { color: #222; } .js--tab-menu .tab--link.has--content { display: inline-block; } .js--tab-menu.js--menu-scroller .tab--navigation { overflow: hidden; } .js--tab-menu.js--menu-scroller .tab--navigation .js--menu-scroller--item { top: 0; } .js--tab-menu.js--menu-scroller .js--menu-scroller--arrow { line-height: 2.875rem; height: 2.875rem; border-radius: 3px; background-clip: padding-box; } .js--tab-menu.js--menu-scroller .js--menu-scroller--arrow:hover { border-color: #131316; } .js--tab-menu .tab--container-list .tab--container { display: none; } .js--tab-menu .tab--container-list .tab--container.has--content.is--active { display: block; } .image--gallery .image-slider--container { bottom: 5.625rem; position: absolute; top: 0; left: 0; right: 0; height: auto; margin: 0; } .image--gallery.no--thumbnails .image-slider--container { bottom: 0; } .image--gallery .image-slider--item { display: inline-block; height: 100%; width: 100%; position: relative; text-align: center; cursor: default; } .image--gallery .image-slider--item .image--element { display: block; max-width: 100%; height: auto; width: auto; } .image--gallery .image-slider--item .image--media,.image--gallery .image-slider--item img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .image--gallery .image-slider--thumbnails { padding: .625rem 0 .625rem 0; height: 5.625rem; background: #fff; top: auto; bottom: 0; width: 100%; margin: 0; position: absolute; display: block; } .image--gallery .image-slider--thumbnails .thumbnails--arrow { top: .625rem; } .image--gallery .image-slider--thumbnails .thumbnails--arrow.is--left { border-left: 0 none; } .image--gallery .image-slider--thumbnails .thumbnails--arrow.is--right { border-right: 0 none; } .image--gallery .image-slider--thumbnails-slide { margin: 0 .625rem 0 .625rem; left: auto; top: auto; } .image--gallery .thumbnail--link { margin: 0 .625rem 0 0; display: inline-block; } .image--gallery .button--zoom-in,.image--gallery .button--zoom-out,.image--gallery .button--zoom-reset { top: .625rem; left: .625rem; font-size: 1.25rem; padding: .125rem .375rem .125rem .375rem; position: absolute; } .image--gallery .button--zoom-in:hover,.image--gallery .button--zoom-out:hover,.image--gallery .button--zoom-reset:hover { z-index: 1; } .image--gallery .button--zoom-out { border-top-left-radius: 3px; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 3px; background-clip: padding-box; } .image--gallery .button--zoom-reset { left: 2.6875rem; border-radius: 0; } .image--gallery .button--zoom-in { border-top-left-radius: 0; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 0; background-clip: padding-box; left: 4.75rem; } .image-gallery--modal .modal--close { top: .625rem; width: 2.125rem; height: 2.125rem; line-height: 2rem; } @media screen and (min-width: 78.75em) { .js--image-gallery { width: 80%; height: 80%; } } .product--quick-view { padding: 1.25rem 1.25rem 1.25rem 1.25rem; } .product--quick-view .quick-view--image { height: 12.5rem; border-radius: 3px; background-clip: padding-box; margin: 0 0 1.25rem 0; border: 1px solid #b9b9ce; width: 100%; display: block; position: relative; float: left; } .product--quick-view .quick-view--image img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .product--quick-view .quick-view--title { font-size: 1.125rem; color: #222; display: block; font-weight: 700; } .product--quick-view .quick-view--title:hover { color: #131316; } .product--quick-view .quick-view--supplier { font-size: .875rem; padding: .625rem 0 .3125rem 0; font-weight: 700; } .product--quick-view .quick-view--description-title { font-size: 1rem; padding-bottom: .3125rem; margin-top: .9375rem; color: #222; border-bottom: 1px solid #b9b9ce; font-weight: 700; clear: both; } .product--quick-view .quick-view--description { font-size: .875rem; padding-top: .625rem; color: #484848; } .product--quick-view .quick-view--description,.product--quick-view .quick-view--description > p { margin: 0; } @media screen and (min-width: 30em) { .product--quick-view { padding: 1.25rem 1.25rem 1.25rem 1.25rem; } .product--quick-view .quick-view--image { width: 50%; } .product--quick-view .quick-view--header { padding-left: 1.25rem; width: 50%; float: right; } .product--quick-view .quick-view--description-title { margin-top: 0; } } .c-firstname-confirmation { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; } * { box-sizing: border-box; } * { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } *:focus { outline: none !important; box-shadow: none; } html { width: 100%; height: 100%; } html.no--scroll { position: relative; overflow: hidden; } html.no--scroll body { overflow: hidden; } body { font-size: .875rem; font-family: "nimbus-sans",sans-serif; font-weight: 400; color: #484848; background: #FFF; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } img { display: block; max-width: 100%; max-height: 100%; height: auto; } a { color: #131316; text-decoration: none; } ul { margin: 0; padding: 0; } .product--rating i[class^=icon] { color: #F1C40F; } .product--rating i.icon--star-empty { color: #b9b9ce; } h1,h2,h3,h4,h5,h6 { line-height: 1.625rem; margin: 1.75rem 0 .625rem 0; font-family: "nimbus-sans-extended",sans-serif; font-weight: 700; color: #222; } h1 { font-size: 1.625rem; line-height: 1.75rem; margin: 2.125rem 0 1.25rem 0; color: #222; } h2 { font-size: 1.3125rem; } h3 { font-size: 1.125rem; } h4 { font-size: 1rem; } h5 { font-size: .875rem; } h6 { font-size: .75rem; } p { font-size: .875rem; line-height: 1.5rem; margin: 0 0 1.25rem 0; } blockquote { padding: .625rem .625rem .625rem .625rem; border-radius: 3px; background-clip: padding-box; box-shadow: inset 0 0 3px 0 rgba(0,0,0,.2); background: #F5F5F8; text-align: left; margin: 0; } .ajax-loader { display: none; } .is--rounded,.advanced-menu,.listing--wrapper .listing--container .listing .product--box .box--content,.product-slider .box--content,.detail-error--listing .product--box .box--content { border-radius: 10px; background-clip: padding-box; } .is--block { display: block !important; } .is--inline { display: inline !important; } .is--inline-block { display: inline-block !important; } .is--hidden { display: none !important; } .is--invisible { visibility: hidden !important; } .is--align-left { text-align: left !important; } .is--align-right { text-align: right !important; } .is--align-center { text-align: center !important; } .is--underline { text-decoration: underline !important; } .is--line-through { text-decoration: line-through !important; } .is--uppercase { text-transform: uppercase !important; } .is--strong { font-weight: 700 !important; } .is--bold,.product--description-headline,.outline { font-weight: 700 !important; } .is--italic { font-style: italic; } .is--nowrap { white-space: nowrap !important; } .is--dark { color: #222 !important; } .is--light { color: #7d7da4 !important; } .is--soft { color: #b9b9ce !important; } .is--fluid { width: 100% !important; } .left { float: left; } .right { float: right; } ::-moz-placeholder { color: #6e6e6e; } ::-webkit-input-placeholder { color: #6e6e6e; } :-ms-input-placeholder { color: #6e6e6e; } .page-wrap { min-width: 20rem; } .content-main:after,.content--wrapper:after { content: ""; display: table; clear: both; } .content-main--inner { padding: 0 .625rem 1rem .625rem; } .content-main--inner:after { content: ""; display: table; clear: both; } .content { width: 100%; float: left; } @media screen and (min-width: 48em) { .content-main:not(.is--small) { min-height: 46.875rem; } .content-main--inner { width: 100%; } } @media screen and (min-width: 78.75em) { .content-main { margin-bottom: 2.8125rem; } .content-main:not(.is--small) { min-height: 43.75rem; } } .header-main { background: #FFF; } .header-main .top-bar { display: none; } .header-main .logo-main .logo--link { height: 2.1875rem; display: inline-block; max-width: 100%; } .header-main .logo-main .logo--shop { height: 2.1875rem; width: 100px; margin: 0 auto; } .header-main .logo-main .logo--supportinfo { display: none; } .header-main .header--navigation { position: relative; display: flex; background-color: transparent; } .is--ctl-checkout.is--minimal-header .header-main,.is--ctl-register.is--minimal-header .header-main,.is--ctl-register.is--minimal-header.is--target-checkout .header-main { border-bottom: 1px solid #131316; } .is--ctl-checkout.is--minimal-header .header-main .logo--shop,.is--ctl-register.is--minimal-header .header-main .logo--shop,.is--ctl-register.is--minimal-header.is--target-checkout .header-main .logo--shop { width: 100px; margin: 0 auto; } .is--ctl-checkout.is--minimal-header .header-main .logo--link,.is--ctl-register.is--minimal-header .header-main .logo--link,.is--ctl-register.is--minimal-header.is--target-checkout .header-main .logo--link { margin-top: .625rem; } .is--ctl-checkout.is--minimal-header .header-main .logo--supportinfo,.is--ctl-register.is--minimal-header .header-main .logo--supportinfo,.is--ctl-register.is--minimal-header.is--target-checkout .header-main .logo--supportinfo { display: none; } .is--ctl-checkout.is--minimal-header .header-main .btn--back-top-shop,.is--ctl-register.is--minimal-header .header-main .btn--back-top-shop,.is--ctl-register.is--minimal-header.is--target-checkout .header-main .btn--back-top-shop { margin-top: .625rem; width: 40%; float: right; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .shop--navigation { position: relative; } .shop--navigation .navigation--list { width: 100%; text-align: right; } .shop--navigation .navigation--entry { margin-right: .3125rem; display: inline-block; } .shop--navigation .navigation--entry .btn { height: 2.5rem; width: 2.5rem; vertical-align: middle; } .shop--navigation .navigation--entry .cart--link { padding: .125rem .625rem .125rem .375rem; } .shop--navigation .navigation--entry .account--link { padding: .125rem .625rem .125rem .5rem; } .shop--navigation .navigation--entry .account--link.account--user-loggedin:after { width: 1rem; height: 1rem; top: -.3125rem; right: -.3125rem; line-height: 1.125rem; font-size: .5rem; border-radius: 50%; background-clip: padding-box; content: "\eb7b"; display: inline-block; position: absolute; background: #2ECC71; font-family: 'remixicon'; color: #fff; } .shop--navigation .navigation--entry .icon--basket,.shop--navigation .navigation--entry .icon--account { font-size: 1.3125rem; display: inline; position: relative; vertical-align: middle; top: 0; left: 0; } .shop--navigation .navigation--entry .icon--heart { font-size: 1.125rem; vertical-align: middle; } .shop--navigation .navigation--entry .icon--search { font-size: 1.375rem; vertical-align: middle; } .shop--navigation .cart--quantity,.shop--navigation .notes--quantity { top: -.625rem; left: .9375rem; position: absolute; margin: 0; } .shop--navigation .entry--link { text-align: center; text-decoration: none; } .shop--navigation .main-search--form,.shop--navigation .account--display,.shop--navigation .cart--display,.shop--navigation .cart--amount,.shop--navigation .search--display { display: none; } .shop--navigation .entry--search .is--active.btn { background: #FFF; color: #131316; border-color: #131316; } .shop--navigation .entry--account { position: relative; } .shop--navigation .entry--cart { margin-right: .75rem; position: relative; } .shop--navigation .entry--menu-left { -webkit-tap-highlight-color: rgba(0,0,0,0); } .shop--navigation .entry--menu-left .btn { padding-left: 3rem; line-height: 2.1875rem; font-size: 1.0625rem; height: 2.5rem; color: #484848; width: auto; background: 0 none; border: 0 none; } .shop--navigation .entry--menu-left .icon--menu { font-size: 1.25rem; } .main-search--form { padding: .625rem .625rem .625rem .625rem; width: 100%; left: 0; top: 0; position: absolute; z-index: 3000; } .main-search--form .main-search--field { padding: .5625rem 2.375rem .5625rem .5625rem; height: 2.5rem; background: #fff; vertical-align: middle; width: 100%; position: relative; } .main-search--form .main-search--button { -webkit-appearance: none; -moz-appearance: none; appearance: none; top: .625rem; bottom: .625rem; right: .625rem; font-size: 1.25rem; padding: 0 .625rem 0 .625rem; line-height: 1; position: absolute; z-index: 2; border: 0 none; background: transparent; color: #484848; outline: none; } .main-search--form .main-search--text { display: none; } .account--menu.is--personalized .navigation--logout-personalized { display: inline-block; } .account--menu.is--personalized .navigation--logout { display: block; } .account--menu.is--personalized .navigation--link.navigation--personalized { padding-top: .5625rem; padding-left: 1.4375rem; padding-bottom: .5625rem; line-height: 1.25rem; position: relative; color: #484848; font-weight: 400; } .account--menu.is--personalized .navigation--link.navigation--personalized:before,.account--menu.is--personalized .navigation--link.navigation--personalized::before { width: 1rem; height: 1rem; left: .125rem; content: "\e614"; font-family: 'remixicon'; position: absolute; } .account--menu.is--personalized .navigation--link.navigation--personalized [class^=icon--] { margin: 0 .3125rem 0 0; display: inline-block; } .account--menu.is--personalized .navigation--link.navigation--personalized .icon--logout { position: relative; top: .625rem; } .account--menu.is--personalized .navigation--link.navigation--personalized:hover { color: #131316; } .off-canvas .account--menu.is--personalized .navigation--signin { border-bottom: none; } .account--dropdown-navigation { display: none; text-align: left; } .account--dropdown-navigation .navigation--logout-personalized { display: inline-block; } .account--dropdown-navigation .navigation--logout { display: block; } .account--dropdown-navigation .navigation--signin { padding-top: .9375rem; padding-bottom: .9375rem; margin-top: .4375rem; border-bottom: 1px solid #b9b9ce; display: block; text-align: center; } .account--dropdown-navigation .navigation--signin .navigation--signin-btn.btn { margin-bottom: .3125rem; width: 95%; text-align: center; } .account--dropdown-navigation .navigation--register { font-size: .8125rem; } .account--dropdown-navigation .navigation--link.link--logout.navigation--personalized { line-height: 1.25rem; padding-left: 2.0625rem; color: #484848; font-weight: 400; } .account--dropdown-navigation .navigation--link.link--logout.navigation--personalized:before,.account--dropdown-navigation .navigation--link.link--logout.navigation--personalized::before { left: .625rem; } .account--dropdown-navigation .navigation--link.link--logout.navigation--personalized:hover { color: #131316; } .account--dropdown-navigation.off-canvas { background: #F5F5F8; } .account--dropdown-navigation.off-canvas .account--menu,.account--dropdown-navigation.off-canvas .sidebar--navigation { text-align: left; } .account--dropdown-navigation.off-canvas .account--menu .navigation--entry,.account--dropdown-navigation.off-canvas .sidebar--navigation .navigation--entry { display: block; margin: 0; } .account--dropdown-navigation.off-canvas .account--menu .navigation--entry .navigation--link.link--logout.navigation--personalized,.account--dropdown-navigation.off-canvas .sidebar--navigation .navigation--entry .navigation--link.link--logout.navigation--personalized { padding-top: .5625rem; padding-bottom: .5625rem; } .account--dropdown-navigation.off-canvas .account--menu .navigation--entry .navigation--link.link--logout.navigation--personalized [class^=icon--],.account--dropdown-navigation.off-canvas .sidebar--navigation .navigation--entry .navigation--link.link--logout.navigation--personalized [class^=icon--] { margin: 0 .3125rem 0 0; display: inline-block; } .account--dropdown-navigation.off-canvas .account--close-off-canvas { color: #fff; font-weight: 700; } .has--csstransforms .entry--search .entry--trigger.is--active::after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); width: .9375rem; height: .9375rem; margin-top: .5rem; margin-left: .0625rem; background: #efeff4; content: ''; display: block; } .entry--search.is--active .main-search--form { top: 3.125rem; background: #efeff4; left: 0; display: block; position: absolute; } .header-main.is--active-searchfield { padding-bottom: 4.375rem; } .has--cssanimations .form--ajax-loader { top: 1.25rem; right: 3.4375rem; position: absolute; display: none; } .has--cssanimations .form--ajax-loader::before { width: 1rem; height: 1rem; border-radius: 100%; background-clip: padding-box; -webkit-animation: keyframe--spin 1s linear infinite; animation: keyframe--spin 1s linear infinite; border: 2px solid #b9b9ce; border-top: 2px solid #383850; display: block; content: ""; } .has--no-cssanimations .form--ajax-loader { top: 1.5rem; right: 3.4375rem; width: 1rem; height: 1rem; position: absolute; display: none; background-image: url(../../img/icons/img/icons/loading-indicator.gif) ');
}
.main-search--results {
  top: 6.875rem;
  position: absolute;
  width: 100%;
  left: 0;
  text-align: left;
  z-index: 3500;
  display: none;
}
.main-search--results:after {
  content: "";
  display: table;
  clear: both;
}
.results--list {
  padding: 0.625rem 0.625rem 0.625rem 0.625rem;
  box-shadow: 0 10px 25px -15px #000;
  border-top: 1px solid #b9b9ce;
  border-bottom: 1px solid #b9b9ce;
  background: #fff;
  touch-action: manipulation;
  -ms-touch-action: manipulation;
}
.results--list::after {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  width: 0.75rem;
  height: 0.75rem;
  top: -0.375rem;
  content: '';
  display: block;
  position: absolute;
  background: #fff;
  left: 48%;
  border: 1px solid #b9b9ce;
  border-top: 0 none;
  border-right: 0 none;
}
.results--list .list--entry,
.results--list .entry--all-results {
  display: block;
}
.results--list .entry--all-results.is--active {
  font-weight: 700;
}
.results--list .entry--all-results.is--active .entry--all-results-number {
  font-weight: 700;
}
.results--list .list--entry {
  line-height: 1.875rem;
  border-bottom: 1px solid #b9b9ce;
}
.results--list .list--entry:last-child {
  border: 0 none;
}
.results--list .entry--no-results {
  width: 100%;
  text-align: center;
  list-style: none;
  font-weight: 400;
}
.results--list .is--active,
.results--list .list--entry:hover {
  color: #131316;
}
.results--list .is--active .entry--name,
.results--list .list--entry:hover .entry--name,
.results--list .is--active .entry--price,
.results--list .list--entry:hover .entry--price {
  color: #131316;
}
.results--list .search-result--link {
  padding: 0.375rem 0rem 0.375rem 0rem;
  display: block;
}
.results--list .search-result--link:after {
  content: "";
  display: table;
  clear: both;
}
.results--list .entry--name,
.results--list .entry--all-results-link,
.results--list .entry--all-results-number {
  height: 1.875rem;
  line-height: 1.875rem;
  display: block;
}
.results--list .price--unit {
  font-size: 0.6875rem;
  line-height: 1.125rem;
  float: right;
}
.results--list .entry--media {
  height: 1.875rem;
  width: 10%;
  min-width: 10%;
  position: relative;
  text-align: center;
}
.results--list .entry--media .media--image {
  display: inline-block;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.results--list .entry--name {
  padding-left: 0.625rem;
  width: 60%;
  color: #484848;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.results--list .entry--price,
.results--list .entry--all-results-number {
  width: 30%;
  text-align: right;
  color: #484848;
  white-space: nowrap;
}
.results--list .entry--all-results {
  padding: 0.375rem 0.3125rem 0.375rem 0.3125rem;
  font-weight: 400;
}
.results--list .entry--all-results-link {
  width: 70%;
  padding: 0;
}
.results--list .entry--all-results-link .icon--arrow-right {
  top: -0.0625rem;
  margin: 0rem 0.5rem 0rem 0rem;
  position: relative;
}
.results--list .entry--all-results-number {
  font-weight: 400;
  color: #131316;
}
.off-canvas .mobile--switches .navigation--entry {
  padding: 0;
  border: none;
  background: none;
}
@media screen and (min-width: 30em) {
  .is--ctl-checkout.is--minimal-header .header-main .btn--back-top-shop,
  .is--ctl-register.is--minimal-header .header-main .btn--back-top-shop,
  .is--ctl-register.is--minimal-header.is--target-checkout .header-main .btn--back-top-shop {
    width: auto;
    padding: 0px;
  }
  .entry--search {
    display: inline-block;
    position: absolute;
    left: 26%;
    width: 40%;
  }
  .entry--search.is--active .main-search--form {
    top: 0;
    display: inline-block;
  }
  .entry--search .entry--trigger {
    display: none;
  }
  .entry--search .main-search--form {
    box-shadow: 0 0 0 transparent;
    border-bottom: 0 none;
    padding: 0;
    display: inline-block;
    position: relative;
  }
  .entry--search .main-search--form .main-search--field {
    background: #f8f8fa;
  }
  .entry--search .main-search--form .main-search--field:focus {
    background: #fff;
  }
  .entry--search .main-search--form .main-search--button {
    top: 0rem;
    bottom: 0rem;
    right: 0rem;
    padding: 0rem 0.625rem 0rem 0.625rem;
    height: 2.5rem;
  }
  .main-search--results {
    top: 3.125rem;
  }
  .main-search--results:after {
    content: "";
    display: table;
    clear: both;
  }
  .results--list {
    border-radius: 3px;
    background-clip: padding-box;
    border: 1px solid #b9b9ce;
    background: #fff;
  }
  .header-main.is--active-searchfield {
    padding-bottom: 0.625rem;
  }
  .has--cssanimations .form--ajax-loader {
    top: 0.625rem;
    right: 2.8125rem;
    position: absolute;
  }
  .has--no-cssanimations .form--ajax-loader {
    top: 0.875rem;
    right: 2.8125rem;
    position: absolute;
  }
}
@media screen and (min-width: 48em) {
  .header-main.is--active-searchfield {
    padding-bottom: 0;
  }
  .header-main {
    padding: 0px;
    border-bottom: 0 none;
  }
  .header-main .container:after {
    content: "";
    display: table;
    clear: both;
  }
  .header-main .top-bar {
    padding: 0.25rem 0rem 0.25rem 0rem;
    display: block;
  }
  .header-main .top-bar--navigation {
    width: 100%;
    float: right;
  }
  .header-main .top-bar--navigation .navigation--entry {
    padding: 0rem 0.9375rem 0rem 0.9375rem;
    line-height: 1.5625rem;
    float: left;
    display: block;
  }
  .header-main .top-bar--navigation .navigation--entry li {
    line-height: normal;
  }
  .header-main .top-bar--navigation .navigation--entry,
  .header-main .top-bar--navigation .navigation--link {
    color: #484848;
    cursor: pointer;
  }
  .header-main .top-bar--navigation .navigation--entry:hover,
  .header-main .top-bar--navigation .navigation--link:hover {
    color: #131316;
  }
  .header-main .top-bar--navigation .field--select,
  .header-main .top-bar--navigation .navigation--entry {
    height: 1.5625rem;
  }
  .header-main .top-bar--navigation .field--select {
    position: relative;
  }
  .header-main .top-bar--navigation .select-field {
    height: 1.5625rem;
  }
  .header-main .top-bar--navigation .select-field select {
    border-radius: 0;
    padding: 0rem 1.125rem 0rem 0rem;
    line-height: 1.5625rem;
    background: none;
    border: 0 none;
  }
  .header-main .top-bar--navigation .select-field:after {
    height: 1.5625rem;
    line-height: 1.5rem;
    width: auto;
    border: 0 none;
  }
  .header-main .top-bar--navigation .top-bar--language .select-field {
    width: 2rem;
  }
  .header-main .top-bar--navigation .top-bar--language .select-field select {
    text-indent: -9999px;
  }
  .header-main .top-bar--navigation .top-bar--language .language--flag {
    margin-top: -0.375rem;
    position: absolute;
    z-index: 900;
    top: 50%;
    left: 0;
    pointer-events: none;
  }
  .header-main .top-bar--navigation .entry--service {
    position: relative;
  }
  .header-main .top-bar--navigation .entry--service:after,
  .header-main .top-bar--navigation .entry--service::after {
    top: -0.1875rem;
    margin-left: 0.3125rem;
    content: "\ea4c";
    font-family: 'remixicon';
    position: relative;
  }
  .header-main .top-bar--navigation .entry--service.js--is--dropdown-active {
    color: #131316;
  }
  .header-main .top-bar--navigation .service--list {
    min-width: 9.375rem;
    padding: 0.3125rem 0rem 0.3125rem 0rem;
    top: 2rem;
    right: 0.75rem;
    text-align: left;
    position: absolute;
    display: none;
    list-style: none;
    background: #fff;
    z-index: 3500;
    border: 1px solid #b9b9ce;
  }
  .header-main .top-bar--navigation .service--list::after {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    width: 0.5rem;
    height: 0.5rem;
    top: -0.3125rem;
    right: 1.125rem;
    content: '';
    display: block;
    position: absolute;
    background: #fff;
    border-color: #b9b9ce;
    border-width: 0 0 1px 1px;
    border-style: solid;
  }
  .header-main .top-bar--navigation .service--list .service--link {
    padding: 0.3125rem 0.625rem 0.3125rem 0.625rem;
    display: block;
    color: #484848;
  }
  .header-main .top-bar--navigation .service--list .service--link:hover {
    color: #131316;
  }
  .header-main .top-bar--navigation .js--is--dropdown-active .service--list {
    display: block;
  }
  .header-main .logo-main .logo--link {
    height: 3.125rem;
  }
  .header-main .logo-main .logo--shop {
    height: 3.125rem;
    width: 120px;
    margin: 0 auto;
  }
  .is--ctl-checkout.is--minimal-header .header-main,
  .is--ctl-register.is--minimal-header .header-main,
  .is--ctl-register.is--minimal-header.is--target-checkout .header-main {
    box-shadow: 0 1px 2px 0 #b9b9ce;
  }
  .is--ctl-checkout.is--minimal-header .header-main .logo-main,
  .is--ctl-register.is--minimal-header .header-main .logo-main,
  .is--ctl-register.is--minimal-header.is--target-checkout .header-main .logo-main {
    padding-right: 0.625rem;
  }
  .is--ctl-checkout.is--minimal-header .header-main .logo--shop,
  .is--ctl-register.is--minimal-header .header-main .logo--shop,
  .is--ctl-register.is--minimal-header.is--target-checkout .header-main .logo--shop {
    width: 120px;
    margin: 0 auto;
  }
  .is--ctl-checkout.is--minimal-header .header-main .logo--link,
  .is--ctl-register.is--minimal-header .header-main .logo--link,
  .is--ctl-register.is--minimal-header.is--target-checkout .header-main .logo--link {
    margin-top: 0;
    width: 80%;
  }
  .is--ctl-checkout.is--minimal-header .header-main .logo--supportinfo,
  .is--ctl-register.is--minimal-header .header-main .logo--supportinfo,
  .is--ctl-register.is--minimal-header.is--target-checkout .header-main .logo--supportinfo {
    padding: 0.3125rem 0rem 0.3125rem 0rem;
    display: block;
    width: 35%;
  }
  .shop--navigation .navigation--list {
    background-image: none;
    text-align: right;
  }
  .shop--navigation .navigation--entry {
    border-radius: 3px;
    background-clip: padding-box;
    border: 0 none;
    width: auto;
    float: none;
    display: inline-block;
  }
  .shop--navigation .entry--cart .entry--link {
    padding: 0;
    display: inline-block;
  }
  .shop--navigation .entry--link {
    font-weight: 400;
  }
  .shop--navigation .entry--menu-left {
    display: none;
  }
  .shop--navigation .cart--quantity,
  .shop--navigation .search--display,
  .shop--navigation .entry--account {
    display: inline-block;
  }
  .shop--navigation .entry--search {
    font-size: 0.875rem;
    position: absolute;
    left: 3%;
    margin-right: 10%;
    background: #fff;
    padding: 0;
    border: 0 none;
    width: 50%;
  }
  .shop--navigation .entry--search .entry--trigger {
    display: none;
  }
  .shop--navigation .main-search--form {
    box-shadow: 0 0 0 transparent;
    display: block;
    padding: 0;
    border: 0 none;
  }
  .main-search--form {
    left: auto;
  }
  .account--dropdown-navigation {
    min-width: 12.5rem;
    max-width: 15.625rem;
    padding: 0.3125rem 0rem 0.3125rem 0rem;
    top: 2.8125rem;
    display: none;
    position: absolute;
    right: 0;
    z-index: 3500;
    text-align: left;
  }
  .js--is--dropdown-active .account--dropdown-navigation {
    display: block;
  }
  .account--dropdown-navigation .navigation--signin {
    padding-bottom: 0.375rem;
    margin-bottom: 0.375rem;
    margin-top: 0.3125rem;
    padding-top: 0;
  }
  .account--dropdown-navigation .navigation--signin .navigation--signin-btn.btn {
    width: auto;
    margin-bottom: 0;
  }
  .account--dropdown-navigation .navigation--smartphone {
    display: none;
  }
  .account--dropdown-navigation .account--menu {
    text-align: left;
    background: #fff;
  }
  .account--dropdown-navigation .account--menu::after {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    width: 0.5rem;
    height: 0.5rem;
    right: 1.125rem;
    content: '';
    display: block;
    position: absolute;
    background: #fff;
    border-color: #b9b9ce;
    border-width: 0 0 1px 1px;
    border-style: solid;
    top: 0;
  }
  .account--dropdown-navigation .account--menu .sidebar--navigation {
    text-align: left;
  }
  .account--dropdown-navigation .account--menu .sidebar--navigation .navigation--entry {
    display: block;
  }
  .account--dropdown-navigation .account--menu .sidebar--navigation .navigation--link {
    padding: 0.1875rem 0rem 0.1875rem 0rem;
  }
  .account--dropdown-navigation .account--menu .sidebar--navigation .link--logout {
    padding: 0.625rem 0rem 0rem 1.4375rem;
  }
  .account--dropdown-navigation .account--menu .sidebar--navigation .link--logout:before {
    left: 0.125rem;
  }
  .account--dropdown-navigation .account--menu .sidebar--navigation .link--abort {
    padding-top: 0rem;
    margin-top: 0rem;
    border-top: 0 none;
    white-space: nowrap;
  }
  .main-search--results {
    top: 3.4375rem;
  }
  .main-search--results:after {
    content: "";
    display: table;
    clear: both;
  }
}
@media screen and (min-width: 64em) {
  .is--ctl-checkout.is--minimal-header .header-main,
  .is--ctl-register.is--minimal-header .header-main,
  .is--ctl-register.is--minimal-header.is--target-checkout .header-main {
    box-shadow: 0 1px 2px 0 #b9b9ce;
  }
  .is--ctl-checkout.is--minimal-header .header-main .logo--shop,
  .is--ctl-register.is--minimal-header .header-main .logo--shop,
  .is--ctl-register.is--minimal-header.is--target-checkout .header-main .logo--shop {
    width: 120px;
    margin: 0 auto;
  }
  .is--ctl-checkout.is--minimal-header .header-main .logo--supportinfo,
  .is--ctl-register.is--minimal-header .header-main .logo--supportinfo,
  .is--ctl-register.is--minimal-header.is--target-checkout .header-main .logo--supportinfo {
    width: 35%;
  }
  .is--ctl-checkout.is--minimal-header .header-main .btn--back-top-shop,
  .is--ctl-register.is--minimal-header .header-main .btn--back-top-shop,
  .is--ctl-register.is--minimal-header.is--target-checkout .header-main .btn--back-top-shop {
    display: inline-block;
    float: right;
  }
  .navigation--list .navigation--entry .btn {
    width: auto;
  }
  .navigation--list .entry--cart .cart--link {
    padding-left: 3.125rem;
  }
  .navigation--list .entry--cart .cart--link .cart--quantity {
    display: inline-block;
  }
  .navigation--list .entry--cart .cart--link .cart--amount {
    display: inline-block;
    color: #131316;
    font-weight: 700;
  }
  .navigation--list .entry--cart .icon--basket {
    left: 0.5rem;
    display: block;
    position: absolute;
    top: 50%;
  }
  .navigation--list .entry--account .account--link {
    padding-left: 2.25rem;
  }
  .navigation--list .entry--account .account--link.account--user-loggedin:after {
    content: none;
    display: none;
  }
  .navigation--list .entry--account .icon--account {
    left: 0.5rem;
    display: block;
    position: absolute;
    top: 50%;
  }
  .navigation--list .account--display {
    display: inline-block;
  }
  .navigation--list .account--display.navigation--personalized {
    line-height: 1rem;
    font-size: 0.75rem;
    max-width: 5.625rem;
    margin-top: 0.125rem;
    text-align: left;
  }
  .navigation--list .account--display.navigation--personalized .account--display-greeting {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-weight: 700;
  }
}
@media screen and (min-width: 78.75em) {
  .header-main .top-bar {
    margin-bottom: 0.125rem;
  }
  .header-main .logo--shop {
    width: 120px;
    margin: 0 auto;
  }
  .is--ctl-checkout.is--minimal-header .header-main,
  .is--ctl-register.is--minimal-header .header-main,
  .is--ctl-register.is--minimal-header.is--target-checkout .header-main {
    box-shadow: 0 1px 2px 0 #b9b9ce;
  }
  .is--ctl-checkout.is--minimal-header .header-main .logo-main,
  .is--ctl-register.is--minimal-header .header-main .logo-main,
  .is--ctl-register.is--minimal-header.is--target-checkout .header-main .logo-main {
    padding-right: 0;
  }
  .is--ctl-checkout.is--minimal-header .header-main .logo--shop,
  .is--ctl-register.is--minimal-header .header-main .logo--shop,
  .is--ctl-register.is--minimal-header.is--target-checkout .header-main .logo--shop {
    width: 120px;
    margin: 0 auto;
  }
  .is--ctl-checkout.is--minimal-header .header-main .logo--supportinfo,
  .is--ctl-register.is--minimal-header .header-main .logo--supportinfo,
  .is--ctl-register.is--minimal-header.is--target-checkout .header-main .logo--supportinfo {
    width: 35%;
  }
  .is--ctl-checkout.is--minimal-header .header-main .btn--back-top-shop,
  .is--ctl-register.is--minimal-header .header-main .btn--back-top-shop,
  .is--ctl-register.is--minimal-header.is--target-checkout .header-main .btn--back-top-shop {
    display: inline-block;
    float: right;
  }
  .shop--navigation .navigation--link {
    padding: 0.5rem 1rem 1rem 1rem;
  }
  .shop--navigation .entry--link {
    font-size: 0.875rem;
  }
  .shop--navigation .entry--trigger {
    margin-right: 0.875rem;
  }
  .shop--navigation .entry--search {
    width: 40%;
  }
  .shop--navigation .entry--cart {
    margin-right: 0;
  }
  .account--menu.is--personalized .navigation--link.navigation--personalized {
    padding-bottom: 0;
  }
  .header-main .top-bar--navigation .service--list {
    right: 0;
  }
  .header-main .top-bar--navigation .navigation--entry:last-child {
    padding-right: 0;
  }
  .cart--display {
    margin: 0rem 1.5625rem 0rem 0.3125rem;
    font-weight: 700;
    color: #484848;
  }
}
/*
Main navigation
==========================================
Contains the styles of the main navigation of the Shopware storefront.

The main navigation is positioned above the content section.

It contains the viewport specific styles inside media queries.
*/
.navigation-main {
  background: #fff;
  display: none;
}
@media screen and (min-width: 64em) {
  .navigation-main {
    display: block;
    position: relative;
  }
  .navigation-main .navigation--list {
    padding: 0rem 0.625rem 0rem 0.625rem;
    margin: 0;
    position: relative;
    white-space: nowrap;
  }
  .navigation-main .navigation--list:after {
    content: "";
    display: table;
    clear: both;
  }
  .navigation-main .navigation--entry {
    display: inline-block;
    -ms-touch-action: none;
  }
  .navigation-main .navigation--link {
    -webkit-transition: none;
    transition: none;
    padding: 0.5rem 0.875rem 0.5rem 0.875rem;
    font-size: 0.875rem;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    background-clip: padding-box;
    margin: 0;
    display: block;
    cursor: pointer;
    color: #484848;
  }
  .navigation-main .navigation--link:hover {
    color: #131316;
  }
  .navigation-main .is--active .navigation--link {
    font-weight: 700;
  }
}
@media screen and (min-width: 64em) {
  .navigation-main .navigation--list {
    padding: 0;
  }
}
/*
Breadcrumb
=================================
Defines the styling for the content breadcrumb elements that display the page location.

Every breadcrumb entry is followed by a breadcrumb separator list-entry with an arrow icon.

The main breadcrumb is positioned below the main navigation bar.

```
<nav class="content--breadcrumb">
    <ul class="breadcrumb--list" role="menu">
        <li class="breadcrumb--entry" role="menuitem" itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb">
            <a class="breadcrumb--link" href="" itemprop="url">
                <span class="breadcrumb--title" itemprop="title">
                     Breadcrumb entry 1
                </span>
            </a>
        </li>

        <li class="breadcrumb--separator">
            <i class="icon--arrow-right"></i>
        </li>

        <li class="breadcrumb--entry" role="menuitem" itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb">
            <a class="breadcrumb--link" href="" itemprop="url">
                <span class="breadcrumb--title" itemprop="title">
                     Breadcrumb entry 2
                </span>
            </a>
        </li>
    </ul>
</nav>
```
*/
.content--breadcrumb {
  font-size: 0.875rem;
  display: block;
  float: none;
  border-bottom: 1px solid #b9b9ce;
}
.content--breadcrumb:after {
  content: "";
  display: table;
  clear: both;
}
.content--breadcrumb .breadcrumb--list {
  overflow: hidden;
}
.content--breadcrumb .breadcrumb--entry,
.content--breadcrumb .breadcrumb--separator {
  display: none;
  float: left;
  list-style: none;
  white-space: nowrap;
  overflow: hidden;
}
.content--breadcrumb .breadcrumb--entry:last-child,
.content--breadcrumb .breadcrumb--separator:last-child {
  display: list-item;
}
.content--breadcrumb .breadcrumb--link,
.content--breadcrumb .breadcrumb--separator {
  line-height: 1.5rem;
  padding: 0.625rem 0.625rem 0.625rem 0.625rem;
}
.content--breadcrumb .breadcrumb--separator {
  font-size: 0.5625rem;
}
.content--breadcrumb .breadcrumb--link {
  display: block;
  color: #484848;
}
.content--breadcrumb .breadcrumb--link:hover {
  color: #131316;
}
.content--breadcrumb .is--active .breadcrumb--link {
  font-weight: 500;
}
.content--breadcrumb .breadcrumb--button {
  padding: 0.625rem 0rem 0.625rem 0.625rem;
  display: inline-block;
  float: left;
  list-style: none;
}
.content--breadcrumb .breadcrumb--button .breadcrumb--title {
  padding-right: 1.25rem;
  border-right: 1px solid #b9b9ce;
}
.content--breadcrumb .breadcrumb--button .icon--arrow-left {
  font-size: 0.5625rem;
  margin-right: 0.625rem;
}
@media screen and (min-width: 48em) {
  .content--breadcrumb .breadcrumb--list {
    padding-left: 0;
  }
  .content--breadcrumb .breadcrumb--entry,
  .content--breadcrumb .breadcrumb--separator {
    display: list-item;
  }
  .content--breadcrumb .breadcrumb--button {
    margin-right: 0.625rem;
    padding: 0.625rem 1.875rem 0.625rem 0.625rem;
  }
  .content--breadcrumb .breadcrumb--button .breadcrumb--title {
    padding-right: 0rem;
    border-right: 0 none;
  }
}
/*
Detail
=======================================
Defines the styling for the Shopware 5 detail page elements.

It contains the product actions, the product information such as pictures and details and the user ratings of the product.
*/
.product--details .product--actions {
  margin: 0rem 0rem 0.625rem 0rem;
  padding: 0rem 0rem 0.625rem 0rem;
  border-top: 0 none;
  border-bottom: 1px solid #b9b9ce;
}
.product--details .product--actions:after {
  content: "";
  display: table;
  clear: both;
}
.product--details .product--actions .js--off-canvas-button {
  display: inline-block;
}
.product--details .product--header {
  padding: 0.625rem 0rem 0.625rem 0rem;
  min-height: 4.375rem;
  box-sizing: content-box;
}
.product--details .product--header:after {
  content: "";
  display: table;
  clear: both;
}
.product--details .product--header .product--title {
  font-size: 1.3125rem;
  margin: 0;
  padding: 0;
  font-weight: 700;
  color: #222222;
}
.product--details .product--supplier,
.product--details .product--rating-container {
  width: 50%;
}
.product--details .product--rating-link {
  display: inline-block;
}
.product--details .product--rating {
  font-size: 1.1875rem;
  display: block;
  letter-spacing: -1px;
  color: #484848;
}
.product--details .product--rating:after {
  content: "";
  display: table;
  clear: both;
}
.product--details .product--rating .rating--count-wrapper {
  font-size: 1rem;
  margin-left: 0.625rem;
  line-height: 1.5625rem;
  vertical-align: text-top;
  letter-spacing: 1px;
}
.product--details .product--supplier {
  height: 2.1875rem;
  text-align: right;
  float: right;
  margin: 0;
}
.product--details .product--supplier .product--supplier-link {
  height: 2.1875rem;
  display: inline-block;
  max-width: 100%;
}
.product--details .product--supplier.image--svg img {
  height: 100%;
}
.product--details .product--rating-container {
  margin: 0.3125rem 0rem 0rem 0rem;
  float: left;
}
.product--details .product--image-container {
  padding-top: 0.5rem;
  margin: 0rem 0rem 1.25rem 0rem;
  width: 100%;
}
.product--details .product--image-container .image-slider--slide {
  margin-right: -0.5px;
}
.product--details .alert {
  margin: 0.625rem 0rem 0.625rem 0rem;
}
.product--details .product--tax {
  font-size: 0.75rem;
  margin: 0;
}
.product--details .product--buybox {
  margin: 0rem 0rem 0.625rem 0rem;
  width: 100%;
}
.product--details .product--buybox .product--price {
  margin: 0;
}
.product--details .product--buybox .price--label {
  font-weight: 700;
}
.product--details .product--buybox .price--line-through {
  text-decoration: line-through;
}
.product--details .product--buybox .price--discount .price--content {
  color: #E90505;
}
.product--details .product--buybox .price--content {
  font-size: 1.75rem;
  white-space: nowrap;
  color: #222222;
  font-weight: 700;
  display: inline-block;
  line-height: 1;
}
.product--details .product--buybox .content--discount {
  font-size: 0.875rem;
  padding: 0.25rem 0rem 0.25rem 0rem;
  white-space: nowrap;
  display: inline-block;
}
.product--details .product--buybox .price--discount-icon {
  padding: 0.375rem 0.4375rem 0.375rem 0.4375rem;
  margin: 0rem 0.3125rem 0rem 0.3125rem;
  font-size: 0.8125rem;
  border-radius: 0.1875rem;
  display: inline-block;
  position: relative;
  background: #E90505;
  color: #FFFFFF;
  text-align: center;
  font-weight: 700;
  vertical-align: top;
}
.product--details .product--configurator .reset--configuration {
  margin: 0rem 0rem 1.25rem 0rem;
  white-space: nowrap;
}
.product--details .product--configurator .alert {
  margin: 0.625rem 0rem 0rem 0rem;
}
.product--details .buybox--form {
  padding: 0.625rem 0rem 0.625rem 0rem;
}
.product--details .buybox--quantity {
  margin: 0 0 0 0;
  width: auto;
  max-height: 42px;
}
.product--details .buybox--quantity .select-field select {
  border-radius: 10px 0 0 10px;
  font-weight: 700;
  border-color: #131316;
  padding: 0rem 2rem 0rem 0.625rem;
}
.product--details .buybox--button {
  white-space: nowrap;
  width: auto;
  border-radius: 0 10px 10px 0;
  margin-right: 10px;
}
.product--details .product--base-info {
  margin: 0.625rem 0rem 0.625rem 0rem;
  font-size: 0.875rem;
}
.product--details .product--base-info .entry--label {
  margin: 0rem 0.5rem 0rem 0rem;
  width: 35%;
  display: inline-block;
}
.product--details .content--description,
.product--details .content--product-reviews,
.product--details .content--related-products,
.product--details .content--similar-products {
  padding: 0.625rem 0.625rem 0.625rem 0.625rem;
}
.product--details .product--properties {
  margin: 0rem 0rem 0.625rem 0rem;
}
.product--details .product--properties .product--properties-table {
  width: 100%;
  background: #FFFFFF;
}
.product--details .product--properties td {
  padding: 0.3125rem 0.625rem 0.3125rem 0.625rem;
  width: 50%;
  border: 0 none;
}
.product--details .product--properties tr:nth-child(even) td {
  background: #f5f5f5;
}
.product--details .content--title {
  font-size: 1.125rem;
  margin: 0.625rem 0rem 0.3125rem 0rem;
  font-weight: 700;
  color: #222222;
}
.product--details .content--title.title--description-supplier {
  margin-top: 1.5625rem;
}
.product--details .content--link [class^=icon] {
  font-size: 0.625rem;
  margin: -0.125rem 0.5rem 0rem 0rem;
}
.product--details .block-prices--container {
  margin: 0rem 0rem 0.75rem 0rem;
  display: block;
}
.product--details .block-prices--container .block-prices--table {
  width: 100%;
}
.product--details .block-prices--container .block-prices--table td,
.product--details .block-prices--container .block-prices--table th {
  padding: 0.25rem 0.625rem 0.25rem 0.625rem;
}
.product--details .block-prices--container .block-prices--table th {
  color: #fff;
  text-align: left;
}
.product--details .listing .product--box .panel--body {
  border-left: 1px solid #b9b9ce;
  border-right: 1px solid #b9b9ce;
}
.product--details .action--form {
  float: left;
}
.product--details .action--link {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  font-size: 0.875rem;
  margin: 0rem 2.1875rem 0.3125rem 0rem;
  color: #484848;
  white-space: nowrap;
}
.product--details .action--link.action--compare {
  display: none;
}
.product--details .action--link:last-child {
  margin-right: 0;
}
.product--details .action--link:hover {
  color: #131316;
}
.product--details .action--link *[class^="icon"] {
  font-size: 0.75rem;
  margin: 0rem 0.3125rem 0rem 0rem;
}
.product--details .action--link *[class="icon--star"] {
  font-size: 0.875rem;
  margin: 0rem 0.3125rem 0rem 0rem;
}
.product--details .action--compare {
  display: none;
}
.product--details .link--notepad:focus {
  outline: none;
}
.product--details .link--notepad.js--is-saved {
  color: #2ECC71;
}
.product--details .price--unit {
  font-size: 0.75rem;
}
.product--details .delivery--text {
  font-size: 0.875rem;
}
.product--details .similar--content .product-slider,
.product--details .viewed--content .product-slider,
.product--details .bought--content .product-slider,
.product--details .related--content .product-slider,
.product--details .product-streams--content .product-slider {
  padding: 0.625rem 0.625rem 0.625rem 0.625rem;
  min-height: 16.875rem;
}
.product--details .similar--content .product-slider--arrow.arrow--prev,
.product--details .viewed--content .product-slider--arrow.arrow--prev,
.product--details .bought--content .product-slider--arrow.arrow--prev,
.product--details .related--content .product-slider--arrow.arrow--prev,
.product--details .product-streams--content .product-slider--arrow.arrow--prev {
  border-left: 0 none;
}
.product--details .similar--content .product-slider--arrow.arrow--next,
.product--details .viewed--content .product-slider--arrow.arrow--next,
.product--details .bought--content .product-slider--arrow.arrow--next,
.product--details .related--content .product-slider--arrow.arrow--next,
.product--details .product-streams--content .product-slider--arrow.arrow--next {
  border-right: 0 none;
}
.product--navigation {
  display: none;
}
.review--form .review--field {
  margin: 0rem 0rem 0.625rem 0rem;
  width: 100%;
}
.review--form .review--field.select-field {
  max-width: 100%;
}
.review--form .review--notice {
  font-size: 0.75rem;
}
.product--description ol,
.product--description ul {
  margin: 0rem 1rem 1rem 1rem;
  padding: 0;
}
.product--description ol li,
.product--description ul li {
  margin: 0rem 0rem 0rem 0.375rem;
}
.review--entry {
  border-radius: 3px;
  background-clip: padding-box;
  margin: 0rem 0rem 1.5625rem 0rem;
  padding: 1.25rem 1.25rem 1.25rem 1.25rem;
  font-size: 0.875rem;
  background: #fff;
  border: 1px solid #b9b9ce;
}
.review--entry.is--last {
  margin: 0rem 0rem 1.875rem 0rem;
}
.review--entry.has--answer {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-clip: padding-box;
  margin: 0;
}
.review--entry .entry--header,
.review--entry .product--rating {
  margin-bottom: 0.625rem;
}
.review--entry .content--label {
  margin: 0rem 0.5rem 0rem 0rem;
  float: left;
}
.review--entry .content--field:after {
  content: "";
  display: table;
  clear: both;
}
.review--entry .content--title {
  font-size: 1rem;
}
.review--entry .review--content {
  font-size: 0.875rem;
  margin: 0;
}
.review--entry.is--answer {
  margin: 0rem 0.625rem 1.875rem 0.625rem;
  padding: 1.25rem 0.625rem 1.25rem 0.625rem;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  background-clip: padding-box;
  background: #F5F5F8;
  border-top: 0;
}
.review--entry.is--answer .entry--header {
  position: relative;
  border: 0 none;
}
.review--entry.is--answer .entry--header::after {
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
  top: -0.5625rem;
  background: #F5F5F8;
}
.content--product-reviews .alert {
  margin: 0rem 0rem 1rem 0rem;
}
.content--product-reviews .captcha--notice {
  font-size: 0.75rem;
  line-height: 1.2;
}
.product--rating-count {
  margin-left: 0.5rem;
  padding: 0.125rem 0.4375rem 0.125rem 0.4375rem;
  border-radius: 3px;
  background-clip: padding-box;
  background: #484848;
  color: #fff;
  font-weight: 700;
}
.product--notification {
  margin: 0rem 0rem 1rem 0rem;
}
.product--notification .alert {
  margin: 0rem 0rem 0.5rem 0rem;
  word-wrap: break-word;
}
.product--notification .notification--field {
  border-top-left-radius: 3px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 3px;
  background-clip: padding-box;
  margin: 0rem 0rem 0.625rem 0rem;
  position: relative;
  width: 80%;
}
.product--notification .notification--field:focus {
  z-index: 1;
}
.product--notification .notification--button {
  padding: 0.1875rem 0.625rem 0.1875rem 0.625rem;
  margin: 0rem 0rem 0.625rem 0rem;
  border-top-left-radius: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 0;
  background-clip: padding-box;
  margin-left: -0.0625rem;
  position: relative;
  width: 20%;
}
.product--notification .notification--button .icon--mail {
  font-size: 0.75rem;
}
.product--notification .privacy-information {
  margin: 0rem 0rem 0rem 0rem;
}
.configurator--form {
  padding: 0.625rem 0rem 0.625rem 0rem;
}
.configurator--form .select-field {
  max-width: 100%;
}
.configurator--label {
  margin: 0.375rem 0rem 0.25rem 0rem;
  font-size: 0.875rem;
  font-weight: 700;
}
.is--ctl-detail .content-main--inner {
  background: #fff;
  position: relative;
}
.link--prev-button,
.link--next-button {
  display: none;
}
.base-info--entry {
  margin: 0rem 0rem 0.3125rem 0rem;
}
.tab--navigation {
  display: none;
}
.tab--title {
  color: #484848;
  font-weight: 700;
}
.tab--title:hover {
  color: #131316;
}
.tab--title:after {
  right: 0.625rem;
  font-size: 1.125rem;
  position: absolute;
  top: 50%;
  margin-top: -9px;
  content: "";
  font-family: 'remixicon';
}
.tab-menu--cross-selling .tab--container {
  margin: 0rem 0rem 0.625rem 0rem;
  border-radius: 3px;
  background-clip: padding-box;
  display: none;
}
.tab-menu--cross-selling .tab--container.has--content {
  display: block;
}
.tab-menu--cross-selling .tab--container:last-child {
  margin: 0rem 0rem 0.625rem 0rem;
}
.tab-menu--cross-selling .tab--header.is--active .tab--title:after {
  content: "\f1af";
}
.tab-menu--cross-selling .tab--title {
  padding: 0.625rem 2.375rem 0.625rem 0.625rem;
  line-height: 1.25rem;
  position: relative;
  display: block;
}
.tab-menu--cross-selling .tab--title:after {
  content: "\ea13";
}
@media screen and (min-width: 30em) {
  .product--details .configurator--form .select-field {
    height: 2.375rem;
    max-width: 80%;
  }
  .product--details .configurator--form .select-field select {
    line-height: 2.25rem;
  }
  .product--details .configurator--form .select-field:after {
    height: 2.25rem;
  }
  .product--details .configurator--form,
  .product--details .buybox--form {
    width: 100%;
  }
  .tab-menu--product {
    margin: 0rem 0rem 0.625rem 0rem;
  }
  .tab-menu--product .tab--navigation {
    display: block;
  }
  .tab-menu--product .tab--header,
  .tab-menu--product .tab--preview {
    display: none;
  }
}
@media screen and (min-width: 48em) {
  .product--details .product--header {
    padding: 1.875rem 0rem 1.25rem 0rem;
  }
  .product--details .product--header .product--title {
    font-size: 1.75rem;
    line-height: 1.875rem;
    border: 0 none;
  }
  .product--details .product--supplier {
    height: 4.375rem;
    width: 20%;
    float: right;
  }
  .product--details .product--supplier .product--supplier-link {
    height: 4.375rem;
  }
  .product--details .action--link.action--compare {
    display: inline-block;
  }
  .product--details .product--rating-container {
    width: 80%;
    float: left;
  }
  .product--details .product--image-container {
    width: 100%;
  }
  .product--details .product--base-info .entry--label {
    margin: 0rem 0.5rem 0rem 0rem;
  }
  .product--details .content--description,
  .product--details .content--product-reviews {
    padding: 1.875rem 1.875rem 1.875rem 1.875rem;
  }
  .product--details .content--related-products,
  .product--details .content--similar-products {
    padding: 1.25rem 2.1875rem 1.25rem 2.1875rem;
  }
  .product--details .product--properties {
    margin: 0rem 0rem 1.25rem 0rem;
  }
  .product--details .block-prices--container {
    margin-top: 0.75rem;
  }
  .product--details .tab--navigation {
    display: block;
  }
  .product--details .tab--header,
  .product--details .tab--preview {
    display: none;
  }
  .product--details .review--entry {
    padding: 1.875rem 1.875rem 1.875rem 1.875rem;
  }
  .product--details .review--entry.is--answer {
    padding: 1.875rem 1.25rem 1.875rem 1.25rem;
  }
  .product--details .tab--container {
    margin: 0rem 0rem 0rem 0rem;
  }
  .product--details .tab-menu--product {
    margin: 0rem 0rem 1.875rem 0rem;
  }
  .product--details .tab-menu--cross-selling .tab--container {
    display: none;
  }
  .product--details .review--form-container {
    width: 80%;
  }
}
@media screen and (min-width: 64em) {
  .product--details .product--image-container {
    padding-top: 2.8125rem;
  }
  .product--details .configurator--form {
    padding: 0.625rem 0rem 0.625rem 0rem;
  }
  .product--details .buybox--inner {
    width: 100%;
    float: none;
  }
  .product--details .product--base-info {
    margin: 0.625rem 0rem 1.25rem 0rem;
    padding: 0;
    width: 100%;
    float: none;
  }
  .product--details .product--properties {
    width: 50%;
  }
  .product--details .action--link {
    margin-right: 1.5625rem;
  }
  .product--details .review--form-container {
    width: 70%;
  }
  .product--details .product--actions {
    padding: 0rem 0rem 0.3125rem 0rem;
    border-bottom: 1px solid #b9b9ce;
  }
  .product--details .product--buybox {
    border-bottom: 0 none;
  }
  .product--details .configurator--form,
  .product--details .buybox--form {
    width: 100%;
  }
}
@media screen and (min-width: 78.75em) {
  .is--ctl-detail .page-wrap {
    overflow-x: hidden;
  }
  .product--details .product--header {
    padding-top: 2.8125rem;
  }
  .product--details .review--form-container {
    width: 60%;
  }
  .product--navigation {
    display: block;
    position: relative;
  }
  .product--navigation .navigation--link {
    top: 8.75rem;
    display: none;
    position: absolute;
  }
  .product--navigation .link--prev-button,
  .product--navigation .link--next-button {
    width: 2.5rem;
    height: 15.9375rem;
    line-height: 15.9375rem;
    font-size: 1.5625rem;
    -webkit-transition: background 0.3s ease;
    transition: background 0.3s ease;
    background: rgba(72, 72, 72, 0.1);
    text-align: center;
    color: #fff;
    display: block;
  }
  .product--navigation .link--prev-button .link--prev-inner,
  .product--navigation .link--next-button .link--prev-inner,
  .product--navigation .link--prev-button .link--next-inner,
  .product--navigation .link--next-button .link--next-inner {
    display: none;
  }
  .product--navigation .image--wrapper {
    padding: 0.9375rem 0.9375rem 0.9375rem 0.9375rem;
    width: 12.5rem;
    height: 15.9375rem;
    float: left;
    background: #fff;
    position: relative;
  }
  .product--navigation .image--container {
    -webkit-transition: all 0.45s cubic-bezier(0.16, 0.04, 0.14, 1);
    transition: all 0.45s cubic-bezier(0.16, 0.04, 0.14, 1);
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
  }
  .product--navigation .link--prev-button {
    border-top-left-radius: 3px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 3px;
    background-clip: padding-box;
    float: left;
  }
  .product--navigation .link--next-button {
    border-top-left-radius: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 0;
    background-clip: padding-box;
    float: right;
  }
  .product--navigation .link--prev,
  .product--navigation .link--next {
    -webkit-transition: all 0.38s cubic-bezier(0.16, 0.04, 0.14, 1);
    transition: all 0.38s cubic-bezier(0.16, 0.04, 0.14, 1);
  }
  .product--navigation .link--prev:hover .link--prev-button,
  .product--navigation .link--next:hover .link--prev-button,
  .product--navigation .link--prev:hover .link--next-button,
  .product--navigation .link--next:hover .link--next-button {
    background: rgba(72, 72, 72, 0.2);
  }
  .product--navigation .link--prev {
    left: -2.5rem;
  }
  .product--navigation .link--prev .image--container {
    left: 3.125rem;
  }
  .product--navigation .link--prev.can--slide:hover {
    left: -8.75rem;
  }
  .product--navigation .link--prev.can--slide:hover .image--container {
    left: 0;
  }
  .product--navigation .link--next {
    right: -2.5rem;
  }
  .product--navigation .link--next .image--container {
    right: 3.125rem;
  }
  .product--navigation .link--next.can--slide:hover {
    right: -8.75rem;
  }
  .product--navigation .link--next.can--slide:hover .image--container {
    right: 0;
  }
  .product--supplier {
    height: 4.375rem;
  }
  .product--supplier .product--supplier-link {
    height: 4.375rem;
  }
  .content--description,
  .content--product-reviews {
    padding: 0.625rem 2.8125rem 2.8125rem 2.8125rem;
  }
  .content--related-products,
  .content--similar-products {
    padding: 1.875rem 2.8125rem 1.25rem 2.8125rem;
  }
  .product--notification {
    margin: 0rem 0rem 1.25rem 0rem;
  }
  .product--notification .alert {
    margin: 0rem 0rem 0.625rem 0rem;
  }
}
/*
Footer
==========================================
Defines the styles for the storefront footer and its components.

Contains the footer columns, the navigation elements and the vat notice/logo at the bottom of the page.

It contains the viewport specific styles inside media queries.

The footer element sizes are defined with the unitize mixin.
*/
.footer-main {
  background: #fff;
}
.footer-main .footer--phone-link {
  font-size: 1.1875rem;
  font-weight: 700;
  color: #484848;
}
.footer-main .footer--column {
  padding: 0rem 0.625rem 0rem 0.625rem;
  border-top: 1px solid #b9b9ce;
}
.footer-main .footer--column.is--last {
  border-bottom: 1px solid #b9b9ce;
}
.footer-main .column--headline {
  -webkit-user-select: none;
  user-select: none;
  padding: 0.5rem 0rem 0.5rem 0rem;
  margin: 0;
  font-weight: 700;
  letter-spacing: 0.5px;
  color: #131316;
  cursor: pointer;
  font-size: 0.875rem;
  line-height: 1.625rem;
}
.footer-main .column--headline.is--active::after {
  content: "\f1af";
}
.footer-main .column--headline::after {
  font-size: 1.125rem;
  font-family: 'remixicon';
  color: #484848;
  font-weight: 700;
  content: "\ea13";
  float: right;
}
.footer-main .column--content {
  display: none;
}
.footer-main .column--content.is--active {
  display: block;
}
.footer-main .footer--bottom {
  font-size: 0.75rem;
  padding: 1.3333333333333333rem 1rem 0rem 1rem;
  text-align: center;
}
.footer-main .footer--copyright {
  font-size: 0.8125rem;
}
.footer-main .footer--logo {
  font-size: 1.75rem;
  color: #009fe3;
}
.footer-main .navigation--list {
  padding: 0rem 0rem 1rem 0rem;
}
.footer-main .navigation--list .is--level1 {
  padding-bottom: 0.625rem;
}
.footer-main .navigation--list .is--level1 .navigation--entry {
  margin-left: 0.625rem;
}
.footer-main .navigation--link {
  padding: 0.625rem 0rem 0.625rem 0rem;
  display: block;
  color: #484848;
  cursor: pointer;
}
.footer-main .navigation--link:hover {
  color: #131316;
}
.footer-main .newsletter--form {
  padding: 0rem 0rem 1rem 0rem;
}
.footer-main .newsletter--form:after {
  content: "";
  display: table;
  clear: both;
}
.footer-main .newsletter--field {
  border-top-left-radius: 3px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 3px;
  background-clip: padding-box;
  margin: 0rem 0rem 0.625rem 0rem;
  position: relative;
  width: 87.5%;
  float: left;
}
.footer-main .newsletter--field:focus {
  z-index: 1;
}
.footer-main .newsletter--button {
  box-shadow: 0 0 0 transparent;
  border-top-left-radius: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 0;
  background-clip: padding-box;
  padding: 0.1875rem 0.3125rem 0.1875rem 0.3125rem;
  margin-left: -0.0625rem;
  position: relative;
  width: 12.5%;
  text-align: center;
  float: left;
  height: 40px;
  border: 1px solid #b9b9ce;
}
.footer-main .newsletter--button .icon--mail {
  font-size: 0.875rem;
  margin-right: 0rem;
}
.footer-main .newsletter--button .button--text {
  display: none;
}
.footer-main .footer--logo {
  padding: 0.625rem 0rem 0.625rem 0rem;
}
.footer-vat {
  margin-top: 0.625rem;
  padding: 0rem 0.3125rem 0rem 0.3125rem;
  background: transparent;
}
.footer--vat-info .vat-info--text {
  font-size: 0.75rem;
  margin-bottom: 0.625rem;
  text-align: center;
}
.footer-minimal {
  font-size: 0.8125rem;
  padding: 2.5rem 0.625rem 1.25rem 0.625rem;
  background: transparent;
  text-align: center;
}
.footer-main .footer-minimal {
  padding: 0;
}
.footer-minimal .footer--service-menu .service--list {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.footer-minimal .footer--service-menu .service--list .service--link {
  padding: 0.5rem 0.125rem 0.5rem 0.125rem;
  display: inline-block;
}
.footer-minimal .footer--service-menu .service--list .service--entry {
  display: inline-block;
}
.footer-minimal .footer--service-menu .service--list .service--entry:after {
  height: 0.625rem;
  width: 0.0625rem;
  margin: 0rem 0.3125rem 0rem 0.3125rem;
  border-left: 1px solid #9b9bb9;
  display: inline-block;
  content: '';
}
.footer-minimal .footer--service-menu .service--list .service--entry:last-child:after {
  display: none;
}
.footer-minimal .footer--vat-info {
  margin: 0.9375rem 0rem 0.625rem 0rem;
}
.footer-minimal .footer--vat-info .vat-info--text {
  line-height: 1.125rem;
  margin: 0;
}
@media screen and (min-width: 48em) {
  .footer-main .footer-minimal {
    display: none;
  }
}
@media screen and (min-width: 48em) {
  .footer-main .column--headline {
    margin: 1.75rem 0rem 0.625rem 0rem;
    padding: 0;
    cursor: text;
  }
  .footer-main .column--headline::after {
    display: none;
  }
  .footer-main .footer--column {
    padding: 0rem 0.625rem 0rem 0rem;
    width: 25%;
    border: 0 none;
  }
  .footer-main .footer--column.is--last {
    padding-right: 0;
    border-bottom: 0 none;
  }
  .footer-main .footer--columns {
    padding: 0rem 1.875rem 0rem 1.875rem;
  }
  .footer-main .column--content {
    display: block;
  }
  .footer-main .navigation--list .is--level1 {
    display: none;
  }
  .footer-main .navigation--entry {
    padding: 0;
  }
  .footer-main .navigation--link {
    line-height: 1.7;
    padding: 0;
  }
  .footer-main .newsletter--field {
    width: 80%;
  }
  .footer-main .newsletter--button {
    width: 20%;
  }
  .footer-main .newsletter--button .icon--mail {
    font-size: 0.75rem;
  }
  .footer-vat {
    padding: 0;
  }
  .footer--vat-info .vat-info--text {
    margin-bottom: 1.25rem;
  }
}
@media screen and (min-width: 78.75em) {
  .footer-main .footer--columns {
    padding: 0rem 0rem 1.25rem 0rem;
  }
  .footer-main .footer--bottom {
    font-size: 0.9375rem;
  }
  .footer-minimal {
    padding-top: 0;
  }
}
/*
Sidebar
==============================================
Defines the styling of the storefront sidebar navigation and its components.

The sidebar is displayed inside the off-canvas menu on small devices.

```
<ul class="sidebar--navigation">
    <li class="navigation--entry is--active has--sub-categories has--sub-children">
        <a class="navigation--link is--active has--sub-categories">
            Sidebar Head
        </a>
        <ul class="sidebar--navigation is--level1">
            <li class="navigation--entry has--sub-children" role="menuitem">
                <a class="navigation--link">
                    Navigation entry
                </a>
                <a class="navigation--link">
                    Navigation entry
                </a>
                <a class="navigation--link">
                    Navigation entry
                </a>
            </li>
        </ul>
    </li>
</ul>
```
*/
body > .sidebar-main {
  padding-bottom: 1.25rem;
  border-right: #b9b9ce;
}
body > .sidebar-main:after {
  content: "";
  display: table;
  clear: both;
}
.sidebar-main.off-canvas,
#cookie-consent {
  background: #F5F5F8;
}
.mobile--switches {
  padding: 0.375rem 0.625rem 0.375rem 0.625rem;
  height: 2.6875rem;
  display: block;
}
.mobile--switches:after {
  content: "";
  display: table;
  clear: both;
}
.mobile--switches .navigation--entry {
  margin-right: 1.25rem;
  float: left;
}
.mobile--switches .field--select,
.mobile--switches .navigation--entry {
  height: 1.875rem;
}
.mobile--switches .field--select {
  position: relative;
}
.mobile--switches .select-field {
  height: 1.875rem;
}
.mobile--switches .select-field select {
  border-radius: 0;
  padding: 0rem 1.125rem 0rem 0rem;
  line-height: 1.75rem;
  font-size: 1rem;
  background: none;
  border: 0 none;
}
.mobile--switches .select-field:after {
  height: 1.5625rem;
  line-height: 1.75rem;
  width: auto;
  border: 0 none;
}
.mobile--switches .top-bar--language .select-field {
  width: 2rem;
}
.mobile--switches .top-bar--language .select-field select {
  text-indent: -9999px;
}
.mobile--switches .top-bar--language .language--flag {
  margin-top: -0.375rem;
  position: absolute;
  z-index: 900;
  top: 50%;
  left: 0;
  pointer-events: none;
}
.campaign--box {
  display: none;
}
.sidebar--navigation {
  border-radius: 0;
  margin: 0;
  border-left: 0 none;
  border-right: 0 none;
}
.sidebar--navigation .navigation--entry {
  position: relative;
}
.sidebar--navigation .navigation--link {
  padding: 0.625rem 1.25rem 0.625rem 1.25rem;
  width: 100%;
  height: 100%;
  display: block;
}
.sidebar--navigation .navigation--link .is--icon-right {
  margin-top: 0.3125rem;
  font-size: 0.625rem;
  display: inline-block;
  float: right;
}
.sidebar--navigation .navigation--link:hover {
  color: #131316;
}
.sidebar--navigation.show--active-items .navigation--link.is--active {
  color: #131316;
  font-weight: 700;
}
.offcanvas--overlay {
  width: 17.5rem;
  top: 2.625rem;
  background: #F5F5F8;
  position: absolute;
  overflow-x: hidden;
  overflow-y: auto;
  left: 0;
  padding: 0;
  z-index: 1200;
  bottom: 0;
}
.offcanvas--overlay.background {
  z-index: 1100;
}
.offcanvas--overlay .overlay--headline {
  margin-bottom: 0.625rem;
  border-bottom: 1px solid #b9b9ce;
  width: 100%;
  background: #fff;
}
.offcanvas--overlay .overlay--category {
  margin: 1rem 0.625rem 0.375rem 0.625rem;
  line-height: 1.625rem;
}
.offcanvas--overlay .overlay--category .category--headline {
  font-size: 0.875rem;
  color: #222222;
  margin: 0;
  padding: 0;
  font-weight: 700;
}
.offcanvas--overlay .is--icon-left {
  margin-top: 0.3125rem;
  margin-right: 0.3125rem;
  font-size: 0.625rem;
  display: inline-block;
}
.offcanvas--overlay .is--icon-right {
  margin-top: 0.3125rem;
  font-size: 0.625rem;
  display: inline-block;
  float: right;
}
.offcanvas--overlay .is--back-button {
  font-weight: 700;
}
.offcanvas--overlay .is--display-button {
  color: #131316;
  font-weight: 700;
}
.has--cssanimations .sidebar--ajax-loader {
  top: 0.75rem;
  right: 0.9375rem;
  position: absolute;
  display: none;
}
.has--cssanimations .sidebar--ajax-loader::before {
  width: 1rem;
  height: 1rem;
  border-radius: 100%;
  background-clip: padding-box;
  -webkit-animation: keyframe--spin 1s linear infinite;
  animation: keyframe--spin 1s linear infinite;
  display: block;
  content: "";
  border: 2px solid #b9b9ce;
  border-top: 2px solid #383850;
}
.sidebar--ajax-loader {
  top: 0.75rem;
  right: 0.9375rem;
  position: absolute;
  display: none;
}
.sidebar--ajax-loader::before {
  width: 1rem;
  height: 1rem;
  border-radius: 100%;
  background-clip: padding-box;
  -webkit-animation: keyframe--spin 1s linear infinite;
  animation: keyframe--spin 1s linear infinite;
  display: block;
  content: "";
  border: 2px solid #b9b9ce;
  border-top: 2px solid #383850;
}
.listing--sidebar {
  overflow: hidden;
  width: 0;
  height: 0;
  margin-bottom: 1.25rem;
}
.listing--sidebar .sidebar-filter .off-canvas.is--open.is--ajax-reload {
  overflow: hidden;
}
.listing--sidebar .sidebar-filter .off-canvas.is--open.is--ajax-reload .filter--container {
  overflow: auto;
  position: absolute;
  top: 43px;
  width: 100%;
  bottom: 0;
  left: 0;
  right: 0;
}
.listing--sidebar .sidebar-filter .off-canvas.is--open.is--ajax-reload .filter--close-btn {
  position: absolute;
  width: 100%;
  z-index: 10;
}
.listing--sidebar .sidebar-filter .action--filter-options {
  border-radius: 3px;
  background-clip: padding-box;
  border: 1px solid #b9b9ce;
}
.listing--sidebar .sidebar-filter .filter--active {
  max-width: 100%;
}
.listing--sidebar .sidebar-filter .filter--container {
  padding: 0.625rem 0.625rem 0.625rem 0.625rem;
  margin: 0;
}
.listing--sidebar .sidebar-filter .filter--container .filter-panel {
  margin: 0rem 0rem 0.625rem 0rem;
  float: none;
  width: auto;
}
.listing--sidebar .sidebar-filter .filter--actions {
  width: auto;
  padding: 0;
  margin: 0;
}
.listing--sidebar .sidebar-filter .filter--actions.filter--actions-top {
  margin: 0;
}
.listing--sidebar .sidebar-filter .filter--actions .filter--btn-apply {
  width: 100%;
}
.listing--sidebar .sidebar-filter #filter {
  display: block;
  padding: 0;
}
@media screen and (min-width: 64em) {
  .listing--sidebar {
    width: 14.375rem;
    height: auto;
    display: block;
    float: left;
  }
  .listing--sidebar + .content--wrapper {
    margin-left: 16.25rem;
  }
  .is--no-sidebar .listing--sidebar {
    display: none;
  }
  .is--no-sidebar .listing--sidebar + .content--wrapper {
    margin: 0;
  }
  .offcanvas--overlay {
    display: none;
  }
  .sidebar-main {
    width: 14.375rem;
    margin: 0rem 0rem 0rem 0rem;
    padding-top: 1.875rem;
    display: none;
    float: left;
  }
  .is--ctl-listing .sidebar-main,
  .is--ctl-forms .sidebar-main,
  .is--ctl-tellafriend .sidebar-main,
  .is--ctl-newsletter .sidebar-main,
  .is--ctl-sitemap .sidebar-main,
  .is--ctl-custom .sidebar-main,
  .is--ctl-note.is--user .sidebar-main,
  .is--ctl-address .sidebar-main,
  .is--ctl-account.is--user .sidebar-main {
    display: block;
  }
  .is--ctl-listing .sidebar-main + .content--wrapper,
  .is--ctl-forms .sidebar-main + .content--wrapper,
  .is--ctl-tellafriend .sidebar-main + .content--wrapper,
  .is--ctl-newsletter .sidebar-main + .content--wrapper,
  .is--ctl-sitemap .sidebar-main + .content--wrapper,
  .is--ctl-custom .sidebar-main + .content--wrapper,
  .is--ctl-note.is--user .sidebar-main + .content--wrapper,
  .is--ctl-address .sidebar-main + .content--wrapper,
  .is--ctl-account.is--user .sidebar-main + .content--wrapper {
    margin-left: 16.25rem;
  }
  .is--ctl-blog .sidebar-main,
  .is--ctl-note .sidebar-main,
  .is--ctl-note.is--user.is--one-time-account .sidebar-main,
  .is--ctl-index .sidebar-main,
  .is--ctl-detail .sidebar-main,
  .is--ctl-search .sidebar-main,
  .is--ctl-checkout .sidebar-main,
  .is--ctl-register .sidebar-main,
  .is--ctl-campaign .sidebar-main,
  .is--ctl-account.is--act-logout .sidebar-main,
  .is--ctl-account.is--act-abort .sidebar-main,
  .is--ctl-account.is--act-password .sidebar-main,
  .is--ctl-account.is--act-resetpassword .sidebar-main,
  .is--ctl-listing.is--no-sidebar .sidebar-main {
    display: none;
  }
  .is--ctl-blog .sidebar-main + .content--wrapper,
  .is--ctl-note .sidebar-main + .content--wrapper,
  .is--ctl-note.is--user.is--one-time-account .sidebar-main + .content--wrapper,
  .is--ctl-index .sidebar-main + .content--wrapper,
  .is--ctl-detail .sidebar-main + .content--wrapper,
  .is--ctl-search .sidebar-main + .content--wrapper,
  .is--ctl-checkout .sidebar-main + .content--wrapper,
  .is--ctl-register .sidebar-main + .content--wrapper,
  .is--ctl-campaign .sidebar-main + .content--wrapper,
  .is--ctl-account.is--act-logout .sidebar-main + .content--wrapper,
  .is--ctl-account.is--act-abort .sidebar-main + .content--wrapper,
  .is--ctl-account.is--act-password .sidebar-main + .content--wrapper,
  .is--ctl-account.is--act-resetpassword .sidebar-main + .content--wrapper,
  .is--ctl-listing.is--no-sidebar .sidebar-main + .content--wrapper {
    margin: 0;
  }
  .is--ctl-note .sidebar-main .categories--headline,
  .is--ctl-address .sidebar-main .categories--headline,
  .is--ctl-account .sidebar-main .categories--headline,
  .is--ctl-note .sidebar-main .categories--navigation,
  .is--ctl-address .sidebar-main .categories--navigation,
  .is--ctl-account .sidebar-main .categories--navigation,
  .is--ctl-note .sidebar-main .shop-sites--container,
  .is--ctl-address .sidebar-main .shop-sites--container,
  .is--ctl-account .sidebar-main .shop-sites--container {
    display: none;
  }
  .sidebar-main .mobile--switches,
  .sidebar-main .filter--container,
  .sidebar-main .navigation--smartphone {
    display: none;
  }
  .sidebar-main .sidebar--categories-wrapper {
    display: block;
  }
  .navigation--headline {
    margin: 1.25rem 0.625rem 0.625rem 0.625rem;
  }
  .campaign--box {
    margin: 0rem 0rem 1.25rem 0rem;
    display: block;
  }
  .categories--headline {
    display: none;
  }
  .categories--navigation.is--level0 .navigation--entry:first-child .navigation--link.is--active {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    background-clip: padding-box;
  }
  .categories--navigation.is--level1 .navigation--entry:first-child .navigation--link.is--active {
    border-radius: 0;
  }
  .sidebar--categories-navigation {
    margin-bottom: 1.25rem;
  }
  .sidebar--navigation {
    border-radius: 3px;
    background-clip: padding-box;
    border: 1px solid #b9b9ce;
  }
  .sidebar--navigation .navigation--entry {
    padding: 0rem 0rem 0rem 0rem;
    margin: 0rem 0.625rem 0rem 0.625rem;
  }
  .sidebar--navigation ul.sidebar--navigation {
    border-radius: 0;
  }
  .sidebar--navigation ul.sidebar--navigation .navigation--entry {
    margin: 0rem 0rem 0rem 0.625rem;
  }
  .sidebar--navigation .navigation--link {
    padding: 0.625rem 0.625rem 0.625rem 0.625rem;
    display: block;
  }
  .sidebar--navigation .navigation--link:hover {
    color: #131316;
  }
  .sidebar--navigation .navigation--link.is--active {
    color: #131316;
    font-weight: 700;
  }
  .sidebar--navigation .navigation--link .is--icon-right {
    display: none;
  }
  .sidebar--navigation .is--level1 {
    margin-bottom: 0.625rem;
    border: 0 none;
  }
  .sidebar--navigation .is--level1 .navigation--entry {
    margin: 0rem 0rem 0rem 0rem;
    border: 0 none;
  }
  .sidebar--navigation .is--level1 .navigation--link {
    padding: 0.3125rem 0.625rem 0.3125rem 0.625rem;
  }
  .sidebar--navigation .is--level1 .navigation--link.is--active {
    font-weight: 700;
    text-shadow: none;
    color: #131316;
    background: transparent;
    border: 0 none;
  }
  .sidebar--navigation .is--level2 {
    font-size: 0.75rem;
  }
  .sidebar--navigation .navigation--level-high {
    border: 0 none;
  }
  .shop-sites--container {
    padding: 0.9375rem 0.625rem 0.9375rem 0.625rem;
    margin-bottom: 1.25rem;
    border: 1px solid #b9b9ce;
  }
  .shop-sites--container .shop-sites--headline {
    padding-bottom: 0.6666666666666666rem;
    font-size: 1rem;
    margin-top: 0;
    border-bottom: 1px solid #b9b9ce;
    color: #222222;
    font-weight: 700;
  }
  .shop-sites--container .shop-sites--navigation,
  .shop-sites--container .navigation--entry {
    border: 0 none;
  }
  .shop-sites--container .shop-sites--navigation .navigation--link,
  .shop-sites--container .navigation--entry .navigation--link {
    padding: 0.3125rem 0.625rem 0.3125rem 0.625rem;
  }
  .sidebar-filter .filter--active-container {
    margin: 0;
    padding: 0;
  }
  .sidebar-filter .is--instant-filter .filter--facet-container .filter-panel:last-child {
    margin-bottom: 0;
  }
  .sidebar-filter .filter--facet-container,
  .sidebar-filter .filter--actions-bottom,
  .sidebar-filter .filter--active-container {
    display: block;
  }
  .sidebar-filter .filter--facet-container {
    padding: 0;
  }
  .listing--sidebar .sidebar-filter .filter-panel.is--collapsed {
    height: auto;
  }
  .listing--sidebar .sidebar-filter .filter-panel.is--collapsed .filter-panel--flyout {
    position: relative;
  }
  .listing--sidebar + .search--results {
    margin-left: 16.25rem;
  }
  .listing--sidebar + .search--results .listing--wrapper {
    float: left;
  }
}
@media screen and (min-width: 64em) {
  .is--ctl-forms .sidebar-main .sidebar--categories-navigation,
  .is--ctl-custom .sidebar-main .sidebar--categories-navigation {
    display: none;
  }
  .is--ctl-forms .sidebar-main .shop-sites--container,
  .is--ctl-custom .sidebar-main .shop-sites--container {
    display: block;
  }
  .sidebar-main .shop-sites--container {
    display: none;
  }
  .sidebar-main.off-canvas,
  #cookie-consent {
    background: transparent;
  }
}
@media screen and (min-width: 78.75em) {
  .sidebar-main {
    padding-top: 2.8125rem;
    display: block;
  }
  .sidebar-main.off-canvas,
  #cookie-consent {
    position: relative;
    top: 0;
    left: 0;
    z-index: 1000;
  }
}
/*
Listing
==========================================
Contains the styles of the product listing and its components.

The styling defines the listing components such as the product filter element.

It contains the viewport specific styles inside media queries.
*/
.listing--content {
  margin: 1.25rem 0rem 1.25rem 0rem;
}
.banner--container {
  margin: 0rem 0rem 1.25rem 0rem;
}
.category--teaser {
  margin: 0rem 0rem 1.25rem 0rem;
}
.category--teaser .hero--text {
  padding: 0.625rem 1.25rem 0.625rem 1.25rem;
}
.category--teaser .offcanvas--content {
  padding: 1.25rem;
}
.category--teaser .offcanvas--content .content--title {
  font-size: 1.125rem;
  margin: 0.625rem 0rem 0.9375rem 0rem;
  font-weight: 700;
  color: #222222;
}
.vendor--info {
  margin: 0rem 0rem 1.25rem 0rem;
}
.vendor--info:after {
  content: "";
  display: table;
  clear: both;
}
.vendor--info .vendor--image-wrapper {
  margin: 0rem 0rem 0.625rem 0rem;
  max-width: 12.5rem;
  height: 4.375rem;
  margin-left: auto;
  margin-right: auto;
}
.vendor--info .vendor--image {
  margin: 0 auto;
  height: 100%;
}
.vendor--info .vendor--text {
  margin: 0rem 0rem 1.25rem 0rem;
}
.listing--actions {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background: #FFFFFF;
}
.listing--actions:after {
  content: "";
  display: table;
  clear: both;
}
.listing--wrapper.js--is-loading .js--loading-indicator {
  top: 9.375rem;
}
.listing {
  position: relative;
  -webkit-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out;
  opacity: 1;
}
.listing.is--loading {
  opacity: 0;
}
.action--filter-btn {
  margin-bottom: 0.625rem;
}
.action--filter-btn .filter--trigger {
  height: 2.125rem;
  padding: 0.25rem 0.25rem 0.25rem 0.625rem;
  line-height: 1.5rem;
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
}
.action--filter-btn .filter--trigger .icon--filter {
  margin-right: 0.5rem;
}
.action--filter-btn .filter--trigger .action--collapse-icon {
  padding: 0rem 0.625rem 0rem 0.625rem;
  line-height: 1.5rem;
  background-color: #2d2d39;
  background-image: linear-gradient(to bottom, #2d2d39 0%, #131316 100%);
  background-color: #131316;
  border-radius: 3px;
  background-clip: padding-box;
  display: inline-block;
  color: #fff;
  float: right;
}
.action--filter-options .filter--container {
  background-color: #F5F5F8;
  border-radius: 3px;
  background-clip: padding-box;
}
.action--filter-options .filter--close-btn {
  padding: 0.75rem 0.625rem 0.75rem 0.625rem;
  background-color: #484848;
  display: block;
  color: #fff;
  font-weight: 700;
}
.action--filter-options .filter--close-btn:hover {
  color: #fff;
}
.action--filter-options .filter--close-btn .icon--arrow-right {
  margin: 0.1875rem 0rem 0rem 0rem;
  float: right;
}
.action--filter-options .filter--btn-apply {
  clear: both;
}
.action--filter-options .filter--list {
  list-style: none;
}
.action--filter-options .filter--entry {
  padding: 0.625rem 1.25rem 0.625rem 1.25rem;
  font-size: 1rem;
  display: block;
  border-bottom: 1px solid #b9b9ce;
}
.action--filter-options .filter--entry:last-child {
  border: 0 none;
}
.action--filter-options .filter--link {
  color: #484848;
}
.action--filter-options .filter--link:hover {
  color: #131316;
}
.action--sort {
  margin-bottom: 1.25rem;
  display: block;
}
.action--sort .sort--label {
  display: none;
}
.action--sort .sort--select {
  height: 2.125rem;
  max-width: 100%;
}
.action--sort .sort--select:after,
.action--sort .sort--select .sort--field {
  line-height: 2.125rem;
}
.action--per-page {
  display: none;
}
.listing--paging {
  padding: 0.625rem 0rem 0.625rem 0rem;
  display: block;
}
.listing--paging:after {
  content: "";
  display: table;
  clear: both;
}
.listing--paging .paging--label {
  display: none;
}
.listing--paging .paging--display {
  line-height: 1.875rem;
  margin-left: 0.625rem;
}
.listing--bottom-paging {
  margin: 2.5rem 0rem 0rem 0rem;
}
.listing--container {
  overflow: hidden;
}
.listing {
  margin: -2% 0 0 -2%;
  padding: 0 0 2% 0;
}
.listing:after {
  content: "";
  display: table;
  clear: both;
}
.infinite--actions {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.infinite--actions .js--load-more,
.infinite--actions .js--load-previous {
  margin-bottom: 1.25rem;
}
@media screen and (min-width: 64em) {
  .category--teaser .hero--headline {
    font-size: 1.625rem;
    padding: 2.5rem 0rem 0rem 0rem;
    margin: 0rem 2.5rem 0rem 2.5rem;
  }
  .category--teaser .hero--text {
    padding: 1.5625rem 2.5rem 0.625rem 2.5rem;
  }
  .listing--content {
    margin: 0rem 0rem 0rem 0rem;
  }
  .listing--content:after {
    content: "";
    display: table;
    clear: both;
  }
  .vendor--info .vendor--image-wrapper {
    margin: 0rem 1.25rem 1.25rem 0rem;
    float: left;
  }
  .vendor--info .vendor--image-wrapper + .vendor--text {
    margin: 0rem 0rem 0rem 15.625rem;
  }
  .vendor--info .vendor--image-wrapper .vendor--image {
    margin: 0;
  }
  .listing--actions {
    border-radius: 0px;
    background-clip: padding-box;
    margin: 0rem 0rem 1.25rem 0rem;
    padding: 0.625rem 0rem 0rem 0rem;
    border-bottom: 1px solid #b9b9ce;
  }
  .listing--actions .listing--paging {
    padding: 0.625rem 0.625rem 0.625rem 0.625rem;
    display: block;
    border-top: 1px solid #b9b9ce;
  }
  .listing--actions.without-facets.without-sortings.without-pagination {
    display: none;
  }
  .listing--actions.without-facets.without-sortings {
    padding-top: 0rem;
    border-top: none;
  }
  .action--per-page {
    line-height: 2rem;
    display: inline-block;
    width: 30%;
    text-align: right;
    float: right;
  }
  .action--per-page .per-page--label {
    display: none;
  }
  .action--per-page .per-page--select {
    width: 5rem;
    height: 2rem;
    vertical-align: top;
  }
  .action--per-page .per-page--select:after,
  .action--per-page .per-page--select .per-page--field {
    line-height: 1.875rem;
    text-align: center;
  }
  .action--sort {
    width: 12.5rem;
    margin: 0rem 0.625rem 0rem 0rem;
    display: inline-block;
    text-align: right;
    float: right;
  }
  .action--sort .sort--select {
    max-width: 12.5rem;
  }
  .action--filter-btn {
    width: 11.875rem;
    margin: 0rem 1.25rem 0.625rem 0.625rem;
    float: left;
  }
  .action--filter-btn .filter--trigger .action--collapse-icon {
    display: none;
  }
  .action--filter-btn .filter--trigger:before,
  .action--filter-btn .filter--trigger:after {
    -webkit-transition: margin-top 0.4s cubic-bezier(0.02, 0.01, 0.47, 1);
    transition: margin-top 0.4s cubic-bezier(0.02, 0.01, 0.47, 1);
    width: 1rem;
    height: 1rem;
    right: 0.625rem;
    margin-top: -0.5rem;
    line-height: 1rem;
    font-family: 'remixicon';
    content: "\ea4c";
    position: absolute;
    text-align: center;
    background: none;
    color: inherit;
    top: 50%;
  }
  .action--filter-btn .filter--trigger:after {
    margin-top: -3rem;
    content: "\ea76";
  }
  .action--filter-btn .filter--trigger.is--active {
    color: #131316;
  }
  .action--filter-btn .filter--trigger.is--active:before {
    margin-top: 2.5rem;
  }
  .action--filter-btn .filter--trigger.is--active:after {
    margin-top: -0.5rem;
  }
  .action--filter-options {
    width: auto;
    height: auto;
    padding: 0;
    overflow: visible;
    position: relative;
    background: #fff;
    border: 0 none;
    clear: both;
  }
  .action--filter-options.is--collapsed,
  .action--filter-options.is--active-filter {
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: #b9b9ce;
  }
  .action--filter-options.is--active-filter .filter--active-container {
    display: block;
  }
  .action--filter-options.is--instant-filter-active .filter--active-container {
    display: block;
  }
  .action--filter-options .filter--close-btn {
    display: none;
  }
  .action--filter-options .filter--container:after {
    content: "";
    display: table;
    clear: both;
  }
  .action--filter-options .filter--group {
    height: 2.375rem;
    width: 31%;
    margin: 0 2% 2% 0;
    position: relative;
    float: left;
  }
  .action--filter-options .filter--header {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1100;
  }
  .action--filter-options .filter--header.is--active {
    z-index: 1300;
  }
  .action--filter-options .filter--content {
    top: 2.375rem;
    width: 100%;
    position: absolute;
    left: 0;
  }
  .action--filter-options #filter:after {
    content: "";
    display: table;
    clear: both;
  }
  .listing--bottom-paging {
    padding: 0rem 0.625rem 0rem 0.625rem;
    border-radius: 3px;
    background-clip: padding-box;
    border: 1px solid #b9b9ce;
  }
}
@media screen and (min-width: 78.75em) {
  .listing--content {
    margin: 0rem 0rem 0rem 0rem;
  }
  .action--filter-btn {
    width: 20%;
    margin-right: 2%;
  }
  .action--filter-btn .filter--trigger {
    font-size: 0.875rem;
  }
  .action--filter-btn .filter--trigger .action--collapse-icon {
    margin-top: -0.5rem;
  }
  .action--filter-options {
    background: #fff;
  }
  .action--filter-options.is--collapsed,
  .action--filter-options.is--active-filter {
    border-width: 0px 0 0 0;
  }
  .action--sort {
    line-height: 2rem;
    margin: 0rem 0.625rem 0.625rem 0rem;
    width: 40%;
  }
  .action--sort .sort--label {
    margin: 0rem 0.625rem 0rem 0rem;
    display: inline-block;
    font-weight: 700;
  }
  .action--sort .sort--select {
    max-width: 12.5rem;
    vertical-align: top;
  }
  .action--per-page .per-page--label {
    margin: 0rem 0.625rem 0rem 0rem;
    display: inline-block;
    font-weight: 700;
  }
  .listing--paging {
    display: block;
    clear: both;
  }
  .listing--paging .paging--label {
    margin: 0rem 0.625rem 0rem 0rem;
    font-weight: 700;
  }
  .listing--paging .paging--display {
    line-height: 1.875rem;
  }
}
/*
Product-box
===============================
Defines the element styles of the Shopware product boxes.

Shopware provides 3 product box types:<br/>
`box-basic`<br/>
`box-minimal`<br/>
`box-image`

```
<div class="product--box">
    <div class="box--content is--rounded">
        <div class="product--info">

            <a href="" class="product--image">
                <!-- Article images -->
            </a>

            <div class="product--rating-container">
                <!-- Product rating stars -->
            </div>

            <a href="" class="product--title" title="">
                Product title
            </a>

            <div class="product--description">
                Dux texo propino, hic tres, casus Ubertas, pax Alumnus catena, ut,
                acer tero an, per edo in is arx Arma querul.
            </div>

            <div class="product--price-info">
                <div class="price--unit">
                </div>
                <div class="product--price">
                    <span class="price--default is--nowrap">
                        35,00 €
                    </span>
                </div>
            </div>

            <div class="product--btn-container"">
                <!-- Product buy button
            </div>

            <div class="product--actions">
                <!-- Product action links e.g. product compare
            </div>

        </div>
    </div>
</div>
```
*/
.product--box {
  display: block;
  width: 100%;
  padding: 2% 0 0 2%;
  float: left;
  /*
Product Badges
==========================================
Creates a corner product badge on a product-box.
```
<div class="product--box">
    <div class="product--badges">
        <div class="product--badge badge--discount">
            <i class="icon--percent2"></i>
        </div>
    </div>
</div>

```
*/
}
.product--box:after {
  content: "";
  display: table;
  clear: both;
}
.product--box .box--content {
  height: 100%;
  position: relative;
}
.product--box .product--image {
  height: 11.25rem;
  margin: 0rem 0rem 0.3125rem 0rem;
  display: block;
  text-align: center;
}
.product--box .product--image .image--element {
  height: 100%;
  width: 100%;
  display: block;
  margin: 0 auto;
  position: relative;
}
.product--box .product--image .image--element img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  display: inline-block;
  vertical-align: middle;
  z-index: 500;
  mix-blend-mode: multiply;
}
.product--box .product--rating-container {
  height: 1.5625rem;
  display: block;
}
.product--box .product--title {
  margin: 0rem 0rem 0.3125rem 0rem;
  font-size: 1rem;
  line-height: 1.25rem;
  display: block;
  width: 100%;
  color: #222222;
  font-weight: 700;
  overflow: hidden;
}
.product--box .product--title:hover {
  color: #131316;
}
.product--box .variant--description {
  height: 2.5rem;
  margin: 0rem 0rem 0.3125rem 0rem;
  font-size: 0.75rem;
  line-height: 1.25rem;
  display: block;
  width: 100%;
  color: #222222;
  overflow: hidden;
  font-weight: 400;
}
.product--box .variant--description .variant--groupName {
  font-weight: 700;
}
.product--box .variant--description .variant--description--line {
  white-space: nowrap;
}
.product--box .product--description {
  height: 4.5rem;
  margin: 0rem 0rem 0.625rem 0rem;
  font-size: 0.875rem;
  line-height: 1.125rem;
  display: block;
  width: 100%;
  overflow: hidden;
}
.product--box .product--price-info .price--unit {
  height: auto;
  font-size: 0.6875rem;
  line-height: 1rem;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.product--box .product--price-info .price--unit[title] {
  user-select: none;
}
.product--box .product--price-info .price--unit[title]:hover {
  user-select: auto;
}
.product--box .product--price {
  height: 1.25rem;
}
.product--box .product--price .price--default {
  display: inline-block;
  color: #222222;
  font-weight: 700;
}
.product--box .product--price .price--default.is--discount {
  color: #E90505;
}
.product--box .product--price .price--pseudo {
  font-size: 0.75rem;
  line-height: 1.25rem;
}
.product--box .product--price .price--discount {
  font-size: 0.75rem;
  line-height: 1.25rem;
  display: inline-block;
  text-decoration: line-through;
  vertical-align: baseline;
}
.product--box .buybox--form {
  height: 2.625rem;
  margin-top: 0.4375rem;
}
.product--box .buybox--form i.icon--basket {
  display: none;
}
.product--box .product--detail-btn {
  height: 2.625rem;
  margin-top: 0.4375rem;
}
.product--box .product--actions {
  margin: 0.9375rem 0rem 0rem 0rem;
  font-size: 0.875rem;
  line-height: 1.5rem;
  overflow: auto;
}
.product--box .product--actions form {
  display: inline-block;
}
.product--box .product--action {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  margin: 0rem 1.25rem 0rem 0rem;
  font-size: 0.875rem;
  line-height: 1.5rem;
  display: inline-block;
  color: #484848;
  word-break: keep-all;
  white-space: nowrap;
}
.product--box .product--action [class^="icon--"] {
  margin: 0rem 0.3125rem 0rem 0rem;
  font-size: 0.75rem;
}
.product--box .product--action:hover {
  color: #131316;
}
.product--box .action--compare {
  display: none;
}
.product--box .action--note:focus {
  outline: none;
}
.product--box .action--note.js--is-saved {
  color: #2ECC71;
}
.product--box .product--badges {
  top: 0rem;
  left: 0rem;
  position: absolute;
  z-index: 750;
  margin: 10px;
}
.product--box .product--badges .product--badge {
  padding: 0.1875rem 0.625rem 0.1875rem 0.625rem;
  margin: 0rem 0rem 0.3125rem 0rem;
  font-size: 0.875rem;
  line-height: 1rem;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  background-clip: padding-box;
  display: block;
  float: left;
  position: relative;
  text-align: center;
  font-weight: 700;
  clear: both;
}
.product--box .product--badges .badge--discount {
  color: #FFFFFF;
  background: #E90505;
}
.product--box .product--badges .badge--recommend {
  color: #FFFFFF;
  background: black;
}
.product--box .product--badges .badge--newcomer {
  color: #FFFFFF;
  background: black;
}
.product--box .product--badges .badge--esd {
  background: #4AA3DF;
  color: #FFFFFF;
}
.box--minimal {
  width: 50%;
}
.box--minimal .product--image {
  height: 7.5rem;
}
.box--minimal .product--price-info .price--unit {
  font-size: 0.625rem;
  line-height: 0.875rem;
  display: block;
}
.box--minimal .product--price-outer {
  height: 2.5rem;
  position: relative;
}
.box--minimal .product--price {
  line-height: 1.25rem;
  position: absolute;
  bottom: 0;
  left: 0;
  height: auto;
}
.box--minimal .product--price .price--default {
  margin: 0rem 0.3125rem 0rem 0rem;
  vertical-align: bottom;
  float: left;
}
.box--minimal .product--price .price--pseudo,
.box--minimal .product--price .price--discount {
  font-size: 0.625rem;
  line-height: 0.875rem;
}
.box--minimal .buybox--form .buy-btn--cart-text {
  display: none;
}
.box--minimal .buybox--form i.icon--basket {
  left: 0.125rem;
  top: 0.0625rem;
  font-size: 0.875rem;
  display: inline-block;
  position: relative;
}
.box--image .product--image {
  margin: 0rem 0rem 0.3125rem 0rem;
  width: auto;
  position: relative;
  height: 12.5rem;
}
.box--image .product--info {
  padding: 0;
}
.box--slider {
  display: block;
  padding: 0;
  position: relative;
  text-align: center;
  float: none;
}
.box--slider:hover .product--title {
  color: #131316;
}
.box--slider .box--content {
  border: 0 none;
  padding: 0;
  overflow: hidden;
}
.box--slider .box--content .product--info {
  padding: 1rem;
  height: 100%;
  overflow: hidden;
}
.box--slider .product--price-info {
  height: auto;
}
.box--slider .product--price-info .price--unit {
  font-size: 0.625rem;
}
.box--slider .product--price-info .price--default {
  font-size: 0.875rem;
}
.box--slider .product--price-info .is--discount {
  font-weight: 700;
}
.box--slider .product--image {
  height: 8.75rem;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  margin-bottom: 0.625rem;
  display: block;
  text-align: center;
  position: relative;
}
.box--slider .image--element {
  height: 100%;
  width: 100%;
  display: block;
  margin: 0 auto;
  position: relative;
}
.box--slider .image--element img {
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  display: inline-block;
  vertical-align: middle;
  z-index: 500;
}
.box--slider .product--title {
  font-size: 0.875rem;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  display: block;
  color: #484848;
  font-weight: 400;
  white-space: normal;
}
.box--list .buybox--form {
  max-width: 17.5rem;
}
.box--list .product--detail-btn {
  max-width: 17.5rem;
}
@media screen and (min-width: 30em) {
  .box--basic .product--image {
    width: 100%;
  }
  .box--basic .product--info {
    position: relative;
  }
  .box--minimal {
    width: 33.3%;
  }
  .box--image .product--image {
    width: 100%;
  }
  .box--image .product--info {
    position: relative;
  }
  .box--list .product--image {
    width: 100%;
  }
  .box--list .product--info {
    position: relative;
  }
}
@media screen and (min-width: 48em) {
  .product--box .action--compare {
    display: inline-block;
  }
  .box--basic .product--image {
    width: 100%;
  }
  .box--basic .product--info {
    position: relative;
  }
  .box--image .product--image {
    margin: 0rem 0rem 0.3125rem 0rem;
    width: auto;
    position: relative;
    height: 15rem;
  }
  .box--image .product--info {
    padding: 0;
  }
  .is--ctl-search .box--basic .product--image,
  .is--ctl-listing.is--no-sidebar .box--basic .product--image {
    margin: 0rem 0rem 0.3125rem 0rem;
    width: auto;
    position: relative;
    height: 11.25rem;
  }
  .is--ctl-search .box--basic .product--info,
  .is--ctl-listing.is--no-sidebar .box--basic .product--info {
    padding: 0;
  }
  .is--ctl-search .box--minimal,
  .is--ctl-listing.is--no-sidebar .box--minimal {
    width: 25%;
  }
  .is--ctl-search .box--minimal .product--image,
  .is--ctl-listing.is--no-sidebar .box--minimal .product--image {
    height: 11.25rem;
  }
  .is--ctl-search .box--image,
  .is--ctl-listing.is--no-sidebar .box--image {
    width: 50%;
  }
  .is--ctl-search .has--sidebar-filter .box--basic,
  .is--ctl-listing.is--no-sidebar .has--sidebar-filter .box--basic {
    width: 100%;
  }
  .is--ctl-search .has--sidebar-filter .box--basic .product--image,
  .is--ctl-listing.is--no-sidebar .has--sidebar-filter .box--basic .product--image {
    width: 100%;
  }
  .is--ctl-search .has--sidebar-filter .box--basic .product--info,
  .is--ctl-listing.is--no-sidebar .has--sidebar-filter .box--basic .product--info {
    position: relative;
  }
  .is--ctl-search .has--sidebar-filter .box--minimal,
  .is--ctl-listing.is--no-sidebar .has--sidebar-filter .box--minimal {
    width: 33.3%;
  }
}
@media screen and (min-width: 64em) {
  .box--basic {
    width: 50%;
  }
  .box--basic .product--image {
    margin: 0rem 0rem 0.3125rem 0rem;
    width: auto;
    position: relative;
    height: 11.25rem;
  }
  .box--basic .product--info {
    padding: 0;
  }
  .box--minimal {
    width: 25%;
  }
  .box--image {
    width: 50%;
  }
  .box--image .product--image {
    margin: 0rem 0rem 0.3125rem 0rem;
    width: auto;
    position: relative;
    height: 17.5rem;
  }
  .box--image .product--info {
    padding: 0;
  }
  .is--ctl-search .box--basic .product--image,
  .is--ctl-listing.is--no-sidebar .box--basic .product--image {
    width: 100%;
  }
  .is--ctl-search .box--basic .product--info,
  .is--ctl-listing.is--no-sidebar .box--basic .product--info {
    position: relative;
  }
  .is--ctl-search .box--minimal,
  .is--ctl-listing.is--no-sidebar .box--minimal {
    width: 20%;
  }
  .is--ctl-search .box--image,
  .is--ctl-listing.is--no-sidebar .box--image {
    width: 33.3%;
  }
  .is--ctl-search .has--sidebar-filter .box--basic,
  .is--ctl-listing.is--no-sidebar .has--sidebar-filter .box--basic {
    width: 50%;
  }
  .is--ctl-search .has--sidebar-filter .box--basic .product--image,
  .is--ctl-listing.is--no-sidebar .has--sidebar-filter .box--basic .product--image {
    margin: 0rem 0rem 0.3125rem 0rem;
    width: auto;
    position: relative;
    height: 11.25rem;
  }
  .is--ctl-search .has--sidebar-filter .box--basic .product--info,
  .is--ctl-listing.is--no-sidebar .has--sidebar-filter .box--basic .product--info {
    padding: 0;
  }
  .is--ctl-search .has--sidebar-filter .box--minimal,
  .is--ctl-listing.is--no-sidebar .has--sidebar-filter .box--minimal {
    width: 25%;
  }
}
@media screen and (min-width: 78.75em) {
  .box--basic .product--image {
    width: 100%;
  }
  .box--basic .product--info {
    position: relative;
  }
  .box--minimal {
    width: 25%;
  }
  .box--minimal .buybox--form .buy-btn--cart-text {
    display: inline-block;
  }
  .box--minimal .buybox--form i.icon--basket {
    display: none;
  }
  .box--image .product--image {
    margin: 0rem 0rem 0.3125rem 0rem;
    width: auto;
    position: relative;
    height: 18.75rem;
  }
  .box--image .product--info {
    padding: 0;
  }
  .is--ctl-search .box--minimal,
  .is--ctl-listing.is--no-sidebar .box--minimal {
    width: 20%;
  }
  .is--ctl-search .has--sidebar-filter .box--basic .product--image,
  .is--ctl-listing.is--no-sidebar .has--sidebar-filter .box--basic .product--image {
    width: 100%;
  }
  .is--ctl-search .has--sidebar-filter .box--basic .product--info,
  .is--ctl-listing.is--no-sidebar .has--sidebar-filter .box--basic .product--info {
    position: relative;
  }
}
/*
Last-viewed
==============================================
Defines the styling of the `.viewlast` element.

The viewlast element displays the users recently viewed products inside a slim element that is usually displayed at the bottom of the listing and detail pages.

It contains a thumbnail image and the product name.
*/
.viewlast {
  clear: both;
}
/*
Tell-a-friend
==========================================
Contains the tell-a-friend element styling that can be used to share products.

The option can be enabled in the Shopware backend and is disabled by default.
*/
.tellafriend--content {
  padding-top: 0.625rem;
  width: 100%;
}
.tellafriend--content .tellafriend--field {
  margin: 0rem 0rem 0.625rem 0rem;
  width: 100%;
}
.tellafriend--content .tellafriend--buttons:after {
  content: "";
  display: table;
  clear: both;
}
.tellafriend--content .captcha--placeholder {
  margin-bottom: 0.625rem;
}
.tellafriend--content .captcha--notice {
  margin-bottom: 0.625rem;
  display: block;
}
.tellafriend--content .alert {
  margin-top: 1.875rem;
}
.tellafriend--content .review--notice {
  margin-bottom: 0.625rem;
  font-size: 0.875rem;
}
@media screen and (min-width: 48em) {
  .tellafriend--content {
    padding-top: 1.25rem;
    width: 100%;
  }
  .tellafriend--content .tellafriend--field {
    margin-bottom: 0.9375rem;
  }
  .tellafriend--content .alert {
    margin: 0rem 0rem 1rem 0rem;
  }
}
@media screen and (min-width: 78.75em) {
  .tellafriend--content {
    padding-top: 2.8125rem;
  }
}
/*
Topseller
=========================

The topseller element is a modified product slider that is used to display a selection of best selling articles inside a slim slider element.

*/
.topseller {
  margin: 0rem 0rem 1.25rem 0rem;
}
.topseller:after {
  content: "";
  display: table;
  clear: both;
}
.topseller .topseller--content {
  padding: 0rem 0.625rem 0rem 0.625rem;
}
.topseller .product-slider--arrow.arrow--next {
  right: -0.0625rem;
}
.topseller .product-slider--arrow.arrow--prev {
  left: -0.0625rem;
}
.topseller--product {
  text-align: center;
}
.topseller--product:hover .badge {
  background-color: #2d2d39;
  background-image: linear-gradient(to bottom, #2d2d39 0%, #131316 100%);
  background-color: #131316;
  color: #fff;
  text-shadow: 0 1px 1px #AD1200;
}
.topseller--product:hover .product--title {
  color: #131316;
}
.topseller--number {
  margin: 0.625rem 0rem 0.3125rem 0rem;
}
/*
Register
==========================================
Contains the styles of the registration process form and its components.

The user can see the registration steps, advantages and required information.
*/
.register--message {
  margin-top: 1.25rem;
}
.register--content {
  margin: 0.625rem 0rem 0.625rem 0rem;
  width: 100%;
  display: none;
}
.register--content:after {
  content: "";
  display: table;
  clear: both;
}
.register--content.is--collapsed {
  display: block;
}
.register--content .alert {
  margin: 1.25rem 1.125rem 1.25rem 1.125rem;
}
.register--content .register--check {
  padding-bottom: 0.5rem;
}
.register--content .register--action {
  margin: 1.25rem 1.25rem 1.25rem 1.25rem;
}
.register--content .register--action .register--submit {
  width: 100%;
  text-align: center;
}
.register--content .register--required-info {
  padding-bottom: 1.875rem;
  margin: 0rem 1.625rem 1rem 1.625rem;
  font-size: 0.875rem;
}
.register--content .select-field {
  margin-bottom: 0.625rem;
  max-width: 100%;
}
.register--content .register--field {
  margin-bottom: 0.625rem;
  width: 100%;
}
.register--content .register--customertype {
  display: block;
}
.register--content .register--zip-city .register--field-zipcode {
  width: 28%;
  float: left;
}
.register--content .register--zip-city .register--field-city {
  width: 70%;
  float: left;
}
.register--content .register--zip-city .register--field-city:after {
  content: "";
  display: table;
  clear: both;
}
.register--content .register--zip-city .register--spacer {
  margin-right: 2%;
}
.register--content .birthday--label {
  margin: 0rem 0rem 0.3125rem 0rem;
  display: block;
  font-weight: 700;
}
.register--content .birthday--label:after {
  content: "";
  display: table;
  clear: both;
}
.register--content .register--password-description {
  padding-bottom: 1.25rem;
}
.register--content .register--birthdate .select-field {
  margin-bottom: 0.9375rem;
  max-width: 100%;
  float: left;
}
.register--content .register--birthdate .datepicker {
  margin-bottom: 0.9375rem;
  width: 100%;
  max-width: 100%;
  float: left;
}
.register--content .register--birthdate .register--birthyear,
.register--content .register--birthdate .register--birthyear.select-field {
  margin-right: 0rem;
}
.register--content .register--privacy {
  padding: 1.25rem 1.25rem 1.25rem 1.25rem;
  margin: 0rem 1.25rem 1.25rem 1.25rem;
  font-size: 0.875rem;
  border: 1px solid #b9b9ce;
}
.register--content .register--privacy input[type="checkbox"] {
  margin: 0rem 0.625rem 0rem 0rem;
}
.register--content .register--personal {
  padding-bottom: 0.625rem;
}
.register--content .register--personal:after {
  content: "";
  display: table;
  clear: both;
}
.register--login:after {
  content: "";
  display: table;
  clear: both;
}
.register--login .register--new-customer {
  margin: 1.25rem 0rem 1.25rem 0rem;
}
.register--login .register--new-customer .new-customer-btn {
  display: block;
  width: 100%;
  text-align: center;
  position: relative;
}
.register--login .register--new-customer .new-customer-btn:after {
  width: 1rem;
  height: 1rem;
  line-height: 1rem;
  margin-top: -0.5rem;
  font-size: 0.375rem;
  right: 0.625rem;
  position: absolute;
  font-family: 'remixicon';
  font-weight: 400;
  content: "\ea4c";
  color: inherit;
  top: 50%;
}
.register--login .register--new-customer .new-customer-btn.is--active:after {
  content: "\ea76";
}
.register--login .register--login-field {
  margin-bottom: 0.625rem;
  width: 100%;
}
.register--login .register--login-description {
  padding-bottom: 1.25rem;
}
.register--login .register--login-lostpassword {
  padding-bottom: 1.25rem;
}
.register--login .register--login-btn {
  width: 100%;
  text-align: center;
}
.register--advantages {
  display: none;
}
.password--success {
  margin: 0.625rem 0rem 1.25rem 0rem;
}
.steps--container {
  background: transparent;
}
.steps--content {
  padding-top: 1rem;
  display: table;
  border-top: 1px solid #b9b9ce;
  width: 100%;
}
.steps--content .steps--list {
  display: table-row;
}
.steps--content .steps--list:after {
  content: "";
  display: table;
  clear: both;
}
.steps--content .steps--entry {
  display: table-cell;
  list-style: none;
  vertical-align: top;
  text-align: center;
}
.steps--content .steps--spacer {
  display: none;
  vertical-align: middle;
}
.steps--content .steps--entry .icon {
  background-color: #484848;
  border-radius: 22px;
  background-clip: padding-box;
  padding: 0.625rem 1rem 0.625rem 1rem;
  width: 2.875rem;
  font-size: 1.25rem;
  display: inline-block;
  text-align: center;
  color: #fff;
  font-weight: 700;
}
.steps--content .is--active .icon {
  background-color: #2d2d39;
  background-image: linear-gradient(to bottom, #2d2d39 0%, #131316 100%);
  background-color: #131316;
  color: #fff;
}
.steps--content .steps--entry .text {
  margin: 0rem 0rem 0rem 0.625rem;
  height: 3.25rem;
  position: relative;
  top: -2px;
  display: none;
  vertical-align: middle;
}
.steps--content .steps--entry .text::after {
  content: '';
  height: 100%;
}
.steps--content .is--active .text {
  color: #131316;
  display: inline-block;
  font-weight: 700;
}
.steps--content .steps--entry .text--inner,
.steps--content .steps--entry .text::after {
  display: inline-block;
  vertical-align: middle;
}
.account--change-payment .payment--method {
  padding: 0.625rem 0rem 0.625rem 0rem;
}
.account--change-payment .payment--selection-input {
  width: 2.5rem;
  float: left;
  text-align: center;
}
.account--change-payment .payment--selection-label,
.account--change-payment .payment--description,
.account--change-payment .payment--content {
  padding: 0rem 0rem 0rem 2.5rem;
  width: 100%;
}
.account--change-payment .payment--content input {
  max-width: 100%;
}
@media screen and (min-width: 48em) {
  .register--message {
    margin-top: 2.8125rem;
  }
  .register--content {
    margin-top: 3.125rem;
    width: 64%;
    float: right;
    display: block;
  }
  .register--content .select-field {
    margin-bottom: 0.9375rem;
  }
  .register--content .select-field .register--birthday {
    margin-right: 2%;
  }
  .register--content .register--field {
    margin-bottom: 0.9375rem;
  }
  .register--content .register--check {
    padding-bottom: 0.5rem;
  }
  .register--content .select-field {
    max-width: 18.125rem;
  }
  .register--content .register--birthdate .select-field {
    width: 32%;
    margin-right: 2%;
  }
  .register--content .register--action {
    text-align: right;
  }
  .register--content .register--action .register--submit {
    width: 35%;
  }
  .steps--content {
    padding: 1.875rem 0rem 1.5rem 0rem;
    background: transparent;
    border: none;
  }
  .steps--content .steps--spacer {
    width: 5rem;
    display: table-cell;
    text-align: center;
  }
  .steps--content .steps--entry .text {
    display: inline-block;
    font-weight: 700;
  }
  .register--login {
    margin-top: 3.125rem;
    width: 34%;
    float: left;
  }
  .register--login .register--new-customer {
    display: none;
  }
  .register--login .register--login-field {
    margin-bottom: 0.9375rem;
  }
  .register--login .register--login-btn {
    width: auto;
    text-align: left;
  }
  .register--advantages {
    display: block;
    width: 34%;
    float: left;
  }
  .register--advantages:after {
    content: "";
    display: table;
    clear: both;
  }
  .register--advantages .panel--title {
    margin: 0rem 0rem 0.625rem 0rem;
  }
}
@media screen and (min-width: 78.75em) {
  .steps--content .steps--entry.step--payment {
    width: 30%;
  }
  .steps--content .steps--entry .text {
    margin: 0rem 0rem 0rem 0.625rem;
    width: 70%;
    text-align: left;
  }
  .steps--content .steps--spacer {
    width: 15%;
  }
}
/*
Shopping cart
==============================================
Defines the basic styling of the Shopware 5 shopping cart element.

Shopware offers two different shopping cart element options that can be selected in the Shopware backend.

**Shopping Cart options:**

[`off-canvas cart`](./_components-offcanvas-menu.html>)

[`collapse-cart`](./_components-collapse-cart.html>)

*/
.is--ctl-checkout .panel--body > .alert {
  margin: 1.875rem 0rem 1.875rem 0rem;
}
.is--ctl-checkout .basket--info-messages {
  margin-top: 0.625rem;
}
.is--ctl-checkout .account--billing-address.register--content,
.is--ctl-checkout .account--shipping-address.register--content,
.is--ctl-checkout .account--change-billing.register--content,
.is--ctl-checkout .account--change-shipping.register--content {
  float: none;
  width: 100%;
}
.is--act-shippingpayment .add-product--form {
  display: none;
}
.is--act-shippingpayment .product--table {
  margin-top: 0;
}
.is--act-shippingpayment .product--table .panel--body {
  padding: 1.25rem 1.25rem 0rem 1.25rem;
}
.is--act-shippingpayment .payment--method-list {
  margin-top: 0.625rem;
}
.product--table {
  margin-top: 0.625rem;
}
.product--table .alert {
  margin-bottom: 0.625rem;
}
.product--table .is--no-star {
  margin-left: -0.375rem;
}
.product--table .panel {
  border: 0 none;
}
.product--table .panel--body {
  padding: 0;
}
.product--table .premium-product.panel {
  margin: 0.625rem 0rem 0rem 0rem;
  border: 1px solid #b9b9ce;
}
.product--table .delivery--status-icon {
  display: none;
}
.product--table .table--actions {
  margin-top: 0.625rem;
  position: relative;
}
.product--table .table--actions:after {
  content: "";
  display: table;
  clear: both;
}
.product--table .table--actions .btn--checkout-proceed,
.product--table .table--actions .btn--checkout-continue {
  width: 100%;
  text-align: center;
  margin-bottom: 0.625rem;
}
.product--table .actions--bottom .main--actions {
  margin-bottom: 0rem;
}
.product--table .table--header {
  display: none;
}
.product--table .table--tr {
  padding: 0.625rem 0rem 0.5rem 0rem;
  position: relative;
  border-bottom: 1px solid #b9b9ce;
  width: 100%;
  height: 100%;
}
.product--table .table--tr:after {
  content: "";
  display: table;
  clear: both;
}
.product--table .table--media,
.product--table .table--content {
  float: left;
}
.product--table .column--product {
  padding-left: 0;
  width: 90%;
}
.product--table .column--product .column--image {
  padding: 0.625rem 0rem 0.625rem 0rem;
  float: left;
  width: 26%;
}
.product--table .table--media {
  width: 100%;
  position: relative;
}
.product--table .table--media .table--media-outer {
  border-radius: 2px;
  background-clip: padding-box;
  max-width: 4.375rem;
  max-height: 4.375rem;
  border: 1px solid #b9b9ce;
  margin: 0 auto;
}
.product--table .table--media .table--media-inner {
  width: 100%;
  position: relative;
  padding-bottom: 100%;
  height: 0;
}
.product--table .table--media img {
  padding: 5%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.product--table .table--content {
  font-size: 0.75rem;
  width: 70%;
}
.product--table .delivery--status-icon {
  font-size: 0.75rem;
  margin: 0;
}
.product--table .delivery--information {
  font-size: 0.875rem;
}
.product--table .content--title {
  font-size: 1rem;
  font-weight: 700;
  color: #484848;
}
.product--table .column--actions {
  padding-right: 0;
  position: absolute;
  width: 20%;
  top: 10px;
  right: 0;
  text-align: right;
}
.product--table .column--actions .column--actions-link {
  line-height: 2.5rem;
  padding: 0rem 0.875rem 0rem 0.9375rem;
}
.product--table .column--actions .icon--cross {
  font-size: 0.75rem;
}
.product--table .column--label {
  color: #222222;
  text-align: left;
  margin: 0%;
  float: left;
  font-weight: 700;
}
.product--table .column--label.quantity--label {
  margin-top: 0.6875rem;
}
.product--table .row--rebate .column--label,
.product--table .row--premium-product .column--label,
.product--table .row--voucher .column--label {
  margin: 0;
}
.product--table .row--rebate .table--media,
.product--table .row--premium-product .table--media,
.product--table .row--voucher .table--media {
  width: 4.375rem;
  margin: 0 auto;
  float: none;
}
.product--table .row--rebate .column--image,
.product--table .row--premium-product .column--image,
.product--table .row--voucher .column--image {
  padding: 0.625rem 0rem 0.625rem 0rem;
  width: 24%;
}
.product--table .row--rebate .table--content,
.product--table .row--premium-product .table--content {
  padding-top: 1.3125rem;
}
.product--table .column--total-price {
  font-weight: 700;
}
.product--table .column--product:after {
  content: "";
  display: table;
  clear: both;
}
.product--table .column--product .column--image {
  float: left;
  width: 24%;
}
.product--table .column--quantity .select-field {
  min-width: 6.25rem;
  max-width: 10rem;
  width: auto;
}
.product--table .column--quantity,
.product--table .column--unit-price,
.product--table .column--total-price,
.product--table .column--tax-price {
  padding: 0.3125rem 0rem 0.3125rem 0.625rem;
  margin-left: 22%;
  width: 78%;
}
.product--table .column--quantity {
  padding: 0rem 0rem 0rem 0.625rem;
}
.product--table .column--unit-price {
  padding: 0rem 0rem 0.5625rem 0.625rem;
}
.product--table .product--delivery {
  margin: 0;
}
.product--table .cart--badge {
  border-radius: 3px 0 0 3px;
  background-clip: padding-box;
  display: block;
  position: absolute;
  width: 20px;
  height: 100%;
  top: 0;
  left: 0;
  background: #131316;
}
.product--table .cart--badge span {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  text-align: center;
  line-height: 20px;
  color: white;
  text-transform: uppercase;
  font-weight: 700;
  display: block;
  position: absolute;
  width: 70px;
  top: 0;
  bottom: 0;
}
.product--table .basket--badge {
  line-height: 3rem;
  font-size: 1rem;
  border-radius: 128px;
  background-clip: padding-box;
  height: 3rem;
  width: 3rem;
  margin: 0 auto;
  text-align: center;
  font-weight: 700;
  background: #484848;
  color: #fff;
}
.product--table .basket--badge .icon--arrow-right {
  font-size: 0.8125rem;
}
.product--table .basket--badge .icon--coupon {
  font-size: 1.75rem;
  line-height: 3.125rem;
}
.product--table .row--premium-product .basket--badge {
  font-size: 0.6875rem;
}
.product--table .table--actions + .alert {
  margin-top: 0.625rem;
}
.product--table .content {
  font-size: 0.875rem;
  margin: 0;
}
.product--table .add-product--form {
  margin: 1.25rem 0rem 1.25rem 0rem;
}
.product--table .add-product--field,
.product--table .add-voucher--field {
  border-top-left-radius: 3px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 3px;
  background-clip: padding-box;
  height: 2.375rem;
  width: 90%;
}
.product--table .add-voucher--field {
  background: #fff;
}
.product--table .add-product--button,
.product--table .add-voucher--button {
  height: 2.375rem;
  padding: 0.1875rem 0rem 0.1875rem 0rem;
  border-top-left-radius: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 0;
  background-clip: padding-box;
  width: 10%;
}
.product--table .add-voucher--form {
  margin: 0rem 0rem 0.75rem 0rem;
}
.product--table .add-voucher--panel {
  margin: 0.625rem 0rem 0rem 0rem;
}
.product--table .table--aggregation {
  margin: 0rem -0.625rem 0rem -0.625rem;
  padding: 0.75rem 0.625rem 0.75rem 0.625rem;
  background: #f8f8fa;
  border-color: #b9b9ce;
  border-style: solid;
  border-width: 1px 0 0 0;
}
.product--table .table--shipping-costs label {
  font-weight: 700;
}
.product--table .table--shipping-costs .select-field {
  height: 2.375rem;
  line-height: 2.25rem;
  max-width: 100%;
}
.product--table .table--shipping-costs-trigger {
  font-weight: 700;
}
.product--table .main--actions:after {
  content: "";
  display: table;
  clear: both;
}
.product--table .table--footer {
  font-size: 0.875rem;
}
.product--table .table--footer .benefit--text {
  font-size: 0.875rem;
}
.product--table .benefit--headline {
  font-size: 0.875rem;
  color: #222222;
  font-weight: 700;
}
.aggregation--list {
  margin: 0rem -0.625rem 0rem -0.625rem;
  padding: 0.75rem 0.625rem 0.75rem 0.625rem;
  background: #f8f8fa;
  border-bottom: 1px solid #b9b9ce;
}
.aggregation--list .list--entry {
  list-style: none;
}
.aggregation--list .entry--label {
  width: 70%;
}
.aggregation--list .entry--value {
  width: 30%;
  text-align: right;
}
.aggregation--list .entry--total {
  font-weight: 700;
  color: #222222;
}
.aggregation--list .entry--totalnet,
.aggregation--list .entry--taxes {
  font-size: 0.75rem;
}
.premium-product.panel {
  margin: 0.625rem 0rem 0.625rem 0rem;
}
.premium-product--content {
  height: 20rem;
}
.premium-product--content .product-slider--container {
  padding: 0;
}
.premium-product p {
  margin: 0.625rem 0rem 0.625rem 0rem;
}
.premium-product .premium-product--difference {
  border-color: #b9b9ce;
  display: block;
}
.premium-product .premium-product--difference .difference--price {
  font-size: 0.875rem;
}
.premium-product .product-slider--arrow.arrow--next {
  right: -0.0625rem;
}
.premium-product .product-slider--arrow.arrow--prev {
  left: -0.0625rem;
}
.premium-product .product--inner {
  padding: 0.3125rem 1.875rem 0.3125rem 1.875rem;
  margin: 0rem 0rem 0.625rem 0rem;
}
.premium-product .product--inner .product--image {
  border-radius: 3px;
  background-clip: padding-box;
  height: 10.9375rem;
  margin: 0rem 0rem 0.9375rem 0rem;
  padding: 0.625rem 0.625rem 0.625rem 0.625rem;
  display: block;
  border: 1px solid #b9b9ce;
  position: relative;
  text-align: center;
}
.premium-product .product--inner .product--image .image--element {
  height: 100%;
  width: 100%;
  display: block;
  margin: 0 auto;
  position: relative;
}
.premium-product .product--inner .product--image .image--element img {
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  display: inline-block;
  vertical-align: middle;
  z-index: 500;
}
.premium-product .product--inner .premium-product--badge {
  border-radius: 38px;
  background-clip: padding-box;
  height: 2.375rem;
  width: 2.375rem;
  line-height: 2.375rem;
  top: -1.1875rem;
  right: -1.1875rem;
  background: #131316;
  position: absolute;
  color: #fff;
  font-weight: 700;
  z-index: 750;
}
.premium-product .product--inner .premium-product--free {
  color: #2ECC71;
  font-weight: 700;
  text-align: left;
}
.premium-product .product--inner .btn {
  width: 100%;
}
.premium-product .product--inner .premium--variant:after {
  content: "";
  display: table;
  clear: both;
}
.premium-product .product--inner .premium--variant .premium--button {
  border-top-left-radius: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 0;
  background-clip: padding-box;
  height: 2.375rem;
  margin-left: -0.125rem;
  width: 20%;
}
.premium-product .product--inner .premium--variant .select-field {
  margin-right: 0.125rem;
  max-width: 80%;
  float: left;
}
.premium-product .product--inner .premium--variant .select-field .premium--selection {
  border-top-left-radius: 3px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 3px;
  background-clip: padding-box;
  line-height: 2.375rem;
  height: 2.375rem;
  font-weight: 700;
}
.premium-product .product--inner .premium--variant .select-field:after {
  height: 2.25rem;
}
.js--modal .modal--checkout-add-article .link--article-image .image--media {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
.js--modal .modal--checkout-add-article .link--article-image .image--media img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.js--modal .modal--checkout-add-article .modal--title {
  padding: 0.625rem 2.5rem 0.625rem 1.25rem;
  font-size: 1rem;
  font-weight: 700;
  border-bottom: 1px solid #b9b9ce;
}
.js--modal .modal--checkout-add-article .modal--error {
  padding: 1.25rem 1.25rem 1.25rem 1.25rem;
}
.js--modal .modal--checkout-add-article .modal--article {
  padding: 1.25rem;
}
.js--modal .modal--checkout-add-article .article--info {
  margin-left: 5rem;
}
.js--modal .modal--checkout-add-article .article--info:after {
  content: "";
  display: table;
  clear: both;
}
.js--modal .modal--checkout-add-article .article--image {
  padding: 0.3125rem;
  width: 5rem;
  height: 5rem;
  border-radius: 3px;
  background-clip: padding-box;
  float: left;
  border: 1px solid #b9b9ce;
}
.js--modal .modal--checkout-add-article .article--name {
  width: 100%;
}
.js--modal .modal--checkout-add-article .list--name {
  margin-left: 0.9375rem;
}
.js--modal .modal--checkout-add-article .list--name .entry--name {
  margin-bottom: 0.625rem;
}
.js--modal .modal--checkout-add-article .list--name .link--name {
  color: #484848;
  font-weight: 700;
}
.js--modal .modal--checkout-add-article .article--price {
  margin: 0.9375rem 0rem 0rem 0.9375rem;
  width: 100%;
}
.js--modal .modal--checkout-add-article .list--price .entry--price {
  margin-bottom: 0.625rem;
  color: #484848;
  font-weight: 700;
}
.js--modal .modal--checkout-add-article .modal--actions {
  margin: 0rem 0rem 1.25rem 0rem;
  padding: 0.625rem 1.25rem 0rem 1.25rem;
}
.js--modal .modal--checkout-add-article .modal--actions:after {
  content: "";
  display: table;
  clear: both;
}
.js--modal .modal--checkout-add-article .modal--actions .btn {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.js--modal .modal--checkout-add-article .modal--actions .btn:last-child {
  margin-top: 0.625rem;
}
.js--modal .modal--checkout-add-article .modal--actions .is--left {
  padding-left: 2.1875rem;
}
.js--modal .modal--checkout-add-article .modal--cross-selling {
  padding: 0rem 1.25rem 1.25rem 1.25rem;
  margin: 0;
}
.js--modal .modal--checkout-add-article .modal--cross-selling .product-slider--container {
  padding: 0;
}
.js--modal .modal--checkout-add-article .modal--cross-selling .item--image {
  padding-bottom: 0.625rem;
  height: 10.625rem;
  border-bottom: 1px solid #b9b9ce;
  margin: 0 auto;
  text-align: center;
}
.js--modal .modal--checkout-add-article .modal--cross-selling .link--image,
.js--modal .modal--checkout-add-article .modal--cross-selling .link--image span {
  overflow: hidden;
  display: block;
  height: 100%;
}
.js--modal .modal--checkout-add-article .modal--cross-selling .link--image img {
  margin: 0 auto;
}
.js--modal .modal--checkout-add-article .modal--cross-selling .image--slider-item,
.js--modal .modal--checkout-add-article .modal--cross-selling .image--no-picture {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}
.js--modal .modal--checkout-add-article .modal--cross-selling .link--name {
  color: #222222;
  font-weight: 700;
}
.js--modal .modal--checkout-add-article .modal--cross-selling .item--price-unit {
  font-size: 0.6875rem;
}
.js--modal .modal--checkout-add-article .modal--cross-selling .price--normal {
  font-size: 1.0625rem;
  color: #222222;
  font-weight: 700;
}
.js--modal .modal--checkout-add-article .modal--cross-selling .price--reduced {
  color: #E90505;
}
.js--modal .modal--checkout-add-article .modal--cross-selling .price--pseudo {
  font-size: 0.625rem;
  text-decoration: line-through;
}
.content--confirm .alert {
  margin-top: 0.625rem;
}
.content--confirm .has--border {
  border: 1px solid #b9b9ce;
}
.content--confirm .confirm--actions .main--actions {
  text-align: center;
  width: 100%;
}
.content--confirm .payment--method-list,
.content--confirm .dispatch--method-list {
  margin-bottom: 0.625rem;
}
.content--confirm .payment--method,
.content--confirm .dispatch--method {
  padding-bottom: 0.625rem;
  margin-bottom: 0.625rem;
  border-bottom: 1px solid #b9b9ce;
}
.content--confirm .payment--method .method_last,
.content--confirm .dispatch--method .method_last {
  border: 0 none;
}
.content--confirm .payment--method.method_last,
.content--confirm .dispatch--method.method_last {
  border: 0 none;
}
.content--confirm .method--input {
  width: 2.5rem;
  text-align: center;
  float: left;
}
.content--confirm .method--label {
  padding-left: 2.5rem;
  width: 100%;
}
.content--confirm .method--description {
  padding-left: 2.5rem;
}
.content--confirm .payment--method-logo {
  margin-left: 2.5rem;
}
.content--confirm .method--bankdata {
  padding-left: 2.5rem;
}
.content--confirm .method--bankdata input[type="text"] {
  max-width: 100%;
}
.content--confirm .table--aggregation,
.content--confirm .add-product--form,
.content--confirm .add-product--field,
.content--confirm .add-product--button {
  display: none;
}
.content--confirm .aggregation--list {
  font-size: 0.875rem;
  line-height: 1.5rem;
  margin: 0rem -0.625rem 0rem -0.625rem;
  border-top: 1px solid #b9b9ce;
}
@media screen and (min-width: 30em) {
  .product--table .column--label {
    text-align: right;
    width: 100%;
    margin: 0;
  }
  .product--table .table--tr {
    padding: 0.625rem 0rem 1.25rem 0rem;
  }
  .product--table .table--content {
    width: 85%;
  }
  .product--table .table--actions .btn--checkout-proceed,
  .product--table .table--actions .btn--checkout-continue {
    width: 49%;
    text-align: center;
    margin-bottom: 0rem;
  }
  .product--table .column--product .column--image {
    width: 15%;
  }
  .product--table .column--quantity,
  .product--table .column--unit-price,
  .product--table .column--total-price {
    float: left;
    width: 28.83%;
  }
  .product--table .column--quantity {
    padding-right: 0.625rem;
    margin-left: 13.5%;
  }
  .product--table .column--quantity .quantity--label {
    margin: 0rem 0rem 0.1875rem 0rem;
    text-align: left;
  }
  .product--table .column--quantity .select-field {
    float: left;
    font-weight: 700;
  }
  .product--table .column--unit-price {
    padding-right: 0.625rem;
    margin: 0;
  }
  .product--table .column--unit-price .unit-price--label {
    margin-bottom: 0.75rem;
  }
  .product--table .column--total-price {
    padding: 0rem 0.625rem 0.3125rem 0.625rem;
    margin: 0;
  }
  .product--table .column--total-price .total-price--label {
    margin-bottom: 0.75rem;
  }
  .product--table .column--tax-price {
    margin: 0;
  }
  .product--table .column--tax-price .tax-price--label {
    margin-bottom: 0.75rem;
  }
  .product--table .row--rebate .column--label,
  .product--table .row--premium-product .column--label,
  .product--table .row--voucher .column--label {
    margin: 0;
  }
  .product--table .row--rebate .column--image,
  .product--table .row--premium-product .column--image,
  .product--table .row--voucher .column--image {
    width: 15%;
  }
  .product--table .row--rebate .column--total-price,
  .product--table .row--premium-product .column--total-price,
  .product--table .row--voucher .column--total-price {
    float: right;
  }
  .product--table .add-product--field {
    width: 55%;
  }
  .product--table .actions--bottom .main--actions {
    margin-bottom: 0.625rem;
  }
  .js--modal .modal--checkout-add-article .article--name {
    width: 75%;
    float: left;
  }
  .js--modal .modal--checkout-add-article .article--price {
    width: 25%;
    float: right;
    margin: 0;
  }
  .js--modal .modal--checkout-add-article .modal--actions {
    margin: 0rem 0rem 1.25rem 0rem;
    padding: 0.625rem 1.25rem 0rem 1.25rem;
  }
  .js--modal .modal--checkout-add-article .modal--actions:after {
    content: "";
    display: table;
    clear: both;
  }
  .js--modal .modal--checkout-add-article .modal--actions .btn {
    width: 49%;
  }
  .js--modal .modal--checkout-add-article .modal--actions .btn:last-child {
    margin-top: 0;
  }
  .js--modal .modal--checkout-add-article .modal--actions .is--left {
    padding-left: 2.1875rem;
  }
}
@media screen and (min-width: 48em) {
  .is--ctl-checkout .basket--info-messages {
    margin: 1.25rem 0rem 0.25rem 0rem;
  }
  .is--ctl-checkout .account--change-billing.register--content,
  .is--ctl-checkout .account--change-shipping.register--content {
    width: 75%;
  }
  .is--act-shippingpayment .product--table .table--actions {
    margin-top: 1.25rem;
  }
  .is--act-shippingpayment .payment--method-list {
    margin-top: 0;
  }
  .is--act-shippingpayment .basket--footer .aggregation--list {
    padding-right: 1.25rem;
  }
  .product--table {
    margin: 1.25rem 0rem 1.25rem 0rem;
  }
  .product--table .alert {
    margin-bottom: 1.25rem;
  }
  .product--table .row--voucher,
  .product--table .row--premium-product {
    height: 100%;
  }
  .product--table .panel--body {
    padding: 1.25rem 1.25rem 1.25rem 1.25rem;
    border: 1px solid #b9b9ce;
  }
  .product--table .premium-product--content {
    height: 20.625rem;
    border: 0 none;
  }
  .product--table .premium-product.panel {
    margin: 1.25rem 0rem 0rem 0rem;
  }
  .product--table .column--actions {
    position: static;
    bottom: auto;
    float: right;
  }
  .product--table .column--label {
    display: none;
  }
  .product--table .table--header {
    margin: 0rem 0rem 0.625rem 0rem;
    border-bottom: 1px solid #b9b9ce;
    display: block;
  }
  .product--table .table--header .table--column {
    font-size: 1rem;
    padding-bottom: 0;
    font-weight: 700;
    color: #222222;
  }
  .product--table .table--header .panel--th {
    padding: 0.3125rem 0.625rem 0.5625rem 0.625rem;
    font-size: 1rem;
  }
  .product--table .table--header .column--product {
    padding-left: 0;
    width: 52%;
  }
  .product--table .column--product {
    float: left;
    width: 52%;
  }
  .product--table .column--product .column--image {
    width: 8%;
  }
  .product--table .table--tr {
    padding: 0;
    border-bottom: 1px solid #b9b9ce;
  }
  .product--table .is--centered {
    display: inline-block;
    vertical-align: middle;
  }
  .product--table .column--actions {
    width: 8%;
    padding-right: 0;
  }
  .product--table .column--product .column--image {
    width: 20%;
  }
  .product--table .table--media,
  .product--table .table--content {
    float: left;
  }
  .product--table .table--media {
    width: 100%;
  }
  .product--table .table--media .table--media-outer {
    margin: 0;
  }
  .product--table .table--content {
    width: 74%;
  }
  .product--table .column--quantity {
    padding: 0.625rem 0.625rem 0.625rem 0.625rem;
    float: left;
    width: 11%;
    margin: 0;
  }
  .product--table .column--quantity .select-field {
    float: right;
    font-weight: 700;
    padding: 0rem 0rem 0rem 1rem;
  }
  .product--table .column--unit-price,
  .product--table .column--total-price {
    padding: 0.625rem 0.625rem 0.625rem 0.625rem;
    width: 14.5%;
  }
  .product--table .row--product .column--quantity {
    padding-top: 1.625rem;
  }
  .product--table .row--product .column--unit-price,
  .product--table .row--product .column--total-price {
    line-height: 2.625rem;
    padding-top: 1.625rem;
  }
  .product--table .row--product .column--actions {
    padding-top: 1.625rem;
  }
  .product--table .content--title {
    font-size: 1rem;
    font-weight: 700;
    color: #484848;
  }
  .product--table .column--total-price {
    float: left;
    font-weight: 700;
  }
  .product--table .basket--badge {
    width: 3rem;
    margin: 0 auto;
  }
  .product--table .row--rebate .table--media,
  .product--table .row--premium-product .table--media,
  .product--table .row--voucher .table--media {
    float: left;
  }
  .product--table .row--rebate .column--total-price,
  .product--table .row--premium-product .column--total-price,
  .product--table .row--voucher .column--total-price {
    margin-left: 25.5%;
    float: left;
  }
  .product--table .row--rebate .column--tax-price,
  .product--table .row--premium-product .column--tax-price,
  .product--table .row--voucher .column--tax-price {
    margin: 0;
  }
  .product--table .row--rebate .column--actions,
  .product--table .row--premium-product .column--actions,
  .product--table .row--voucher .column--actions {
    padding-top: 0.8125rem;
  }
  .product--table .row--rebate .table--content,
  .product--table .row--premium-product .table--content {
    padding-top: 1.3125rem;
  }
  .product--table .row--rebate .column--total-price,
  .product--table .row--premium-product .column--total-price {
    padding-top: 1.375rem;
  }
  .product--table .row--voucher .column--total-price {
    padding-top: 1.375rem;
  }
  .product--table .row--premium-product .column--product,
  .product--table .row--rebate .column--product {
    width: 77.5%;
  }
  .product--table .row--premium-product .column--image,
  .product--table .row--rebate .column--image {
    width: 13.3%;
  }
  .product--table .row--premium-product .column--total-price,
  .product--table .row--rebate .column--total-price {
    margin-left: 0;
  }
  .product--table .add-product--form {
    margin: 0.9375rem 0rem 1.25rem 0rem;
    width: 35%;
  }
  .product--table .add-product--field {
    width: 80%;
  }
  .product--table .add-product--button {
    width: 16%;
  }
  .product--table .basket--footer {
    margin: 0rem -1.25rem -1.25rem -1.25rem;
    border-top: 1px solid #b9b9ce;
    background: #f8f8fa;
  }
  .product--table .basket--footer:after {
    content: "";
    display: table;
    clear: both;
  }
  .product--table .aggregation--list,
  .product--table .table--aggregation {
    padding: 1.25rem 1.25rem 1.25rem 1.25rem;
    padding-right: 11%;
    border: 0 none;
    background: transparent;
    margin: 0;
    float: left;
    width: 50%;
  }
  .product--table .table--actions {
    padding-bottom: 1.25rem;
    margin: 0;
  }
  .product--table .table--actions .is--secondary {
    margin-right: 1.25rem;
  }
  .product--table .table--actions .btn--inquiry {
    margin-left: -8.125rem;
    width: 16.25rem;
    top: 0;
    position: absolute;
    left: 50%;
  }
  .product--table .table--actions .btn--checkout-proceed,
  .product--table .table--actions .btn--checkout-continue {
    width: 25%;
    text-align: center;
    margin-bottom: 0rem;
  }
  .product--table .actions--bottom .main--actions {
    margin-top: 1.25rem;
  }
  .product--table .table--footer {
    display: block;
  }
  .footer--benefit {
    font-size: 0.875rem;
    padding: 0rem 1.25rem 0rem 0rem;
    width: 33.33332%;
  }
  .footer--benefit.is--last {
    padding: 0;
  }
  .js--modal .modal--checkout-add-article .article--price {
    margin-top: 0;
    margin-left: 0;
  }
  .js--modal .modal--checkout-add-article .modal--actions .btn {
    width: 35%;
    margin-bottom: 0;
  }
  .js--modal .modal--checkout-add-article .modal--actions .btn:last-child {
    margin-top: 0;
  }
  .content--confirm .alert {
    margin: 0;
  }
  .content--confirm .table--aggregation {
    visibility: hidden;
    display: block;
  }
  .content--confirm .confirm--inner-container .payment--method-list,
  .content--confirm .confirm--inner-container .dispatch--method-list {
    margin-bottom: 1.25rem;
  }
  .content--confirm .confirm--inner-container .panel--body {
    border: 0 none;
  }
  .content--confirm .confirm--inner-container .has--border {
    border: 1px solid #b9b9ce;
  }
  .content--confirm .confirm--inner-container .basket--footer {
    border: 1px solid #b9b9ce;
    margin: 0;
  }
  .content--confirm .confirm--actions .main--actions {
    width: 25%;
  }
}
@media screen and (min-width: 64em) {
  .product--table .table--actions .btn--inquiry {
    left: 50%;
  }
  .product--table .column--product .column--image {
    width: 16%;
  }
  .product--table .column--product .table--content {
    width: 84%;
  }
  .product--table .row--premium-product .column--product .column--image,
  .product--table .row--rebate .column--product .column--image {
    width: 10.7%;
  }
  .product--table .add-product--form {
    width: 25%;
  }
  .product--table .aggregation--list {
    float: right;
    padding-right: 10.5%;
  }
  .product--table .table--aggregation {
    width: 45%;
  }
}
@media screen and (min-width: 78.75em) {
  .is--ctl-checkout .basket--info-messages {
    margin: 2.8125rem 0rem 0rem 0rem;
  }
  .is--act-shippingpayment .product--table {
    margin-top: 1.5625rem;
  }
  .product--table {
    margin-top: 2.8125rem;
  }
  .product--table .column--actions {
    width: 4%;
  }
  .product--table .table--header .column--product {
    width: 55%;
  }
  .product--table .column--product {
    width: 55%;
  }
  .product--table .column--product .column--image {
    width: 14%;
  }
  .product--table .column--product .table--content {
    width: 86%;
  }
  .product--table .row--rebate .column--actions,
  .product--table .row--premium-product .column--actions,
  .product--table .row--voucher .column--actions {
    padding-top: 1.3125rem;
  }
  .product--table .row--product .column--actions {
    padding-top: 2.125rem;
  }
  .product--table .table--tr .column--actions .column--actions-link {
    line-height: 1.125rem;
    padding: 0rem 0.3125rem 0.125rem 0.3125rem;
  }
  .product--table .table--tr .column--actions .icon--cross {
    font-size: 0.5625rem;
  }
  .product--table .row--premium-product .column--product,
  .product--table .row--rebate .column--product {
    width: 80.5%;
  }
  .product--table .row--premium-product .column--product .column--image,
  .product--table .row--rebate .column--product .column--image {
    width: 9.5%;
  }
  .product--table .aggregation--list {
    padding-right: 7.3%;
  }
}
/*
Checkout finish
==========================================
Contains the styles for the finish page.

It is displayed after the Shopware checkout process is finished and contains the important order information, the users information and option to print the order confirmation.
*/
.is--act-finish .content-main {
  margin-top: 1.25rem;
}
.finish--content {
  padding-top: 0.625rem;
}
.finish--content .information--panel-item {
  margin-bottom: 1.25rem;
}
.finish--content .information--panel-item:after {
  content: "";
  display: table;
  clear: both;
}
.finish--content .information--panel-item .panel--body:after {
  content: "";
  display: table;
  clear: both;
}
.finish--content .information--panel-item.information--panel-address .shipping--panel {
  text-align: center;
}
.finish--content .product--table {
  margin-top: 0;
}
.finish--teaser {
  margin: 0rem 0rem 1.25rem 0rem;
}
.teaser--btn-back {
  margin: 0rem 0rem 1.25rem 0rem;
}
.teaser--btn-print,
.teaser--btn-back {
  text-align: center;
  width: 100%;
}
.teaser--btn-print *[class^="icon--"],
.teaser--btn-back *[class^="icon--"] {
  margin: 0.25rem 0rem 0rem 0rem;
  float: left;
}
.finish--table .panel--body {
  border: 1px solid #b9b9ce;
}
.finish--table .table--tr {
  padding: 0.625rem 0.625rem 0.625rem 0.625rem;
}
.finish--table .column--quantity,
.finish--table .column--total-price {
  padding-right: 0;
}
.finish--table .table--aggregation {
  display: none;
}
.finish--table .aggregation--list {
  margin: 0;
  border-bottom: 0 none;
}
.finish--table .basket--footer {
  border-top: 1px solid #b9b9ce;
}
.finish--table .is--last-row {
  border-bottom: 0 none;
}
@media screen and (min-width: 30em) {
  .finish--table .table--tr .column--quantity {
    margin-left: 42.3%;
  }
  .finish--table .table--tr .column--quantity .column--label {
    margin-bottom: 0.75rem;
    text-align: right;
  }
}
@media screen and (min-width: 48em) {
  .teaser--btn-print {
    text-align: left;
    width: auto;
  }
  .is--act-finish .content-main {
    margin-top: 2.5rem;
  }
  .finish--content {
    padding-top: 1.25rem;
  }
  .finish--content .information--panel-wrapper {
    margin: -2% 0 0 -2%;
    margin-bottom: 1.25rem;
  }
  .finish--content .information--panel-wrapper .information--panel-item.information--panel-item-billing {
    width: 50%;
  }
  .finish--content .information--panel-wrapper .information--panel-item.information--panel-item-billing .panel {
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .finish--content .information--panel-wrapper .information--panel-item.information--panel-item-shipping {
    padding-left: 0;
    width: 50%;
  }
  .finish--content .information--panel-wrapper .information--panel-item.information--panel-item-shipping .panel {
    border-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .finish--content .information--panel-wrapper .information--panel {
    margin: 0;
  }
  .finish--content .information--panel-wrapper .information--panel-item {
    padding: 2% 0 0 2%;
    width: 100%;
    float: left;
    margin-bottom: 0;
  }
  .finish--content .information--panel-address .panel--body:after {
    content: "";
    display: table;
    clear: both;
  }
  .finish--content .information--panel-address .panel--body .billing--panel {
    float: left;
    width: 50%;
  }
  .finish--content .information--panel-address .panel--body .shipping--panel {
    float: right;
    width: 50%;
  }
  .teaser--btn-back {
    margin: 0rem 1.25rem 0rem 0rem;
    width: auto;
  }
  .finish--table {
    margin: 1.25rem 0rem 0rem 0rem;
  }
  .finish--table .table--header .panel--th {
    padding-right: 0;
  }
  .finish--table .panel--body {
    padding: 1.25rem 1.25rem 1.25rem 1.25rem;
  }
  .finish--table .column--total-price {
    width: 37%;
  }
  .finish--table .table--tr {
    padding: 0;
  }
  .finish--table .table--tr:last-child {
    border: 0 none;
  }
  .finish--table .table--tr .column--quantity {
    line-height: 2.625rem;
    margin: 0;
  }
  .finish--table .row--rebate .column--total-price,
  .finish--table .row--premium-product .column--total-price {
    width: 22.5%;
  }
  .finish--table .row--voucher .column--total-price {
    margin-left: 0;
    width: 48%;
  }
  .finish--table .table--aggregation {
    display: block;
    width: 50%;
  }
  .finish--table .aggregation--list {
    padding: 1.25rem 1.25rem 1.25rem 1.25rem;
  }
}
@media screen and (min-width: 64em) {
  .finish--content .information--panel-wrapper {
    margin-bottom: 1.25rem;
  }
  .finish--content .information--panel-wrapper .information--panel-item {
    width: 33.3%;
  }
  .finish--content .information--panel-wrapper .information--panel-item.information--panel-item-billing,
  .finish--content .information--panel-wrapper .information--panel-item.information--panel-item-shipping {
    width: 33.3%;
  }
  .finish--content .information--panel-wrapper .information--panel-item.information--panel-address {
    width: 66.6%;
  }
  .finish--content .information--panel-wrapper .information--panel-item-billing .panel {
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .finish--content .information--panel-wrapper .information--panel-item-shipping {
    padding-left: 0;
  }
  .finish--content .information--panel-wrapper .information--panel-item-shipping .panel {
    border-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
}
@media screen and (min-width: 78.75em) {
  .finish--content {
    padding-top: 2.8125rem;
  }
  .finish--content .column--total-price {
    width: 34%;
  }
  .finish--content .finish--table .table--header .column--product {
    width: 55%;
  }
  .finish--content .finish--table .row--premium-product .column--total-price,
  .finish--content .finish--table .row--rebate .column--total-price {
    width: 19.5%;
  }
  .finish--content .finish--table .row--voucher .column--total-price {
    width: 45%;
  }
}
@media print {
  body {
    width: auto;
    height: auto;
    overflow: auto;
    background: #ffffff;
  }
  .container {
    max-width: none;
  }
  .is--act-finish .content-main {
    margin-top: 0;
  }
  .finish--teaser,
  .navigation-main,
  .footer--columns,
  .shop--navigation,
  .top-bar,
  .btn--back-top-shop,
  .header-main .container--ajax-cart {
    display: none;
  }
  .is--ctl-checkout.is--minimal-header .header-main,
  .header-main {
    border-bottom: none;
    margin: 0;
    padding: 0;
  }
  .content-main {
    margin-bottom: 0;
  }
  .finish--table {
    clear: both;
  }
  .finish--table .table--tr {
    page-break-inside: avoid;
  }
  .finish--table .table--content {
    width: 85%;
  }
  .finish--table .column--product .column--image {
    width: 15%;
  }
  .finish--table .column--label.quantity--label {
    margin: 0;
  }
  .finish--table .column--product {
    width: 100%;
  }
  .finish--table .column--product:after {
    content: "";
    display: table;
    clear: both;
  }
  .finish--table .column--total-price,
  .finish--table .column--quantity {
    margin-left: 70%;
    width: 30%;
  }
  .footer-minimal .footer--service-menu,
  .footer-main .footer--service-menu,
  .footer-minimal .footer--copyright,
  .footer-main .footer--copyright,
  .footer-minimal .footer--logo,
  .footer-main .footer--logo {
    display: none;
  }
  .footer-minimal .vat-info--text,
  .footer-main .vat-info--text {
    font-size: 0.5625rem;
  }
  .footer-minimal a,
  .footer-main a {
    color: #484848;
  }
}
/*
Account
================================================
Defines the styles for the Shopware 5 user account page.

The my-account page displays a dashboard that shows an overview of the user information, payment methods, billing and shipping information inside panel elements.

It allows the user to directly see and change the important information of their account.
*/
.account--content {
  margin: 0.625rem 0rem 0rem 0rem;
}
.partner-statistic .panel--title {
  padding-bottom: 1.25rem;
}
.account--content:after,
.payment_logo_debit:after,
.account-address--container:after,
.account-info--container:after {
  content: "";
  display: table;
  clear: both;
}
.account--logout .logout--headline {
  font-size: 1.5rem;
  margin: 0.625rem 0rem 1.25rem 0rem;
}
.account--logout .logout--actions {
  margin-bottom: 0.625rem;
}
.account--logout .logout-back-to-shop {
  display: block;
}
.account--menu .link--logout {
  font-weight: 700;
  color: #131316;
}
.account--menu .navigation--logout-personalized {
  display: block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.account--box {
  margin: 0rem 0rem 1.25rem 0rem;
}
.account--password input[type="text"],
.account--email input[type="text"],
.account--password input[type="password"],
.account--email input[type="password"],
.account--password input[type="email"],
.account--email input[type="email"] {
  width: 100%;
}
.account--welcome {
  margin-bottom: 1.25rem;
}
.account--welcome .panel--body {
  padding: 0;
}
.account--welcome .panel--title {
  padding: 1.25rem 0rem 1.25rem 0rem;
  margin: 0;
}
.account--welcome .panel--actions {
  padding: 0;
}
.account--error,
.account--success {
  margin: 0rem 0rem 0.625rem 0rem;
}
.register--error-msg {
  color: #E74C3C;
}
.account--actions {
  margin: 0rem 1.25rem 1.25rem 1rem;
}
.account--actions:after {
  content: "";
  display: table;
  clear: both;
}
.account--change-payment.register--content {
  display: block;
  width: 100%;
}
.account--newsletter fieldset {
  border: 0;
  padding: 0;
}
.account--newsletter fieldset input[type="checkbox"] {
  margin: 0rem 0.625rem 0rem 0rem;
}
.account--paging {
  padding: 0.625rem 0.625rem 0.625rem 0.625rem;
  display: block;
  background: #ffffff;
}
.account--paging:after {
  content: "";
  display: table;
  clear: both;
}
.account--paging .paging--display {
  float: right;
}
.account--orders-overview {
  border: 1px solid #b9b9ce;
}
.account--orders-overview p {
  font-size: 0.875rem;
}
.account--orders-overview .orders--table-header {
  display: none;
  background: #FFFFFF;
}
.account--orders-overview .orders--table-header .panel--th {
  color: #222222;
}
.account--orders-overview .panel--tr {
  padding: 0.625rem 0rem 0.625rem 0rem;
}
.account--orders-overview .panel--td {
  padding: 0.3125rem 0.625rem 0.3125rem 0.625rem;
  display: block;
  float: none;
}
.account--orders-overview .panel--td:after {
  content: "";
  display: table;
  clear: both;
}
.account--orders-overview .column--info-labels,
.account--orders-overview .column--info-data {
  width: 50%;
  float: left;
  text-align: left;
}
.account--orders-overview .column--info-data {
  padding: 0.3125rem 0.625rem 0rem 0rem;
}
.account--orders-overview .column--summary-labels,
.account--orders-overview .column--summary-data {
  width: 50%;
  float: left;
  text-align: left;
}
.account--orders-overview .column--summary-data {
  padding: 0.3125rem 0.625rem 0rem 0rem;
}
.account--orders-overview .column--label,
.account--orders-overview .column--value {
  width: 50%;
  float: left;
}
.account--orders-overview .column--label {
  font-weight: 700;
}
.is--act-partnerStatistic .content-main--inner {
  padding: 0rem 0rem 1rem 0rem;
}
.is--act-partnerStatistic .account--welcome {
  padding: 0rem 0rem 0rem 0.625rem;
}
.is--act-partnerStatistic .listing--actions {
  padding: 0.625rem 1.125rem 1.5rem 1.125rem;
  border-bottom: 1px solid #b9b9ce;
}
.is--act-partnerStatistic .date-filter {
  font-size: 0.875rem;
  height: 3.125rem;
  display: block;
  width: 100%;
}
.is--act-partnerStatistic .date-filter--label {
  padding: 0.5625rem 0rem 0.625rem 0rem;
  width: 2.5rem;
  display: block;
  float: left;
}
.is--act-partnerStatistic .date-filter--input {
  margin: 0rem 0rem 0rem 2.5rem;
  width: auto;
}
.is--act-partnerStatistic .datepicker {
  padding-right: 2.1875rem;
  width: 100%;
  float: left;
}
.is--act-partnerStatistic .ui-datepicker-trigger {
  width: 1.25rem;
  height: 1.25rem;
  margin: 0.625rem 0rem 0rem -1.875rem;
  display: inline;
  border: 0;
  background: transparent;
  text-align: center;
  color: #484848;
  padding: 0;
}
.is--act-partnerStatistic .btn--filter {
  width: 100%;
  text-align: center;
  margin: 0;
}
.is--act-partnerStatistic .chart--holder {
  display: none;
}
.is--act-partnerStatistic .panel--th,
.is--act-partnerStatistic .panel--td {
  padding: 0.5rem 0.625rem 0.4375rem 0.625rem;
  width: 25%;
  text-align: right;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.is--act-partnerStatistic .panel--th:first-child,
.is--act-partnerStatistic .panel--td:first-child {
  text-align: left;
}
.is--act-partnerStatistic .panel--th {
  padding: 0.1875rem 0.625rem 0.125rem 0.625rem;
  font-size: 0.75rem;
  color: #484848;
}
.is--act-partnerStatistic .is--odd {
  padding: 0rem 0rem 0.5625rem 0rem;
  border-bottom: 1px solid #b9b9ce;
}
.is--act-partnerStatistic .is--odd .column--price,
.is--act-partnerStatistic .is--odd .column--total {
  padding: 0.625rem 0.625rem 0.625rem 0.625rem;
  width: 100%;
}
.is--act-partnerStatistic .column--label {
  text-align: left;
}
.is--act-partnerStatistic .column--value {
  text-align: right;
}
.is--act-partnerStatistic .column--label,
.is--act-partnerStatistic .column--value {
  width: 50%;
  float: left;
}
.is--act-partnerStatistic .column--item-sum .column--label {
  display: block !important;
}
.order--status-icon {
  width: 0.5rem;
  height: 0.5rem;
  top: 0.5rem;
  display: inline-block;
  position: relative;
}
.order--status-icon.status--0,
.order--status-icon.status--1,
.order--status-icon.status--3,
.order--status-icon.status--6 {
  background: #4AA3DF;
}
.order--status-icon.status--2,
.order--status-icon.status--5,
.order--status-icon.status--7 {
  background: #2ECC71;
}
.order--status-icon.status--4,
.order--status-icon.status--8 {
  background: #E74C3C;
}
.order--name {
  color: #222222;
}
.order--details,
.order--price-unit,
.order--current-price {
  display: none;
}
.order--details .panel--tr {
  border-bottom: 1px solid #b9b9ce;
}
.order--repeat {
  text-align: center;
  background: #F5F5F8;
  border-bottom: 1px solid #b9b9ce;
}
.order--actions {
  text-align: center !important;
}
.order--user-comments,
.order--shop-comments {
  border-bottom: 1px solid #b9b9ce;
}
.account--downloads {
  border: 1px solid #b9b9ce;
}
.account--downloads p {
  font-size: 0.875rem;
}
.account--downloads .downloads--table-header {
  display: none;
}
.account--downloads .panel--tr {
  padding: 0.625rem 0rem 0.625rem 0rem;
}
.account--downloads .panel--td {
  padding: 0.3125rem 0.625rem 0.3125rem 0.625rem;
  display: block;
  float: none;
}
.account--downloads .panel--td:after {
  content: "";
  display: table;
  clear: both;
}
.account--password-reset {
  margin-top: 0.625rem;
}
.account--password-reset p {
  margin: 0;
}
.account--password-reset .password-reset--input {
  margin: 0rem 0rem 1.875rem 0rem;
  width: 100%;
}
.account--password-reset .password-reset--link {
  width: 100%;
  margin: 0;
}
.account--password-reset .password-reset--link:first-child {
  margin: 0rem 0rem 0.625rem 0rem;
}
.account--password-new {
  margin-top: 0.625rem;
}
.account--password-new .password-new--input {
  margin-bottom: 0.9375rem;
  width: 100%;
}
.account--password-new .password-new--helptext {
  margin-bottom: 0;
}
.account--password-new .password-new--submit {
  display: block;
  width: 100%;
}
.account--profile {
  margin: 0rem;
  padding-top: 1.875rem;
}
.account--profile .profile--email-password-container:after {
  content: "";
  display: table;
  clear: both;
}
.account--profile .profile-password--container {
  float: right;
  width: 100%;
}
.account--profile .profile-email--container {
  float: left;
  width: 100%;
}
.account--profile .alert {
  margin-bottom: 1.25rem;
}
.account--profile .js--loading {
  width: 1.125rem;
  height: 1.125rem;
  border-radius: 100%;
  background-clip: padding-box;
  margin: 0rem 0rem 0rem 0.3125rem;
  top: 0.25rem;
  -webkit-animation: keyframe--spin 1s linear infinite;
  animation: keyframe--spin 1s linear infinite;
  border: 2px solid #b9b9ce;
  border-top: 2px solid #383850;
  display: inline-block;
  position: relative;
}
.account--profile .panel {
  margin-bottom: 1.25rem;
}
.account--profile .required-info {
  font-size: 0.875rem;
}
.account--profile .select-field {
  margin-bottom: 0.625rem;
  max-width: 100%;
}
.account--profile .profile--field {
  margin-bottom: 0.625rem;
  width: 100%;
}
.account--profile .profile--zip-city .profile--field-zipcode {
  width: 28%;
  float: left;
}
.account--profile .profile--zip-city .profile--field-city {
  width: 70%;
  float: left;
}
.account--profile .profile--zip-city .profile--field-city:after {
  content: "";
  display: table;
  clear: both;
}
.account--profile .birthday--label {
  margin: 0rem 0rem 0.3125rem 0rem;
  display: block;
  font-weight: 700;
}
.account--profile .profile--birthdate .select-field {
  margin-bottom: 0.9375rem;
  max-width: 100%;
  float: left;
}
.account--profile .profile--birthdate .datepicker {
  margin-bottom: 0.9375rem;
  width: 100%;
  max-width: 100%;
  float: left;
}
.account--profile .profile--birthdate .profile--birthyear,
.account--profile .profile--birthdate .profile--birthyear.select-field {
  margin-right: 0rem;
}
@media screen and (max-width: 48em) {
  .column--info-wrapper:after {
    content: "";
    display: table;
    clear: both;
  }
}
@media screen and (min-width: 30em) {
  .account--password-reset {
    margin-top: 0.625rem;
  }
  .account--password-reset .password-reset--input {
    margin: 0.625rem 0rem 1.875rem 0rem;
  }
  .account--password-reset .password-reset--link {
    margin: 0rem 0rem 0.625rem 0rem;
    width: auto;
  }
  .account--password-reset .password-reset--link:first-child {
    margin: 0rem 0.625rem 0rem 0rem;
  }
  .account--password-new .password-new--submit {
    display: inline-block;
    width: auto;
  }
  .account--logout .logout-back-to-shop {
    display: inline-block;
  }
}
@media screen and (min-width: 48em) {
  .account--content {
    margin: 1.875rem 0rem 0rem 0rem;
  }
  .account--content.is--wide {
    width: 100%;
  }
  .account--password-reset {
    margin: 1.25rem 0rem 0rem 0rem;
  }
  .account--password-new {
    margin-top: 1.25rem;
  }
  .account--password-new .password-new--input {
    width: 20rem;
  }
  .account--menu {
    border: 1px solid #b9b9ce;
  }
  .account--menu .navigation--headline {
    padding: 1.25rem 0rem 0rem 0rem;
    margin: 0rem 1.25rem 0rem 1.25rem;
    font-size: 1rem;
    display: block;
    font-weight: 700;
    color: #222222;
    padding: 1.25rem 0rem 0.625rem 0rem;
    text-decoration: none !important;
    border-bottom: 1px solid #b9b9ce;
  }
  .account--menu .navigation--headline.is--underline {
    padding: 1.25rem 0rem 0.625rem 0rem;
    border-bottom: 1px solid #b9b9ce;
    text-decoration: none !important;
  }
  .account--menu .navigation--headline.is--secondary {
    color: #484848;
  }
  .account--menu .navigation--headline.is--primary {
    color: #131316;
  }
  .account--menu .account--menu-container {
    padding: 0.625rem 0.625rem 0.625rem 0.625rem;
    font-size: 0.875rem;
    line-height: 1.5rem;
    display: block;
    position: relative;
    padding: 0.625rem 1.25rem 0.625rem 1.25rem;
  }
  .account--menu .account--menu-container.has--border {
    border: 1px solid #b9b9ce;
  }
  .account--menu .account--menu-container.is--slim {
    padding: 0.3125rem 0.3125rem 0.3125rem 0.3125rem;
  }
  .account--menu .account--menu-container.is--wide {
    padding: 1.25rem 1.25rem 1.25rem 1.25rem;
  }
  .account--menu .account--menu-container.is--flat {
    background: #F5F5F8;
  }
  .account--menu .account--menu-container.is--embossed {
    box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.2);
    background: #F5F5F8;
  }
  .account--menu .navigation--list {
    padding: 0;
    border: 0 none;
  }
  .account--menu .navigation--entry {
    margin: 0;
    border: 0 none;
  }
  .account--menu .navigation--link {
    padding: 0.3125rem 0rem 0.3125rem 0rem;
  }
  .account--menu .navigation--link.link--logout {
    margin: 0.625rem 0rem 0rem 0rem;
    padding: 0.625rem 0rem 0rem 0rem;
    border-top: 1px solid #b9b9ce;
    font-weight: 700;
    color: #131316;
  }
  .account--menu .navigation--link.link--logout [class^="icon--"] {
    margin: 0rem 0.3125rem 0rem 0rem;
    display: inline-block;
  }
  .account--welcome .panel--title {
    font-size: 1.625rem;
  }
  .account--orders-overview .orders--table-header {
    display: block;
  }
  .account--orders-overview .panel--tr {
    padding: 0;
    border-width: 0 0 1px 0;
  }
  .account--orders-overview .panel--tr.order--repeat {
    padding: 1.25rem 1.25rem 1.25rem 1.25rem;
  }
  .account--orders-overview .panel--td {
    padding: 0.625rem 0.625rem 0.625rem 0.625rem;
    display: inline-block;
    float: left;
  }
  .account--orders-overview .column--label {
    display: none;
  }
  .account--orders-overview .column--value {
    width: 100%;
    float: none;
  }
  .account--orders-overview .column--summary-labels,
  .account--orders-overview .column--summary-data {
    width: 20%;
    text-align: right;
  }
  .account--orders-overview .column--date,
  .account--orders-overview .column--id,
  .account--orders-overview .column--dispatch {
    width: 20%;
  }
  .account--orders-overview .column--status {
    width: 25%;
  }
  .account--orders-overview .column--actions {
    width: 15%;
  }
  .account--orders-overview .column--actions .btn {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
  }
  .account--orders-overview .column--name {
    width: 50%;
  }
  .account--orders-overview .column--quantity {
    width: 10%;
  }
  .account--orders-overview .column--price {
    width: 20%;
  }
  .account--orders-overview .column--total {
    width: 20%;
  }
  .account--orders-overview .column--info-labels {
    width: 20%;
  }
  .account--orders-overview .column--info-data {
    width: 40%;
  }
  .order--item {
    margin: 0;
  }
  .order--pseudo-price {
    font-size: 0.75rem;
  }
  .order--download,
  .order--price-unit,
  .order--current-price {
    display: block !important;
  }
  .order--download {
    margin: 0.625rem 0rem 0rem 0rem;
  }
  .order--quantity {
    text-align: center !important;
  }
  .order--actions,
  .order--price,
  .order--amount {
    text-align: right !important;
  }
  .account--downloads .downloads--table-header {
    display: block !important;
    background: #FFFFFF;
  }
  .account--downloads .downloads--table-header .panel--th {
    color: #222222;
  }
  .account--downloads .panel--tr {
    padding: 0;
    border-width: 0 0 1px 0;
  }
  .account--downloads .panel--td {
    padding: 0.625rem 0.625rem 0.625rem 0.625rem;
    display: inline-block;
    float: left;
  }
  .account--downloads .column--date,
  .account--downloads .column--actions {
    width: 20%;
  }
  .account--downloads .column--info {
    width: 60%;
  }
  .column--label {
    display: none;
  }
  .column--date,
  .column--id,
  .column--dispatch {
    width: 20%;
  }
  .column--status {
    width: 25%;
  }
  .column--actions {
    width: 15%;
  }
  .column--name {
    width: 50%;
  }
  .column--quantity {
    width: 10%;
  }
  .column--price {
    width: 20%;
  }
  .column--total {
    width: 20%;
  }
  .column--info-labels {
    width: 20%;
  }
  .column--info-data {
    width: 40%;
  }
  .column--summary {
    width: 20%;
  }
  .account--password-reset .password-reset--input {
    width: 20rem;
  }
  .account--error,
  .account--success {
    margin: 0rem 0rem 1.25rem 0rem;
  }
  .is--act-partnerStatistic .content-main--inner {
    padding: 0rem 1.25rem 1rem 1.25rem;
  }
  .is--act-partnerStatistic .account--welcome {
    padding: 0rem 0rem 0rem 0rem;
  }
  .is--act-partnerStatistic .listing--actions {
    padding: 0.625rem 0.625rem 0.625rem 0.625rem;
    border-radius: 3px;
    background-clip: padding-box;
    border: 1px solid #b9b9ce;
    background: #f8f8fa;
  }
  .is--act-partnerStatistic .date-filter {
    padding: 0rem 0.625rem 0rem 0.625rem;
    width: 40%;
    float: left;
    height: auto;
  }
  .is--act-partnerStatistic .date-filter--label {
    width: 10%;
  }
  .is--act-partnerStatistic .btn--filter {
    width: 20%;
    float: left;
    height: 40px;
  }
  .is--act-partnerStatistic .chart--holder {
    text-align: center !important;
    display: block !important;
    width: 100%;
  }
  .is--act-partnerStatistic .panel--th,
  .is--act-partnerStatistic .panel--td {
    padding: 0.625rem 0.625rem 0.625rem 0.625rem;
  }
  .is--act-partnerStatistic .column--item-sum {
    width: 75% !important;
  }
  .is--act-partnerStatistic .column--item-sum .column--label,
  .is--act-partnerStatistic .column--item-sum .column--value {
    float: left;
    width: 50%;
  }
  .is--act-partnerStatistic .is--odd {
    border: 0;
    padding: 0;
  }
  .is--act-partnerStatistic .is--odd .column--total {
    width: 25%;
    float: left !important;
  }
  .is--act-partnerStatistic .is--odd .column--total .column--value {
    width: 100%;
  }
  .account--profile {
    margin: 0rem;
  }
  .account--profile .select-field {
    margin-bottom: 0.9375rem;
  }
  .account--profile .profile--field {
    margin-bottom: 0.9375rem;
  }
  .account--profile .select-field {
    max-width: 18.125rem;
  }
  .account--profile .profile--birthdate .select-field {
    width: 32%;
    margin-right: 2%;
  }
}
@media screen and (min-width: 64em) {
  .account--info,
  .account--billing {
    width: 49%;
    float: left;
  }
  .account--payment,
  .account--shipping {
    width: 49%;
    float: right;
  }
  .account--email,
  .account--password,
  .account--userdata {
    display: none;
  }
  .account--email,
  .account--password,
  .account--userdata,
  .account--newsletter {
    clear: both;
  }
  .account--password-reset {
    margin: 1.25rem 0rem 0rem 0rem;
  }
  .account--info .panel--body,
  .account--payment .panel--body {
    height: 7.5rem;
  }
  .account--profile .profile-password--container {
    float: right;
    width: 49%;
  }
  .account--profile .profile-email--container {
    float: left;
    width: 49%;
    margin-right: 2%;
  }
}
@media screen and (min-width: 78.75em) {
  .is--act-partnerStatistic .content-main--inner {
    padding: 0rem 2.8125rem 2.8125rem 2.8125rem;
  }
  .account--profile {
    padding-top: 2.8125rem;
  }
  .account--content {
    margin: 2.8125rem 0rem 0rem 0rem;
  }
  .account--password-reset {
    margin: 2.8125rem 0rem 0rem 0rem;
  }
  .account--password-new {
    margin-top: 2.8125rem;
  }
  .account--error,
  .account--success {
    margin: 0rem 0rem 1.25rem 0rem;
  }
}
.partner-statistic .account--welcome {
  margin-bottom: 0;
}
.partner-statistic .partner-statistic-body {
  padding: 0.625rem 0.625rem 0.625rem 0.625rem;
  margin: 0rem 0rem 1.25rem 0rem;
}
.partner-statistic .date-filter {
  display: inline-block;
}
.partner-statistic .date-filter--input {
  margin: 0rem 0rem 1.25rem 0rem;
}
.partner-statistic .ui-datepicker-trigger {
  border-radius: 3px;
  background-clip: padding-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-font-smoothing: inherit;
  display: inline-block;
  position: relative;
  font-weight: 700;
  text-decoration: none;
  text-align: left;
  cursor: pointer;
  color: #484848;
  /** Button icon font size */
  /** Larger icon */
  /*
######Icon alignment

To work properly the button needs the class `is--icon-left` or `is--icon-right` and an `icon` inside it.
```
<button class="btn is--icon-left">
    <i class="icon--account"></i>
    Icon left
</button>

<button class="btn is--icon-right">
    <i class="icon--account"></i>
    Icon right
</button>
```
*/
  /*
######Button size class
Adding a button-size class creates a larger or smaller button or changes the button properies.

Options: `is--large`, `is--small`, `is--full`, `is--center`
```
<button class="btn is--large">
    Large button
</button>

<button class="btn is--small">
    Small button
</button>
```
*/
  /** State: Small button */
  /** State: Medium button */
  /** State: Large button */
  /** State: Button with 100% width */
  /** State: Button with text align center */
  padding: 0.625rem 0.625rem 0.5625rem 0.625rem;
  margin: 0rem 1.5625rem 0rem 0rem;
  line-height: 1.25rem;
}
.partner-statistic .ui-datepicker-trigger [class^="icon--"] {
  font-size: 1rem;
}
.partner-statistic .ui-datepicker-trigger .is--large {
  font-size: 1.125rem;
}
.partner-statistic .ui-datepicker-trigger.is--icon-right {
  padding-right: 2.25rem;
}
.partner-statistic .ui-datepicker-trigger.is--icon-right [class^="icon--"] {
  height: 1rem;
  line-height: 2rem;
  margin: -1rem 0rem 0rem 0rem;
  right: 0.75rem;
  font-weight: 400;
  display: block;
  position: absolute;
  top: 50%;
}
.partner-statistic .ui-datepicker-trigger.is--icon-left {
  padding-left: 2.25rem;
}
.partner-statistic .ui-datepicker-trigger.is--icon-left [class^="icon--"] {
  height: 1rem;
  line-height: 2rem;
  margin: -1rem 0rem 0rem 0rem;
  left: 0.75rem;
  font-weight: 400;
  display: block;
  position: absolute;
  top: 50%;
}
.partner-statistic .ui-datepicker-trigger:disabled,
.partner-statistic .ui-datepicker-trigger:disabled:hover,
.partner-statistic .ui-datepicker-trigger.is--disabled,
.partner-statistic .ui-datepicker-trigger.is--disabled:hover {
  opacity: 0.5;
  border: 1px solid #b9b9ce;
  color: #484848;
  cursor: not-allowed;
}
.partner-statistic .ui-datepicker-trigger:hover {
  background: #FFFFFF;
  color: #131316;
  border-color: #131316;
}
.partner-statistic .ui-datepicker-trigger:focus {
  outline: none;
}
.partner-statistic .ui-datepicker-trigger.is--small {
  line-height: 1.75rem;
}
.partner-statistic .ui-datepicker-trigger.is--medium {
  line-height: 2rem;
  height: 2.375rem;
}
.partner-statistic .ui-datepicker-trigger.is--large {
  line-height: 2.25rem;
  height: 2.625rem;
}
.partner-statistic .ui-datepicker-trigger.is--full {
  display: block;
}
.partner-statistic .ui-datepicker-trigger.is--center {
  text-align: center;
}
.partner-statistic .ui-datepicker-trigger.new-customer-btn {
  background-color: #131316;
  color: #fff;
}
.partner-statistic .ui-datepicker-trigger.button--open-basket {
  padding: 0.125rem 0.75rem 0.125rem 0.75rem;
  line-height: 2.125rem;
  border: 1px solid #b9b9ce;
  margin-bottom: 0.625rem !important;
}
/*
Note
==============================================
Contains the styling of the note page inside Shopware 5.

The users can add an article to their note list if they are interested in the product and the product will be saved inside the list if the user is logged in inside their account.

The articles are displayed inside a slim product box with an article thumbnail and the general item information.

The styling also contains the viewport specific styles inside media queries.
*/
.note--content {
  margin: 1.25rem 0rem 1.25rem 0rem;
}
.note--overview .panel--td {
  padding: 0;
}
.note--item {
  padding: 1.25rem 0rem 1.25rem 0rem;
  position: relative;
}
.note--info,
.note--sale {
  width: 80%;
}
.note--image-container {
  width: 4.6875rem;
  margin: 0rem 1.25rem 1.25rem 0rem;
  display: table-row;
  float: left;
}
.note--image-link {
  width: 4.6875rem;
  height: 4.6875rem;
  padding: 0.3125rem 0.3125rem 0.3125rem 0.3125rem;
  line-height: 4.0625rem;
  border-radius: 3px;
  background-clip: padding-box;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #b9b9ce;
}
.note--image {
  max-width: 4.0625rem;
  max-height: 4.0625rem;
  margin: 0 auto;
}
.note--title {
  margin: 0rem 0rem 0.3125rem 5.9375rem;
  font-size: 1.125rem;
  display: block;
  color: #222222;
}
.note--title:hover {
  color: #131316;
}
.note--rating {
  margin: 0rem 0rem 0.625rem 5.9375rem;
}
.note--rating [class^="icon--"] {
  color: #F1C40F;
}
.note--supplier {
  display: none;
}
.note--ordernumber,
.note--date,
.note--overview .product--rating {
  margin: 0rem 0rem 0rem 5.9375rem;
  display: block;
}
.note--delivery {
  margin: 0rem 0rem 0rem 5.9375rem;
}
.note--delivery .delivery--status-icon {
  display: none;
}
.note--delivery .delivery--text-available {
  display: block;
}
.note--compare {
  margin: 0.625rem 0rem 0rem 5.9375rem;
  display: none;
}
.note--compare .compare--link {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  color: #484848;
}
.note--compare .compare--link:hover {
  color: #131316;
}
.note--compare [class^="icon--"] {
  margin: 0rem 0.3125rem 0rem 0rem;
  font-size: 0.75rem;
}
.note--price-unit {
  margin: 0.3125rem 0rem 0rem 5.9375rem;
  font-size: 0.75rem;
  line-height: 1.125rem;
  display: block;
}
.note--price {
  font-size: 1.125rem;
  margin: 0.9375rem 0rem 0rem 5.9375rem;
  color: #222222;
  font-weight: 700;
}
.note--delete {
  width: 2.5rem;
  height: 2.5rem;
  font-size: 0.625rem;
  line-height: 2.375rem;
  background-color: #FFFFFF;
  background-image: linear-gradient(to bottom, #FFFFFF 0%, #f8f8fa 100%);
  border-radius: 3px;
  background-clip: padding-box;
  top: 1.25rem;
  right: 0;
  left: auto;
  display: block;
  position: absolute;
  border: 1px solid #b9b9ce;
  text-align: center;
  font-weight: 400;
  color: #484848;
}
.note--delete:hover {
  color: #131316;
  border-color: #131316;
}
@media screen and (min-width: 48em) {
  .note--overview .panel--table {
    padding: 0rem 1.25rem 0rem 1.25rem;
    border: 1px solid #b9b9ce;
  }
  .note--compare {
    display: block;
  }
}
@media screen and (min-width: 64em) {
  .note--info {
    padding-right: 1.25rem;
    width: 70%;
  }
  .note--sale {
    padding-right: 3.4375rem;
    width: 30%;
  }
  .note--zoom {
    font-size: 0.75rem;
    display: block;
    color: #484848;
    text-align: center;
  }
  .note--zoom:hover {
    color: #131316;
  }
  .note--title {
    margin: 0rem 0rem 0.3125rem 6.5625rem;
  }
  .note--supplier,
  .note--ordernumber,
  .note--date,
  .note--overview .product--rating {
    margin: 0rem 0rem 0rem 6.5625rem;
    display: block;
  }
  .note--delivery {
    margin: 0rem 0rem 0rem 6.5625rem;
  }
  .note--compare {
    margin: 0.3125rem 0rem 0rem 0rem;
  }
  .note--price {
    margin: 0;
  }
  .note--price-unit {
    padding-right: 3.125rem;
    margin: 0.3125rem 0rem 0rem 0rem;
  }
}
/*
Forms
==========================================
Defines the general form element styles.

It contains the components as: `capacha`, `description`, `required information` etc.
*/
.forms--content {
  width: 100%;
}
.forms--content .forms--headline {
  margin-bottom: 1.25rem;
}
.forms--content .forms--headline .forms--title {
  margin-top: 0rem;
}
.forms--content .forms--headline .forms--text p {
  margin-bottom: 0.75rem;
}
.forms--content .alert {
  margin: 1.875rem 0rem 0rem 0rem;
}
.forms--content .forms--field {
  margin-bottom: 0.3125rem;
  width: 100%;
}
.forms--content input {
  margin-bottom: 0.625rem;
  width: 100%;
}
.forms--content input[type="checkbox"] {
  width: auto;
}
.forms--content textarea {
  margin-bottom: 0.625rem;
  width: 100%;
}
.forms--content .field--select {
  margin-bottom: 0.625rem;
}
.forms--content .btn {
  float: right;
}
.forms--content .buttons:after {
  content: "";
  display: table;
  clear: both;
}
.forms--content .strasse {
  margin-right: 2%;
  width: 80%;
  float: left;
}
.forms--content .nr {
  width: 18%;
  float: left;
}
.forms--content .plz {
  margin-right: 2%;
  width: 28%;
  float: left;
}
.forms--content .ort {
  width: 70%;
  float: left;
}
.forms--content .ort:after {
  content: "";
  display: table;
  clear: both;
}
.forms--content .forms--required {
  font-size: 0.75rem;
  margin-bottom: 0.625rem;
}
.forms--content .forms--description {
  margin: -0.5rem 0rem 0.625rem 0rem;
  clear: both;
}
.forms--content .forms--captcha strong.captcha--notice {
  margin-bottom: 0.5rem;
  display: block;
}
.forms--content .forms--checkbox label {
  top: -0.125rem;
  position: relative;
}
.forms--content .forms--checkbox input[type="checkbox"] {
  width: auto;
}
@media screen and (min-width: 48em) {
  .forms--content {
    margin-top: 2.8125rem;
  }
  .forms--content input {
    margin-bottom: 0.9375rem;
  }
  .forms--content textarea {
    margin-bottom: 0.9375rem;
  }
  .forms--content .forms--captcha strong.captcha--notice {
    margin-bottom: 1rem;
  }
}
@media screen and (min-width: 78.75em) {
  .forms--content {
    margin-top: 2.8125rem;
  }
  .forms--content .alert {
    margin: 0rem 0rem 0rem 0rem;
  }
}
/*
Sitemap
==========================================
Contains the styles for the the Sitemap.

The sitemap page shows all categories and subpages of the shop in an overview.

The sitemap link is located in the footer information column.
*/
.sitemap--content {
  margin-top: 0.625rem;
}
.sitemap--content .sitemap--headline {
  margin-bottom: 0.625rem;
}
.sitemap--content .sitemap--headline .sitemap--title {
  margin-top: 0;
}
.sitemap--content .sitemap--headline .sitemap--headline-text {
  margin-bottom: 0rem;
}
.sitemap--content .sitemap--category {
  padding-bottom: 0.625rem;
  margin-bottom: 1rem;
  min-height: 3.75rem;
  background-color: #f8f8fa;
}
.sitemap--content .sitemap--category .sitemap--navigation-link {
  padding: 0.25rem 0rem 0.25rem 1.25rem;
  color: #484848;
  display: block;
}
.sitemap--content .sitemap--category .sitemap--navigation-link:hover {
  color: #131316;
}
.sitemap--content .sitemap--navigation-entry-inner .sitemap--navigation-link {
  padding-left: 2.1875rem;
}
.sitemap--content .sitemap--navigation-head {
  padding: 0.25rem 0.625rem 0.25rem 0.625rem;
  margin-bottom: 0.5rem;
  background: #484848;
}
.sitemap--content .sitemap--navigation-head .sitemap--navigation-head-link {
  color: #fff;
}
@media screen and (min-width: 48em) {
  .sitemap--content {
    margin-top: 1.25rem;
  }
  .sitemap--content .sitemap--headline {
    margin-bottom: 1.25rem;
  }
  .sitemap--content .sitemap--category {
    width: 49%;
    float: left;
    margin-right: 2%;
  }
  .sitemap--content .sitemap--category:last-child,
  .sitemap--content .sitemap--category:nth-child(2) {
    margin-right: 0rem;
  }
}
@media screen and (min-width: 64em) {
  .sitemap--content .sitemap--category {
    width: 24%;
    float: left;
    margin-right: 1.25%;
  }
  .sitemap--content .sitemap--category:last-child {
    margin-right: 0rem;
  }
  .sitemap--content .sitemap--category:nth-child(2) {
    margin-right: 1.25%;
  }
}
@media screen and (min-width: 78.75em) {
  .sitemap--content {
    margin-top: 2.8125rem;
  }
}
/*
Search
==========================================
Contains the styles for the main search-box component of the Shopware storefront.

The styling defines the search result page layout and its components.

It contains the viewport specific styles inside media queries.
*/
.search--content {
  padding: 2.5rem 0rem 0rem 0rem;
}
.search--headline {
  margin: 0rem 0rem 2.5rem 0rem;
  text-align: center;
}
.search--cat-filter {
  margin: 0rem 0rem 1.25rem 0rem;
}
.search--cat-filter .cat-filter--headline {
  padding: 0rem 0rem 0.3125rem 0rem;
  margin: 0rem 0rem 1.25rem 0rem;
  font-size: 1rem;
  line-height: 1.5rem;
  border-bottom: 1px solid #b9b9ce;
}
.search--cat-filter .cat-filter--reset {
  margin: 0rem 0rem 0.9375rem 0rem;
  line-height: 1.5rem;
  border-color: #131316;
}
.search--cat-filter .cat-filter--reset [class^="icon--"] {
  top: -0.0625rem;
  margin-right: 0.625rem;
  font-size: 0.5rem;
  position: relative;
}
.search--cat-filter .cat-filter--active-path {
  margin: 0rem 0rem 1.25rem 0rem;
}
.search--cat-filter .cat-filter--label {
  margin: 0rem 0.625rem 0rem 0rem;
  font-weight: 700;
}
.search--cat-filter .cat-filter--path {
  white-space: nowrap;
}
.search--cat-filter .cat-filter--path [class^="icon--"] {
  margin: 0rem 1.25rem 0rem 1.25rem;
  font-size: 0.625rem;
}
.search--cat-filter .cat-filter--link,
.search--cat-filter .cat-filter--sub-cat {
  color: #484848;
}
.search--cat-filter .cat-filter--link:hover,
.search--cat-filter .cat-filter--sub-cat:hover {
  color: #131316;
}
.search--cat-filter .cat-filter--link .checkbox,
.search--cat-filter .cat-filter--sub-cat .checkbox {
  margin: 0rem 0.3125rem 0rem 0rem;
  top: -0.0625rem;
  position: relative;
}
.search--cat-filter .cat-filter--sub-cat {
  width: 11.25rem;
  line-height: 1.5rem;
  margin: 0rem 0.625rem 0rem 0rem;
  display: block;
}
@media screen and (min-width: 48em) {
  .search--cat-filter {
    margin: 0rem 0rem 2.5rem 0rem;
  }
}
@media screen and (min-width: 78.75em) {
  .search--content {
    padding: 2.8125rem 0rem 0rem 0rem;
  }
}
/*
Custom pages
==============================================
Defines the layout for the custom pages.

The styling defines the basic layout of the Shopware 5 custom pages that can be created and customized for multiple purposes.
*/
.custom-page--content {
  margin-top: 0.625rem;
}
.custom-page--content ul,
.custom-page--content ol {
  padding-left: 1.25rem;
}
.custom-page--content .custom-page--tab-headline {
  margin-top: 0rem;
  font-size: 1.5rem;
}
.custom-page--content .content--custom.panel--body {
  padding: 1.25rem;
}
.custom-page--content .is--active-parent {
  display: block;
}
.ajax-modal--custom {
  padding: 0.5rem 0.5rem 0.5rem 0.5rem;
}
@media screen and (min-width: 48em) {
  .custom-page--content {
    margin-top: 1.875rem;
  }
  .custom-page--content .custom-page--tab-headline {
    margin-top: 0.625rem;
  }
  .ajax-modal--custom {
    padding: 0.625rem 0.625rem 0.625rem 0.625rem;
  }
}
@media screen and (min-width: 78.75em) {
  .ajax-modal--custom {
    padding: 1.25rem 1.25rem 1.25rem 1.25rem;
  }
  .custom-page--content {
    margin-top: 2.8125rem;
  }
}
/*
Confirm
================================
Defines the styles for the confirm page on the checkout process.

It is displayed as the third step of the checkout process of Shopware and shows the important checkout information and article details of the order.

*/
.confirm--content > .alert {
  margin: 0.5rem 0rem 0rem 0rem;
}
.confirm--content .body--revocation {
  font-weight: 700;
}
.confirm--content .panel {
  margin: 0.5rem 0rem 0.5rem 0rem;
  border-radius: 3px;
  background-clip: padding-box;
}
.confirm--content .product--table {
  margin: 0;
}
.confirm--content .product--table .panel--body {
  background: #FFFFFF;
  color: #484848;
  padding-bottom: 0;
}
.confirm--content .product--table .table--tr,
.confirm--content .product--table .table--media img {
  border-color: #b9b9ce;
}
.confirm--content .product--table .basket--footer {
  margin: 0rem -0.625rem 0rem -0.625rem;
  background: #f8f8fa;
  border-color: #b9b9ce;
}
.confirm--content .product--table .basket--footer .aggregation--list {
  margin: 0;
  background: transparent;
  border-top: 1px solid #b9b9ce;
}
.confirm--content .product--table .basket--footer .table--aggregation {
  margin-left: 0;
  margin-right: 0;
}
.confirm--content .product--table .is--last-row {
  border-bottom: 0 none;
}
.confirm--content .column--unit-price {
  display: none;
}
.confirm--content .table--tr .column--tax-price {
  padding: 0rem 0rem 0.5625rem 0.625rem;
}
.confirm--content .agb_info,
.confirm--content .list--checkbox {
  margin: 0rem 0rem 1.3125rem 0rem;
}
.confirm--content .list--checkbox .column--checkbox {
  width: 10%;
}
.confirm--content .list--checkbox .column--label {
  width: 90%;
}
.confirm--content .add-product--form {
  margin: 0.75rem 0rem 0.75rem 0rem;
}
.confirm--content .add-voucher--form:after,
.confirm--content .add-product--form:after {
  content: "";
  display: table;
  clear: both;
}
.confirm--content .add-product--field,
.confirm--content .add-voucher--field {
  border-top-left-radius: 3px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 3px;
  background-clip: padding-box;
  width: 90%;
}
.confirm--content .add-product--button,
.confirm--content .add-voucher--button {
  padding: 0.3125rem 0rem 0.3125rem 0rem;
  border-top-left-radius: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 0;
  background-clip: padding-box;
  width: 10%;
  text-align: center;
}
.confirm--content .user-comment--field {
  width: 100%;
}
.confirm--content .table--actions .main--actions {
  margin: 1.25rem 0rem 0.625rem 0rem;
}
.confirm--content .table--actions .btn {
  width: 100%;
}
.confirm--content .table-footer--country-notice {
  margin: 0.6875rem 0rem 0rem 0rem;
}
.confirm--content .js--loading {
  width: 1.125rem;
  height: 1.125rem;
  border-radius: 100%;
  background-clip: padding-box;
  right: 0.375rem;
  top: 0.125rem;
  margin: 0.5rem 0.3125rem 0.5rem 0.3125rem;
  -webkit-animation: keyframe--spin 1s linear infinite;
  animation: keyframe--spin 1s linear infinite;
  border: 2px solid #b9b9ce;
  border-top: 2px solid #383850;
  display: block;
  position: absolute;
}
.confirm--content .payment--panel .payment--method-info,
.confirm--content .payment--panel .shipping--method-info {
  margin-bottom: 0.625rem;
}
.confirm--content .payment--panel .payment--description,
.confirm--content .payment--panel .shipping--description {
  white-space: nowrap;
}
.confirm--content .information--panel-item:after {
  content: "";
  display: table;
  clear: both;
}
.confirm--content .information--panel-item .panel--body:after {
  content: "";
  display: table;
  clear: both;
}
.confirm--content .information--panel-item .alert {
  margin-bottom: 0;
}
.confirm--content .information--panel-item.information--panel-address .shipping--panel {
  text-align: center;
}
.confirm--content .information--panel-item.information--panel-address .shipping--panel .btn {
  display: none;
}
.confirm--content .set-default {
  margin-top: 0.9375rem;
}
.confirm--content .choose-different-address {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%;
  vertical-align: bottom;
}
@media screen and (max-width: 30em) {
  .confirm--content .information--panel-item .information--panel-address .shipping--panel {
    margin-top: 1.25rem;
    padding-top: 1.25rem;
  }
  .confirm--content .information--panel-item .information--panel-address .shipping--panel .btn {
    text-align: center;
  }
  .confirm--content .information--panel-item .information--panel-address .panel--actions .choose-different-address {
    display: inline-block;
  }
  .confirm--content .information--panel-item .information--panel-address .panel--body {
    padding-bottom: 0;
  }
  .confirm--content .information--panel-item .choose-different-address {
    margin-top: 0.625rem;
  }
}
@media screen and (min-width: 30em) {
  .confirm--content .product--table .column--quantity {
    width: 26%;
  }
  .confirm--content .product--table .column--total-price {
    width: 28.5%;
  }
  .confirm--content .product--table .column--tax-price {
    padding-right: 0.625rem;
    float: left;
    width: 32%;
  }
  .confirm--content .product--table .row--rebate .column--tax-price,
  .confirm--content .product--table .row--premium-product .column--tax-price,
  .confirm--content .product--table .row--voucher .column--tax-price {
    margin-left: 39.5%;
  }
  .confirm--content .information--panel-address > .panel {
    margin: 0;
  }
  .confirm--content .information--panel-address > .panel .information--panel {
    width: 50%;
    float: left;
  }
}
@media screen and (min-width: 48em) {
  .is--act-shippingpayment .basket--footer {
    border-radius: 3px;
    background-clip: padding-box;
  }
  .confirm--content > .alert {
    margin: 1.25rem 0rem 0rem 0rem;
  }
  .confirm--content .panel {
    margin: 1.25rem 0rem 1.25rem 0rem;
  }
  .confirm--content .product--table .table--header {
    background: #FFFFFF;
    border-color: #b9b9ce;
  }
  .confirm--content .product--table .table--header .panel--th {
    color: #222222;
  }
  .confirm--content .product--table .column--product {
    width: 47%;
  }
  .confirm--content .product--table .column--quantity {
    width: 11%;
  }
  .confirm--content .product--table .column--tax-price {
    width: 17%;
  }
  .confirm--content .product--table .column--total-price {
    width: 17%;
  }
  .confirm--content .product--table .column--actions {
    width: 7.5%;
  }
  .confirm--content .product--table .is--last-row {
    border-bottom: 0 none;
  }
  .confirm--content .product--table .row--product .column--tax-price {
    line-height: 2.625rem;
    padding-top: 1.625rem;
  }
  .confirm--content .product--table .panel--body {
    padding-bottom: 1.25rem;
  }
  .confirm--content .product--table .basket--footer {
    margin: 0rem -1.25rem -1.25rem -1.25rem;
  }
  .confirm--content .product--table .row--rebate .column--tax-price,
  .confirm--content .product--table .row--premium-product .column--tax-price,
  .confirm--content .product--table .row--voucher .column--tax-price {
    padding-top: 1.3125rem;
    margin-left: 11%;
  }
  .confirm--content .product--table .row--rebate .column--total-price,
  .confirm--content .product--table .row--premium-product .column--total-price,
  .confirm--content .product--table .row--voucher .column--total-price {
    margin-left: 0;
  }
  .confirm--content .product--table .column--tax-price .tax-price--label {
    margin-bottom: 0.75rem;
    margin: 0;
  }
  .confirm--content .row--premium-product .column--product,
  .confirm--content .row--rebate .column--product {
    width: 58%;
  }
  .confirm--content .row--premium-product .column--product .column--image,
  .confirm--content .row--rebate .column--product .column--image {
    width: 16.2%;
  }
  .confirm--content .product--table .row--premium-product .column--tax-price,
  .confirm--content .product--table .row--rebate .column--tax-price {
    margin-left: 0;
  }
  .confirm--content .tos--panel .column--checkbox {
    margin-right: 0.75rem;
    width: auto;
  }
  .confirm--content .tos--panel .column--label {
    width: 95%;
    display: block;
  }
  .confirm--content .information--panel-wrapper {
    margin: -2% 0 0 -2%;
  }
  .confirm--content .information--panel-wrapper .information--panel {
    margin: 0;
  }
  .confirm--content .information--panel-wrapper .information--panel-item {
    padding: 2% 0 0 2%;
    width: 100%;
    float: left;
  }
  .confirm--content .additional--features .feature--add-product {
    width: 40%;
    margin: -1% 2.5% 0 0;
  }
  .confirm--content .additional--features .feature--user-comment {
    width: 55%;
    margin: 0 0 0 2.5%;
  }
  .confirm--content .additional--features .user-comment--field {
    height: 5.9375rem;
  }
  .confirm--content .product--table .basket--footer .aggregation--list {
    float: right;
    padding-right: 10.4%;
    border-top: 0 none;
  }
  .confirm--content .main--actions .btn {
    width: auto;
    float: right;
  }
  .confirm--content .main--actions .btn:after {
    content: "";
    display: table;
    clear: both;
  }
  .confirm--content .relevant--info {
    display: block;
  }
  .confirm--content .information--panel-wrapper .information--panel-item-billing {
    width: 50%;
  }
  .confirm--content .information--panel-wrapper .information--panel-item-billing .panel {
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .confirm--content .information--panel-wrapper .information--panel-item-shipping {
    padding-left: 0;
    width: 50%;
  }
  .confirm--content .information--panel-wrapper .information--panel-item-shipping .panel {
    border-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .confirm--content .information--panel-item.information--panel-address .panel--actions .choose-different-address {
    display: none;
  }
  .confirm--content .information--panel-item.information--panel-address .shipping--panel .btn {
    display: inline-block;
  }
  .confirm--content .information--panel-item.information--panel-address .panel--body:after {
    content: "";
    display: table;
    clear: both;
  }
  .confirm--content .information--panel-item.information--panel-address .panel--body .billing--panel {
    float: left;
    width: 50%;
  }
  .confirm--content .information--panel-item.information--panel-address .panel--body .shipping--panel {
    float: right;
    width: 50%;
  }
}
@media screen and (min-width: 64em) {
  .confirm--content .product--table .row--premium-product .column--image,
  .confirm--content .product--table .row--rebate .column--image {
    width: 13%;
  }
  .confirm--content .product--table .aggregation--list {
    padding-right: 10%;
  }
  .confirm--content .information--panel-wrapper .payment--panel .panel--actions {
    position: relative;
  }
  .confirm--content .information--panel-wrapper .payment--panel .btn--change-payment {
    bottom: 1.25rem;
    position: absolute;
  }
  .confirm--content .information--panel-wrapper .information--panel-item {
    width: 33.3%;
  }
  .confirm--content .information--panel-wrapper .information--panel-item.information--panel-address {
    width: 66.6%;
  }
}
@media screen and (min-width: 78.75em) {
  .confirm--content {
    padding-top: 1.5625rem;
  }
  .confirm--content > .alert {
    margin: 2.8125rem 0rem 0rem 0rem;
  }
  .confirm--content .product--table .row--premium-product .column--product,
  .confirm--content .product--table .row--rebate .column--product {
    width: 58%;
  }
  .confirm--content .product--table .row--premium-product .column--image,
  .confirm--content .product--table .row--rebate .column--image {
    width: 11.3%;
  }
  .confirm--content .product--table .row--premium-product .column--tax-price,
  .confirm--content .product--table .row--rebate .column--tax-price {
    margin-left: 0;
  }
  .confirm--content .product--table .aggregation--list {
    padding-right: 9.6%;
  }
}
/*
Newsletter
==========================================
Contains the styles of the newsletter sign-up page and the form element inside it.

It contains the viewport specific styles inside media queries.
*/
.newsletter--content {
  padding-top: 0.625rem;
}
.newsletter--content:after {
  content: "";
  display: table;
  clear: both;
}
.newsletter--content .newsletter--error-messages {
  margin-bottom: 0.625rem;
}
.newsletter--content .newsletter--headline {
  margin-bottom: 0.625rem;
}
.newsletter--content .newsletter--headline .newsletter--title {
  margin-top: 0.625rem;
}
.newsletter--content .newsletter--headline .newsletter--info {
  margin: 0;
}
.newsletter--content .select-field {
  margin-bottom: 0.625rem;
  max-width: 100%;
}
.newsletter--content .newsletter--required-info {
  margin-bottom: 1rem;
}
.newsletter--content .newsletter--action:after {
  content: "";
  display: table;
  clear: both;
}
.newsletter-listing--content {
  margin-top: 0.625rem;
}
.newsletter-listing--content .newsletter-listing--headline {
  margin-bottom: 0.625rem;
}
.newsletter-listing--content .newsletter--title {
  margin: 0.625rem 0rem 0.625rem 0rem;
}
.newsletter-listing--content .newsletter-listing--table-headline .newsletter-listing--headline-name {
  width: 65%;
}
.newsletter-listing--content .newsletter-listing--table-headline .newsletter-listing--headline-button {
  width: 35%;
}
.newsletter-listing--content .newsletter-listing--entry {
  padding: 0.625rem 0rem 0.625rem 0rem;
  border-bottom: 1px solid #b9b9ce;
}
.newsletter-listing--content .newsletter-listing--entry .newsletter-listing--entry-description {
  margin-top: 0.25rem;
  width: 65%;
}
.newsletter-listing--content .newsletter-listing--entry .newsletter-listing--entry-button {
  width: 35%;
}
.newsletter-listing--content .newsletter-listing--entry:last-child {
  border: none;
}
.newsletter-detail--content {
  margin-top: 0.625rem;
}
.newsletter-detail--content .newsletter-detail--container:after {
  content: "";
  display: table;
  clear: both;
}
.newsletter-detail--content .newsletter-detail--container .newsletter-detail--iframe {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.newsletter-detail--content .newsletter-detail--container .newsletter-detail--iframe iframe {
  min-height: 31.25rem;
  width: 100%;
  border: none;
  outline: none;
}
.newsletter-detail--content .newsletter-detail--buttons {
  margin: 0.625rem 0rem 0.625rem 0rem;
}
.newsletter-detail--content .newsletter-detail--buttons .newsletter-detail--backlink {
  width: 100%;
}
.newsletter-detail--content .newsletter-detail--buttons .newsletter-detail--window {
  margin-bottom: 0.625rem;
  width: 100%;
}
@media screen and (min-width: 30em) {
  .newsletter-listing--content .newsletter-listing--table-headline .newsletter-listing--headline-name {
    width: 80%;
  }
  .newsletter-listing--content .newsletter-listing--table-headline .newsletter-listing--headline-button {
    width: 20%;
  }
  .newsletter-listing--content .newsletter-listing--entry .newsletter-listing--entry-description {
    width: 80%;
  }
  .newsletter-listing--content .newsletter-listing--entry .newsletter-listing--entry-button {
    width: 20%;
  }
  .newsletter-detail--content .newsletter-detail--buttons .newsletter-detail--backlink,
  .newsletter-detail--content .newsletter-detail--buttons .newsletter-detail--window {
    width: auto;
    margin: 0;
  }
}
@media screen and (min-width: 48em) {
  .newsletter--content {
    padding-top: 1.25rem;
  }
  .newsletter--content .newsletter--error-messages {
    margin-bottom: 1.25rem;
  }
  .newsletter--content .newsletter--headline {
    margin-bottom: 1.25rem;
  }
  .newsletter--content .select-field {
    margin-bottom: 0.9375rem;
    max-width: 18.125rem;
  }
  .newsletter-listing--content {
    margin-top: 1.25rem;
  }
  .newsletter-listing--content .newsletter-listing--headline {
    margin-bottom: 1.25rem;
  }
  .newsletter-detail--content {
    margin-top: 1.25rem;
  }
  .newsletter-detail--content .newsletter-detail--buttons .newsletter-detail--window {
    width: auto;
    text-align: right;
  }
}
@media screen and (min-width: 78.75em) {
  .newsletter--error-messages {
    padding-top: 0rem;
  }
  .newsletter--content {
    margin-top: 2.8125rem;
    padding: 0;
  }
  .newsletter--content .newsletter--headline .newsletter--title {
    margin-top: 0rem;
  }
  .newsletter-listing--content {
    margin-top: 2.8125rem;
  }
  .newsletter-listing--content .newsletter-listing--table-headline .newsletter-listing--headline-name {
    width: 90%;
  }
  .newsletter-listing--content .newsletter-listing--table-headline .newsletter-listing--headline-button {
    width: 10%;
  }
  .newsletter-listing--content .newsletter-listing--entry .newsletter-listing--entry-description {
    width: 90%;
  }
  .newsletter-listing--content .newsletter-listing--entry .newsletter-listing--entry-button {
    width: 10%;
  }
  .newsletter-detail--content {
    margin-top: 2.8125rem;
  }
}
/*
Blog
================================================
Defines the styles for the blog page and its components.

It contains the sidebar selection, the comment section and the details.

More precise designations are commented inside the document.
*/
.blog--listing {
  margin-top: 1rem;
}
.blog--filter-btn {
  margin-bottom: 1.25rem;
}
.blog--filter-btn .filter--trigger {
  display: block;
}
.blog--filter-options {
  border-right: 1px solid #b9b9ce;
}
.blog--filter-options .filter--container {
  padding: 0rem 0.625rem 0rem 0.625rem;
}
.blog--filter-options .blog--filter-close-btn {
  padding: 0.75rem 0.625rem 0.75rem 0.625rem;
  background-color: #484848;
  display: block;
  color: #fff;
  font-weight: 700;
}
.blog--filter-options .blog--filter-close-btn:hover {
  color: #fff;
}
.blog--filter-options .blog--filter-close-btn .icon--arrow-right {
  margin: 0.1875rem 0rem 0rem 0rem;
  float: right;
}
.blog--filter-options .blog--subscribe {
  display: none;
}
.blog--filter-options .filter--headline {
  font-size: 1rem;
  line-height: 1.625rem;
  margin: 1rem 0.625rem 0.375rem 0.625rem;
  font-weight: 700;
  color: #222222;
}
.blog--filter-options .filter--entry {
  padding: 0.625rem 1.25rem 0.625rem 1.25rem;
  font-size: 1rem;
  display: block;
  border-bottom: 1px solid #b9b9ce;
}
.blog--filter-options .filter--entry:last-child {
  border: 0 none;
}
.blog--filter-options .filter--link {
  color: #484848;
}
.blog--filter-options .filter--link:hover {
  color: #131316;
}
.blog--sidebar {
  width: 100%;
}
.blog--sidebar .block-group {
  width: 100%;
}
.blog--sidebar .blog--navigation .has--border {
  border: none;
}
.blog--sidebar .blog--navigation .collapse--header {
  padding: 0.625rem 1.25rem 0.625rem 1.25rem;
  margin-bottom: 0.3125rem;
  font-weight: 400;
  color: #484848;
}
.blog--sidebar .blog--navigation .collapse--header:hover {
  color: #131316;
}
.blog--sidebar .blog--navigation .is--active {
  color: #fff;
  font-weight: 700;
}
.blog--sidebar .blog--navigation .is--active:hover {
  color: #fff;
}
.blog--sidebar .blog--navigation .collapse--content {
  padding: 0rem 0rem 0rem 0rem;
}
.blog--sidebar .blog--navigation .collapse--content .filter--entry-link {
  color: #484848;
}
.blog--sidebar .blog--navigation .collapse--content .filter--entry-link:hover {
  color: #131316;
}
.blog--sidebar .blog--filter-content,
.blog--sidebar .blog--subscribe-content {
  display: none;
}
.blog--sidebar .blog--filter-content.is--active,
.blog--sidebar .blog--subscribe-content.is--active {
  display: block;
}
.blog--sidebar .blog--filter-tags:after {
  content: "";
  display: table;
  clear: both;
}
.blog--box {
  margin-bottom: 1.25rem;
}
.blog--box:after {
  content: "";
  display: table;
  clear: both;
}
.blog--box .blog--box-metadata {
  padding-bottom: 0.875rem;
  padding-top: 0.3125rem;
  font-size: 0.75rem;
  margin: 0rem 1.25rem 0rem 1.25rem;
  border-bottom: 1px solid #b9b9ce;
}
.blog--box .blog--box-metadata .blog--metadata {
  padding-right: 0.5rem;
  margin-right: 0.5rem;
  display: inline-block;
  border-right: 1px solid #b9b9ce;
}
.blog--box .blog--box-metadata .blog--metadata:last-child {
  border-right: 0 none;
}
.blog--box .blog--box-metadata .blog--metadata-rating {
  font-size: 0.875rem;
  color: #484848;
}
.blog--box .blog--box-headline {
  font-size: 1.125rem;
}
.blog--box .blog--box-link {
  color: #222222;
}
.blog--box .blog--box-link:hover {
  color: #131316;
}
.blog--box .blog--box-picture {
  display: block;
  height: auto;
  width: 100%;
}
.blog--box .blog--picture-preview {
  width: 100%;
}
.blog--box .blog--box-description {
  margin-top: 1rem;
}
.blog--box .blog--box-description .blog--box-description-short {
  margin-bottom: 1rem;
  margin-top: -0.375rem;
}
.blog--box .blog--box-tags {
  margin-top: 0.5rem;
  font-size: 0.75rem;
}
.blog--detail {
  margin-top: 0.625rem;
}
.blog--detail ul,
.blog--detail ol {
  padding-left: 1.875rem;
}
.blog--detail .listing {
  margin: 0;
}
.blog--detail .blog--box {
  margin-bottom: 0;
}
.blog--detail .blog--detail-header {
  margin-bottom: 1.25rem;
}
.blog--detail .blog--detail-headline {
  margin: 0rem 0rem 0.3125rem 0rem;
}
.blog--detail .blog--detail-headline,
.blog--detail .blog--detail-box-headline {
  font-size: 1.125rem;
}
.blog--detail .select-field {
  max-width: 100%;
}
.blog--detail .blog--rating-link {
  font-size: 0.875rem;
  color: #484848;
}
.blog--detail .blog--bookmarks-icons {
  margin-top: 0.625rem;
  float: right;
}
.blog--detail .blog--bookmark {
  font-size: 2.5rem;
}
.blog--detail .blog--detail-thumbnails {
  margin-bottom: 0.625rem;
}
.blog--detail .blog--detail-thumbnails .blog--thumbnail-image {
  margin: 0 auto;
}
.blog--detail .blog--detail-thumbnails .block {
  height: 5rem;
  width: 23%;
}
.blog--detail .blog--image {
  padding: 0.625rem 0.625rem 0.625rem 0.625rem;
  width: 100%;
}
.blog--detail .blog--thumbnail {
  padding: 0.3125rem 0.3125rem 0.3125rem 0.3125rem;
  margin: 2% 1%;
  display: block;
  float: left;
}
.blog--detail .blog--thumbnail:first-child {
  margin-left: 0;
}
.blog--detail .blog--thumbnail:last-child {
  margin-right: 0;
}
.blog--detail .blog--comments-wrapper {
  padding: 1.25rem 0rem 1.25rem 0rem;
}
.blog--detail .blog--comments {
  padding: 1.25rem 1.25rem 1.25rem 1.25rem;
}
.blog--detail .blog--comments .comments--actions .btn--create-entry {
  width: 100%;
}
.blog--detail .blog--comments .comments--list {
  margin-top: 1.875rem;
}
.blog--detail .blog--comments .list--entry {
  margin-top: 0.625rem;
}
.blog--detail .blog--comments .list--entry:after {
  content: "";
  display: table;
  clear: both;
}
.blog--detail .blog--comments .entry--meta {
  width: 100%;
}
.blog--detail .blog--comments .entry--meta .meta--rating {
  margin-bottom: 0.3125rem;
}
.blog--detail .blog--comments .entry--content {
  width: 100%;
}
.blog--detail .blog--comments .content--headline {
  margin: 0.625rem 0rem 0.3125rem 0rem;
  font-size: 1rem;
}
.blog--detail .blog--comments-headline {
  font-size: 1.3125rem;
  margin: 0rem 0rem 1.25rem 0rem;
}
.blog--detail .blog--comments-entry {
  margin-bottom: 1.25rem;
}
.blog--detail .blog--comments-entry:last-child {
  margin: 0;
}
.blog--detail .blog--comments-entry-left {
  padding: 1.25rem 2.5rem 1rem 2.5rem;
  border-bottom: 1px solid #b9b9ce;
}
.blog--detail .blog--comments-entry-left::after {
  margin: 0rem 0rem 0rem -0.5625rem;
  width: 1.125rem;
  height: 1.125rem;
  bottom: -0.5625rem;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  content: '';
  position: absolute;
  left: 50%;
  background: #fff;
  border: 1px solid #b9b9ce;
  border-left: 0 none;
  border-top: 0 none;
}
.blog--detail .blog--comments-rating {
  font-size: 1.125rem;
  color: #F1C40F;
}
.blog--detail .blog--comments-entry-right {
  padding: 1.25rem 2.5rem 1rem 2.5rem;
}
.blog--detail .blog--comments-entry-headline {
  font-size: 1rem;
  color: #222222;
  margin-top: 0;
}
.blog--detail .blog--comments-form .form--comment-add {
  margin-top: 20px;
}
.blog--detail .blog--comments-form-errors .alert {
  margin: 1.25rem 0rem 1.25rem 0rem;
}
.blog--detail .blog--comments-voting {
  margin-bottom: 0.625rem;
  line-height: 1;
}
.blog--detail .collapse--soft-hidden {
  display: none;
}
.blog--detail .collapse--soft-show {
  display: block;
}
@media screen and (min-width: 48em) {
  .blog--listing {
    margin-top: 1rem;
  }
  .blog--listing .panel--title {
    margin: 0rem 1.25rem 0rem 1.25rem;
  }
  .blog--listing .panel--body {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .blog--box .blog--box-metadata {
    font-size: 0.875rem;
  }
  .blog--box .blog--box-picture {
    width: 20%;
    float: left;
  }
  .blog--box .blog--box-description {
    padding-top: 0;
    margin-top: 0;
    width: 76%;
    float: right;
  }
  .blog--box .blog--box-tags {
    font-size: 0.875rem;
  }
  .blog--content {
    margin-top: 2.8125rem;
  }
  .blog--content .blog--navigation {
    padding: 0rem 0rem 0rem 0rem;
  }
  .blog--content .blog--navigation .has--border {
    border: 1px solid #b9b9ce;
  }
  .blog--content .blog--navigation .blog--sidebar-title {
    padding: 1.25rem 0rem 0.625rem 0rem;
    margin: 0rem 1.25rem 0rem 1.25rem;
    border-radius: 0;
    color: #222222;
    border-color: #b9b9ce;
    border-width: 0 0 1px 0;
    display: block;
    font-weight: 700;
    background: none;
    box-shadow: none;
    cursor: default;
  }
  .blog--content .blog--navigation .blog--sidebar-body {
    padding: 1.25rem 1.25rem 1.25rem 1.25rem;
    border: 0 none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  .blog--content .blog--navigation .collapse--header:hover {
    color: #222222;
  }
  .blog--content .blog--navigation .blog--subscribe {
    display: block;
  }
  .blog--content .blog--navigation .blog--subscribe-content,
  .blog--content .blog--navigation .blog--filter-content {
    display: block;
  }
  .blog--content .filter--container {
    padding: 0;
  }
  .blog--content .blog--filter-btn {
    display: none;
  }
  .blog--content .blog--filter-options {
    display: block;
    float: right;
    width: 20%;
    border: none;
    background: none;
  }
  .blog--content .blog--filter-options .filter--group {
    margin: 0rem 0rem 1rem 0rem;
    width: 100%;
    height: auto;
  }
  .blog--content .blog--filter-options .filter--entry {
    font-size: 0.875rem;
    padding: 0;
    border: 0 none;
  }
  .blog--content .blog--filter-options .blog--filter-close-btn {
    display: none;
  }
  .blog--content .blog--filter-options .filter--headline {
    display: none;
  }
  .blog--content .filter--expand-collapse {
    display: none;
  }
  .blog--content .blog--listing {
    margin-top: 0;
    width: 78%;
    float: left;
  }
  .blog--content .blog--box .blog--box-headline {
    font-size: 1.125rem;
  }
  .blog--content .blog--box .blog--box-link {
    color: #222222;
  }
  .blog--content .blog--box .blog--box-link:hover {
    color: #131316;
  }
  .blog--content .blog--box .blog--box-metadata {
    padding-top: 0.3125rem;
  }
  .blog--content .blog--box .blog--box-content .blog--box-description {
    width: 74%;
  }
  .blog--detail {
    margin-top: 1.875rem;
  }
  .blog--detail .blog--detail-headline {
    font-size: 1.125rem;
    margin-bottom: 0.3125rem;
  }
  .blog--detail .blog--box-metadata,
  .blog--detail .panel--title {
    margin: 0;
  }
  .blog--detail .panel--body {
    padding-left: 0;
    padding-right: 0;
  }
  .blog--detail .blog--detail-thumbnails {
    margin-bottom: 0.625rem;
  }
  .blog--detail .blog--detail-thumbnails .blog--thumbnail-image {
    margin: 0 auto;
  }
  .blog--detail .blog--detail-thumbnails .block {
    width: 5rem;
    height: 5rem;
  }
  .blog--detail .blog--comments .entry--meta {
    width: 25%;
    text-align: left;
  }
  .blog--detail .blog--comments .entry--content {
    width: 75%;
    float: left;
  }
  .blog--detail .blog--comments .comments--actions .btn--create-entry {
    width: auto;
  }
  .blog--detail .blog--comments-name,
  .blog--detail .blog--comments-summary {
    padding-right: 0.625rem;
    width: 50%;
    float: left;
  }
  .blog--detail .blog--comments-email,
  .blog--detail .blog--comments-voting {
    padding-left: 0.625rem;
    width: 50%;
    float: right;
  }
  .blog--detail .blog--comments-voting {
    margin-bottom: 0.625rem;
  }
  .blog--detail .blog--comments-opinion {
    clear: both;
  }
  .blog--detail .blog--comments-captcha {
    margin-bottom: 0.625rem;
  }
  .blog--detail .blog--comments-captcha:after {
    content: "";
    display: table;
    clear: both;
  }
  .blog--detail .blog--comments-captcha {
    width: 50%;
  }
  .blog--detail .blog--comments-captcha .captcha--placeholder {
    padding-right: 0.625rem;
    width: 30%;
    float: left;
  }
  .blog--detail .blog--comments-captcha .captcha--code {
    padding-right: 0.625rem;
    width: 70%;
    float: right;
  }
}
@media screen and (min-width: 64em) {
  .blog--detail .blog--detail-description {
    width: 100%;
  }
  .blog--detail .blog--detail-image-container {
    width: 40%;
    margin: 0 0 3% 3%;
    float: right;
  }
}
@media screen and (min-width: 78.75em) {
  .blog--listing .listing--actions {
    margin-top: 0.9375rem;
    padding-top: 0;
    margin-bottom: 0;
  }
  .blog--listing .listing--paging {
    border: 0 none;
  }
  .blog--detail {
    margin-top: 3.125rem;
  }
  .blog--detail .blog--detail-headline {
    font-size: 1.3125rem;
  }
  .blog--detail .blog--bookmark {
    font-size: 2rem;
  }
}
/*
Configurator
==========================================
Defines the styles for the product configuration options element.

The configurator element allows the user to choose from different article variations on the Shopware product detail page and configure his product.
*/
.configurator--variant .variant--group {
  margin: 0rem 0rem 0.625rem 0rem;
}
.configurator--variant .variant--group:after {
  content: "";
  display: table;
  clear: both;
}
.configurator--variant .variant--name {
  margin: 0rem 0rem 0.3125rem 0rem;
  font-weight: 700;
}
.configurator--variant .variant--option {
  height: 3.125rem;
  line-height: 2.5rem;
  margin-bottom: 0.625rem;
  overflow: hidden;
  display: block;
  width: 23%;
  margin-right: 2%;
  position: relative;
  float: left;
}
.configurator--variant .option--input {
  opacity: 0;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
  cursor: pointer;
  /**
         * Checkbox/Radio Hack
         * Changes the styling of the next label element
         * based on the state of the radio element.
         */
}
.configurator--variant .option--input:hover ~ label {
  color: #131316;
  border-color: #131316;
}
.configurator--variant .option--input:hover ~ label.is--disabled {
  color: #484848;
  border-color: #b9b9ce;
}
.configurator--variant .option--input:checked ~ label {
  color: #131316;
  border-color: #131316;
}
.configurator--variant .option--input:disabled ~ label {
  opacity: 0.5;
}
.configurator--variant .option--input:disabled {
  cursor: not-allowed;
}
.configurator--variant .option--label {
  padding: 0.3125rem 0.3125rem 0.3125rem 0.3125rem;
  line-height: 2.5rem;
  border-radius: 3px;
  background-clip: padding-box;
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 500;
  border: 1px solid #b9b9ce;
  font-weight: 700;
  text-align: center;
  overflow: hidden;
}
.configurator--variant .option--label.is--disabled img {
  opacity: 0.3;
}
.configurator--variant .option--label .image--media {
  line-height: 3.125rem;
  vertical-align: middle;
  text-align: center;
}
.configurator--variant .option--label img {
  margin: 0 auto;
}
/*
Compare
==============================================
Defines the styling of the comparison tool and its elements.

The comparision creates a fixed modalbox in that the user can compare multiple articles.

The user can open the tool inside the product detail section.
*/
.top-bar--navigation {
  position: relative;
}
.top-bar--navigation .entry--compare {
  padding: 0rem 0.5rem 0rem 0.5rem;
}
.top-bar--navigation .entry--compare .compare--quantity {
  margin-left: 0.3125rem;
  font-weight: 700;
  display: inline-block;
  color: #131316;
}
.top-bar--navigation .entry--compare .icon--compare {
  font-size: 0.75rem;
}
.top-bar--navigation .compare--list {
  width: 17.5rem;
  padding: 0.3125rem 0.625rem 0.625rem 0.625rem;
  top: 2rem;
  right: 0.75rem;
  text-align: left;
  position: absolute;
  display: none;
  list-style: none;
  background: #fff;
  z-index: 4000;
  border: 1px solid #b9b9ce;
}
.top-bar--navigation .compare--list::after {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  width: 0.5rem;
  height: 0.5rem;
  top: -0.3125rem;
  left: 1.5625rem;
  content: '';
  display: block;
  position: absolute;
  background: #fff;
  border-color: #b9b9ce;
  border-width: 0 0 1px 1px;
  border-style: solid;
}
.top-bar--navigation .compare--list .btn--compare-delete {
  width: 100%;
}
.top-bar--navigation .js--is--dropdown-active .compare--list {
  display: block;
}
.top-bar--navigation .js--is--dropdown-active .compare--list .compare--entry {
  cursor: default;
}
.top-bar--navigation .js--is--dropdown-active .compare--list .compare--entry form {
  display: inline-block;
}
.top-bar--navigation .js--is--dropdown-active .compare--list .compare--link {
  width: 14.375rem;
  padding: 0.625rem 0rem 0.625rem 0rem;
  font-size: 0.875rem;
  color: #484848;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.top-bar--navigation .js--is--dropdown-active .compare--list .compare--link:hover {
  color: #131316;
}
.top-bar--navigation .js--is--dropdown-active .compare--list .compare--button {
  padding: 0.1875rem 0.25rem 0.1875rem 0.25rem;
  margin: 0.1875rem 0rem 0rem 0rem;
  float: right;
}
.top-bar--navigation .js--is--dropdown-active .compare--list .btn--item-delete {
  height: 1.3125rem;
  width: 1.3125rem;
  padding: 0.25rem 0.3125rem 0.25rem 0.3125rem;
  margin: 0.5rem 0rem 0.5rem 0rem;
  font-size: 0.5rem;
  line-height: 0.875rem;
  float: right;
}
.top-bar--navigation .js--is--dropdown-active .compare--list .btn--item-delete .icon--cross {
  padding: 0;
  margin: 0;
}
.top-bar--navigation .js--is--dropdown-active .compare--list .compare--button .icon--cross {
  padding: 0;
  margin: 0;
}
.top-bar--navigation .js--is--dropdown-active .compare--list .btn--compare {
  margin-top: 0.3125rem;
}
.compare--wrapper {
  display: block;
  overflow: auto;
}
.modal--compare {
  font-size: 0.875rem;
  letter-spacing: -0.25rem;
  display: inline-block;
  white-space: nowrap;
  vertical-align: top;
}
.modal--compare.is--fluid {
  width: 100%;
  overflow: hidden;
}
.modal--compare .modal--title {
  padding: 0.625rem 2.5rem 0.625rem 1.25rem;
  font-size: 1rem;
  font-weight: 700;
  border-bottom: 1px solid #484848;
  letter-spacing: 0;
}
.modal--compare .modal--error {
  padding: 1.25rem 1.25rem 1.25rem 1.25rem;
  letter-spacing: 0;
}
.modal--compare .list--head {
  background: #f8f8fa;
  font-weight: 700;
}
.modal--compare .compare--group {
  width: 12.5rem;
  display: inline-block;
  white-space: normal;
  vertical-align: top;
  letter-spacing: 0;
}
.modal--compare .group--small {
  width: 12.5rem;
}
.modal--compare .compare--group-list {
  margin: 0;
  padding: 0;
}
.modal--compare .list--entry {
  padding: 0.625rem 1.875rem 0.625rem 0.625rem;
  color: #484848;
  border-bottom: 1px solid #b9b9ce;
}
.modal--compare .entry--picture {
  height: 10rem;
  position: relative;
}
.modal--compare .entry--picture .image--element img {
  max-width: 90%;
  max-height: 90%;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.modal--compare .entry--name {
  height: 7.8125rem;
}
.modal--compare .link--name {
  position: relative;
  display: block;
  height: 70px;
  color: #222222;
  font-weight: 700;
}
.modal--compare .entry--voting {
  height: 3.125rem;
}
.modal--compare .entry--voting .icon--star,
.modal--compare .entry--voting .icon--star-empty {
  color: #F1C40F;
}
.modal--compare .entry--description {
  height: 9.375rem;
  text-align: left;
  word-wrap: break-word;
}
.modal--compare .entry--price {
  height: 8.125rem;
}
.modal--compare .entry--price .price--pseudoprice {
  text-decoration: line-through;
}
.modal--compare .entry--price .price--normal {
  font-size: 1rem;
  color: #222222;
  font-weight: 700;
}
.modal--compare .entry--price .price--reduced {
  color: #E90505;
}
.modal--compare .entry--property {
  height: auto;
}
@media screen and (min-width: 78.75em) {
  .top-bar--navigation .compare--list {
    right: 0;
  }
}
/*
Home
==============================================
Defines the styling of the home-page content elements.
*/
.content--home {
  margin-top: 0rem;
}
@media screen and (min-width: 48em) {
  .content--home {
    margin-top: 0rem;
  }
}
@media screen and (min-width: 78.75em) {
  .content--home {
    margin-top: 0rem;
  }
}
/*
Payment
==============================================
Defines the styling of the payment-form elements.

The payment page allows the user to choose the prefered payment option and add his personal payment informations inside form elements.

The payment page is a part of the Shopware checkout process.
*/
.payment--form-group {
  margin: 0.625rem 0rem 0.625rem 0rem;
}
.payment--form-group .payment--field {
  margin-bottom: 0.625rem;
  display: block;
  width: 100%;
}
.payment--form-group .register--required-info {
  margin: 0;
}
@media screen and (min-width: 48em) {
  .payment--form-group .payment--field {
    width: 85%;
  }
}
/*
Address
================================
Defines the styles for the address pages and the modals.
*/
.address-manager--modal .header > .title {
  padding-left: 2%;
}
.address-manager--modal.address-manager--editor .address-editor--errors {
  padding: 1.25rem;
  padding-bottom: 0;
}
.address-manager--modal.address-manager--editor .address-editor--body {
  padding: 0;
}
.address-manager--modal.address-manager--selection .content:after {
  content: "";
  display: table;
  clear: both;
}
.address-manager--modal.address-manager--selection .content .modal--container {
  margin: -2% 0 0 -2%;
}
.address-manager--modal.address-manager--selection .content .modal--container:after {
  content: "";
  display: table;
  clear: both;
}
.address-manager--modal.address-manager--selection .content .modal--container .modal--container-item {
  padding: 2% 0 0 2%;
  float: left;
  width: 100%;
}
.address-manager--modal.address-manager--selection .content .panel--actions .btn {
  width: 100%;
  text-align: center;
}
.address-manager--modal.address-manager--selection .content .panel--actions .btn .js--loading {
  width: 1.125rem;
  height: 1.125rem;
  border-radius: 100%;
  background-clip: padding-box;
  right: 0.375rem;
  top: 0.125rem;
  margin: 0.5rem 0.3125rem 0.5rem 0.3125rem;
  -webkit-animation: keyframe--spin 1s linear infinite;
  animation: keyframe--spin 1s linear infinite;
  border: 2px solid #b9b9ce;
  border-top: 2px solid #383850;
  display: block;
  position: absolute;
}
.account--address.account--content,
.address-manager--modal.account--content {
  margin: 0rem;
  padding-top: 2.8125rem;
}
.account--address .address--item-body .panel--title,
.address-manager--modal .address--item-body .panel--title {
  margin: 0rem 0rem 1.25rem 0rem;
  padding-top: 0;
}
.account--address .account--welcome,
.address-manager--modal .account--welcome {
  margin-bottom: 0;
}
.account--address.account--address-form .alert,
.address-manager--modal.account--address-form .alert {
  margin: 1.25rem 1.125rem 1.25rem 1.125rem;
}
.account--address .address--form-actions:after,
.address-manager--modal .address--form-actions:after {
  content: "";
  display: table;
  clear: both;
}
.account--address .address--form-actions .address--form-submit,
.address-manager--modal .address--form-actions .address--form-submit {
  margin-bottom: 0.625rem;
  width: 100%;
  text-align: center;
}
.account--address .address--actions-set-defaults,
.address-manager--modal .address--actions-set-defaults {
  margin-bottom: 0.625rem;
  line-height: normal;
}
.account--address .address--actions-set-defaults .btn,
.address-manager--modal .address--actions-set-defaults .btn {
  padding: 0;
  color: #484848;
}
.account--address .address--actions-set-defaults .btn:hover,
.address-manager--modal .address--actions-set-defaults .btn:hover {
  color: #131316;
}
.account--address .address--required-info,
.address-manager--modal .address--required-info {
  margin: 0rem 1.625rem 1rem 1.625rem;
  font-size: 0.875rem;
}
.account--address .select-field,
.address-manager--modal .select-field {
  margin-bottom: 0.3125rem;
  max-width: 100%;
}
.account--address .address--field,
.address-manager--modal .address--field {
  margin-bottom: 0.625rem;
  width: 100%;
}
.account--address .address--customertype,
.address-manager--modal .address--customertype {
  display: block;
}
.account--address .address--zip-city .address--field-zipcode,
.address-manager--modal .address--zip-city .address--field-zipcode {
  width: 28%;
  float: left;
}
.account--address .address--zip-city .address--field-city,
.address-manager--modal .address--zip-city .address--field-city {
  width: 70%;
  float: left;
}
.account--address .address--zip-city .address--field-city:after,
.address-manager--modal .address--zip-city .address--field-city:after {
  content: "";
  display: table;
  clear: both;
}
.account--address .address--zip-city .address--spacer,
.address-manager--modal .address--zip-city .address--spacer {
  margin-right: 2%;
}
.account--address.address--delete .panel,
.address-manager--modal.address--delete .panel {
  margin-bottom: 1.25rem;
}
.account--address .address--delete-actions .btn.is--primary,
.address-manager--modal .address--delete-actions .btn.is--primary {
  float: right;
}
.account--address .address--content,
.address-manager--modal .address--content {
  margin: -2% 0 0 -2%;
}
.account--address .address--content:after,
.address-manager--modal .address--content:after {
  content: "";
  display: table;
  clear: both;
}
.account--address .address--item-content,
.address-manager--modal .address--item-content {
  width: 100%;
  float: left;
  padding: 2%;
}
.account--address .address--item-content .panel--actions,
.address-manager--modal .address--item-content .panel--actions {
  display: table-cell;
  vertical-align: bottom;
}
.account--address .address--item-create .btn,
.address-manager--modal .address--item-create .btn {
  text-align: center;
}
.account--address .address--item-actions form,
.address-manager--modal .address--item-actions form {
  display: block;
}
.account--address .js--loading,
.address-manager--modal .js--loading {
  width: 1.125rem;
  height: 1.125rem;
  border-radius: 100%;
  background-clip: padding-box;
  margin: 0rem 0rem 0rem 0.3125rem;
  top: 0.25rem;
  -webkit-animation: keyframe--spin 1s linear infinite;
  animation: keyframe--spin 1s linear infinite;
  border: 2px solid #b9b9ce;
  border-top: 2px solid #383850;
  display: inline-block;
  position: relative;
}
@media screen and (min-width: 48em) {
  .account--address .address--form-actions .address--form-submit,
  .address-manager--modal .address--form-actions .address--form-submit {
    width: auto;
  }
  .address-manager--modal.address-manager--selection .content .modal--container .modal--container-item {
    width: 50%;
  }
  .account--address.account--content .address--field {
    margin-bottom: 0.9375rem;
    width: 70%;
  }
  .account--address.account--content .select-field {
    max-width: 18.125rem;
  }
  .account--address.account--content .address--form-actions:after {
    content: "";
    display: table;
    clear: both;
  }
  .account--address.account--content .address--item-content {
    width: 50%;
  }
  .account--address.account--content .address--zip-city .address--field-zipcode {
    width: 18%;
    float: left;
  }
  .account--address.account--content .address--zip-city .address--field-city {
    width: 50%;
    float: left;
  }
  .account--address.account--content .address--zip-city .address--field-city:after {
    content: "";
    display: table;
    clear: both;
  }
  .account--address.account--content .address--zip-city .address--spacer {
    margin-right: 2%;
  }
}
@media screen and (min-width: 78.75em) {
  .address-manager--modal.address-manager--selection {
    max-width: 71.5625rem;
  }
  .address-manager--modal.address-manager--selection .content .modal--container .modal--container-item {
    width: 33.3%;
  }
}
.page-wrap--cookie-permission {
  padding: 0.625rem;
  z-index: 8000;
  border-top: 1px solid #b9b9ce;
  background: #fff;
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
}
.page-wrap--cookie-permission .cookie-permission--container {
  width: 100%;
  text-align: center;
  position: relative;
}
.page-wrap--cookie-permission .cookie-permission--container:after {
  content: "";
  display: table;
  clear: both;
}
.page-wrap--cookie-permission .cookie-permission--container .cookie-permission--button {
  margin: 0 auto;
  margin-top: 1.25rem;
}
.page-wrap--cookie-permission .cookie-permission--container .cookie-permission--button.cookie-permission--extra-button .cookie-permission--accept-button {
  margin-right: 0.3125rem;
}
.page-wrap--cookie-permission .cookie-permission--container .cookie-permission--decline-button {
  margin-right: 0.3125rem;
}
.page-wrap--cookie-permission .cookie-permission--container .cookie-permission--accept-button,
.page-wrap--cookie-permission .cookie-permission--container .cookie-permission--decline-button,
.page-wrap--cookie-permission .cookie-permission--container .cookie-permission--configure-button {
  margin-top: 0.625rem;
}
.cookie-removal--container {
  padding: 1.5625rem;
}
.cookie-removal--container .cookie-removal--list {
  margin-bottom: 1.25rem;
  list-style-position: inside;
}
.cookie-removal--container .cookie-removal--buttons {
  margin-top: 1.25rem;
}
.cookie-removal--container .cookie-removal--buttons .btn {
  margin-bottom: 0.375rem;
  display: inline-block;
  width: 48%;
  float: right;
}
.cookie-removal--container .cookie-removal--buttons .btn:last-child {
  margin-right: 2%;
}
@media screen and (min-width: 30em) {
  .cookie-removal--container .cookie-removal--footer:after {
    content: "";
    display: table;
    clear: both;
  }
  .cookie-removal--container .cookie-removal--footer .cookie-removal--buttons {
    float: right;
  }
  .cookie-removal--container .cookie-removal--buttons {
    min-width: 16.25rem;
    margin: 0;
  }
  .cookie-removal--container .privacy--notice {
    padding-top: 0.5rem;
    display: inline-block;
  }
  .page-wrap--cookie-permission .cookie-permission--container .cookie-permission--accept-button,
  .page-wrap--cookie-permission .cookie-permission--container .cookie-permission--decline-button,
  .page-wrap--cookie-permission .cookie-permission--container .cookie-permission--configure-button {
    margin-top: 0;
  }
}
@media screen and (min-width: 64em) {
  .page-wrap--cookie-permission .cookie-permission--container {
    width: 100%;
  }
  .page-wrap--cookie-permission .cookie-permission--container:after {
    content: "";
    display: table;
    clear: both;
  }
  .page-wrap--cookie-permission .cookie-permission--container.cookie-mode--1 .cookie-permission--content {
    width: calc(100% - 240px);
    text-align: left;
  }
  .page-wrap--cookie-permission .cookie-permission--container.cookie-mode--1 .cookie-permission--content.cookie-permission--extra-button {
    width: calc(100% - 370px);
  }
  .page-wrap--cookie-permission .cookie-permission--container.cookie-mode--1 .cookie-permission--button {
    width: 15rem;
    right: 0.3125rem;
    position: absolute;
    top: calc(50% - 21px);
  }
  .page-wrap--cookie-permission .cookie-permission--container.cookie-mode--1 .cookie-permission--button.cookie-permission--extra-button {
    width: 23.125rem;
  }
  .page-wrap--cookie-permission .cookie-permission--container .cookie-permission--content {
    padding: 0.75rem;
    float: left;
  }
  .page-wrap--cookie-permission .cookie-permission--container .cookie-permission--button {
    margin: 0;
    float: right;
  }
}
.content-type--head {
  overflow: hidden;
  margin: 1rem 0rem 1rem 0rem;
}
.content-type--head .head--picture {
  max-height: 30em;
  padding: 1rem 1rem 1rem 1rem;
  border-radius: 3px;
  background-clip: padding-box;
}
.content-type--head .head--picture img {
  max-height: 30em;
  object-fit: scale-down;
  margin: 0 auto;
}
.content-type--field {
  display: block;
  width: 100%;
  padding: 1rem 1rem 1rem 1rem;
  border-radius: 3px;
  background-clip: padding-box;
}
.content-type--field:nth-child(odd) {
  background: #f8f8fa;
}
.field--full > .field--label {
  display: none;
}
.field--full > .field--content {
  width: 100%;
  max-width: unset;
  text-align: left;
}
.field--label,
.field--content {
  display: block;
  width: 50%;
  float: left;
}
.field--label > span {
  display: inline-block;
  max-width: 90%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.field--label-separator {
  display: none;
  float: right;
  width: 1px;
  height: 1rem;
  margin: 0 1rem;
  background: #b9b9ce;
}
.field--content {
  text-align: right;
}
.content-type--field-checkbox .icon--check {
  color: #2ECC71;
}
.content-type--field-checkbox .icon--cross {
  color: #E74C3C;
}
.content-type--field-media > .field--label,
.content-type--field-media-grid > .field--label {
  display: none;
}
.content-type--field-media > .field--content,
.content-type--field-media-grid > .field--content {
  width: 100%;
  max-width: unset;
  text-align: left;
}
.content-type--field-media.content-type--field,
.content-type--field-media-grid.content-type--field {
  background: #FFFFFF;
}
.content-type--field-media picture,
.content-type--field-media-grid picture,
.content-type--field-media img,
.content-type--field-media-grid img {
  margin: 0 auto;
  border-radius: 3px;
  background-clip: padding-box;
}
.content-type--field-media-grid .image--gallery {
  min-height: 30em;
}
.content-type--field-textarea > .field--label {
  display: none;
}
.content-type--field-textarea > .field--content {
  width: 100%;
  max-width: unset;
  text-align: left;
}
.content-type--field-textarea.content-type--field {
  background: #FFFFFF;
}
.content-type--field-text > .field--label {
  display: none;
}
.content-type--field-text > .field--content {
  width: 100%;
  max-width: unset;
  text-align: left;
}
.content-type--field-text.content-type--field {
  background: #FFFFFF;
}
.content-type--field-product-field > .field--label {
  display: none;
}
.content-type--field-product-field > .field--content {
  width: 100%;
  max-width: unset;
  text-align: left;
}
.content-type--field-product-field .product--box {
  background-color: #fff;
  padding: unset;
}
.content-type--field-product-field .box--content {
  padding: 1.25rem 1.875rem 1.25rem 1.875rem;
}
.content-type--field-product-grid {
  overflow: hidden;
  padding: 1rem 0rem 1rem 0rem;
}
.content-type--field-product-grid > .field--label {
  display: none;
}
.content-type--field-product-grid > .field--content {
  width: 100%;
  max-width: unset;
  text-align: left;
}
.content-type--field-product-grid .product-slider .product-slider--container {
  padding: 0rem 2rem 0rem 2rem;
}
.content-type--field-product-grid .product-slider .product--description {
  white-space: normal;
}
.content-type--field-product-grid .box--content {
  background-color: #FFFFFF;
}
.content-type--field-tinymce > .field--label {
  display: none;
}
.content-type--field-tinymce > .field--content {
  width: 100%;
  max-width: unset;
  text-align: left;
}
.content-type--field-aceeditor > .field--label {
  display: none;
}
.content-type--field-aceeditor > .field--content {
  width: 100%;
  max-width: unset;
  text-align: left;
}
@media screen and (min-width: 30em) {
  .content-type--head .head--picture {
    max-width: 50%;
    float: left;
  }
  .content-type--head .head--picture img {
    max-height: 30em;
  }
}
@media screen and (min-width: 48em) {
  .field--label {
    max-width: 30%;
    width: 30%;
  }
  .field--label-separator {
    display: inline-block;
  }
  .field--content {
    max-width: 70%;
    width: 70%;
    text-align: unset;
  }
}
@media screen and (min-width: 64em) {
  .content-type {
    width: 75%;
    margin: 0 auto;
  }
}
@media screen and (min-width: 78.75em) {
  .is--content-type .sidebar-main {
    display: none;
  }
}
/*
Hacks
====================================
The `hacks.less` contains all dirty hacks like !important or negative margins, so you get a single place to document and set them.

More precise designations are commented inside the document.
*/
.icon-button i {
  font-size: 1.5rem !important;
}
.uk-sticky-fixed {
  z-index: 970;
}
.product--tax a {
  text-decoration: none !important;
}
.product--tax a:hover {
  text-decoration: underline !important;
}
.entry--all-results-link i {
  font-size: 8px;
}
.table--shipping-costs-trigger i {
  margin: -0.25rem 0rem 0rem 0rem;
  font-size: 8px;
}
.table--footer i,
.premium-product--product .btn i,
.compare--button i,
.modal--compare .btn i {
  font-size: 8px;
}
.js--modal.sizing--auto.is--fullscreen {
  height: 100% !important;
  width: 100% !important;
}
.js--modal.sizing--fixed {
  max-height: none !important;
  max-width: none !important;
}
.is--inactive {
  overflow: hidden !important;
}
.btn::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.is--ie .action--sort .sort--select:after {
  line-height: 34px;
}
.is--ie .register--login .register--new-customer .new-customer-btn::after {
  line-height: 16px;
}
.is--ie .filter-panel--input input[type='checkbox']:checked ~ .input--state::before,
.is--ie .filter-panel--checkbox input[type='checkbox']:checked ~ .input--state::before,
.is--ie .filter-panel--radio input[type='checkbox']:checked ~ .input--state::before,
.is--ie .filter-panel--input input[type='checkbox']:checked ~ .checkbox--state::before,
.is--ie .filter-panel--checkbox input[type='checkbox']:checked ~ .checkbox--state::before,
.is--ie .filter-panel--radio input[type='checkbox']:checked ~ .checkbox--state::before {
  line-height: 12px;
}
@media screen and (min-width: 48em) {
  .top-bar--navigation .entry--service:after,
  .top-bar--navigation .entry--service::after {
    font-size: 5px;
  }
  .sidebar--navigation .is--level1 .navigation--entry.has--sub-children.is--active:before,
  .sidebar--navigation .is--level1 .navigation--entry.has--sub-children.is--active::before {
    font-size: 5px;
  }
  .is--ie .header-main .top-bar--navigation .select-field:after {
    line-height: 24px;
  }
  .is--ie .action--filter-btn .filter--trigger:before,
  .is--ie .action--filter-btn .filter--trigger:after {
    line-height: 16px;
  }
  .is--ie .header-main .top-bar--navigation .top-bar--language .select-field select,
  .is--edge .header-main .top-bar--navigation .top-bar--language .select-field select {
    font-size: 0;
  }
  .is--ie .header-main .top-bar--navigation .top-bar--language .select-field select option,
  .is--edge .header-main .top-bar--navigation .top-bar--language .select-field select option {
    font-size: 0.875rem;
  }
}
.advanced-menu {
  max-width: 100%;
  box-shadow: 0 10px 25px -15px #000;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background: #FFFFFF;
  width: calc(100% - 80px);
  position: absolute;
  color: #222222;
  z-index: 3000;
}
.advanced-menu:after {
  content: "";
  display: table;
  clear: both;
}
.advanced-menu .menu--list {
  list-style: none;
  display: block;
  margin-bottom: 0px;
}
.advanced-menu .content--wrapper {
  margin: 0.625rem 0.625rem 0.625rem 0.625rem;
  position: relative;
}
.advanced-menu .menu--delimiter {
  content: "";
  width: 1px;
  background: #b9b9ce;
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
}
.advanced-menu .menu--teaser {
  padding: 0.625rem 0.625rem 0rem 1.25rem;
  position: relative;
  float: left;
}
.advanced-menu .teaser--image {
  height: 15.625rem;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  display: block;
}
.advanced-menu .teaser--image + .teaser--headline,
.advanced-menu .teaser--image + .teaser--text {
  margin-top: 2.5rem;
}
.advanced-menu .teaser--headline {
  font-size: 1.3125rem;
  margin: 0rem 0rem 1.25rem 0rem;
  font-weight: bold;
}
.advanced-menu .teaser--text-link {
  color: #131316;
}
.advanced-menu .teaser--text-link:hover {
  color: #131316;
}
.advanced-menu .menu--list-item {
  -webkit-hyphens: auto;
  hyphens: auto;
  word-break: normal;
  word-wrap: break-word;
}
.advanced-menu .menu--list-item-link {
  padding: 0.3125rem 0rem 0.3125rem 0rem;
  -webkit-transition: all 0.1s ease;
  transition: all 0.1s ease;
  color: #222222;
  display: block;
}
.advanced-menu .menu--list-item-link:hover {
  padding: 0.3125rem 0rem 0.3125rem 0.1875rem;
  color: #131316;
}
.advanced-menu .button-container {
  font-size: 1rem;
  padding: 1.25rem 1.875rem 1.25rem 0rem;
  background: #fff;
  color: #FFFFFF;
  font-weight: bold;
  display: none;
}
.advanced-menu .button-container .button--category {
  padding: 1.25rem 3.125rem 1.25rem 3.125rem;
  -webkit-transition: padding 0.1s ease;
  transition: padding 0.1s ease;
  color: #FFFFFF;
  position: relative;
}
.advanced-menu .button-container .button--category:hover {
  padding: 1.25rem 3.125rem 1.25rem 3.4375rem;
}
.advanced-menu .button-container .icon--arrow-right {
  font-size: 0.75rem;
  margin-top: -0.375rem;
  position: absolute;
  top: 50%;
  right: 1.875rem;
}
.advanced-menu .button-container .button--close {
  padding: 1.25rem 1.25rem 1.25rem 1.25rem;
  margin-top: -1.25rem;
  float: right;
  cursor: pointer;
}
.advanced-menu .menu--container {
  display: none;
}
.advanced-menu .menu--container.menu--is-active {
  display: block;
}
.advanced-menu .menu--level-0 {
  padding: 0.625rem 0.625rem 0rem 0.625rem;
  float: left;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}
.advanced-menu .menu--level-0.columns--1 {
  -webkit-column-count: 1;
  column-count: 1;
}
.advanced-menu .menu--level-0.columns--2 {
  -webkit-column-count: 2;
  column-count: 2;
}
.advanced-menu .menu--level-0.columns--3 {
  -webkit-column-count: 3;
  column-count: 3;
}
.advanced-menu .menu--level-0.columns--4 {
  -webkit-column-count: 4;
  column-count: 4;
}
.advanced-menu .menu--level-1 {
  margin: 0.3125rem 0rem 0rem 1.25rem;
}
.advanced-menu .menu--level-2 {
  margin: 0rem 0rem 0.3125rem 1.25rem;
}
.advanced-menu .item--level-0 {
  padding-bottom: 0.625rem;
  display: block;
  position: relative;
  font-family: "nimbus-sans-extended", sans-serif;
  text-transform: uppercase;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}
.advanced-menu .item--level-0 .menu--list-item-link {
  font-weight: normal;
}
.advanced-menu .item--level-1:last-child {
  margin: 0;
}
.advanced-menu .item--level-1 .menu--list-item-link {
  padding: 0.3125rem 0rem 0.3125rem 0rem;
  -webkit-transition: all 0.1s ease;
  transition: all 0.1s ease;
  color: #222222;
  display: block;
  font-weight: normal;
}
.advanced-menu .item--level-1 .menu--list-item-link:hover {
  padding: 0.3125rem 0rem 0.3125rem 0.1875rem;
  color: #131316;
}
.advanced-menu .item--level-2 .menu--list-item-link + .menu--level-3 {
  margin: 0rem 0rem 0.3125rem 1.25rem;
}
.navigation-main .navigation--list .navigation--entry.is--hovered {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-clip: padding-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@media screen and (min-width: 78.75em) {
  .advanced-menu .content--wrapper {
    margin: 0.625rem 0.625rem 0.625rem 0.625rem;
  }
}
/* ========================================================================
   Component: Base
 ========================================================================== */
/*
 * 1. Set `font-size` to support `rem` units
 *    Not using `font` property because a leading hyphen (e.g. -apple-system) causes the font to break in IE11 and Edge
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 * 3. Style
 */
html {
  /* 1 */
  font-family: "nimbus-sans", sans-serif;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.5;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 3 */
  background: #fff;
  color: #666;
}
/*
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}
/* Links
 ========================================================================== */
/*
 * Remove the outline on focused links when they are also active or hovered
 */
a:active,
a:hover {
  outline: none;
}
/*
 * Style
 */
a,
.uk-link {
  color: #333;
  text-decoration: none;
  cursor: pointer;
}
a:hover,
.uk-link:hover,
.uk-link-toggle:hover .uk-link,
.uk-link-toggle:focus .uk-link {
  color: #2d2d39;
  text-decoration: none;
}
/* Text-level semantics
 ========================================================================== */
/*
 * 1. Add the correct text decoration in Edge.
 * 2. The shorthand declaration `underline dotted` is not supported in Safari.
 */
abbr[title] {
  /* 1 */
  text-decoration: underline dotted;
  /* 2 */
  -webkit-text-decoration-style: dotted;
}
/*
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/*
 * 1. Consolas has a better baseline in running text compared to `Courier`
 * 2. Correct the odd `em` font sizing in all browsers.
 * 3. Style
 */
:not(pre) > code,
:not(pre) > kbd,
:not(pre) > samp {
  /* 1 */
  font-family: Consolas, monaco, monospace;
  /* 2 */
  font-size: 0.775rem;
  /* 3 */
  color: #f0506e;
  white-space: nowrap;
  padding: 2px 6px;
  background: #F5F5F8;
}
/*
 * Emphasize
 */
em {
  color: #f0506e;
}
/*
 * Insert
 */
ins {
  background: #ffd;
  color: #666;
  text-decoration: none;
}
/*
 * Mark
 */
mark {
  background: #ffd;
  color: #666;
}
/*
 * Quote
 */
q {
  font-style: italic;
}
/*
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* Embedded content
 ========================================================================== */
/*
 * Remove the gap between embedded content and the bottom of their containers.
 */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}
/*
 * 1. Add responsiveness.
 * 2. Auto-scale the height. Only needed if `height` attribute is present.
 * 3. Corrects responsive `max-width` behavior if padding and border are used.
 * 4. Exclude SVGs for IE11 because they don't preserve their aspect ratio. */canvas,img,video { max-width: 100%; height: auto; box-sizing: border-box; } @supports (display: block) { svg { max-width: 100%; height: auto; box-sizing: border-box; } } svg:not(:root) { overflow: hidden; } iframe { border: 0; } p,ul,ol,dl,pre,address,fieldset,figure { margin: 0 0 20px 0; } * + p,* + ul,* + ol,* + dl,* + pre,* + address,* + fieldset,* + figure { margin-top: 20px; } h1,.uk-h1,h2,.uk-h2,h3,.uk-h3,h4,.uk-h4,h5,.uk-h5,h6,.uk-h6,.uk-heading-small,.uk-heading-medium,.uk-heading-large,.uk-heading-xlarge,.uk-heading-2xlarge { margin: 0 0 20px 0; font-family: "nimbus-sans-extended",sans-serif; font-weight: normal; color: #333; text-transform: none; } * + h1,* + .uk-h1,* + h2,* + .uk-h2,* + h3,* + .uk-h3,* + h4,* + .uk-h4,* + h5,* + .uk-h5,* + h6,* + .uk-h6,* + .uk-heading-small,* + .uk-heading-medium,* + .uk-heading-large,* + .uk-heading-xlarge,* + .uk-heading-2xlarge { margin-top: 40px; } h1,.uk-h1 { font-size: 2.23125rem; line-height: 1.2; } h2,.uk-h2 { font-size: 1.7rem; line-height: 1.3; } h3,.uk-h3 { font-size: 1.5rem; line-height: 1.4; } h4,.uk-h4 { font-size: 1.25rem; line-height: 1.4; } h5,.uk-h5 { font-size: 16px; line-height: 1.4; } h6,.uk-h6 { font-size: .775rem; line-height: 1.4; } @media (min-width: 48em) { h1,.uk-h1 { font-size: 2.625rem; } h2,.uk-h2 { font-size: 2rem; } } ul,ol { padding-left: 30px; } ul > li > ul,ul > li > ol,ol > li > ol,ol > li > ul { margin: 0; } dt { font-weight: bold; } dd { margin-left: 0; } hr,.uk-hr { overflow: visible; text-align: inherit; margin: 0 0 20px 0; border: 0; border-top: 1px solid #b9b9ce; } * + hr,* + .uk-hr { margin-top: 20px; } address { font-style: normal; } blockquote { margin: 0 0 20px 0; font-size: 1.25rem; line-height: 1.5; font-style: italic; color: #333; } * + blockquote { margin-top: 20px; } blockquote p:last-of-type { margin-bottom: 0; } blockquote footer { margin-top: 10px; font-size: .775rem; line-height: 1.5; color: #666; } blockquote footer::before { content: "— "; } pre { font: .775rem/1.5 Consolas,monaco,monospace; color: #666; -moz-tab-size: 4; tab-size: 4; overflow: auto; padding: 10px; border: 1px solid #b9b9ce; border-radius: 3px; background: #fff; } pre code { font-family: Consolas,monaco,monospace; } ::selection { background: #39f; color: #fff; text-shadow: none; } details,main { display: block; } summary { display: list-item; } template { display: none; } .uk-breakpoint-s::before { content: '30em'; } .uk-breakpoint-m::before { content: '48em'; } .uk-breakpoint-l::before { content: '64em'; } .uk-breakpoint-xl::before { content: '1600px'; } :root { --uk-breakpoint-s: 30em; --uk-breakpoint-m: 48em; --uk-breakpoint-l: 64em; --uk-breakpoint-xl: 1600px; } a.uk-link-muted,.uk-link-muted a { color: #b9b9ce; } a.uk-link-muted:hover,.uk-link-muted a:hover,.uk-link-toggle:hover .uk-link-muted,.uk-link-toggle:focus .uk-link-muted { color: #666; } a.uk-link-text,.uk-link-text a { color: inherit; } a.uk-link-text:hover,.uk-link-text a:hover,.uk-link-toggle:hover .uk-link-text,.uk-link-toggle:focus .uk-link-text { color: #b9b9ce; } a.uk-link-heading,.uk-link-heading a { color: inherit; } a.uk-link-heading:hover,.uk-link-heading a:hover,.uk-link-toggle:hover .uk-link-heading,.uk-link-toggle:focus .uk-link-heading { color: #131316; text-decoration: none; } a.uk-link-reset,.uk-link-reset a { color: inherit !important; text-decoration: none !important; } .uk-link-toggle { color: inherit !important; text-decoration: none !important; } .uk-link-toggle:focus { outline: none; } .uk-heading-small { font-size: 2.6rem; line-height: 1.2; } .uk-heading-medium { font-size: 2.8875rem; line-height: 1.1; } .uk-heading-large { font-size: 3.4rem; line-height: 1.1; } .uk-heading-xlarge { font-size: 4rem; line-height: 1; } .uk-heading-2xlarge { font-size: 6rem; line-height: 1; } @media (min-width: 48em) { .uk-heading-small { font-size: 3.25rem; } .uk-heading-medium { font-size: 3.5rem; } .uk-heading-large { font-size: 4rem; } .uk-heading-xlarge { font-size: 6rem; } .uk-heading-2xlarge { font-size: 8rem; } } @media (min-width: 64em) { .uk-heading-medium { font-size: 4rem; } .uk-heading-large { font-size: 6rem; } .uk-heading-xlarge { font-size: 8rem; } .uk-heading-2xlarge { font-size: 11rem; } } .uk-heading-divider { padding-bottom: calc(5px + .1em); border-bottom: calc(.2px + .05em) solid #b9b9ce; } .uk-heading-bullet { position: relative; } .uk-heading-bullet::before { content: ""; display: inline-block; position: relative; top: calc(-.1 * 1em); vertical-align: middle; height: calc(4px + .7em); margin-right: calc(5px + .2em); border-left: calc(5px + .1em) solid #b9b9ce; } .uk-heading-line { overflow: hidden; } .uk-heading-line > * { display: inline-block; position: relative; } .uk-heading-line > ::before,.uk-heading-line > ::after { content: ""; position: absolute; top: calc(50% - (calc(.2px + .05em)/ 2)); width: 2000px; border-bottom: calc(.2px + .05em) solid #b9b9ce; } .uk-heading-line > ::before { right: 100%; margin-right: calc(5px + .3em); } .uk-heading-line > ::after { left: 100%; margin-left: calc(5px + .3em); } [class*=uk-divider] { border: none; margin-bottom: 20px; } * + [class*=uk-divider] { margin-top: 20px; } .uk-divider-icon { position: relative; height: 20px; background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22none%22%20stroke%3D%22%23b9b9ce%22%20stroke-width%3D%222%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%227%22%20%2F%3E%0A%3C%2Fsvg%3E%0A") ; background-repeat: no-repeat; background-position: 50% 50%; } .uk-divider-icon::before,.uk-divider-icon::after { content: ""; position: absolute; top: 50%; max-width: calc(50% - (50px / 2)); border-bottom: 1px solid #b9b9ce; } .uk-divider-icon::before { right: calc(50% + (50px / 2)); width: 100%; } .uk-divider-icon::after { left: calc(50% + (50px / 2)); width: 100%; } .uk-divider-small { line-height: 0; } .uk-divider-small::after { content: ""; display: inline-block; width: 100px; max-width: 100%; border-top: 1px solid #b9b9ce; vertical-align: top; } .uk-divider-vertical { width: 1px; height: 100px; margin-left: auto; margin-right: auto; border-left: 1px solid #b9b9ce; } .uk-list { padding: 0; list-style: none; } .uk-list > * > :last-child { margin-bottom: 0; } .uk-list > :nth-child(n+2),.uk-list > * > ul { margin-top: 10px; } .uk-list-disc > *,.uk-list-circle > *,.uk-list-square > *,.uk-list-decimal > *,.uk-list-hyphen > * { padding-left: 30px; } .uk-list-decimal { counter-reset: decimal; } .uk-list-decimal > * { counter-increment: decimal; } [class*=uk-list] > ::before { content: ''; position: relative; left: -30px; width: 30px; height: 1.5em; margin-bottom: -1.5em; display: list-item; list-style-position: inside; text-align: right; } .uk-list-disc > ::before { list-style-type: disc; } .uk-list-circle > ::before { list-style-type: circle; } .uk-list-square > ::before { list-style-type: square; } .uk-list-decimal > ::before { content: counter(decimal,decimal) '\200A.\00A0'; } .uk-list-hyphen > ::before { content: '–\00A0\00A0'; } .uk-list-muted > ::before { color: #b9b9ce !important; } .uk-list-emphasis > ::before { color: #333 !important; } .uk-list-primary > ::before { color: #131316 !important; } .uk-list-secondary > ::before { color: #484848 !important; } .uk-list-bullet > * { padding-left: 30px; } .uk-list-bullet > ::before { content: ""; position: relative; left: -30px; width: 30px; height: 1.5em; margin-bottom: -1.5em; background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%226%22%20height%3D%226%22%20viewBox%3D%220%200%206%206%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23666%22%20cx%3D%223%22%20cy%3D%223%22%20r%3D%223%22%20%2F%3E%0A%3C%2Fsvg%3E") ; background-repeat: no-repeat; background-position: 50% 50%; } .uk-list-divider > :nth-child(n+2) { margin-top: 10px; padding-top: 10px; border-top: 1px solid #b9b9ce; } .uk-list-striped > * { padding: 10px 10px; } .uk-list-striped > *:nth-of-type(odd) { border-top: 1px solid #b9b9ce; border-bottom: 1px solid #b9b9ce; } .uk-list-striped > :nth-of-type(odd) { background: #F5F5F8; } .uk-list-striped > :nth-child(n+2) { margin-top: 0; } .uk-list-large > :nth-child(n+2),.uk-list-large > * > ul { margin-top: 20px; } .uk-list-collapse > :nth-child(n+2),.uk-list-collapse > * > ul { margin-top: 0; } .uk-list-large.uk-list-divider > :nth-child(n+2) { margin-top: 20px; padding-top: 20px; } .uk-list-collapse.uk-list-divider > :nth-child(n+2) { margin-top: 0; padding-top: 0; } .uk-list-large.uk-list-striped > * { padding: 20px 10px; } .uk-list-collapse.uk-list-striped > * { padding-top: 0; padding-bottom: 0; } .uk-list-large.uk-list-striped > :nth-child(n+2),.uk-list-collapse.uk-list-striped > :nth-child(n+2) { margin-top: 0; } .uk-description-list > dt { color: #333; font-size: .775rem; font-weight: normal; text-transform: uppercase; } .uk-description-list > dt:nth-child(n+2) { margin-top: 20px; } .uk-description-list-divider > dt:nth-child(n+2) { margin-top: 20px; padding-top: 20px; border-top: 1px solid #b9b9ce; } .uk-table { border-collapse: collapse; border-spacing: 0; width: 100%; margin-bottom: 20px; } * + .uk-table { margin-top: 20px; } .uk-table th { padding: 16px 12px; text-align: left; vertical-align: bottom; font-size: .775rem; font-weight: normal; color: #b9b9ce; text-transform: uppercase; } .uk-table td { padding: 16px 12px; vertical-align: top; } .uk-table td > :last-child { margin-bottom: 0; } .uk-table tfoot { font-size: .775rem; } .uk-table caption { font-size: .775rem; text-align: left; color: #b9b9ce; } .uk-table-middle,.uk-table-middle td { vertical-align: middle !important; } .uk-table-divider > tr:not(:first-child),.uk-table-divider > :not(:first-child) > tr,.uk-table-divider > :first-child > tr:not(:first-child) { border-top: 1px solid #b9b9ce; } .uk-table-striped > tr:nth-of-type(odd),.uk-table-striped tbody tr:nth-of-type(odd) { background: #F5F5F8; border-top: 1px solid #b9b9ce; border-bottom: 1px solid #b9b9ce; } .uk-table-hover > tr:hover,.uk-table-hover tbody tr:hover { background: #ffd; } .uk-table > tr.uk-active,.uk-table tbody tr.uk-active { background: #ffd; } .uk-table-small th,.uk-table-small td { padding: 10px 12px; } .uk-table-large th,.uk-table-large td { padding: 22px 12px; } .uk-table-justify th:first-child,.uk-table-justify td:first-child { padding-left: 0; } .uk-table-justify th:last-child,.uk-table-justify td:last-child { padding-right: 0; } .uk-table-shrink { width: 1px; } .uk-table-expand { min-width: 150px; } .uk-table-link { padding: 0 !important; } .uk-table-link > a { display: block; padding: 16px 12px; } .uk-table-small .uk-table-link > a { padding: 10px 12px; } @media (max-width: 47em) { .uk-table-responsive,.uk-table-responsive tbody,.uk-table-responsive th,.uk-table-responsive td,.uk-table-responsive tr { display: block; } .uk-table-responsive thead { display: none; } .uk-table-responsive th,.uk-table-responsive td { width: auto !important; max-width: none !important; min-width: 0 !important; overflow: visible !important; white-space: normal !important; } .uk-table-responsive th:not(:first-child):not(.uk-table-link),.uk-table-responsive td:not(:first-child):not(.uk-table-link),.uk-table-responsive .uk-table-link:not(:first-child) > a { padding-top: 5px !important; } .uk-table-responsive th:not(:last-child):not(.uk-table-link),.uk-table-responsive td:not(:last-child):not(.uk-table-link),.uk-table-responsive .uk-table-link:not(:last-child) > a { padding-bottom: 5px !important; } .uk-table-justify.uk-table-responsive th,.uk-table-justify.uk-table-responsive td { padding-left: 0; padding-right: 0; } } .uk-table tbody tr { transition: background-color .1s linear; } .uk-icon { margin: 0; border: none; border-radius: 0; overflow: visible; font: inherit; color: inherit; text-transform: none; padding: 0; background-color: transparent; display: inline-block; fill: currentcolor; line-height: 0; } button.uk-icon:not(:disabled) { cursor: pointer; } .uk-icon::-moz-focus-inner { border: 0; padding: 0; } .uk-icon:not(.uk-preserve) [fill*='#']:not(.uk-preserve) { fill: currentcolor; } .uk-icon:not(.uk-preserve) [stroke*='#']:not(.uk-preserve) { stroke: currentcolor; } .uk-icon > * { transform: translate(0,0); } .uk-icon-image { width: 20px; height: 20px; background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; vertical-align: middle; } .uk-icon-link { color: #b9b9ce; } .uk-icon-link:hover,.uk-icon-link:focus { color: #666; outline: none; } .uk-icon-link:active,.uk-active > .uk-icon-link { color: #595959; } .uk-icon-button { box-sizing: border-box; width: 36px; height: 36px; border-radius: 500px; background: #F5F5F8; color: #b9b9ce; vertical-align: middle; display: inline-flex; justify-content: center; align-items: center; transition: .1s ease-in-out; transition-property: color,background-color; } .uk-icon-button:hover,.uk-icon-button:focus { background-color: #e6e6ed; color: #666; outline: none; } .uk-icon-button:active,.uk-active > .uk-icon-button { background-color: #d7d7e3; color: #666; } .uk-range { box-sizing: border-box; margin: 0; vertical-align: middle; max-width: 100%; width: 100%; -webkit-appearance: none; background: transparent; padding: 0; } .uk-range:focus { outline: none; } .uk-range::-moz-focus-outer { border: none; } .uk-range::-ms-track { height: 15px; background: transparent; border-color: transparent; color: transparent; } .uk-range:not(:disabled)::-webkit-slider-thumb { cursor: pointer; } .uk-range:not(:disabled)::-moz-range-thumb { cursor: pointer; } .uk-range:not(:disabled)::-ms-thumb { cursor: pointer; } .uk-range::-webkit-slider-thumb { -webkit-appearance: none; margin-top: -7px; height: 15px; width: 15px; border-radius: 500px; background: #fff; border: 1px solid #9b9bb9; } .uk-range::-moz-range-thumb { border: none; height: 15px; width: 15px; border-radius: 500px; background: #fff; border: 1px solid #9b9bb9; } .uk-range::-ms-thumb { margin-top: 0; } .uk-range::-ms-thumb { border: none; height: 15px; width: 15px; border-radius: 500px; background: #fff; border: 1px solid #9b9bb9; } .uk-range::-ms-tooltip { display: none; } .uk-range::-webkit-slider-runnable-track { height: 3px; background: #e6e6ed; border-radius: 500px; } .uk-range:focus::-webkit-slider-runnable-track,.uk-range:active::-webkit-slider-runnable-track { background: #c8c8d8; } .uk-range::-moz-range-track { height: 3px; background: #e6e6ed; border-radius: 500px; } .uk-range:focus::-moz-range-track { background: #c8c8d8; } .uk-range::-ms-fill-lower,.uk-range::-ms-fill-upper { height: 3px; background: #e6e6ed; border-radius: 500px; } .uk-range:focus::-ms-fill-lower,.uk-range:focus::-ms-fill-upper { background: #c8c8d8; } .uk-input,.uk-select,.uk-textarea,.uk-radio,.uk-checkbox { box-sizing: border-box; margin: 0; border-radius: 0; font: inherit; } .uk-input { overflow: visible; } .uk-select { text-transform: none; } .uk-select optgroup { font: inherit; font-weight: bold; } .uk-textarea { overflow: auto; } .uk-input[type=search]::-webkit-search-cancel-button,.uk-input[type=search]::-webkit-search-decoration { -webkit-appearance: none; } .uk-input[type=number]::-webkit-inner-spin-button,.uk-input[type=number]::-webkit-outer-spin-button { height: auto; } .uk-input::-moz-placeholder,.uk-textarea::-moz-placeholder { opacity: 1; } .uk-radio:not(:disabled),.uk-checkbox:not(:disabled) { cursor: pointer; } .uk-fieldset { border: none; margin: 0; padding: 0; } .uk-input,.uk-textarea { -webkit-appearance: none; } .uk-input,.uk-select,.uk-textarea { max-width: 100%; width: 100%; border: 0 none; padding: 0 10px; background: #fff; color: #666; border: 1px solid #b9b9ce; transition: .2s ease-in-out; transition-property: color,background-color,border; } .uk-input,.uk-select:not([multiple]):not([size]) { height: 40px; vertical-align: middle; display: inline-block; } .uk-input:not(input),.uk-select:not(select) { line-height: 38px; } .uk-select[multiple],.uk-select[size],.uk-textarea { padding-top: 4px; padding-bottom: 4px; vertical-align: top; } .uk-input:focus,.uk-select:focus,.uk-textarea:focus { outline: none; background-color: #fff; color: #666; border-color: #131316; } .uk-input:disabled,.uk-select:disabled,.uk-textarea:disabled { background-color: #F5F5F8; color: #b9b9ce; border-color: #b9b9ce; } .uk-input::-ms-input-placeholder { color: #b9b9ce !important; } .uk-input::placeholder { color: #b9b9ce; } .uk-textarea::-ms-input-placeholder { color: #b9b9ce !important; } .uk-textarea::placeholder { color: #b9b9ce; } .uk-form-small { font-size: .775rem; } .uk-form-small:not(textarea):not([multiple]):not([size]) { height: 30px; padding-left: 8px; padding-right: 8px; } .uk-form-small:not(select):not(input):not(textarea) { line-height: 28px; } .uk-form-large { font-size: 1.25rem; } .uk-form-large:not(textarea):not([multiple]):not([size]) { height: 55px; padding-left: 12px; padding-right: 12px; } .uk-form-large:not(select):not(input):not(textarea) { line-height: 53px; } .uk-form-danger,.uk-form-danger:focus { color: #f0506e; border-color: #f0506e; } .uk-form-success,.uk-form-success:focus { color: #32d296; border-color: #32d296; } .uk-form-blank { background: none; border-color: transparent; } .uk-form-blank:focus { border-color: #b9b9ce; border-style: dashed; } input.uk-form-width-xsmall { width: 50px; } select.uk-form-width-xsmall { width: 75px; } .uk-form-width-small { width: 130px; } .uk-form-width-medium { width: 200px; } .uk-form-width-large { width: 500px; } .uk-select:not([multiple]):not([size]) { -webkit-appearance: none; -moz-appearance: none; padding-right: 20px; background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A") ; background-repeat: no-repeat; background-position: 100% 50%; } .uk-select:not([multiple]):not([size])::-ms-expand { display: none; } .uk-select:not([multiple]):not([size]) option { color: #444; } .uk-select:not([multiple]):not([size]):disabled { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23b9b9ce%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23b9b9ce%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A") ; } .uk-input[list] { padding-right: 20px; background-repeat: no-repeat; background-position: 100% 50%; } .uk-input[list]:hover,.uk-input[list]:focus { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%2012%208%206%2016%206%22%20%2F%3E%0A%3C%2Fsvg%3E%0A") ; } .uk-input[list]::-webkit-calendar-picker-indicator { display: none; } .uk-radio,.uk-checkbox { display: inline-block; height: 16px; width: 16px; overflow: hidden; margin-top: -4px; vertical-align: middle; -webkit-appearance: none; -moz-appearance: none; background-color: transparent; background-repeat: no-repeat; background-position: 50% 50%; border: 1px solid #9b9bb9; transition: .2s ease-in-out; transition-property: background-color,border; } .uk-radio { border-radius: 50%; } .uk-radio:focus,.uk-checkbox:focus { outline: none; border-color: #131316; } .uk-radio:checked,.uk-checkbox:checked,.uk-checkbox:indeterminate { background-color: #131316; border-color: transparent; } .uk-radio:checked:focus,.uk-checkbox:checked:focus,.uk-checkbox:indeterminate:focus { background-color: #000; } .uk-radio:checked { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23fff%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E") ; } .uk-checkbox:checked { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A") ; } .uk-checkbox:indeterminate { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23fff%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E") ; } .uk-radio:disabled,.uk-checkbox:disabled { background-color: #F5F5F8; border-color: #b9b9ce; } .uk-radio:disabled:checked { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23b9b9ce%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E") ; } .uk-checkbox:disabled:checked { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23b9b9ce%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A") ; } .uk-checkbox:disabled:indeterminate { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23b9b9ce%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E") ; } .uk-legend { width: 100%; color: inherit; padding: 0; font-size: 1.5rem; line-height: 1.4; } .uk-form-custom { display: inline-block; position: relative; max-width: 100%; vertical-align: middle; } .uk-form-custom select,.uk-form-custom input[type=file] { position: absolute; top: 0; z-index: 1; width: 100%; height: 100%; left: 0; -webkit-appearance: none; opacity: 0; cursor: pointer; } .uk-form-custom input[type=file] { font-size: 500px; overflow: hidden; } .uk-form-label { color: #333; font-size: .775rem; } .uk-form-stacked .uk-form-label { display: block; margin-bottom: 5px; } @media (max-width: 47em) { .uk-form-horizontal .uk-form-label { display: block; margin-bottom: 5px; } } @media (min-width: 48em) { .uk-form-horizontal .uk-form-label { width: 200px; margin-top: 7px; float: left; } .uk-form-horizontal .uk-form-controls { margin-left: 215px; } .uk-form-horizontal .uk-form-controls-text { padding-top: 7px; } } .uk-form-icon { position: absolute; top: 0; bottom: 0; left: 0; width: 40px; display: inline-flex; justify-content: center; align-items: center; color: #b9b9ce; } .uk-form-icon:hover { color: #666; } .uk-form-icon:not(a):not(button):not(input) { pointer-events: none; } .uk-form-icon:not(.uk-form-icon-flip) ~ .uk-input { padding-left: 40px !important; } .uk-form-icon-flip { right: 0; left: auto; } .uk-form-icon-flip ~ .uk-input { padding-right: 40px !important; } .uk-button { margin: 0; border: none; overflow: visible; font: inherit; color: inherit; text-transform: none; -webkit-appearance: none; border-radius: 0; display: inline-block; box-sizing: border-box; padding: 0 30px; vertical-align: middle; font-size: .775rem; line-height: 38px; text-align: center; text-decoration: none; text-transform: uppercase; transition: .1s ease-in-out; transition-property: color,background-color,border-color; } .uk-button:not(:disabled) { cursor: pointer; } .uk-button::-moz-focus-inner { border: 0; padding: 0; } .uk-button:hover { text-decoration: none; } .uk-button:focus { outline: none; } .uk-button-default { background-color: transparent; color: #333; border: 1px solid #b9b9ce; } .uk-button-default:hover,.uk-button-default:focus { background-color: transparent; color: #333; border-color: #7d7da4; } .uk-button-default:active,.uk-button-default.uk-active { background-color: transparent; color: #333; border-color: #62628c; } .uk-button-primary { background-color: #131316; color: #fff; border: 1px solid transparent; } .uk-button-primary:hover,.uk-button-primary:focus { background-color: #070708; color: #fff; } .uk-button-primary:active,.uk-button-primary.uk-active { background-color: #000; color: #fff; } .uk-button-secondary { background-color: #484848; color: #fff; border: 1px solid transparent; } .uk-button-secondary:hover,.uk-button-secondary:focus { background-color: #3b3b3b; color: #fff; } .uk-button-secondary:active,.uk-button-secondary.uk-active { background-color: #2f2f2f; color: #fff; } .uk-button-danger { background-color: #f0506e; color: #fff; border: 1px solid transparent; } .uk-button-danger:hover,.uk-button-danger:focus { background-color: #ee395b; color: #fff; } .uk-button-danger:active,.uk-button-danger.uk-active { background-color: #ec2147; color: #fff; } .uk-button-default:disabled,.uk-button-primary:disabled,.uk-button-secondary:disabled,.uk-button-danger:disabled { background-color: transparent; color: #b9b9ce; border-color: #b9b9ce; } .uk-button-small { padding: 0 15px; line-height: 28px; font-size: .775rem; } .uk-button-large { padding: 0 40px; line-height: 53px; font-size: .775rem; } .uk-button-text { padding: 0; line-height: 1.5; background: none; color: #333; position: relative; } .uk-button-text::before { content: ""; position: absolute; bottom: 0; left: 0; right: 100%; border-bottom: 1px solid #333; transition: right .3s ease-out; } .uk-button-text:hover,.uk-button-text:focus { color: #333; } .uk-button-text:hover::before,.uk-button-text:focus::before { right: 0; } .uk-button-text:disabled { color: #b9b9ce; } .uk-button-text:disabled::before { display: none; } .uk-button-link { padding: 0; line-height: 1.5; background: none; color: #333; } .uk-button-link:hover,.uk-button-link:focus { color: #2d2d39; text-decoration: underline; } .uk-button-link:disabled { color: #b9b9ce; text-decoration: none; } .uk-button-group { display: inline-flex; vertical-align: middle; position: relative; } .uk-button-group > .uk-button:nth-child(n+2),.uk-button-group > div:nth-child(n+2) .uk-button { margin-left: -1px; } .uk-button-group .uk-button:hover,.uk-button-group .uk-button:focus,.uk-button-group .uk-button:active,.uk-button-group .uk-button.uk-active { position: relative; z-index: 1; } .uk-progress { vertical-align: baseline; -webkit-appearance: none; -moz-appearance: none; display: block; width: 100%; border: 0; background-color: #F5F5F8; margin-bottom: 20px; height: 15px; border-radius: 500px; overflow: hidden; } * + .uk-progress { margin-top: 20px; } .uk-progress:indeterminate { color: transparent; } .uk-progress::-webkit-progress-bar { background-color: #F5F5F8; border-radius: 500px; overflow: hidden; } .uk-progress:indeterminate::-moz-progress-bar { width: 0; } .uk-progress::-webkit-progress-value { background-color: #131316; transition: width .6s ease; } .uk-progress::-moz-progress-bar { background-color: #131316; } .uk-progress::-ms-fill { background-color: #131316; transition: width .6s ease; border: 0; } .uk-section { display: flow-root; box-sizing: border-box; padding-top: 40px; padding-bottom: 40px; } @media (min-width: 48em) { .uk-section { padding-top: 70px; padding-bottom: 70px; } } .uk-section > :last-child { margin-bottom: 0; } .uk-section-xsmall { padding-top: 20px; padding-bottom: 20px; } .uk-section-small { padding-top: 40px; padding-bottom: 40px; } .uk-section-large { padding-top: 70px; padding-bottom: 70px; } @media (min-width: 48em) { .uk-section-large { padding-top: 140px; padding-bottom: 140px; } } .uk-section-xlarge { padding-top: 140px; padding-bottom: 140px; } @media (min-width: 48em) { .uk-section-xlarge { padding-top: 210px; padding-bottom: 210px; } } .uk-section-default { background: #fff; } .uk-section-muted { background: #F5F5F8; } .uk-section-primary { background: #131316; } .uk-section-secondary { background: #484848; } .uk-container,.container { display: flow-root; box-sizing: content-box; max-width: 100%; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; } @media (min-width: 30em) { .uk-container,.container { padding-left: 30px; padding-right: 30px; } } @media (min-width: 48em) { .uk-container,.container { padding-left: 40px; padding-right: 40px; } } .uk-container > :last-child { margin-bottom: 0; } .uk-container .uk-container { padding-left: 0; padding-right: 0; } .uk-container-xsmall { max-width: 750px; } .uk-container-small { max-width: 900px; } .uk-container-large { max-width: 1400px; } .uk-container-xlarge { max-width: 1600px; } .uk-container-expand { max-width: none; } .uk-container-expand-left { margin-left: 0; } .uk-container-expand-right { margin-right: 0; } @media (min-width: 30em) { .uk-container-expand-left.uk-container-xsmall,.uk-container-expand-right.uk-container-xsmall { max-width: calc(50% + (750px / 2) - 30px); } .uk-container-expand-left.uk-container-small,.uk-container-expand-right.uk-container-small { max-width: calc(50% + (900px / 2) - 30px); } } @media (min-width: 48em) { .uk-container-expand-left,.uk-container-expand-right { max-width: calc(50% + (100% / 2) - 40px); } .uk-container-expand-left.uk-container-xsmall,.uk-container-expand-right.uk-container-xsmall { max-width: calc(50% + (750px / 2) - 40px); } .uk-container-expand-left.uk-container-small,.uk-container-expand-right.uk-container-small { max-width: calc(50% + (900px / 2) - 40px); } .uk-container-expand-left.uk-container-large,.uk-container-expand-right.uk-container-large { max-width: calc(50% + (1400px / 2) - 40px); } .uk-container-expand-left.uk-container-xlarge,.uk-container-expand-right.uk-container-xlarge { max-width: calc(50% + (1600px / 2) - 40px); } } .uk-container-item-padding-remove-left,.uk-container-item-padding-remove-right { width: calc(100% + 15px); } .uk-container-item-padding-remove-left { margin-left: -15px; } .uk-container-item-padding-remove-right { margin-right: -15px; } @media (min-width: 30em) { .uk-container-item-padding-remove-left,.uk-container-item-padding-remove-right { width: calc(100% + 30px); } .uk-container-item-padding-remove-left { margin-left: -30px; } .uk-container-item-padding-remove-right { margin-right: -30px; } } @media (min-width: 48em) { .uk-container-item-padding-remove-left,.uk-container-item-padding-remove-right { width: calc(100% + 40px); } .uk-container-item-padding-remove-left { margin-left: -40px; } .uk-container-item-padding-remove-right { margin-right: -40px; } } .uk-tile { display: flow-root; position: relative; box-sizing: border-box; padding-left: 15px; padding-right: 15px; padding-top: 40px; padding-bottom: 40px; } @media (min-width: 30em) { .uk-tile { padding-left: 30px; padding-right: 30px; } } @media (min-width: 48em) { .uk-tile { padding-left: 40px; padding-right: 40px; padding-top: 70px; padding-bottom: 70px; } } .uk-tile > :last-child { margin-bottom: 0; } .uk-tile-xsmall { padding-top: 20px; padding-bottom: 20px; } .uk-tile-small { padding-top: 40px; padding-bottom: 40px; } .uk-tile-large { padding-top: 70px; padding-bottom: 70px; } @media (min-width: 48em) { .uk-tile-large { padding-top: 140px; padding-bottom: 140px; } } .uk-tile-xlarge { padding-top: 140px; padding-bottom: 140px; } @media (min-width: 48em) { .uk-tile-xlarge { padding-top: 210px; padding-bottom: 210px; } } .uk-tile-default { background: #fff; } .uk-tile-muted { background: #F5F5F8; } .uk-tile-primary { background: #131316; } .uk-tile-secondary { background: #484848; } .uk-card,.listing--wrapper .listing--container .listing .product--box .box--content,.product-slider .box--content,.detail-error--listing .product--box .box--content { position: relative; box-sizing: border-box; transition: box-shadow .1s ease-in-out; } .uk-card-body { display: flow-root; padding: 30px 30px; } .uk-card-header { display: flow-root; padding: 15px 30px; } .uk-card-footer { display: flow-root; padding: 15px 30px; } @media (min-width: 64em) { .uk-card-body { padding: 40px 40px; } .uk-card-header { padding: 20px 40px; } .uk-card-footer { padding: 20px 40px; } } .uk-card-body > :last-child,.uk-card-header > :last-child,.uk-card-footer > :last-child { margin-bottom: 0; } .uk-card-title { font-size: 1.5rem; line-height: 1.4; } .uk-card-badge { position: absolute; top: 30px; right: 30px; z-index: 1; } .uk-card-badge:first-child + * { margin-top: 0; } .uk-card-hover:not(.uk-card-default):not(.uk-card-primary):not(.uk-card-secondary):hover { background: #fff; box-shadow: 0 14px 25px rgba(0,0,0,.16); } .uk-card-default { background: #fff; color: #666; box-shadow: 0 5px 15px rgba(0,0,0,.08); } .uk-card-default .uk-card-title { color: #333; } .uk-card-default.uk-card-hover:hover { background-color: #fff; box-shadow: 0 14px 25px rgba(0,0,0,.16); } .uk-card-default .uk-card-header { border-bottom: 1px solid #b9b9ce; } .uk-card-default .uk-card-footer { border-top: 1px solid #b9b9ce; } .uk-card-primary { background: #131316; color: #fff; box-shadow: 0 5px 15px rgba(0,0,0,.08); } .uk-card-primary .uk-card-title { color: #fff; } .uk-card-primary.uk-card-hover:hover { background-color: #131316; box-shadow: 0 14px 25px rgba(0,0,0,.16); } .uk-card-secondary { background: #484848; color: #fff; box-shadow: 0 5px 15px rgba(0,0,0,.08); } .uk-card-secondary .uk-card-title { color: #fff; } .uk-card-secondary.uk-card-hover:hover { background-color: #484848; box-shadow: 0 14px 25px rgba(0,0,0,.16); } .uk-card-small.uk-card-body,.uk-card-small .uk-card-body { padding: 20px 20px; } .uk-card-small .uk-card-header { padding: 13px 20px; } .uk-card-small .uk-card-footer { padding: 13px 20px; } @media (min-width: 64em) { .uk-card-large.uk-card-body,.uk-card-large .uk-card-body { padding: 70px 70px; } .uk-card-large .uk-card-header { padding: 35px 70px; } .uk-card-large .uk-card-footer { padding: 35px 70px; } } .uk-card-body > .uk-nav-default { margin-left: -30px; margin-right: -30px; } .uk-card-body > .uk-nav-default:only-child { margin-top: -15px; margin-bottom: -15px; } .uk-card-body .uk-nav-default > li > a,.uk-card-body .uk-nav-default .uk-nav-header,.uk-card-body .uk-nav-default .uk-nav-divider { padding-left: 30px; padding-right: 30px; } .uk-card-body .uk-nav-default .uk-nav-sub { padding-left: 45px; } @media (min-width: 64em) { .uk-card-body > .uk-nav-default { margin-left: -40px; margin-right: -40px; } .uk-card-body > .uk-nav-default:only-child { margin-top: -25px; margin-bottom: -25px; } .uk-card-body .uk-nav-default > li > a,.uk-card-body .uk-nav-default .uk-nav-header,.uk-card-body .uk-nav-default .uk-nav-divider { padding-left: 40px; padding-right: 40px; } .uk-card-body .uk-nav-default .uk-nav-sub { padding-left: 55px; } } .uk-card-small > .uk-nav-default { margin-left: -20px; margin-right: -20px; } .uk-card-small > .uk-nav-default:only-child { margin-top: -5px; margin-bottom: -5px; } .uk-card-small .uk-nav-default > li > a,.uk-card-small .uk-nav-default .uk-nav-header,.uk-card-small .uk-nav-default .uk-nav-divider { padding-left: 20px; padding-right: 20px; } .uk-card-small .uk-nav-default .uk-nav-sub { padding-left: 35px; } @media (min-width: 64em) { .uk-card-large > .uk-nav-default { margin: 0; } .uk-card-large > .uk-nav-default:only-child { margin: 0; } .uk-card-large .uk-nav-default > li > a,.uk-card-large .uk-nav-default .uk-nav-header,.uk-card-large .uk-nav-default .uk-nav-divider { padding-left: 0; padding-right: 0; } .uk-card-large .uk-nav-default .uk-nav-sub { padding-left: 15px; } } .uk-close { color: #b9b9ce; transition: .1s ease-in-out; transition-property: color,opacity; } .uk-close:hover,.uk-close:focus { color: #666; outline: none; } .uk-spinner > * { animation: uk-spinner-rotate 1.4s linear infinite; } @keyframes uk-spinner-rotate { 0 { transform: rotate(0); } 100% { transform: rotate(270deg); } } .uk-spinner > * > * { stroke-dasharray: 88px; stroke-dashoffset: 0; transform-origin: center; animation: uk-spinner-dash 1.4s ease-in-out infinite; stroke-width: 1; stroke-linecap: round; } @keyframes uk-spinner-dash { 0 { stroke-dashoffset: 88px; } 50% { stroke-dashoffset: 22px; transform: rotate(135deg); } 100% { stroke-dashoffset: 88px; transform: rotate(450deg); } } .uk-totop { padding: 5px; color: #b9b9ce; transition: color .1s ease-in-out; } .uk-totop:hover,.uk-totop:focus { color: #666; outline: none; } .uk-totop:active { color: #333; } .uk-marker { padding: 5px; background: #484848; color: #fff; border-radius: 500px; } .uk-marker:hover,.uk-marker:focus { color: #fff; outline: none; } .uk-alert { position: relative; margin-bottom: 20px; padding: 15px 29px 15px 15px; background: #F5F5F8; color: #666; } * + .uk-alert { margin-top: 20px; } .uk-alert > :last-child { margin-bottom: 0; } .uk-alert-close { position: absolute; top: 20px; right: 15px; color: inherit; opacity: .4; } .uk-alert-close:first-child + * { margin-top: 0; } .uk-alert-close:hover,.uk-alert-close:focus { color: inherit; opacity: .8; } .uk-alert-primary { background: #a5a5a6; color: #131316; } .uk-alert-success { background: #edfbf6; color: #32d296; } .uk-alert-warning { background: #fff6ee; color: #faa05a; } .uk-alert-danger { background: #fef4f6; color: #f0506e; } .uk-alert h1,.uk-alert h2,.uk-alert h3,.uk-alert h4,.uk-alert h5,.uk-alert h6 { color: inherit; } .uk-alert a:not([class]) { color: inherit; text-decoration: underline; } .uk-alert a:not([class]):hover { color: inherit; text-decoration: underline; } .uk-placeholder { margin-bottom: 20px; padding: 30px 30px; background: transparent; border: 1px dashed #b9b9ce; } * + .uk-placeholder { margin-top: 20px; } .uk-placeholder > :last-child { margin-bottom: 0; } .uk-badge { box-sizing: border-box; min-width: 22px; height: 22px; padding: 0 5px; border-radius: 500px; vertical-align: middle; background: #131316; color: #fff; font-size: .775rem; display: inline-flex; justify-content: center; align-items: center; } .uk-badge:hover,.uk-badge:focus { color: #fff; text-decoration: none; outline: none; } .uk-label { display: inline-block; padding: 0 10px; background: #131316; line-height: 1.5; font-size: .775rem; color: #484848; vertical-align: middle; white-space: nowrap; border-radius: 2px; text-transform: uppercase; } .uk-label-success { background-color: #32d296; color: #fff; } .uk-label-warning { background-color: #faa05a; color: #fff; } .uk-label-danger { background-color: #f0506e; color: #fff; } .uk-overlay { padding: 30px 30px; } .uk-overlay > :last-child { margin-bottom: 0; } .uk-overlay-default { background: rgba(255,255,255,.8); } .uk-overlay-primary { background: rgba(72,72,72,.8); } .uk-article { display: flow-root; } .uk-article > :last-child { margin-bottom: 0; } .uk-article + .uk-article { margin-top: 70px; } .uk-article-title { font-size: 2.23125rem; line-height: 1.2; } @media (min-width: 48em) { .uk-article-title { font-size: 2.625rem; } } .uk-article-meta { font-size: .775rem; line-height: 1.4; color: #b9b9ce; } .uk-article-meta a { color: #b9b9ce; } .uk-article-meta a:hover { color: #666; text-decoration: none; } .uk-comment-body { display: flow-root; overflow-wrap: break-word; word-wrap: break-word; } .uk-comment-header { display: flow-root; margin-bottom: 20px; } .uk-comment-body > :last-child,.uk-comment-header > :last-child { margin-bottom: 0; } .uk-comment-title { font-size: 1.25rem; line-height: 1.4; } .uk-comment-meta { font-size: .775rem; line-height: 1.4; color: #b9b9ce; } .uk-comment-list { padding: 0; list-style: none; } .uk-comment-list > :nth-child(n+2) { margin-top: 70px; } .uk-comment-list .uk-comment ~ ul { margin: 70px 0 0 0; padding-left: 30px; list-style: none; } @media (min-width: 48em) { .uk-comment-list .uk-comment ~ ul { padding-left: 100px; } } .uk-comment-list .uk-comment ~ ul > :nth-child(n+2) { margin-top: 70px; } .uk-comment-primary { padding: 30px; background-color: #F5F5F8; } .uk-search { display: inline-block; position: relative; max-width: 100%; margin: 0; } .uk-search-input::-webkit-search-cancel-button,.uk-search-input::-webkit-search-decoration { -webkit-appearance: none; } .uk-search-input::-moz-placeholder { opacity: 1; } .uk-search-input { box-sizing: border-box; margin: 0; border-radius: 0; font: inherit; overflow: visible; -webkit-appearance: none; vertical-align: middle; width: 100%; border: none; color: #666; } .uk-search-input:focus { outline: none; } .uk-search-input:-ms-input-placeholder { color: #b9b9ce !important; } .uk-search-input::placeholder { color: #b9b9ce; } .uk-search-icon:focus { outline: none; } .uk-search .uk-search-icon { position: absolute; top: 0; bottom: 0; left: 0; display: inline-flex; justify-content: center; align-items: center; color: #b9b9ce; } .uk-search .uk-search-icon:hover { color: #b9b9ce; } .uk-search .uk-search-icon:not(a):not(button):not(input) { pointer-events: none; } .uk-search .uk-search-icon-flip { right: 0; left: auto; } .uk-search-default { width: 180px; } .uk-search-default .uk-search-input { height: 40px; padding-left: 6px; padding-right: 6px; background: transparent; border: 1px solid #b9b9ce; } .uk-search-default .uk-search-input:focus { background-color: transparent; } .uk-search-default .uk-search-icon { width: 40px; } .uk-search-default .uk-search-icon:not(.uk-search-icon-flip) ~ .uk-search-input { padding-left: 40px; } .uk-search-default .uk-search-icon-flip ~ .uk-search-input { padding-right: 40px; } .uk-search-navbar { width: 400px; } .uk-search-navbar .uk-search-input { height: 40px; background: transparent; font-size: 1.5rem; } .uk-search-navbar .uk-search-icon { width: 40px; } .uk-search-navbar .uk-search-icon:not(.uk-search-icon-flip) ~ .uk-search-input { padding-left: 40px; } .uk-search-navbar .uk-search-icon-flip ~ .uk-search-input { padding-right: 40px; } .uk-search-large { width: 500px; } .uk-search-large .uk-search-input { height: 80px; background: transparent; font-size: 2.625rem; } .uk-search-large .uk-search-icon { width: 80px; } .uk-search-large .uk-search-icon:not(.uk-search-icon-flip) ~ .uk-search-input { padding-left: 80px; } .uk-search-large .uk-search-icon-flip ~ .uk-search-input { padding-right: 80px; } .uk-search-toggle { color: #b9b9ce; } .uk-search-toggle:hover,.uk-search-toggle:focus { color: #666; } .uk-accordion { padding: 0; list-style: none; } .uk-accordion > :nth-child(n+2) { margin-top: 20px; } .uk-accordion-title { display: block; font-size: 1.25rem; line-height: 1.4; color: #333; overflow: hidden; } .uk-accordion-title::before { content: ""; width: 1.4em; height: 1.4em; margin-left: 10px; float: right; background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E") ; background-repeat: no-repeat; background-position: 50% 50%; } .uk-open > .uk-accordion-title::before { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E") ; } .uk-accordion-title:hover,.uk-accordion-title:focus { color: #666; text-decoration: none; outline: none; } .uk-accordion-content { display: flow-root; margin-top: 20px; } .uk-accordion-content > :last-child { margin-bottom: 0; } .uk-drop { display: none; position: absolute; z-index: 1020; box-sizing: border-box; width: 300px; } .uk-drop.uk-open { display: block; } [class*=uk-drop-top] { margin-top: -20px; } [class*=uk-drop-bottom] { margin-top: 20px; } [class*=uk-drop-left] { margin-left: -20px; } [class*=uk-drop-right] { margin-left: 20px; } .uk-drop-stack .uk-drop-grid > * { width: 100% !important; } .uk-dropdown { display: none; position: absolute; z-index: 1020; box-sizing: border-box; min-width: 200px; padding: 25px; background: #fff; color: #666; box-shadow: 0 5px 12px rgba(0,0,0,.15); } .uk-dropdown.uk-open { display: block; } .uk-dropdown-nav { white-space: nowrap; font-size: .775rem; } .uk-dropdown-nav > li > a { color: #b9b9ce; } .uk-dropdown-nav > li > a:hover,.uk-dropdown-nav > li > a:focus,.uk-dropdown-nav > li.uk-active > a { color: #666; } .uk-dropdown-nav .uk-nav-header { color: #333; } .uk-dropdown-nav .uk-nav-divider { border-top: 1px solid #b9b9ce; } .uk-dropdown-nav .uk-nav-sub a { color: #b9b9ce; } .uk-dropdown-nav .uk-nav-sub a:hover,.uk-dropdown-nav .uk-nav-sub a:focus,.uk-dropdown-nav .uk-nav-sub li.uk-active > a { color: #666; } [class*=uk-dropdown-top] { margin-top: -10px; } [class*=uk-dropdown-bottom] { margin-top: 10px; } [class*=uk-dropdown-left] { margin-left: -10px; } [class*=uk-dropdown-right] { margin-left: 10px; } .uk-dropdown-stack .uk-dropdown-grid > * { width: 100% !important; } .uk-modal { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1010; overflow-y: auto; -webkit-overflow-scrolling: touch; padding: 15px 15px; background: rgba(0,0,0,.6); opacity: 0; transition: opacity .15s linear; } @media (min-width: 30em) { .uk-modal { padding: 50px 30px; } } @media (min-width: 48em) { .uk-modal { padding-left: 40px; padding-right: 40px; } } .uk-modal.uk-open { opacity: 1; } .uk-modal-page { overflow: hidden; } .uk-modal-dialog { position: relative; box-sizing: border-box; margin: 0 auto; width: 600px; max-width: calc(100% - .01px) !important; background: #fff; opacity: 0; transform: translateY(-100px); transition: .3s linear; transition-property: opacity,transform; } .uk-open > .uk-modal-dialog { opacity: 1; transform: translateY(0); } .uk-modal-container .uk-modal-dialog { width: 1200px; } .uk-modal-full { padding: 0; background: none; } .uk-modal-full .uk-modal-dialog { margin: 0; width: 100%; max-width: 100%; transform: translateY(0); } .uk-modal-body { display: flow-root; padding: 30px 30px; } .uk-modal-header { display: flow-root; padding: 15px 30px; background: #fff; border-bottom: 1px solid #b9b9ce; } .uk-modal-footer { display: flow-root; padding: 15px 30px; background: #fff; border-top: 1px solid #b9b9ce; } .uk-modal-body > :last-child,.uk-modal-header > :last-child,.uk-modal-footer > :last-child { margin-bottom: 0; } .uk-modal-title { font-size: 2rem; line-height: 1.3; } [class*=uk-modal-close-] { position: absolute; z-index: 1010; top: 10px; right: 10px; padding: 5px; } [class*=uk-modal-close-]:first-child + * { margin-top: 0; } .uk-modal-close-outside { top: 0; right: -5px; transform: translate(0,-100%); color: #fff; } .uk-modal-close-outside:hover { color: #fff; } @media (min-width: 48em) { .uk-modal-close-outside { right: 0; transform: translate(100%,-100%); } } .uk-modal-close-full { top: 0; right: 0; padding: 20px; background: #fff; } .uk-lightbox { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1010; background: #000; opacity: 0; transition: opacity .15s linear; touch-action: pinch-zoom; } .uk-lightbox.uk-open { display: block; opacity: 1; } .uk-lightbox-page { overflow: hidden; } .uk-lightbox-items > * { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: none; justify-content: center; align-items: center; color: rgba(255,255,255,.7); will-change: transform,opacity; } .uk-lightbox-items > * > * { max-width: 100vw; max-height: 100vh; } .uk-lightbox-items > :focus { outline: none; } .uk-lightbox-items > * > :not(iframe) { width: auto; height: auto; } .uk-lightbox-items > .uk-active { display: flex; } .uk-lightbox-toolbar { padding: 10px 10px; background: rgba(0,0,0,.3); color: rgba(255,255,255,.7); } .uk-lightbox-toolbar > * { color: rgba(255,255,255,.7); } .uk-lightbox-toolbar-icon { padding: 5px; color: rgba(255,255,255,.7); } .uk-lightbox-toolbar-icon:hover { color: #fff; } .uk-lightbox-button { box-sizing: border-box; width: 50px; height: 50px; background: rgba(0,0,0,.3); color: rgba(255,255,255,.7); display: inline-flex; justify-content: center; align-items: center; } .uk-lightbox-button:hover { color: #fff; } .uk-lightbox-caption:empty { display: none; } .uk-lightbox-iframe { width: 80%; height: 80%; } .uk-slideshow { -webkit-tap-highlight-color: transparent; } .uk-slideshow-items { position: relative; z-index: 0; margin: 0; padding: 0; list-style: none; overflow: hidden; -webkit-touch-callout: none; } .uk-slideshow-items > * { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; will-change: transform,opacity; touch-action: pan-y; } .uk-slideshow-items > :focus { outline: none; } .uk-slideshow-items > :not(.uk-active) { display: none; } .uk-slider { -webkit-tap-highlight-color: transparent; } .uk-slider-container { overflow: hidden; } .uk-slider-items { will-change: transform; position: relative; } .uk-slider-items:not(.uk-grid) { display: flex; margin: 0; padding: 0; list-style: none; -webkit-touch-callout: none; } .uk-slider-items.uk-grid { flex-wrap: nowrap; } .uk-slider-items > * { flex: none; position: relative; touch-action: pan-y; } .uk-slider-items > :focus { outline: none; } .uk-sticky-fixed { z-index: 980; box-sizing: border-box; margin: 0 !important; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .uk-sticky[class*=uk-animation-] { animation-duration: .2s; } .uk-sticky.uk-animation-reverse { animation-duration: .2s; } .uk-offcanvas { display: none; position: fixed; top: 0; bottom: 0; left: 0; z-index: 1000; } .uk-offcanvas-flip .uk-offcanvas { right: 0; left: auto; } .uk-offcanvas-bar { position: absolute; top: 0; bottom: 0; left: -270px; box-sizing: border-box; width: 270px; padding: 20px 20px; background: #484848; overflow-y: auto; -webkit-overflow-scrolling: touch; } @media (min-width: 48em) { .uk-offcanvas-bar { left: -350px; width: 350px; padding: 40px 40px; } } .uk-offcanvas-flip .uk-offcanvas-bar { left: auto; right: -270px; } @media (min-width: 48em) { .uk-offcanvas-flip .uk-offcanvas-bar { right: -350px; } } .uk-open > .uk-offcanvas-bar { left: 0; } .uk-offcanvas-flip .uk-open > .uk-offcanvas-bar { left: auto; right: 0; } .uk-offcanvas-bar-animation { transition: left .3s ease-out; } .uk-offcanvas-flip .uk-offcanvas-bar-animation { transition-property: right; } .uk-offcanvas-reveal { position: absolute; top: 0; bottom: 0; left: 0; width: 0; overflow: hidden; transition: width .3s ease-out; } .uk-offcanvas-reveal .uk-offcanvas-bar { left: 0; } .uk-offcanvas-flip .uk-offcanvas-reveal .uk-offcanvas-bar { left: auto; right: 0; } .uk-open > .uk-offcanvas-reveal { width: 270px; } @media (min-width: 48em) { .uk-open > .uk-offcanvas-reveal { width: 350px; } } .uk-offcanvas-flip .uk-offcanvas-reveal { right: 0; left: auto; } .uk-offcanvas-close { position: absolute; z-index: 1000; top: 20px; right: 20px; padding: 5px; } .uk-offcanvas-overlay { width: 100vw; touch-action: none; } .uk-offcanvas-overlay::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,.1); opacity: 0; transition: opacity .15s linear; } .uk-offcanvas-overlay.uk-open::before { opacity: 1; } .uk-offcanvas-page,.uk-offcanvas-container { overflow-x: hidden; } .uk-offcanvas-container { position: relative; left: 0; transition: left .3s ease-out; box-sizing: border-box; width: 100%; } :not(.uk-offcanvas-flip) .uk-offcanvas-container-animation { left: 270px; } .uk-offcanvas-flip.uk-offcanvas-container-animation { left: -270px; } @media (min-width: 48em) { :not(.uk-offcanvas-flip) .uk-offcanvas-container-animation { left: 350px; } .uk-offcanvas-flip.uk-offcanvas-container-animation { left: -350px; } } .uk-switcher { margin: 0; padding: 0; list-style: none; } .uk-switcher > :not(.uk-active) { display: none; } .uk-switcher > * > :last-child { margin-bottom: 0; } .uk-leader { overflow: hidden; } .uk-leader-fill::after { display: inline-block; margin-left: 15px; width: 0; content: attr(data-fill); white-space: nowrap; } .uk-leader-fill.uk-leader-hide::after { display: none; } .uk-leader-fill-content::before { content: '.'; } :root { --uk-leader-fill-content: .; } .uk-notification { position: fixed; top: 10px; left: 10px; z-index: 1040; box-sizing: border-box; width: 350px; } .uk-notification-top-right,.uk-notification-bottom-right { left: auto; right: 10px; } .uk-notification-top-center,.uk-notification-bottom-center { left: 50%; margin-left: -175px; } .uk-notification-bottom-left,.uk-notification-bottom-right,.uk-notification-bottom-center { top: auto; bottom: 10px; } @media (max-width: 29em) { .uk-notification { left: 10px; right: 10px; width: auto; margin: 0; } } .uk-notification-message { position: relative; padding: 15px; background: #F5F5F8; color: #666; font-size: 1.25rem; line-height: 1.4; cursor: pointer; } * + .uk-notification-message { margin-top: 10px; } .uk-notification-close { display: none; position: absolute; top: 20px; right: 15px; } .uk-notification-message:hover .uk-notification-close { display: block; } .uk-notification-message-primary { color: #131316; } .uk-notification-message-success { color: #32d296; } .uk-notification-message-warning { color: #faa05a; } .uk-notification-message-danger { color: #f0506e; } .uk-tooltip { display: none; position: absolute; z-index: 1030; top: 0; box-sizing: border-box; max-width: 200px; padding: 3px 6px; background: #666; border-radius: 2px; color: #fff; font-size: 12px; } .uk-tooltip.uk-active { display: block; } [class*=uk-tooltip-top] { margin-top: -10px; } [class*=uk-tooltip-bottom] { margin-top: 10px; } [class*=uk-tooltip-left] { margin-left: -10px; } [class*=uk-tooltip-right] { margin-left: 10px; } .uk-sortable { position: relative; } .uk-sortable > :last-child { margin-bottom: 0; } .uk-sortable-drag { position: fixed !important; z-index: 1050 !important; pointer-events: none; } .uk-sortable-placeholder { opacity: 0; pointer-events: none; } .uk-sortable-empty { min-height: 50px; } .uk-sortable-handle:hover { cursor: move; } .uk-countdown-number { font-variant-numeric: tabular-nums; font-size: 2rem; line-height: .8; } @media (min-width: 30em) { .uk-countdown-number { font-size: 4rem; } } @media (min-width: 48em) { .uk-countdown-number { font-size: 6rem; } } .uk-countdown-separator { font-size: 1rem; line-height: 1.6; } @media (min-width: 30em) { .uk-countdown-separator { font-size: 2rem; } } @media (min-width: 48em) { .uk-countdown-separator { font-size: 3rem; } } .uk-grid { display: flex; flex-wrap: wrap; margin: 0; padding: 0; list-style: none; } .uk-grid > * { margin: 0; } .uk-grid > * > :last-child { margin-bottom: 0; } .uk-grid { margin-left: -30px; } .uk-grid > * { padding-left: 30px; } .uk-grid + .uk-grid,.uk-grid > .uk-grid-margin,* + .uk-grid-margin { margin-top: 30px; } @media (min-width: 64em) { .uk-grid { margin-left: -40px; } .uk-grid > * { padding-left: 40px; } .uk-grid + .uk-grid,.uk-grid > .uk-grid-margin,* + .uk-grid-margin { margin-top: 40px; } } .uk-grid-small,.uk-grid-column-small { margin-left: -15px; } .uk-grid-small > *,.uk-grid-column-small > * { padding-left: 15px; } .uk-grid + .uk-grid-small,.uk-grid + .uk-grid-row-small,.uk-grid-small > .uk-grid-margin,.uk-grid-row-small > .uk-grid-margin,* + .uk-grid-margin-small { margin-top: 15px; } .uk-grid-medium,.uk-grid-column-medium { margin-left: -30px; } .uk-grid-medium > *,.uk-grid-column-medium > * { padding-left: 30px; } .uk-grid + .uk-grid-medium,.uk-grid + .uk-grid-row-medium,.uk-grid-medium > .uk-grid-margin,.uk-grid-row-medium > .uk-grid-margin,* + .uk-grid-margin-medium { margin-top: 30px; } .uk-grid-large,.uk-grid-column-large { margin-left: -40px; } .uk-grid-large > *,.uk-grid-column-large > * { padding-left: 40px; } .uk-grid + .uk-grid-large,.uk-grid + .uk-grid-row-large,.uk-grid-large > .uk-grid-margin,.uk-grid-row-large > .uk-grid-margin,* + .uk-grid-margin-large { margin-top: 40px; } @media (min-width: 64em) { .uk-grid-large,.uk-grid-column-large { margin-left: -70px; } .uk-grid-large > *,.uk-grid-column-large > * { padding-left: 70px; } .uk-grid + .uk-grid-large,.uk-grid + .uk-grid-row-large,.uk-grid-large > .uk-grid-margin,.uk-grid-row-large > .uk-grid-margin,* + .uk-grid-margin-large { margin-top: 70px; } } .uk-grid-collapse,.uk-grid-column-collapse { margin-left: 0; } .uk-grid-collapse > *,.uk-grid-column-collapse > * { padding-left: 0; } .uk-grid + .uk-grid-collapse,.uk-grid + .uk-grid-row-collapse,.uk-grid-collapse > .uk-grid-margin,.uk-grid-row-collapse > .uk-grid-margin { margin-top: 0; } .uk-grid-divider > * { position: relative; } .uk-grid-divider > :not(.uk-first-column)::before { content: ""; position: absolute; top: 0; bottom: 0; border-left: 1px solid #b9b9ce; } .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before { content: ""; position: absolute; left: 0; right: 0; border-top: 1px solid #b9b9ce; } .uk-grid-divider { margin-left: -60px; } .uk-grid-divider > * { padding-left: 60px; } .uk-grid-divider > :not(.uk-first-column)::before { left: 30px; } .uk-grid-divider.uk-grid-stack > .uk-grid-margin { margin-top: 60px; } .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before { top: -30px; left: 60px; } @media (min-width: 64em) { .uk-grid-divider { margin-left: -80px; } .uk-grid-divider > * { padding-left: 80px; } .uk-grid-divider > :not(.uk-first-column)::before { left: 40px; } .uk-grid-divider.uk-grid-stack > .uk-grid-margin { margin-top: 80px; } .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before { top: -40px; left: 80px; } } .uk-grid-divider.uk-grid-small,.uk-grid-divider.uk-grid-column-small { margin-left: -30px; } .uk-grid-divider.uk-grid-small > *,.uk-grid-divider.uk-grid-column-small > * { padding-left: 30px; } .uk-grid-divider.uk-grid-small > :not(.uk-first-column)::before,.uk-grid-divider.uk-grid-column-small > :not(.uk-first-column)::before { left: 15px; } .uk-grid-divider.uk-grid-small.uk-grid-stack > .uk-grid-margin,.uk-grid-divider.uk-grid-row-small.uk-grid-stack > .uk-grid-margin { margin-top: 30px; } .uk-grid-divider.uk-grid-small.uk-grid-stack > .uk-grid-margin::before { top: -15px; left: 30px; } .uk-grid-divider.uk-grid-row-small.uk-grid-stack > .uk-grid-margin::before { top: -15px; } .uk-grid-divider.uk-grid-column-small.uk-grid-stack > .uk-grid-margin::before { left: 30px; } .uk-grid-divider.uk-grid-medium,.uk-grid-divider.uk-grid-column-medium { margin-left: -60px; } .uk-grid-divider.uk-grid-medium > *,.uk-grid-divider.uk-grid-column-medium > * { padding-left: 60px; } .uk-grid-divider.uk-grid-medium > :not(.uk-first-column)::before,.uk-grid-divider.uk-grid-column-medium > :not(.uk-first-column)::before { left: 30px; } .uk-grid-divider.uk-grid-medium.uk-grid-stack > .uk-grid-margin,.uk-grid-divider.uk-grid-row-medium.uk-grid-stack > .uk-grid-margin { margin-top: 60px; } .uk-grid-divider.uk-grid-medium.uk-grid-stack > .uk-grid-margin::before { top: -30px; left: 60px; } .uk-grid-divider.uk-grid-row-medium.uk-grid-stack > .uk-grid-margin::before { top: -30px; } .uk-grid-divider.uk-grid-column-medium.uk-grid-stack > .uk-grid-margin::before { left: 60px; } .uk-grid-divider.uk-grid-large,.uk-grid-divider.uk-grid-column-large { margin-left: -80px; } .uk-grid-divider.uk-grid-large > *,.uk-grid-divider.uk-grid-column-large > * { padding-left: 80px; } .uk-grid-divider.uk-grid-large > :not(.uk-first-column)::before,.uk-grid-divider.uk-grid-column-large > :not(.uk-first-column)::before { left: 40px; } .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin,.uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin { margin-top: 80px; } .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin::before { top: -40px; left: 80px; } .uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin::before { top: -40px; } .uk-grid-divider.uk-grid-column-large.uk-grid-stack > .uk-grid-margin::before { left: 80px; } @media (min-width: 64em) { .uk-grid-divider.uk-grid-large,.uk-grid-divider.uk-grid-column-large { margin-left: -140px; } .uk-grid-divider.uk-grid-large > *,.uk-grid-divider.uk-grid-column-large > * { padding-left: 140px; } .uk-grid-divider.uk-grid-large > :not(.uk-first-column)::before,.uk-grid-divider.uk-grid-column-large > :not(.uk-first-column)::before { left: 70px; } .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin,.uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin { margin-top: 140px; } .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin::before { top: -70px; left: 140px; } .uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin::before { top: -70px; } .uk-grid-divider.uk-grid-column-large.uk-grid-stack > .uk-grid-margin::before { left: 140px; } } .uk-grid-match > *,.uk-grid-item-match { display: flex; flex-wrap: wrap; } .uk-grid-match > * > :not([class*=uk-width]),.uk-grid-item-match > :not([class*=uk-width]) { box-sizing: border-box; width: 100%; flex: auto; } .uk-nav,.uk-nav ul { margin: 0; padding: 0; list-style: none; } .uk-nav li > a { display: block; text-decoration: none; } .uk-nav li > a:focus { outline: none; } .uk-nav > li > a { padding: 5px 0; } ul.uk-nav-sub { padding: 5px 0 5px 15px; } .uk-nav-sub ul { padding-left: 15px; } .uk-nav-sub a { padding: 2px 0; } .uk-nav-parent-icon > .uk-parent > a::after { content: ""; width: 1.5em; height: 1.5em; float: right; background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23666%22%20stroke-width%3D%221.1%22%20points%3D%2210%201%204%207%2010%2013%22%20%2F%3E%0A%3C%2Fsvg%3E") ; background-repeat: no-repeat; background-position: 50% 50%; } .uk-nav-parent-icon > .uk-parent.uk-open > a::after { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23666%22%20stroke-width%3D%221.1%22%20points%3D%221%204%207%2010%2013%204%22%20%2F%3E%0A%3C%2Fsvg%3E") ; } .uk-nav-header { padding: 5px 0; text-transform: uppercase; font-size: .775rem; } .uk-nav-header:not(:first-child) { margin-top: 20px; } .uk-nav-divider { margin: 5px 0; } .uk-nav-default { font-size: .775rem; } .uk-nav-default > li > a { color: #b9b9ce; } .uk-nav-default > li > a:hover,.uk-nav-default > li > a:focus { color: #666; } .uk-nav-default > li.uk-active > a { color: #333; } .uk-nav-default .uk-nav-header { color: #333; } .uk-nav-default .uk-nav-divider { border-top: 1px solid #b9b9ce; } .uk-nav-default .uk-nav-sub a { color: #b9b9ce; } .uk-nav-default .uk-nav-sub a:hover,.uk-nav-default .uk-nav-sub a:focus { color: #666; } .uk-nav-default .uk-nav-sub li.uk-active > a { color: #333; } .uk-nav-primary > li > a { font-size: 1.5rem; line-height: 1.5; color: #b9b9ce; } .uk-nav-primary > li > a:hover,.uk-nav-primary > li > a:focus { color: #666; } .uk-nav-primary > li.uk-active > a { color: #333; } .uk-nav-primary .uk-nav-header { color: #333; } .uk-nav-primary .uk-nav-divider { border-top: 1px solid #b9b9ce; } .uk-nav-primary .uk-nav-sub a { color: #b9b9ce; } .uk-nav-primary .uk-nav-sub a:hover,.uk-nav-primary .uk-nav-sub a:focus { color: #666; } .uk-nav-primary .uk-nav-sub li.uk-active > a { color: #333; } .uk-nav-center { text-align: center; } .uk-nav-center .uk-nav-sub,.uk-nav-center .uk-nav-sub ul { padding-left: 0; } .uk-nav-center.uk-nav-parent-icon > .uk-parent > a::after { position: absolute; } .uk-navbar { display: flex; position: relative; } .uk-navbar-container:not(.uk-navbar-transparent) { background: #F5F5F8; } .uk-navbar-container > ::before,.uk-navbar-container > ::after { display: none !important; } .uk-navbar-left,.uk-navbar-right,.uk-navbar-center,.uk-navbar-center-left > *,.uk-navbar-center-right > * { display: flex; align-items: center; } .uk-navbar-right { margin-left: auto; } .uk-navbar-center:only-child { margin-left: auto; margin-right: auto; position: relative; } .uk-navbar-center:not(:only-child) { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: max-content; box-sizing: border-box; z-index: 990; } .uk-navbar-center-left,.uk-navbar-center-right { position: absolute; top: 0; } .uk-navbar-center-left { right: 100%; } .uk-navbar-center-right { left: 100%; } [class*=uk-navbar-center-] { width: max-content; box-sizing: border-box; } .uk-navbar-nav { display: flex; margin: 0; padding: 0; list-style: none; } .uk-navbar-left,.uk-navbar-right,.uk-navbar-center:only-child { flex-wrap: wrap; } .uk-navbar-nav > li > a,.uk-navbar-item,.uk-navbar-toggle { display: flex; justify-content: center; align-items: center; box-sizing: border-box; min-height: 80px; padding: 0 15px; font-size: .775rem; font-family: "nimbus-sans",sans-serif; text-decoration: none; } .uk-navbar-nav > li > a { color: #b9b9ce; text-transform: uppercase; transition: .1s ease-in-out; transition-property: color,background-color; } .uk-navbar-nav > li:hover > a,.uk-navbar-nav > li > a:focus,.uk-navbar-nav > li > a.uk-open { color: #666; outline: none; } .uk-navbar-nav > li > a:active { color: #333; } .uk-navbar-nav > li.uk-active > a { color: #333; } .uk-navbar-item { color: #666; } .uk-navbar-toggle { color: #b9b9ce; } .uk-navbar-toggle:hover,.uk-navbar-toggle:focus,.uk-navbar-toggle.uk-open { color: #666; outline: none; text-decoration: none; } .uk-navbar-subtitle { font-size: .775rem; } .uk-navbar-dropdown { display: none; position: absolute; z-index: 1020; box-sizing: border-box; width: 200px; padding: 25px; background: #fff; color: #666; box-shadow: 0 5px 12px rgba(0,0,0,.15); } .uk-navbar-dropdown.uk-open { display: block; } [class*=uk-navbar-dropdown-top] { margin-top: -15px; } [class*=uk-navbar-dropdown-bottom] { margin-top: 15px; } [class*=uk-navbar-dropdown-left] { margin-left: -15px; } [class*=uk-navbar-dropdown-right] { margin-left: 15px; } .uk-navbar-dropdown-grid { margin-left: -50px; } .uk-navbar-dropdown-grid > * { padding-left: 50px; } .uk-navbar-dropdown-grid > .uk-grid-margin { margin-top: 50px; } .uk-navbar-dropdown-stack .uk-navbar-dropdown-grid > * { width: 100% !important; } .uk-navbar-dropdown-width-2:not(.uk-navbar-dropdown-stack) { width: 400px; } .uk-navbar-dropdown-width-3:not(.uk-navbar-dropdown-stack) { width: 600px; } .uk-navbar-dropdown-width-4:not(.uk-navbar-dropdown-stack) { width: 800px; } .uk-navbar-dropdown-width-5:not(.uk-navbar-dropdown-stack) { width: 1000px; } .uk-navbar-dropdown-dropbar { margin-top: 0; margin-bottom: 0; box-shadow: none; } .uk-navbar-dropdown-nav { font-size: .775rem; } .uk-navbar-dropdown-nav > li > a { color: #b9b9ce; } .uk-navbar-dropdown-nav > li > a:hover,.uk-navbar-dropdown-nav > li > a:focus { color: #666; } .uk-navbar-dropdown-nav > li.uk-active > a { color: #333; } .uk-navbar-dropdown-nav .uk-nav-header { color: #333; } .uk-navbar-dropdown-nav .uk-nav-divider { border-top: 1px solid #b9b9ce; } .uk-navbar-dropdown-nav .uk-nav-sub a { color: #b9b9ce; } .uk-navbar-dropdown-nav .uk-nav-sub a:hover,.uk-navbar-dropdown-nav .uk-nav-sub a:focus { color: #666; } .uk-navbar-dropdown-nav .uk-nav-sub li.uk-active > a { color: #333; } .uk-navbar-dropbar { background: #fff; } .uk-navbar-dropbar-slide { position: absolute; z-index: 980; left: 0; right: 0; box-shadow: 0 5px 7px rgba(0,0,0,.05); } .uk-navbar-container > .uk-container .uk-navbar-left { margin-left: -15px; margin-right: -15px; } .uk-navbar-container > .uk-container .uk-navbar-right { margin-right: -15px; } .uk-navbar-dropdown-grid > * { position: relative; } .uk-navbar-dropdown-grid > :not(.uk-first-column)::before { content: ""; position: absolute; top: 0; bottom: 0; left: 25px; border-left: 1px solid #b9b9ce; } .uk-navbar-dropdown-grid.uk-grid-stack > .uk-grid-margin::before { content: ""; position: absolute; top: -25px; left: 50px; right: 0; border-top: 1px solid #b9b9ce; } .uk-subnav { display: flex; flex-wrap: wrap; margin-left: -20px; padding: 0; list-style: none; } .uk-subnav > * { flex: none; padding-left: 20px; position: relative; } .uk-subnav > * > :first-child { display: block; color: #b9b9ce; font-size: .775rem; text-transform: uppercase; transition: .1s ease-in-out; transition-property: color,background-color; } .uk-subnav > * > a:hover,.uk-subnav > * > a:focus { color: #666; text-decoration: none; outline: none; } .uk-subnav > .uk-active > a { color: #333; } .uk-subnav-divider { margin-left: -41px; } .uk-subnav-divider > * { display: flex; align-items: center; } .uk-subnav-divider > ::before { content: ""; height: 1.5em; margin-left: 0; margin-right: 20px; border-left: 1px solid transparent; } .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before { border-left-color: #b9b9ce; } .uk-subnav-pill > * > :first-child { padding: 5px 10px; background: transparent; color: #b9b9ce; } .uk-subnav-pill > * > a:hover,.uk-subnav-pill > * > a:focus { background-color: #F5F5F8; color: #666; } .uk-subnav-pill > * > a:active { background-color: #F5F5F8; color: #666; } .uk-subnav-pill > .uk-active > a { background-color: #131316; color: #fff; } .uk-subnav > .uk-disabled > a { color: #b9b9ce; } .uk-breadcrumb { display: flex; flex-wrap: wrap; padding: 0; list-style: none; } .uk-breadcrumb > * { flex: none; } .uk-breadcrumb > * > * { display: inline-block; font-size: .775rem; color: #b9b9ce; } .uk-breadcrumb > * > :hover,.uk-breadcrumb > * > :focus { color: #666; text-decoration: none; } .uk-breadcrumb > :last-child > span,.uk-breadcrumb > :last-child > a:not([href]) { color: #666; } .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before { content: "/"; display: inline-block; margin: 0 20px; font-size: .775rem; color: #b9b9ce; } .uk-pagination { display: flex; flex-wrap: wrap; margin-left: -20px; padding: 0; list-style: none; } .uk-pagination > * { flex: none; padding-left: 20px; position: relative; } .uk-pagination > * > * { display: block; color: #b9b9ce; transition: color .1s ease-in-out; } .uk-pagination > * > :hover,.uk-pagination > * > :focus { color: #666; text-decoration: none; } .uk-pagination > .uk-active > * { color: #666; } .uk-pagination > .uk-disabled > * { color: #b9b9ce; } .uk-tab { display: flex; flex-wrap: wrap; margin-left: -20px; padding: 0; list-style: none; position: relative; } .uk-tab::before { content: ""; position: absolute; bottom: 0; left: 20px; right: 0; border-bottom: 1px solid #b9b9ce; } .uk-tab > * { flex: none; padding-left: 20px; position: relative; } .uk-tab > * > a { display: block; text-align: center; padding: 5px 10px; color: #b9b9ce; border-bottom: 1px solid transparent; font-size: .775rem; text-transform: uppercase; transition: color .1s ease-in-out; } .uk-tab > * > a:hover,.uk-tab > * > a:focus { color: #666; text-decoration: none; } .uk-tab > .uk-active > a { color: #333; border-color: #131316; } .uk-tab > .uk-disabled > a { color: #b9b9ce; } .uk-tab-bottom::before { top: 0; bottom: auto; } .uk-tab-bottom > * > a { border-top: 1px solid transparent; border-bottom: none; } .uk-tab-left,.uk-tab-right { flex-direction: column; margin-left: 0; } .uk-tab-left > *,.uk-tab-right > * { padding-left: 0; } .uk-tab-left::before { top: 0; bottom: 0; left: auto; right: 0; border-left: 1px solid #b9b9ce; border-bottom: none; } .uk-tab-right::before { top: 0; bottom: 0; left: 0; right: auto; border-left: 1px solid #b9b9ce; border-bottom: none; } .uk-tab-left > * > a { text-align: left; border-right: 1px solid transparent; border-bottom: none; } .uk-tab-right > * > a { text-align: left; border-left: 1px solid transparent; border-bottom: none; } .uk-tab .uk-dropdown { margin-left: 30px; } .uk-slidenav { padding: 5px 10px; color: rgba(102,102,102,.5); transition: color .1s ease-in-out; } .uk-slidenav:hover,.uk-slidenav:focus { color: rgba(102,102,102,.9); outline: none; } .uk-slidenav:active { color: rgba(102,102,102,.5); } .uk-slidenav-large { padding: 10px 10px; } .uk-slidenav-container { display: flex; } .uk-dotnav { display: flex; flex-wrap: wrap; margin: 0; padding: 0; list-style: none; margin-left: -12px; } .uk-dotnav > * { flex: none; padding-left: 12px; } .uk-dotnav > * > * { display: block; box-sizing: border-box; width: 10px; height: 10px; border-radius: 50%; background: transparent; text-indent: 100%; overflow: hidden; white-space: nowrap; border: 1px solid rgba(102,102,102,.4); transition: .2s ease-in-out; transition-property: background-color,border-color; } .uk-dotnav > * > :hover,.uk-dotnav > * > :focus { background-color: rgba(102,102,102,.6); outline: none; border-color: transparent; } .uk-dotnav > * > :active { background-color: rgba(102,102,102,.2); border-color: transparent; } .uk-dotnav > .uk-active > * { background-color: rgba(102,102,102,.6); border-color: transparent; } .uk-dotnav-vertical { flex-direction: column; margin-left: 0; margin-top: -12px; } .uk-dotnav-vertical > * { padding-left: 0; padding-top: 12px; } .uk-thumbnav { display: flex; flex-wrap: wrap; margin: 0; padding: 0; list-style: none; margin-left: -15px; } .uk-thumbnav > * { padding-left: 15px; } .uk-thumbnav > * > * { display: inline-block; position: relative; } .uk-thumbnav > * > *::after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(255,255,255,.4); transition: background-color .1s ease-in-out; } .uk-thumbnav > * > :hover,.uk-thumbnav > * > :focus { outline: none; } .uk-thumbnav > * > :hover::after,.uk-thumbnav > * > :focus::after { background-color: transparent; } .uk-thumbnav > .uk-active > *::after { background-color: transparent; } .uk-thumbnav-vertical { flex-direction: column; margin-left: 0; margin-top: -15px; } .uk-thumbnav-vertical > * { padding-left: 0; padding-top: 15px; } .uk-iconnav { display: flex; flex-wrap: wrap; margin: 0; padding: 0; list-style: none; margin-left: -10px; } .uk-iconnav > * { padding-left: 10px; } .uk-iconnav > * > a { display: block; color: #b9b9ce; } .uk-iconnav > * > a:hover,.uk-iconnav > * > a:focus { color: #666; outline: none; } .uk-iconnav > .uk-active > a { color: #666; } .uk-iconnav-vertical { flex-direction: column; margin-left: 0; margin-top: -10px; } .uk-iconnav-vertical > * { padding-left: 0; padding-top: 10px; } [class*=uk-animation-] { animation-duration: .5s; animation-timing-function: ease-out; animation-fill-mode: both; } .uk-animation-fade { animation-name: uk-fade; animation-duration: .8s; animation-timing-function: linear; } .uk-animation-scale-up { animation-name: uk-fade-scale-02; } .uk-animation-scale-down { animation-name: uk-fade-scale-18; } .uk-animation-slide-top { animation-name: uk-fade-top; } .uk-animation-slide-bottom { animation-name: uk-fade-bottom; } .uk-animation-slide-left { animation-name: uk-fade-left; } .uk-animation-slide-right { animation-name: uk-fade-right; } .uk-animation-slide-top-small { animation-name: uk-fade-top-small; } .uk-animation-slide-bottom-small { animation-name: uk-fade-bottom-small; } .uk-animation-slide-left-small { animation-name: uk-fade-left-small; } .uk-animation-slide-right-small { animation-name: uk-fade-right-small; } .uk-animation-slide-top-medium { animation-name: uk-fade-top-medium; } .uk-animation-slide-bottom-medium { animation-name: uk-fade-bottom-medium; } .uk-animation-slide-left-medium { animation-name: uk-fade-left-medium; } .uk-animation-slide-right-medium { animation-name: uk-fade-right-medium; } .uk-animation-kenburns { animation-name: uk-scale-kenburns; animation-duration: 15s; } .uk-animation-shake { animation-name: uk-shake; } .uk-animation-stroke { animation-name: uk-stroke; stroke-dasharray: var(--uk-animation-stroke); animation-duration: 2s; } .uk-animation-reverse { animation-direction: reverse; animation-timing-function: ease-in; } .uk-animation-fast { animation-duration: .1s; } .uk-animation-toggle:not(:hover):not(:focus) [class*=uk-animation-] { animation-name: none; } .uk-animation-toggle { -webkit-tap-highlight-color: transparent; } .uk-animation-toggle:focus { outline: none; } @keyframes uk-fade { 0 { opacity: 0; } 100% { opacity: 1; } } @keyframes uk-fade-top { 0 { opacity: 0; transform: translateY(-100%); } 100% { opacity: 1; transform: translateY(0); } } @keyframes uk-fade-bottom { 0 { opacity: 0; transform: translateY(100%); } 100% { opacity: 1; transform: translateY(0); } } @keyframes uk-fade-left { 0 { opacity: 0; transform: translateX(-100%); } 100% { opacity: 1; transform: translateX(0); } } @keyframes uk-fade-right { 0 { opacity: 0; transform: translateX(100%); } 100% { opacity: 1; transform: translateX(0); } } @keyframes uk-fade-top-small { 0 { opacity: 0; transform: translateY(-10px); } 100% { opacity: 1; transform: translateY(0); } } @keyframes uk-fade-bottom-small { 0 { opacity: 0; transform: translateY(10px); } 100% { opacity: 1; transform: translateY(0); } } @keyframes uk-fade-left-small { 0 { opacity: 0; transform: translateX(-10px); } 100% { opacity: 1; transform: translateX(0); } } @keyframes uk-fade-right-small { 0 { opacity: 0; transform: translateX(10px); } 100% { opacity: 1; transform: translateX(0); } } @keyframes uk-fade-top-medium { 0 { opacity: 0; transform: translateY(-50px); } 100% { opacity: 1; transform: translateY(0); } } @keyframes uk-fade-bottom-medium { 0 { opacity: 0; transform: translateY(50px); } 100% { opacity: 1; transform: translateY(0); } } @keyframes uk-fade-left-medium { 0 { opacity: 0; transform: translateX(-50px); } 100% { opacity: 1; transform: translateX(0); } } @keyframes uk-fade-right-medium { 0 { opacity: 0; transform: translateX(50px); } 100% { opacity: 1; transform: translateX(0); } } @keyframes uk-fade-scale-02 { 0 { opacity: 0; transform: scale(.2); } 100% { opacity: 1; transform: scale(1); } } @keyframes uk-fade-scale-18 { 0 { opacity: 0; transform: scale(1.8); } 100% { opacity: 1; transform: scale(1); } } @keyframes uk-scale-kenburns { 0 { transform: scale(1); } 100% { transform: scale(1.2); } } @keyframes uk-shake { 0,100% { transform: translateX(0); } 10% { transform: translateX(-9px); } 20% { transform: translateX(8px); } 30% { transform: translateX(-7px); } 40% { transform: translateX(6px); } 50% { transform: translateX(-5px); } 60% { transform: translateX(4px); } 70% { transform: translateX(-3px); } 80% { transform: translateX(2px); } 90% { transform: translateX(-1px); } } @keyframes uk-stroke { 0 { stroke-dashoffset: var(--uk-animation-stroke); } 100% { stroke-dashoffset: 0; } } [class*=uk-child-width] > * { box-sizing: border-box; width: 100%; } .uk-child-width-1-2 > * { width: 50%; } .uk-child-width-1-3 > * { width: calc(100% * 1 / 3.001); } .uk-child-width-1-4 > * { width: 25%; } .uk-child-width-1-5 > * { width: 20%; } .uk-child-width-1-6 > * { width: calc(100% * 1 / 6.001); } .uk-child-width-auto > * { width: auto; } .uk-child-width-expand > :not([class*=uk-width]) { flex: 1; min-width: 1px; } @media (min-width: 30em) { .uk-child-width-1-1\@s > * { width: 100%; } .uk-child-width-1-2\@s > * { width: 50%; } .uk-child-width-1-3\@s > * { width: calc(100% * 1 / 3.001); } .uk-child-width-1-4\@s > * { width: 25%; } .uk-child-width-1-5\@s > * { width: 20%; } .uk-child-width-1-6\@s > * { width: calc(100% * 1 / 6.001); } .uk-child-width-auto\@s > * { width: auto; } .uk-child-width-expand\@s > :not([class*=uk-width]) { flex: 1; min-width: 1px; } } @media (min-width: 48em) { .uk-child-width-1-1\@m > * { width: 100%; } .uk-child-width-1-2\@m > * { width: 50%; } .uk-child-width-1-3\@m > * { width: calc(100% * 1 / 3.001); } .uk-child-width-1-4\@m > * { width: 25%; } .uk-child-width-1-5\@m > * { width: 20%; } .uk-child-width-1-6\@m > * { width: calc(100% * 1 / 6.001); } .uk-child-width-auto\@m > * { width: auto; } .uk-child-width-expand\@m > :not([class*=uk-width]) { flex: 1; min-width: 1px; } } @media (min-width: 64em) { .uk-child-width-1-1\@l > * { width: 100%; } .uk-child-width-1-2\@l > * { width: 50%; } .uk-child-width-1-3\@l > * { width: calc(100% * 1 / 3.001); } .uk-child-width-1-4\@l > * { width: 25%; } .uk-child-width-1-5\@l > * { width: 20%; } .uk-child-width-1-6\@l > * { width: calc(100% * 1 / 6.001); } .uk-child-width-auto\@l > * { width: auto; } .uk-child-width-expand\@l > :not([class*=uk-width]) { flex: 1; min-width: 1px; } } @media (min-width: 1600px) { .uk-child-width-1-1\@xl > * { width: 100%; } .uk-child-width-1-2\@xl > * { width: 50%; } .uk-child-width-1-3\@xl > * { width: calc(100% * 1 / 3.001); } .uk-child-width-1-4\@xl > * { width: 25%; } .uk-child-width-1-5\@xl > * { width: 20%; } .uk-child-width-1-6\@xl > * { width: calc(100% * 1 / 6.001); } .uk-child-width-auto\@xl > * { width: auto; } .uk-child-width-expand\@xl > :not([class*=uk-width]) { flex: 1; min-width: 1px; } } [class*=uk-width] { box-sizing: border-box; width: 100%; max-width: 100%; } .uk-width-1-2 { width: 50%; } .uk-width-1-3 { width: calc(100% * 1 / 3.001); } .uk-width-2-3 { width: calc(100% * 2 / 3.001); } .uk-width-1-4 { width: 25%; } .uk-width-3-4 { width: 75%; } .uk-width-1-5 { width: 20%; } .uk-width-2-5 { width: 40%; } .uk-width-3-5 { width: 60%; } .uk-width-4-5 { width: 80%; } .uk-width-1-6 { width: calc(100% * 1 / 6.001); } .uk-width-5-6 { width: calc(100% * 5 / 6.001); } .uk-width-small { width: 150px; } .uk-width-medium { width: 300px; } .uk-width-large { width: 450px; } .uk-width-xlarge { width: 600px; } .uk-width-2xlarge { width: 750px; } .uk-width-auto { width: auto; } .uk-width-expand { flex: 1; min-width: 1px; } @media (min-width: 30em) { .uk-width-1-1\@s { width: 100%; } .uk-width-1-2\@s { width: 50%; } .uk-width-1-3\@s { width: calc(100% * 1 / 3.001); } .uk-width-2-3\@s { width: calc(100% * 2 / 3.001); } .uk-width-1-4\@s { width: 25%; } .uk-width-3-4\@s { width: 75%; } .uk-width-1-5\@s { width: 20%; } .uk-width-2-5\@s { width: 40%; } .uk-width-3-5\@s { width: 60%; } .uk-width-4-5\@s { width: 80%; } .uk-width-1-6\@s { width: calc(100% * 1 / 6.001); } .uk-width-5-6\@s { width: calc(100% * 5 / 6.001); } .uk-width-small\@s { width: 150px; } .uk-width-medium\@s { width: 300px; } .uk-width-large\@s { width: 450px; } .uk-width-xlarge\@s { width: 600px; } .uk-width-2xlarge\@s { width: 750px; } .uk-width-auto\@s { width: auto; } .uk-width-expand\@s { flex: 1; min-width: 1px; } } @media (min-width: 48em) { .uk-width-1-1\@m { width: 100%; } .uk-width-1-2\@m { width: 50%; } .uk-width-1-3\@m { width: calc(100% * 1 / 3.001); } .uk-width-2-3\@m { width: calc(100% * 2 / 3.001); } .uk-width-1-4\@m { width: 25%; } .uk-width-3-4\@m { width: 75%; } .uk-width-1-5\@m { width: 20%; } .uk-width-2-5\@m { width: 40%; } .uk-width-3-5\@m { width: 60%; } .uk-width-4-5\@m { width: 80%; } .uk-width-1-6\@m { width: calc(100% * 1 / 6.001); } .uk-width-5-6\@m { width: calc(100% * 5 / 6.001); } .uk-width-small\@m { width: 150px; } .uk-width-medium\@m { width: 300px; } .uk-width-large\@m { width: 450px; } .uk-width-xlarge\@m { width: 600px; } .uk-width-2xlarge\@m { width: 750px; } .uk-width-auto\@m { width: auto; } .uk-width-expand\@m { flex: 1; min-width: 1px; } } @media (min-width: 64em) { .uk-width-1-1\@l { width: 100%; } .uk-width-1-2\@l { width: 50%; } .uk-width-1-3\@l { width: calc(100% * 1 / 3.001); } .uk-width-2-3\@l { width: calc(100% * 2 / 3.001); } .uk-width-1-4\@l { width: 25%; } .uk-width-3-4\@l { width: 75%; } .uk-width-1-5\@l { width: 20%; } .uk-width-2-5\@l { width: 40%; } .uk-width-3-5\@l { width: 60%; } .uk-width-4-5\@l { width: 80%; } .uk-width-1-6\@l { width: calc(100% * 1 / 6.001); } .uk-width-5-6\@l { width: calc(100% * 5 / 6.001); } .uk-width-small\@l { width: 150px; } .uk-width-medium\@l { width: 300px; } .uk-width-large\@l { width: 450px; } .uk-width-xlarge\@l { width: 600px; } .uk-width-2xlarge\@l { width: 750px; } .uk-width-auto\@l { width: auto; } .uk-width-expand\@l { flex: 1; min-width: 1px; } } @media (min-width: 1600px) { .uk-width-1-1\@xl { width: 100%; } .uk-width-1-2\@xl { width: 50%; } .uk-width-1-3\@xl { width: calc(100% * 1 / 3.001); } .uk-width-2-3\@xl { width: calc(100% * 2 / 3.001); } .uk-width-1-4\@xl { width: 25%; } .uk-width-3-4\@xl { width: 75%; } .uk-width-1-5\@xl { width: 20%; } .uk-width-2-5\@xl { width: 40%; } .uk-width-3-5\@xl { width: 60%; } .uk-width-4-5\@xl { width: 80%; } .uk-width-1-6\@xl { width: calc(100% * 1 / 6.001); } .uk-width-5-6\@xl { width: calc(100% * 5 / 6.001); } .uk-width-small\@xl { width: 150px; } .uk-width-medium\@xl { width: 300px; } .uk-width-large\@xl { width: 450px; } .uk-width-xlarge\@xl { width: 600px; } .uk-width-2xlarge\@xl { width: 750px; } .uk-width-auto\@xl { width: auto; } .uk-width-expand\@xl { flex: 1; min-width: 1px; } } [class*=uk-height] { box-sizing: border-box; } .uk-height-1-1 { height: 100%; } .uk-height-viewport { min-height: 100vh; } .uk-height-small { height: 150px; } .uk-height-medium { height: 300px; } .uk-height-large { height: 450px; } .uk-height-max-small { max-height: 150px; } .uk-height-max-medium { max-height: 300px; } .uk-height-max-large { max-height: 450px; } .uk-text-lead { font-size: 1.5rem; line-height: 1.5; color: #333; } .uk-text-meta { font-size: .775rem; line-height: 1.4; color: #b9b9ce; } .uk-text-meta a { color: #b9b9ce; } .uk-text-meta a:hover { color: #666; text-decoration: none; } .uk-text-small,.product--badge .uk-countdown-number,.listing--wrapper .listing--container .listing .product--box .box--content .product--info .product--variants--listing,.product--variants--listing,.content--breadcrumb,.configurator--variant .variant--option { font-size: .775rem; line-height: 1.5; } .uk-text-large,.detail--price--wrap .price--content { font-size: 1.5rem; line-height: 1.5; } .uk-text-default { font-size: 16px; line-height: 1.5; } .uk-text-light { font-weight: 300; } .uk-text-normal { font-weight: 400; } .uk-text-bold { font-weight: 700; } .uk-text-lighter { font-weight: lighter; } .uk-text-bolder { font-weight: bolder; } .uk-text-italic { font-style: italic; } .uk-text-capitalize { text-transform: capitalize !important; } .uk-text-uppercase { text-transform: uppercase !important; } .uk-text-lowercase { text-transform: lowercase !important; } .uk-text-muted { color: #b9b9ce !important; } .uk-text-emphasis { color: #333 !important; } .uk-text-primary { color: #131316 !important; } .uk-text-secondary { color: #484848 !important; } .uk-text-success { color: #32d296 !important; } .uk-text-warning { color: #faa05a !important; } .uk-text-danger { color: #f0506e !important; } .uk-text-background { -webkit-background-clip: text; display: inline-block; color: #131316 !important; } @supports (-webkit-background-clip: text) { .uk-text-background { background-color: #131316; color: transparent !important; } } .uk-text-left { text-align: left !important; } .uk-text-right { text-align: right !important; } .uk-text-center { text-align: center !important; } .uk-text-justify { text-align: justify !important; } @media (min-width: 30em) { .uk-text-left\@s { text-align: left !important; } .uk-text-right\@s { text-align: right !important; } .uk-text-center\@s { text-align: center !important; } } @media (min-width: 48em) { .uk-text-left\@m { text-align: left !important; } .uk-text-right\@m { text-align: right !important; } .uk-text-center\@m { text-align: center !important; } } @media (min-width: 64em) { .uk-text-left\@l { text-align: left !important; } .uk-text-right\@l { text-align: right !important; } .uk-text-center\@l { text-align: center !important; } } @media (min-width: 1600px) { .uk-text-left\@xl { text-align: left !important; } .uk-text-right\@xl { text-align: right !important; } .uk-text-center\@xl { text-align: center !important; } } .uk-text-top { vertical-align: top !important; } .uk-text-middle { vertical-align: middle !important; } .uk-text-bottom { vertical-align: bottom !important; } .uk-text-baseline { vertical-align: baseline !important; } .uk-text-nowrap { white-space: nowrap; } .uk-text-truncate { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } th.uk-text-truncate,td.uk-text-truncate { max-width: 0; } .uk-text-break { overflow-wrap: break-word; word-wrap: break-word; } th.uk-text-break,td.uk-text-break { word-break: break-all; } [class*=uk-column-] { column-gap: 30px; } @media (min-width: 64em) { [class*=uk-column-] { column-gap: 40px; } } [class*=uk-column-] img { transform: translate3d(0,0,0); } .uk-column-divider { column-rule: 1px solid #b9b9ce; column-gap: 60px; } @media (min-width: 64em) { .uk-column-divider { column-gap: 80px; } } .uk-column-1-2 { column-count: 2; } .uk-column-1-3 { column-count: 3; } .uk-column-1-4 { column-count: 4; } .uk-column-1-5 { column-count: 5; } .uk-column-1-6 { column-count: 6; } @media (min-width: 30em) { .uk-column-1-2\@s { column-count: 2; } .uk-column-1-3\@s { column-count: 3; } .uk-column-1-4\@s { column-count: 4; } .uk-column-1-5\@s { column-count: 5; } .uk-column-1-6\@s { column-count: 6; } } @media (min-width: 48em) { .uk-column-1-2\@m { column-count: 2; } .uk-column-1-3\@m { column-count: 3; } .uk-column-1-4\@m { column-count: 4; } .uk-column-1-5\@m { column-count: 5; } .uk-column-1-6\@m { column-count: 6; } } @media (min-width: 64em) { .uk-column-1-2\@l { column-count: 2; } .uk-column-1-3\@l { column-count: 3; } .uk-column-1-4\@l { column-count: 4; } .uk-column-1-5\@l { column-count: 5; } .uk-column-1-6\@l { column-count: 6; } } @media (min-width: 1600px) { .uk-column-1-2\@xl { column-count: 2; } .uk-column-1-3\@xl { column-count: 3; } .uk-column-1-4\@xl { column-count: 4; } .uk-column-1-5\@xl { column-count: 5; } .uk-column-1-6\@xl { column-count: 6; } } .uk-column-span { column-span: all; } .uk-cover { max-width: none; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); } iframe.uk-cover { pointer-events: none; } .uk-cover-container { overflow: hidden; position: relative; } .uk-background-default { background-color: #fff; } .uk-background-muted { background-color: #F5F5F8; } .uk-background-primary { background-color: #131316; } .uk-background-secondary { background-color: #484848; } .uk-background-cover,.uk-background-contain { background-position: 50% 50%; background-repeat: no-repeat; } .uk-background-cover { background-size: cover; } .uk-background-contain { background-size: contain; } .uk-background-top-left { background-position: 0 0; } .uk-background-top-center { background-position: 50% 0; } .uk-background-top-right { background-position: 100% 0; } .uk-background-center-left { background-position: 0 50%; } .uk-background-center-center { background-position: 50% 50%; } .uk-background-center-right { background-position: 100% 50%; } .uk-background-bottom-left { background-position: 0 100%; } .uk-background-bottom-center { background-position: 50% 100%; } .uk-background-bottom-right { background-position: 100% 100%; } .uk-background-norepeat { background-repeat: no-repeat; } .uk-background-fixed { background-attachment: fixed; backface-visibility: hidden; } @media (pointer: coarse) { .uk-background-fixed { background-attachment: scroll; } } @media (max-width: 29em) { .uk-background-image\@s { background-image: none !important; } } @media (max-width: 47em) { .uk-background-image\@m { background-image: none !important; } } @media (max-width: 63em) { .uk-background-image\@l { background-image: none !important; } } @media (max-width: 1599px) { .uk-background-image\@xl { background-image: none !important; } } .uk-background-blend-multiply { background-blend-mode: multiply; } .uk-background-blend-screen { background-blend-mode: screen; } .uk-background-blend-overlay { background-blend-mode: overlay; } .uk-background-blend-darken { background-blend-mode: darken; } .uk-background-blend-lighten { background-blend-mode: lighten; } .uk-background-blend-color-dodge { background-blend-mode: color-dodge; } .uk-background-blend-color-burn { background-blend-mode: color-burn; } .uk-background-blend-hard-light { background-blend-mode: hard-light; } .uk-background-blend-soft-light { background-blend-mode: soft-light; } .uk-background-blend-difference { background-blend-mode: difference; } .uk-background-blend-exclusion { background-blend-mode: exclusion; } .uk-background-blend-hue { background-blend-mode: hue; } .uk-background-blend-saturation { background-blend-mode: saturation; } .uk-background-blend-color { background-blend-mode: color; } .uk-background-blend-luminosity { background-blend-mode: luminosity; } [class*=uk-align] { display: block; margin-bottom: 30px; } * + [class*=uk-align] { margin-top: 30px; } .uk-align-center { margin-left: auto; margin-right: auto; } .uk-align-left { margin-top: 0; margin-right: 30px; float: left; } .uk-align-right { margin-top: 0; margin-left: 30px; float: right; } @media (min-width: 30em) { .uk-align-left\@s { margin-top: 0; margin-right: 30px; float: left; } .uk-align-right\@s { margin-top: 0; margin-left: 30px; float: right; } } @media (min-width: 48em) { .uk-align-left\@m { margin-top: 0; margin-right: 30px; float: left; } .uk-align-right\@m { margin-top: 0; margin-left: 30px; float: right; } } @media (min-width: 64em) { .uk-align-left\@l { margin-top: 0; float: left; } .uk-align-right\@l { margin-top: 0; float: right; } .uk-align-left,.uk-align-left\@s,.uk-align-left\@m,.uk-align-left\@l { margin-right: 40px; } .uk-align-right,.uk-align-right\@s,.uk-align-right\@m,.uk-align-right\@l { margin-left: 40px; } } @media (min-width: 1600px) { .uk-align-left\@xl { margin-top: 0; margin-right: 40px; float: left; } .uk-align-right\@xl { margin-top: 0; margin-left: 40px; float: right; } } .uk-svg,.uk-svg:not(.uk-preserve) [fill*='#']:not(.uk-preserve) { fill: currentcolor; } .uk-svg:not(.uk-preserve) [stroke*='#']:not(.uk-preserve) { stroke: currentcolor; } .uk-svg { transform: translate(0,0); } .uk-panel { display: flow-root; position: relative; box-sizing: border-box; } .uk-panel > :last-child { margin-bottom: 0; } .uk-panel-scrollable { height: 170px; padding: 10px; border: 1px solid #b9b9ce; overflow: auto; -webkit-overflow-scrolling: touch; resize: both; } .uk-clearfix::before { content: ""; display: table-cell; } .uk-clearfix::after { content: ""; display: table; clear: both; } .uk-float-left { float: left; } .uk-float-right { float: right; } [class*=uk-float-] { max-width: 100%; } .uk-overflow-hidden { overflow: hidden; } .uk-overflow-auto { overflow: auto; -webkit-overflow-scrolling: touch; } .uk-overflow-auto > :last-child { margin-bottom: 0; } .uk-resize { resize: both; } .uk-resize-vertical { resize: vertical; } .uk-display-block { display: block !important; } .uk-display-inline { display: inline !important; } .uk-display-inline-block { display: inline-block !important; } [class*=uk-inline] { display: inline-block; position: relative; max-width: 100%; vertical-align: middle; -webkit-backface-visibility: hidden; } .uk-inline-clip,.listing--wrapper .listing--container .listing .product--box .box--content,.product-slider .box--content,.detail-error--listing .product--box .box--content { overflow: hidden; } .uk-preserve-width,.uk-preserve-width canvas,.uk-preserve-width img,.uk-preserve-width svg,.uk-preserve-width video { max-width: none; } .uk-responsive-width,.uk-responsive-height { box-sizing: border-box; } .uk-responsive-width { max-width: 100% !important; height: auto; } .uk-responsive-height { max-height: 100%; width: auto; max-width: none; } .uk-border-circle { border-radius: 50%; } .uk-border-pill { border-radius: 500px; } .uk-border-rounded { border-radius: 5px; } .uk-inline-clip[class*=uk-border-] { -webkit-transform: translateZ(0); } .uk-box-shadow-small,.product-slider .box--content:hover { box-shadow: 0 2px 8px rgba(0,0,0,.08); } .uk-box-shadow-medium { box-shadow: 0 5px 15px rgba(0,0,0,.08); } .uk-box-shadow-large,.listing--wrapper .listing--container .listing .product--box .box--content:hover,.detail-error--listing .product--box .box--content:hover { box-shadow: 0 14px 25px rgba(0,0,0,.16); } .uk-box-shadow-xlarge { box-shadow: 0 28px 50px rgba(0,0,0,.16); } [class*=uk-box-shadow-hover] { transition: box-shadow .1s ease-in-out; } .uk-box-shadow-hover-small:hover { box-shadow: 0 2px 8px rgba(0,0,0,.08); } .uk-box-shadow-hover-medium:hover { box-shadow: 0 5px 15px rgba(0,0,0,.08); } .uk-box-shadow-hover-large:hover { box-shadow: 0 14px 25px rgba(0,0,0,.16); } .uk-box-shadow-hover-xlarge:hover { box-shadow: 0 28px 50px rgba(0,0,0,.16); } @supports (filter: blur(0)) { .uk-box-shadow-bottom { display: inline-block; position: relative; max-width: 100%; vertical-align: middle; } .uk-box-shadow-bottom::before { content: ''; position: absolute; bottom: -30px; left: 0; right: 0; height: 30px; border-radius: 100%; background: #444; filter: blur(20px); } .uk-box-shadow-bottom > * { position: relative; } } .uk-dropcap::first-letter,.uk-dropcap > p:first-of-type::first-letter { display: block; margin-right: 10px; float: left; font-size: 4.5em; line-height: 1; margin-bottom: -2px; } @-moz-document url-prefix() { .uk-dropcap::first-letter,.uk-dropcap > p:first-of-type::first-letter { margin-top: 1.1%; } } @supports (-ms-ime-align: auto) { .uk-dropcap > p:first-of-type::first-letter { font-size: 1em; } } .uk-logo { font-size: 1.5rem; font-family: "nimbus-sans",sans-serif; color: #666; text-decoration: none; } .uk-logo:hover,.uk-logo:focus { color: #666; outline: none; text-decoration: none; } .uk-logo-inverse { display: none; } .uk-disabled { pointer-events: none; } .uk-drag,.uk-drag * { cursor: move; } .uk-drag iframe { pointer-events: none; } .uk-dragover { box-shadow: 0 0 20px rgba(100,100,100,.3); } .uk-blend-multiply { mix-blend-mode: multiply; } .uk-blend-screen { mix-blend-mode: screen; } .uk-blend-overlay { mix-blend-mode: overlay; } .uk-blend-darken { mix-blend-mode: darken; } .uk-blend-lighten { mix-blend-mode: lighten; } .uk-blend-color-dodge { mix-blend-mode: color-dodge; } .uk-blend-color-burn { mix-blend-mode: color-burn; } .uk-blend-hard-light { mix-blend-mode: hard-light; } .uk-blend-soft-light { mix-blend-mode: soft-light; } .uk-blend-difference { mix-blend-mode: difference; } .uk-blend-exclusion { mix-blend-mode: exclusion; } .uk-blend-hue { mix-blend-mode: hue; } .uk-blend-saturation { mix-blend-mode: saturation; } .uk-blend-color { mix-blend-mode: color; } .uk-blend-luminosity { mix-blend-mode: luminosity; } .uk-transform-center { transform: translate(-50%,-50%); } .uk-transform-origin-top-left { transform-origin: 0 0; } .uk-transform-origin-top-center { transform-origin: 50% 0; } .uk-transform-origin-top-right { transform-origin: 100% 0; } .uk-transform-origin-center-left { transform-origin: 0 50%; } .uk-transform-origin-center-right { transform-origin: 100% 50%; } .uk-transform-origin-bottom-left { transform-origin: 0 100%; } .uk-transform-origin-bottom-center { transform-origin: 50% 100%; } .uk-transform-origin-bottom-right { transform-origin: 100% 100%; } .uk-flex,.navigation-main .navigation--list-wrapper .navigation--list,.buybox--button-container { display: flex; } .uk-flex-inline { display: inline-flex; } .uk-flex::before,.uk-flex::after,.uk-flex-inline::before,.uk-flex-inline::after { display: none; } .uk-flex-left { justify-content: flex-start; } .uk-flex-center,.navigation-main .navigation--list-wrapper .navigation--list,.buybox--button-container { justify-content: center; } .uk-flex-right { justify-content: flex-end; } .uk-flex-between { justify-content: space-between; } .uk-flex-around { justify-content: space-around; } @media (min-width: 30em) { .uk-flex-left\@s { justify-content: flex-start; } .uk-flex-center\@s { justify-content: center; } .uk-flex-right\@s { justify-content: flex-end; } .uk-flex-between\@s { justify-content: space-between; } .uk-flex-around\@s { justify-content: space-around; } } @media (min-width: 48em) { .uk-flex-left\@m { justify-content: flex-start; } .uk-flex-center\@m { justify-content: center; } .uk-flex-right\@m { justify-content: flex-end; } .uk-flex-between\@m { justify-content: space-between; } .uk-flex-around\@m { justify-content: space-around; } } @media (min-width: 64em) { .uk-flex-left\@l { justify-content: flex-start; } .uk-flex-center\@l { justify-content: center; } .uk-flex-right\@l { justify-content: flex-end; } .uk-flex-between\@l { justify-content: space-between; } .uk-flex-around\@l { justify-content: space-around; } } @media (min-width: 1600px) { .uk-flex-left\@xl { justify-content: flex-start; } .uk-flex-center\@xl { justify-content: center; } .uk-flex-right\@xl { justify-content: flex-end; } .uk-flex-between\@xl { justify-content: space-between; } .uk-flex-around\@xl { justify-content: space-around; } } .uk-flex-stretch { align-items: stretch; } .uk-flex-top { align-items: flex-start; } .uk-flex-middle,.buybox--button-container { align-items: center; } .uk-flex-bottom { align-items: flex-end; } .uk-flex-row { flex-direction: row; } .uk-flex-row-reverse { flex-direction: row-reverse; } .uk-flex-column { flex-direction: column; } .uk-flex-column-reverse { flex-direction: column-reverse; } .uk-flex-nowrap { flex-wrap: nowrap; } .uk-flex-wrap,.buybox--button-container { flex-wrap: wrap; } .uk-flex-wrap-reverse { flex-wrap: wrap-reverse; } .uk-flex-wrap-stretch { align-content: stretch; } .uk-flex-wrap-top { align-content: flex-start; } .uk-flex-wrap-middle { align-content: center; } .uk-flex-wrap-bottom { align-content: flex-end; } .uk-flex-wrap-between { align-content: space-between; } .uk-flex-wrap-around { align-content: space-around; } .uk-flex-first { order: -1; } .uk-flex-last { order: 99; } @media (min-width: 30em) { .uk-flex-first\@s { order: -1; } .uk-flex-last\@s { order: 99; } } @media (min-width: 48em) { .uk-flex-first\@m { order: -1; } .uk-flex-last\@m { order: 99; } } @media (min-width: 64em) { .uk-flex-first\@l { order: -1; } .uk-flex-last\@l { order: 99; } } @media (min-width: 1600px) { .uk-flex-first\@xl { order: -1; } .uk-flex-last\@xl { order: 99; } } .uk-flex-none { flex: none; } .uk-flex-auto { flex: auto; } .uk-flex-1 { flex: 1; } .uk-margin { margin-bottom: 20px; } * + .uk-margin { margin-top: 20px !important; } .uk-margin-top,.listing--wrapper .infinite--actions:last-of-type { margin-top: 20px !important; } .uk-margin-bottom,.navigation-main { margin-bottom: 20px !important; } .uk-margin-left { margin-left: 20px !important; } .uk-margin-right { margin-right: 20px !important; } .uk-margin-small { margin-bottom: 10px; } * + .uk-margin-small { margin-top: 10px !important; } .uk-margin-small-top { margin-top: 10px !important; } .uk-margin-small-bottom { margin-bottom: 10px !important; } .uk-margin-small-left { margin-left: 10px !important; } .uk-margin-small-right { margin-right: 10px !important; } .uk-margin-medium { margin-bottom: 40px; } * + .uk-margin-medium { margin-top: 40px !important; } .uk-margin-medium-top { margin-top: 40px !important; } .uk-margin-medium-bottom { margin-bottom: 40px !important; } .uk-margin-medium-left { margin-left: 40px !important; } .uk-margin-medium-right { margin-right: 40px !important; } .uk-margin-large { margin-bottom: 40px; } * + .uk-margin-large { margin-top: 40px !important; } .uk-margin-large-top { margin-top: 40px !important; } .uk-margin-large-bottom { margin-bottom: 40px !important; } .uk-margin-large-left { margin-left: 40px !important; } .uk-margin-large-right { margin-right: 40px !important; } @media (min-width: 64em) { .uk-margin-large { margin-bottom: 70px; } * + .uk-margin-large { margin-top: 70px !important; } .uk-margin-large-top { margin-top: 70px !important; } .uk-margin-large-bottom { margin-bottom: 70px !important; } .uk-margin-large-left { margin-left: 70px !important; } .uk-margin-large-right { margin-right: 70px !important; } } .uk-margin-xlarge { margin-bottom: 70px; } * + .uk-margin-xlarge { margin-top: 70px !important; } .uk-margin-xlarge-top { margin-top: 70px !important; } .uk-margin-xlarge-bottom { margin-bottom: 70px !important; } .uk-margin-xlarge-left { margin-left: 70px !important; } .uk-margin-xlarge-right { margin-right: 70px !important; } @media (min-width: 64em) { .uk-margin-xlarge { margin-bottom: 140px; } * + .uk-margin-xlarge { margin-top: 140px !important; } .uk-margin-xlarge-top { margin-top: 140px !important; } .uk-margin-xlarge-bottom { margin-bottom: 140px !important; } .uk-margin-xlarge-left { margin-left: 140px !important; } .uk-margin-xlarge-right { margin-right: 140px !important; } } .uk-margin-auto { margin-left: auto !important; margin-right: auto !important; } .uk-margin-auto-top { margin-top: auto !important; } .uk-margin-auto-bottom { margin-bottom: auto !important; } .uk-margin-auto-left { margin-left: auto !important; } .uk-margin-auto-right { margin-right: auto !important; } .uk-margin-auto-vertical { margin-top: auto !important; margin-bottom: auto !important; } @media (min-width: 30em) { .uk-margin-auto\@s { margin-left: auto !important; margin-right: auto !important; } .uk-margin-auto-left\@s { margin-left: auto !important; } .uk-margin-auto-right\@s { margin-right: auto !important; } } @media (min-width: 48em) { .uk-margin-auto\@m { margin-left: auto !important; margin-right: auto !important; } .uk-margin-auto-left\@m { margin-left: auto !important; } .uk-margin-auto-right\@m { margin-right: auto !important; } } @media (min-width: 64em) { .uk-margin-auto\@l { margin-left: auto !important; margin-right: auto !important; } .uk-margin-auto-left\@l { margin-left: auto !important; } .uk-margin-auto-right\@l { margin-right: auto !important; } } @media (min-width: 1600px) { .uk-margin-auto\@xl { margin-left: auto !important; margin-right: auto !important; } .uk-margin-auto-left\@xl { margin-left: auto !important; } .uk-margin-auto-right\@xl { margin-right: auto !important; } } .uk-margin-remove,.breadcrumb--list { margin: 0 !important; } .uk-margin-remove-top { margin-top: 0 !important; } .uk-margin-remove-bottom { margin-bottom: 0 !important; } .uk-margin-remove-left { margin-left: 0 !important; } .uk-margin-remove-right { margin-right: 0 !important; } .uk-margin-remove-vertical { margin-top: 0 !important; margin-bottom: 0 !important; } .uk-margin-remove-adjacent + *,.uk-margin-remove-first-child > :first-child { margin-top: 0 !important; } .uk-margin-remove-last-child > :last-child { margin-bottom: 0 !important; } @media (min-width: 30em) { .uk-margin-remove-left\@s { margin-left: 0 !important; } .uk-margin-remove-right\@s { margin-right: 0 !important; } } @media (min-width: 48em) { .uk-margin-remove-left\@m { margin-left: 0 !important; } .uk-margin-remove-right\@m { margin-right: 0 !important; } } @media (min-width: 64em) { .uk-margin-remove-left\@l { margin-left: 0 !important; } .uk-margin-remove-right\@l { margin-right: 0 !important; } } @media (min-width: 1600px) { .uk-margin-remove-left\@xl { margin-left: 0 !important; } .uk-margin-remove-right\@xl { margin-right: 0 !important; } } .uk-padding { padding: 30px; } @media (min-width: 64em) { .uk-padding { padding: 40px; } } .uk-padding-small { padding: 15px; } .uk-padding-large { padding: 30px; } @media (min-width: 64em) { .uk-padding-large { padding: 70px; } } .uk-padding-remove,.breadcrumb--list { padding: 0 !important; } .uk-padding-remove-top { padding-top: 0 !important; } .uk-padding-remove-bottom { padding-bottom: 0 !important; } .uk-padding-remove-left { padding-left: 0 !important; } .uk-padding-remove-right { padding-right: 0 !important; } .uk-padding-remove-vertical { padding-top: 0 !important; padding-bottom: 0 !important; } .uk-padding-remove-horizontal { padding-left: 0 !important; padding-right: 0 !important; } [class*=uk-position-top],[class*=uk-position-bottom],[class*=uk-position-left],[class*=uk-position-right],[class*=uk-position-center] { position: absolute !important; max-width: 100%; } .uk-position-top { top: 0; left: 0; right: 0; } .uk-position-bottom { bottom: 0; left: 0; right: 0; } .uk-position-left { top: 0; bottom: 0; left: 0; } .uk-position-right { top: 0; bottom: 0; right: 0; } .uk-position-top-left { top: 0; left: 0; } .uk-position-top-right { top: 0; right: 0; } .uk-position-bottom-left { bottom: 0; left: 0; } .uk-position-bottom-right { bottom: 0; right: 0; } .uk-position-center { top: 50%; left: 50%; transform: translate(-50%,-50%); width: max-content; max-width: 100%; box-sizing: border-box; } [class*=uk-position-center-left],[class*=uk-position-center-right] { top: 50%; transform: translateY(-50%); } .uk-position-center-left { left: 0; } .uk-position-center-right { right: 0; } .uk-position-center-left-out { right: 100%; width: max-content; } .uk-position-center-right-out { left: 100%; width: max-content; } .uk-position-top-center,.uk-position-bottom-center { left: 50%; transform: translateX(-50%); width: max-content; max-width: 100%; box-sizing: border-box; } .uk-position-top-center { top: 0; } .uk-position-bottom-center { bottom: 0; } .uk-position-cover { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .uk-position-relative { position: relative !important; } .uk-position-absolute { position: absolute !important; } .uk-position-fixed { position: fixed !important; } .uk-position-z-index { z-index: 1; } .uk-position-small { max-width: calc(100% - (15px * 2)); margin: 15px; } .uk-position-small.uk-position-center { transform: translate(-50%,-50%) translate(-15px,-15px); } .uk-position-small[class*=uk-position-center-left],.uk-position-small[class*=uk-position-center-right] { transform: translateY(-50%) translateY(-15px); } .uk-position-small.uk-position-top-center,.uk-position-small.uk-position-bottom-center { transform: translateX(-50%) translateX(-15px); } .uk-position-medium { max-width: calc(100% - (30px * 2)); margin: 30px; } .uk-position-medium.uk-position-center { transform: translate(-50%,-50%) translate(-30px,-30px); } .uk-position-medium[class*=uk-position-center-left],.uk-position-medium[class*=uk-position-center-right] { transform: translateY(-50%) translateY(-30px); } .uk-position-medium.uk-position-top-center,.uk-position-medium.uk-position-bottom-center { transform: translateX(-50%) translateX(-30px); } .uk-position-large { max-width: calc(100% - (30px * 2)); margin: 30px; } .uk-position-large.uk-position-center { transform: translate(-50%,-50%) translate(-30px,-30px); } .uk-position-large[class*=uk-position-center-left],.uk-position-large[class*=uk-position-center-right] { transform: translateY(-50%) translateY(-30px); } .uk-position-large.uk-position-top-center,.uk-position-large.uk-position-bottom-center { transform: translateX(-50%) translateX(-30px); } @media (min-width: 64em) { .uk-position-large { max-width: calc(100% - (50px * 2)); margin: 50px; } .uk-position-large.uk-position-center { transform: translate(-50%,-50%) translate(-50px,-50px); } .uk-position-large[class*=uk-position-center-left],.uk-position-large[class*=uk-position-center-right] { transform: translateY(-50%) translateY(-50px); } .uk-position-large.uk-position-top-center,.uk-position-large.uk-position-bottom-center { transform: translateX(-50%) translateX(-50px); } } .uk-transition-toggle { -webkit-tap-highlight-color: transparent; } .uk-transition-toggle:focus { outline: none; } .uk-transition-fade,[class*=uk-transition-scale],[class*=uk-transition-slide] { transition: .3s ease-out; transition-property: opacity,transform,filter; opacity: 0; } .uk-transition-toggle:hover .uk-transition-fade,.uk-transition-toggle:focus .uk-transition-fade,.uk-transition-active.uk-active .uk-transition-fade { opacity: 1; } .uk-transition-scale-up { transform: scale(1,1); } .uk-transition-scale-down { transform: scale(1.1,1.1); } .uk-transition-toggle:hover .uk-transition-scale-up,.uk-transition-toggle:focus .uk-transition-scale-up,.uk-transition-active.uk-active .uk-transition-scale-up { opacity: 1; transform: scale(1.1,1.1); } .uk-transition-toggle:hover .uk-transition-scale-down,.uk-transition-toggle:focus .uk-transition-scale-down,.uk-transition-active.uk-active .uk-transition-scale-down { opacity: 1; transform: scale(1,1); } .uk-transition-slide-top { transform: translateY(-100%); } .uk-transition-slide-bottom { transform: translateY(100%); } .uk-transition-slide-left { transform: translateX(-100%); } .uk-transition-slide-right { transform: translateX(100%); } .uk-transition-slide-top-small { transform: translateY(-10px); } .uk-transition-slide-bottom-small { transform: translateY(10px); } .uk-transition-slide-left-small { transform: translateX(-10px); } .uk-transition-slide-right-small { transform: translateX(10px); } .uk-transition-slide-top-medium { transform: translateY(-50px); } .uk-transition-slide-bottom-medium { transform: translateY(50px); } .uk-transition-slide-left-medium { transform: translateX(-50px); } .uk-transition-slide-right-medium { transform: translateX(50px); } .uk-transition-toggle:hover [class*=uk-transition-slide],.uk-transition-toggle:focus [class*=uk-transition-slide],.uk-transition-active.uk-active [class*=uk-transition-slide] { opacity: 1; transform: translate(0,0); } .uk-transition-opaque { opacity: 1; } .uk-transition-slow { transition-duration: .7s; } [hidden],.uk-hidden { display: none !important; } @media (min-width: 30em) { .uk-hidden\@s { display: none !important; } } @media (min-width: 48em) { .uk-hidden\@m { display: none !important; } } @media (min-width: 64em) { .uk-hidden\@l { display: none !important; } } @media (min-width: 1600px) { .uk-hidden\@xl { display: none !important; } } @media (max-width: 29em) { .uk-visible\@s { display: none !important; } } @media (max-width: 47em) { .uk-visible\@m { display: none !important; } } @media (max-width: 63em) { .uk-visible\@l { display: none !important; } } @media (max-width: 1599px) { .uk-visible\@xl { display: none !important; } } .uk-invisible { visibility: hidden !important; } .uk-visible-toggle:not(:hover):not(:focus) .uk-hidden-hover:not(:focus-within) { position: absolute !important; width: 0 !important; height: 0 !important; padding: 0 !important; margin: 0 !important; overflow: hidden !important; } .uk-visible-toggle:not(:hover):not(:focus) .uk-invisible-hover:not(:focus-within) { opacity: 0 !important; } .uk-visible-toggle { -webkit-tap-highlight-color: transparent; } .uk-visible-toggle:focus { outline: none; } @media (pointer: coarse) { .uk-hidden-touch { display: none !important; } } .uk-hidden-notouch { display: none !important; } @media (pointer: coarse) { .uk-hidden-notouch { display: block !important; } } .uk-light,.uk-section-primary:not(.uk-preserve-color),.uk-section-secondary:not(.uk-preserve-color),.uk-tile-primary:not(.uk-preserve-color),.uk-tile-secondary:not(.uk-preserve-color),.uk-card-primary.uk-card-body,.uk-card-primary > :not([class*=uk-card-media]),.uk-card-secondary.uk-card-body,.uk-card-secondary > :not([class*=uk-card-media]),.uk-overlay-primary,.uk-offcanvas-bar { color: rgba(255,255,255,.7); } .uk-light a,.uk-light .uk-link,.uk-section-primary:not(.uk-preserve-color) a,.uk-section-primary:not(.uk-preserve-color) .uk-link,.uk-section-secondary:not(.uk-preserve-color) a,.uk-section-secondary:not(.uk-preserve-color) .uk-link,.uk-tile-primary:not(.uk-preserve-color) a,.uk-tile-primary:not(.uk-preserve-color) .uk-link,.uk-tile-secondary:not(.uk-preserve-color) a,.uk-tile-secondary:not(.uk-preserve-color) .uk-link,.uk-card-primary.uk-card-body a,.uk-card-primary.uk-card-body .uk-link,.uk-card-primary > :not([class*=uk-card-media]) a,.uk-card-primary > :not([class*=uk-card-media]) .uk-link,.uk-card-secondary.uk-card-body a,.uk-card-secondary.uk-card-body .uk-link,.uk-card-secondary > :not([class*=uk-card-media]) a,.uk-card-secondary > :not([class*=uk-card-media]) .uk-link,.uk-overlay-primary a,.uk-overlay-primary .uk-link,.uk-offcanvas-bar a,.uk-offcanvas-bar .uk-link { color: #fff; } .uk-light a:hover,.uk-light .uk-link:hover,.uk-section-primary:not(.uk-preserve-color) a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-link:hover,.uk-section-secondary:not(.uk-preserve-color) a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-link:hover,.uk-tile-primary:not(.uk-preserve-color) a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-link:hover,.uk-tile-secondary:not(.uk-preserve-color) a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-link:hover,.uk-card-primary.uk-card-body a:hover,.uk-card-primary.uk-card-body .uk-link:hover,.uk-card-primary > :not([class*=uk-card-media]) a:hover,.uk-card-primary > :not([class*=uk-card-media]) .uk-link:hover,.uk-card-secondary.uk-card-body a:hover,.uk-card-secondary.uk-card-body .uk-link:hover,.uk-card-secondary > :not([class*=uk-card-media]) a:hover,.uk-card-secondary > :not([class*=uk-card-media]) .uk-link:hover,.uk-overlay-primary a:hover,.uk-overlay-primary .uk-link:hover,.uk-offcanvas-bar a:hover,.uk-offcanvas-bar .uk-link:hover { color: #fff; } .uk-light :not(pre) > code,.uk-light :not(pre) > kbd,.uk-light :not(pre) > samp,.uk-section-primary:not(.uk-preserve-color) :not(pre) > code,.uk-section-primary:not(.uk-preserve-color) :not(pre) > kbd,.uk-section-primary:not(.uk-preserve-color) :not(pre) > samp,.uk-section-secondary:not(.uk-preserve-color) :not(pre) > code,.uk-section-secondary:not(.uk-preserve-color) :not(pre) > kbd,.uk-section-secondary:not(.uk-preserve-color) :not(pre) > samp,.uk-tile-primary:not(.uk-preserve-color) :not(pre) > code,.uk-tile-primary:not(.uk-preserve-color) :not(pre) > kbd,.uk-tile-primary:not(.uk-preserve-color) :not(pre) > samp,.uk-tile-secondary:not(.uk-preserve-color) :not(pre) > code,.uk-tile-secondary:not(.uk-preserve-color) :not(pre) > kbd,.uk-tile-secondary:not(.uk-preserve-color) :not(pre) > samp,.uk-card-primary.uk-card-body :not(pre) > code,.uk-card-primary.uk-card-body :not(pre) > kbd,.uk-card-primary.uk-card-body :not(pre) > samp,.uk-card-primary > :not([class*=uk-card-media]) :not(pre) > code,.uk-card-primary > :not([class*=uk-card-media]) :not(pre) > kbd,.uk-card-primary > :not([class*=uk-card-media]) :not(pre) > samp,.uk-card-secondary.uk-card-body :not(pre) > code,.uk-card-secondary.uk-card-body :not(pre) > kbd,.uk-card-secondary.uk-card-body :not(pre) > samp,.uk-card-secondary > :not([class*=uk-card-media]) :not(pre) > code,.uk-card-secondary > :not([class*=uk-card-media]) :not(pre) > kbd,.uk-card-secondary > :not([class*=uk-card-media]) :not(pre) > samp,.uk-overlay-primary :not(pre) > code,.uk-overlay-primary :not(pre) > kbd,.uk-overlay-primary :not(pre) > samp,.uk-offcanvas-bar :not(pre) > code,.uk-offcanvas-bar :not(pre) > kbd,.uk-offcanvas-bar :not(pre) > samp { color: rgba(255,255,255,.7); background: rgba(255,255,255,.1); } .uk-light em,.uk-section-primary:not(.uk-preserve-color) em,.uk-section-secondary:not(.uk-preserve-color) em,.uk-tile-primary:not(.uk-preserve-color) em,.uk-tile-secondary:not(.uk-preserve-color) em,.uk-card-primary.uk-card-body em,.uk-card-primary > :not([class*=uk-card-media]) em,.uk-card-secondary.uk-card-body em,.uk-card-secondary > :not([class*=uk-card-media]) em,.uk-overlay-primary em,.uk-offcanvas-bar em { color: #fff; } .uk-light h1,.uk-light .uk-h1,.uk-light h2,.uk-light .uk-h2,.uk-light h3,.uk-light .uk-h3,.uk-light h4,.uk-light .uk-h4,.uk-light h5,.uk-light .uk-h5,.uk-light h6,.uk-light .uk-h6,.uk-light .uk-heading-small,.uk-light .uk-heading-medium,.uk-light .uk-heading-large,.uk-light .uk-heading-xlarge,.uk-light .uk-heading-2xlarge,.uk-section-primary:not(.uk-preserve-color) h1,.uk-section-primary:not(.uk-preserve-color) .uk-h1,.uk-section-primary:not(.uk-preserve-color) h2,.uk-section-primary:not(.uk-preserve-color) .uk-h2,.uk-section-primary:not(.uk-preserve-color) h3,.uk-section-primary:not(.uk-preserve-color) .uk-h3,.uk-section-primary:not(.uk-preserve-color) h4,.uk-section-primary:not(.uk-preserve-color) .uk-h4,.uk-section-primary:not(.uk-preserve-color) h5,.uk-section-primary:not(.uk-preserve-color) .uk-h5,.uk-section-primary:not(.uk-preserve-color) h6,.uk-section-primary:not(.uk-preserve-color) .uk-h6,.uk-section-primary:not(.uk-preserve-color) .uk-heading-small,.uk-section-primary:not(.uk-preserve-color) .uk-heading-medium,.uk-section-primary:not(.uk-preserve-color) .uk-heading-large,.uk-section-primary:not(.uk-preserve-color) .uk-heading-xlarge,.uk-section-primary:not(.uk-preserve-color) .uk-heading-2xlarge,.uk-section-secondary:not(.uk-preserve-color) h1,.uk-section-secondary:not(.uk-preserve-color) .uk-h1,.uk-section-secondary:not(.uk-preserve-color) h2,.uk-section-secondary:not(.uk-preserve-color) .uk-h2,.uk-section-secondary:not(.uk-preserve-color) h3,.uk-section-secondary:not(.uk-preserve-color) .uk-h3,.uk-section-secondary:not(.uk-preserve-color) h4,.uk-section-secondary:not(.uk-preserve-color) .uk-h4,.uk-section-secondary:not(.uk-preserve-color) h5,.uk-section-secondary:not(.uk-preserve-color) .uk-h5,.uk-section-secondary:not(.uk-preserve-color) h6,.uk-section-secondary:not(.uk-preserve-color) .uk-h6,.uk-section-secondary:not(.uk-preserve-color) .uk-heading-small,.uk-section-secondary:not(.uk-preserve-color) .uk-heading-medium,.uk-section-secondary:not(.uk-preserve-color) .uk-heading-large,.uk-section-secondary:not(.uk-preserve-color) .uk-heading-xlarge,.uk-section-secondary:not(.uk-preserve-color) .uk-heading-2xlarge,.uk-tile-primary:not(.uk-preserve-color) h1,.uk-tile-primary:not(.uk-preserve-color) .uk-h1,.uk-tile-primary:not(.uk-preserve-color) h2,.uk-tile-primary:not(.uk-preserve-color) .uk-h2,.uk-tile-primary:not(.uk-preserve-color) h3,.uk-tile-primary:not(.uk-preserve-color) .uk-h3,.uk-tile-primary:not(.uk-preserve-color) h4,.uk-tile-primary:not(.uk-preserve-color) .uk-h4,.uk-tile-primary:not(.uk-preserve-color) h5,.uk-tile-primary:not(.uk-preserve-color) .uk-h5,.uk-tile-primary:not(.uk-preserve-color) h6,.uk-tile-primary:not(.uk-preserve-color) .uk-h6,.uk-tile-primary:not(.uk-preserve-color) .uk-heading-small,.uk-tile-primary:not(.uk-preserve-color) .uk-heading-medium,.uk-tile-primary:not(.uk-preserve-color) .uk-heading-large,.uk-tile-primary:not(.uk-preserve-color) .uk-heading-xlarge,.uk-tile-primary:not(.uk-preserve-color) .uk-heading-2xlarge,.uk-tile-secondary:not(.uk-preserve-color) h1,.uk-tile-secondary:not(.uk-preserve-color) .uk-h1,.uk-tile-secondary:not(.uk-preserve-color) h2,.uk-tile-secondary:not(.uk-preserve-color) .uk-h2,.uk-tile-secondary:not(.uk-preserve-color) h3,.uk-tile-secondary:not(.uk-preserve-color) .uk-h3,.uk-tile-secondary:not(.uk-preserve-color) h4,.uk-tile-secondary:not(.uk-preserve-color) .uk-h4,.uk-tile-secondary:not(.uk-preserve-color) h5,.uk-tile-secondary:not(.uk-preserve-color) .uk-h5,.uk-tile-secondary:not(.uk-preserve-color) h6,.uk-tile-secondary:not(.uk-preserve-color) .uk-h6,.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-small,.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-medium,.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-large,.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-xlarge,.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-2xlarge,.uk-card-primary.uk-card-body h1,.uk-card-primary.uk-card-body .uk-h1,.uk-card-primary.uk-card-body h2,.uk-card-primary.uk-card-body .uk-h2,.uk-card-primary.uk-card-body h3,.uk-card-primary.uk-card-body .uk-h3,.uk-card-primary.uk-card-body h4,.uk-card-primary.uk-card-body .uk-h4,.uk-card-primary.uk-card-body h5,.uk-card-primary.uk-card-body .uk-h5,.uk-card-primary.uk-card-body h6,.uk-card-primary.uk-card-body .uk-h6,.uk-card-primary.uk-card-body .uk-heading-small,.uk-card-primary.uk-card-body .uk-heading-medium,.uk-card-primary.uk-card-body .uk-heading-large,.uk-card-primary.uk-card-body .uk-heading-xlarge,.uk-card-primary.uk-card-body .uk-heading-2xlarge,.uk-card-primary > :not([class*=uk-card-media]) h1,.uk-card-primary > :not([class*=uk-card-media]) .uk-h1,.uk-card-primary > :not([class*=uk-card-media]) h2,.uk-card-primary > :not([class*=uk-card-media]) .uk-h2,.uk-card-primary > :not([class*=uk-card-media]) h3,.uk-card-primary > :not([class*=uk-card-media]) .uk-h3,.uk-card-primary > :not([class*=uk-card-media]) h4,.uk-card-primary > :not([class*=uk-card-media]) .uk-h4,.uk-card-primary > :not([class*=uk-card-media]) h5,.uk-card-primary > :not([class*=uk-card-media]) .uk-h5,.uk-card-primary > :not([class*=uk-card-media]) h6,.uk-card-primary > :not([class*=uk-card-media]) .uk-h6,.uk-card-primary > :not([class*=uk-card-media]) .uk-heading-small,.uk-card-primary > :not([class*=uk-card-media]) .uk-heading-medium,.uk-card-primary > :not([class*=uk-card-media]) .uk-heading-large,.uk-card-primary > :not([class*=uk-card-media]) .uk-heading-xlarge,.uk-card-primary > :not([class*=uk-card-media]) .uk-heading-2xlarge,.uk-card-secondary.uk-card-body h1,.uk-card-secondary.uk-card-body .uk-h1,.uk-card-secondary.uk-card-body h2,.uk-card-secondary.uk-card-body .uk-h2,.uk-card-secondary.uk-card-body h3,.uk-card-secondary.uk-card-body .uk-h3,.uk-card-secondary.uk-card-body h4,.uk-card-secondary.uk-card-body .uk-h4,.uk-card-secondary.uk-card-body h5,.uk-card-secondary.uk-card-body .uk-h5,.uk-card-secondary.uk-card-body h6,.uk-card-secondary.uk-card-body .uk-h6,.uk-card-secondary.uk-card-body .uk-heading-small,.uk-card-secondary.uk-card-body .uk-heading-medium,.uk-card-secondary.uk-card-body .uk-heading-large,.uk-card-secondary.uk-card-body .uk-heading-xlarge,.uk-card-secondary.uk-card-body .uk-heading-2xlarge,.uk-card-secondary > :not([class*=uk-card-media]) h1,.uk-card-secondary > :not([class*=uk-card-media]) .uk-h1,.uk-card-secondary > :not([class*=uk-card-media]) h2,.uk-card-secondary > :not([class*=uk-card-media]) .uk-h2,.uk-card-secondary > :not([class*=uk-card-media]) h3,.uk-card-secondary > :not([class*=uk-card-media]) .uk-h3,.uk-card-secondary > :not([class*=uk-card-media]) h4,.uk-card-secondary > :not([class*=uk-card-media]) .uk-h4,.uk-card-secondary > :not([class*=uk-card-media]) h5,.uk-card-secondary > :not([class*=uk-card-media]) .uk-h5,.uk-card-secondary > :not([class*=uk-card-media]) h6,.uk-card-secondary > :not([class*=uk-card-media]) .uk-h6,.uk-card-secondary > :not([class*=uk-card-media]) .uk-heading-small,.uk-card-secondary > :not([class*=uk-card-media]) .uk-heading-medium,.uk-card-secondary > :not([class*=uk-card-media]) .uk-heading-large,.uk-card-secondary > :not([class*=uk-card-media]) .uk-heading-xlarge,.uk-card-secondary > :not([class*=uk-card-media]) .uk-heading-2xlarge,.uk-overlay-primary h1,.uk-overlay-primary .uk-h1,.uk-overlay-primary h2,.uk-overlay-primary .uk-h2,.uk-overlay-primary h3,.uk-overlay-primary .uk-h3,.uk-overlay-primary h4,.uk-overlay-primary .uk-h4,.uk-overlay-primary h5,.uk-overlay-primary .uk-h5,.uk-overlay-primary h6,.uk-overlay-primary .uk-h6,.uk-overlay-primary .uk-heading-small,.uk-overlay-primary .uk-heading-medium,.uk-overlay-primary .uk-heading-large,.uk-overlay-primary .uk-heading-xlarge,.uk-overlay-primary .uk-heading-2xlarge,.uk-offcanvas-bar h1,.uk-offcanvas-bar .uk-h1,.uk-offcanvas-bar h2,.uk-offcanvas-bar .uk-h2,.uk-offcanvas-bar h3,.uk-offcanvas-bar .uk-h3,.uk-offcanvas-bar h4,.uk-offcanvas-bar .uk-h4,.uk-offcanvas-bar h5,.uk-offcanvas-bar .uk-h5,.uk-offcanvas-bar h6,.uk-offcanvas-bar .uk-h6,.uk-offcanvas-bar .uk-heading-small,.uk-offcanvas-bar .uk-heading-medium,.uk-offcanvas-bar .uk-heading-large,.uk-offcanvas-bar .uk-heading-xlarge,.uk-offcanvas-bar .uk-heading-2xlarge { color: #fff; } .uk-light blockquote,.uk-section-primary:not(.uk-preserve-color) blockquote,.uk-section-secondary:not(.uk-preserve-color) blockquote,.uk-tile-primary:not(.uk-preserve-color) blockquote,.uk-tile-secondary:not(.uk-preserve-color) blockquote,.uk-card-primary.uk-card-body blockquote,.uk-card-primary > :not([class*=uk-card-media]) blockquote,.uk-card-secondary.uk-card-body blockquote,.uk-card-secondary > :not([class*=uk-card-media]) blockquote,.uk-overlay-primary blockquote,.uk-offcanvas-bar blockquote { color: #fff; } .uk-light blockquote footer,.uk-section-primary:not(.uk-preserve-color) blockquote footer,.uk-section-secondary:not(.uk-preserve-color) blockquote footer,.uk-tile-primary:not(.uk-preserve-color) blockquote footer,.uk-tile-secondary:not(.uk-preserve-color) blockquote footer,.uk-card-primary.uk-card-body blockquote footer,.uk-card-primary > :not([class*=uk-card-media]) blockquote footer,.uk-card-secondary.uk-card-body blockquote footer,.uk-card-secondary > :not([class*=uk-card-media]) blockquote footer,.uk-overlay-primary blockquote footer,.uk-offcanvas-bar blockquote footer { color: rgba(255,255,255,.7); } .uk-light hr,.uk-light .uk-hr,.uk-section-primary:not(.uk-preserve-color) hr,.uk-section-primary:not(.uk-preserve-color) .uk-hr,.uk-section-secondary:not(.uk-preserve-color) hr,.uk-section-secondary:not(.uk-preserve-color) .uk-hr,.uk-tile-primary:not(.uk-preserve-color) hr,.uk-tile-primary:not(.uk-preserve-color) .uk-hr,.uk-tile-secondary:not(.uk-preserve-color) hr,.uk-tile-secondary:not(.uk-preserve-color) .uk-hr,.uk-card-primary.uk-card-body hr,.uk-card-primary.uk-card-body .uk-hr,.uk-card-primary > :not([class*=uk-card-media]) hr,.uk-card-primary > :not([class*=uk-card-media]) .uk-hr,.uk-card-secondary.uk-card-body hr,.uk-card-secondary.uk-card-body .uk-hr,.uk-card-secondary > :not([class*=uk-card-media]) hr,.uk-card-secondary > :not([class*=uk-card-media]) .uk-hr,.uk-overlay-primary hr,.uk-overlay-primary .uk-hr,.uk-offcanvas-bar hr,.uk-offcanvas-bar .uk-hr { border-top-color: rgba(255,255,255,.2); } .uk-light .uk-link-muted,.uk-light .uk-link-muted a,.uk-section-primary:not(.uk-preserve-color) .uk-link-muted,.uk-section-primary:not(.uk-preserve-color) .uk-link-muted a,.uk-section-secondary:not(.uk-preserve-color) .uk-link-muted,.uk-section-secondary:not(.uk-preserve-color) .uk-link-muted a,.uk-tile-primary:not(.uk-preserve-color) .uk-link-muted,.uk-tile-primary:not(.uk-preserve-color) .uk-link-muted a,.uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted,.uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted a,.uk-card-primary.uk-card-body .uk-link-muted,.uk-card-primary.uk-card-body .uk-link-muted a,.uk-card-primary > :not([class*=uk-card-media]) .uk-link-muted,.uk-card-primary > :not([class*=uk-card-media]) .uk-link-muted a,.uk-card-secondary.uk-card-body .uk-link-muted,.uk-card-secondary.uk-card-body .uk-link-muted a,.uk-card-secondary > :not([class*=uk-card-media]) .uk-link-muted,.uk-card-secondary > :not([class*=uk-card-media]) .uk-link-muted a,.uk-overlay-primary .uk-link-muted,.uk-overlay-primary .uk-link-muted a,.uk-offcanvas-bar .uk-link-muted,.uk-offcanvas-bar .uk-link-muted a { color: rgba(255,255,255,.5); } .uk-light .uk-link-muted:hover,.uk-light .uk-link-muted a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-link-muted:hover,.uk-section-primary:not(.uk-preserve-color) .uk-link-muted a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-link-muted:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-link-muted a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-link-muted:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-link-muted a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted a:hover,.uk-card-primary.uk-card-body .uk-link-muted:hover,.uk-card-primary.uk-card-body .uk-link-muted a:hover,.uk-card-primary > :not([class*=uk-card-media]) .uk-link-muted:hover,.uk-card-primary > :not([class*=uk-card-media]) .uk-link-muted a:hover,.uk-card-secondary.uk-card-body .uk-link-muted:hover,.uk-card-secondary.uk-card-body .uk-link-muted a:hover,.uk-card-secondary > :not([class*=uk-card-media]) .uk-link-muted:hover,.uk-card-secondary > :not([class*=uk-card-media]) .uk-link-muted a:hover,.uk-overlay-primary .uk-link-muted:hover,.uk-overlay-primary .uk-link-muted a:hover,.uk-offcanvas-bar .uk-link-muted:hover,.uk-offcanvas-bar .uk-link-muted a:hover { color: rgba(255,255,255,.7); } .uk-light .uk-link-text:hover,.uk-light .uk-link-text a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-link-text:hover,.uk-section-primary:not(.uk-preserve-color) .uk-link-text a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-link-text:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-link-text a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-link-text:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-link-text a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-link-text:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-link-text a:hover,.uk-card-primary.uk-card-body .uk-link-text:hover,.uk-card-primary.uk-card-body .uk-link-text a:hover,.uk-card-primary > :not([class*=uk-card-media]) .uk-link-text:hover,.uk-card-primary > :not([class*=uk-card-media]) .uk-link-text a:hover,.uk-card-secondary.uk-card-body .uk-link-text:hover,.uk-card-secondary.uk-card-body .uk-link-text a:hover,.uk-card-secondary > :not([class*=uk-card-media]) .uk-link-text:hover,.uk-card-secondary > :not([class*=uk-card-media]) .uk-link-text a:hover,.uk-overlay-primary .uk-link-text:hover,.uk-overlay-primary .uk-link-text a:hover,.uk-offcanvas-bar .uk-link-text:hover,.uk-offcanvas-bar .uk-link-text a:hover { color: rgba(255,255,255,.5); } .uk-light .uk-link-heading:hover,.uk-light .uk-link-heading a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-link-heading:hover,.uk-section-primary:not(.uk-preserve-color) .uk-link-heading a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-link-heading:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-link-heading a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-link-heading:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-link-heading a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-link-heading:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-link-heading a:hover,.uk-card-primary.uk-card-body .uk-link-heading:hover,.uk-card-primary.uk-card-body .uk-link-heading a:hover,.uk-card-primary > :not([class*=uk-card-media]) .uk-link-heading:hover,.uk-card-primary > :not([class*=uk-card-media]) .uk-link-heading a:hover,.uk-card-secondary.uk-card-body .uk-link-heading:hover,.uk-card-secondary.uk-card-body .uk-link-heading a:hover,.uk-card-secondary > :not([class*=uk-card-media]) .uk-link-heading:hover,.uk-card-secondary > :not([class*=uk-card-media]) .uk-link-heading a:hover,.uk-overlay-primary .uk-link-heading:hover,.uk-overlay-primary .uk-link-heading a:hover,.uk-offcanvas-bar .uk-link-heading:hover,.uk-offcanvas-bar .uk-link-heading a:hover { color: #fff; } .uk-light .uk-heading-divider,.uk-section-primary:not(.uk-preserve-color) .uk-heading-divider,.uk-section-secondary:not(.uk-preserve-color) .uk-heading-divider,.uk-tile-primary:not(.uk-preserve-color) .uk-heading-divider,.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-divider,.uk-card-primary.uk-card-body .uk-heading-divider,.uk-card-primary > :not([class*=uk-card-media]) .uk-heading-divider,.uk-card-secondary.uk-card-body .uk-heading-divider,.uk-card-secondary > :not([class*=uk-card-media]) .uk-heading-divider,.uk-overlay-primary .uk-heading-divider,.uk-offcanvas-bar .uk-heading-divider { border-bottom-color: rgba(255,255,255,.2); } .uk-light .uk-heading-bullet::before,.uk-section-primary:not(.uk-preserve-color) .uk-heading-bullet::before,.uk-section-secondary:not(.uk-preserve-color) .uk-heading-bullet::before,.uk-tile-primary:not(.uk-preserve-color) .uk-heading-bullet::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-bullet::before,.uk-card-primary.uk-card-body .uk-heading-bullet::before,.uk-card-primary > :not([class*=uk-card-media]) .uk-heading-bullet::before,.uk-card-secondary.uk-card-body .uk-heading-bullet::before,.uk-card-secondary > :not([class*=uk-card-media]) .uk-heading-bullet::before,.uk-overlay-primary .uk-heading-bullet::before,.uk-offcanvas-bar .uk-heading-bullet::before { border-left-color: rgba(255,255,255,.2); } .uk-light .uk-heading-line > ::before,.uk-light .uk-heading-line > ::after,.uk-section-primary:not(.uk-preserve-color) .uk-heading-line > ::before,.uk-section-primary:not(.uk-preserve-color) .uk-heading-line > ::after,.uk-section-secondary:not(.uk-preserve-color) .uk-heading-line > ::before,.uk-section-secondary:not(.uk-preserve-color) .uk-heading-line > ::after,.uk-tile-primary:not(.uk-preserve-color) .uk-heading-line > ::before,.uk-tile-primary:not(.uk-preserve-color) .uk-heading-line > ::after,.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-line > ::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-line > ::after,.uk-card-primary.uk-card-body .uk-heading-line > ::before,.uk-card-primary.uk-card-body .uk-heading-line > ::after,.uk-card-primary > :not([class*=uk-card-media]) .uk-heading-line > ::before,.uk-card-primary > :not([class*=uk-card-media]) .uk-heading-line > ::after,.uk-card-secondary.uk-card-body .uk-heading-line > ::before,.uk-card-secondary.uk-card-body .uk-heading-line > ::after,.uk-card-secondary > :not([class*=uk-card-media]) .uk-heading-line > ::before,.uk-card-secondary > :not([class*=uk-card-media]) .uk-heading-line > ::after,.uk-overlay-primary .uk-heading-line > ::before,.uk-overlay-primary .uk-heading-line > ::after,.uk-offcanvas-bar .uk-heading-line > ::before,.uk-offcanvas-bar .uk-heading-line > ::after { border-bottom-color: rgba(255,255,255,.2); } .uk-light .uk-divider-icon,.uk-section-primary:not(.uk-preserve-color) .uk-divider-icon,.uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon,.uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon,.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon,.uk-card-primary.uk-card-body .uk-divider-icon,.uk-card-primary > :not([class*=uk-card-media]) .uk-divider-icon,.uk-card-secondary.uk-card-body .uk-divider-icon,.uk-card-secondary > :not([class*=uk-card-media]) .uk-divider-icon,.uk-overlay-primary .uk-divider-icon,.uk-offcanvas-bar .uk-divider-icon { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22none%22%20stroke%3D%22rgba%28255,%20255,%20255,%200.2%29%22%20stroke-width%3D%222%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%227%22%20%2F%3E%0A%3C%2Fsvg%3E%0A") ; } .uk-light .uk-divider-icon::before,.uk-light .uk-divider-icon::after,.uk-section-primary:not(.uk-preserve-color) .uk-divider-icon::before,.uk-section-primary:not(.uk-preserve-color) .uk-divider-icon::after,.uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon::before,.uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon::after,.uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon::before,.uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon::after,.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon::after,.uk-card-primary.uk-card-body .uk-divider-icon::before,.uk-card-primary.uk-card-body .uk-divider-icon::after,.uk-card-primary > :not([class*=uk-card-media]) .uk-divider-icon::before,.uk-card-primary > :not([class*=uk-card-media]) .uk-divider-icon::after,.uk-card-secondary.uk-card-body .uk-divider-icon::before,.uk-card-secondary.uk-card-body .uk-divider-icon::after,.uk-card-secondary > :not([class*=uk-card-media]) .uk-divider-icon::before,.uk-card-secondary > :not([class*=uk-card-media]) .uk-divider-icon::after,.uk-overlay-primary .uk-divider-icon::before,.uk-overlay-primary .uk-divider-icon::after,.uk-offcanvas-bar .uk-divider-icon::before,.uk-offcanvas-bar .uk-divider-icon::after { border-bottom-color: rgba(255,255,255,.2); } .uk-light .uk-divider-small::after,.uk-section-primary:not(.uk-preserve-color) .uk-divider-small::after,.uk-section-secondary:not(.uk-preserve-color) .uk-divider-small::after,.uk-tile-primary:not(.uk-preserve-color) .uk-divider-small::after,.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-small::after,.uk-card-primary.uk-card-body .uk-divider-small::after,.uk-card-primary > :not([class*=uk-card-media]) .uk-divider-small::after,.uk-card-secondary.uk-card-body .uk-divider-small::after,.uk-card-secondary > :not([class*=uk-card-media]) .uk-divider-small::after,.uk-overlay-primary .uk-divider-small::after,.uk-offcanvas-bar .uk-divider-small::after { border-top-color: rgba(255,255,255,.2); } .uk-light .uk-divider-vertical,.uk-section-primary:not(.uk-preserve-color) .uk-divider-vertical,.uk-section-secondary:not(.uk-preserve-color) .uk-divider-vertical,.uk-tile-primary:not(.uk-preserve-color) .uk-divider-vertical,.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-vertical,.uk-card-primary.uk-card-body .uk-divider-vertical,.uk-card-primary > :not([class*=uk-card-media]) .uk-divider-vertical,.uk-card-secondary.uk-card-body .uk-divider-vertical,.uk-card-secondary > :not([class*=uk-card-media]) .uk-divider-vertical,.uk-overlay-primary .uk-divider-vertical,.uk-offcanvas-bar .uk-divider-vertical { border-left-color: rgba(255,255,255,.2); } .uk-light .uk-list-muted > ::before,.uk-section-primary:not(.uk-preserve-color) .uk-list-muted > ::before,.uk-section-secondary:not(.uk-preserve-color) .uk-list-muted > ::before,.uk-tile-primary:not(.uk-preserve-color) .uk-list-muted > ::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-list-muted > ::before,.uk-card-primary.uk-card-body .uk-list-muted > ::before,.uk-card-primary > :not([class*=uk-card-media]) .uk-list-muted > ::before,.uk-card-secondary.uk-card-body .uk-list-muted > ::before,.uk-card-secondary > :not([class*=uk-card-media]) .uk-list-muted > ::before,.uk-overlay-primary .uk-list-muted > ::before,.uk-offcanvas-bar .uk-list-muted > ::before { color: rgba(255,255,255,.5) !important; } .uk-light .uk-list-emphasis > ::before,.uk-section-primary:not(.uk-preserve-color) .uk-list-emphasis > ::before,.uk-section-secondary:not(.uk-preserve-color) .uk-list-emphasis > ::before,.uk-tile-primary:not(.uk-preserve-color) .uk-list-emphasis > ::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-list-emphasis > ::before,.uk-card-primary.uk-card-body .uk-list-emphasis > ::before,.uk-card-primary > :not([class*=uk-card-media]) .uk-list-emphasis > ::before,.uk-card-secondary.uk-card-body .uk-list-emphasis > ::before,.uk-card-secondary > :not([class*=uk-card-media]) .uk-list-emphasis > ::before,.uk-overlay-primary .uk-list-emphasis > ::before,.uk-offcanvas-bar .uk-list-emphasis > ::before { color: #fff !important; } .uk-light .uk-list-primary > ::before,.uk-section-primary:not(.uk-preserve-color) .uk-list-primary > ::before,.uk-section-secondary:not(.uk-preserve-color) .uk-list-primary > ::before,.uk-tile-primary:not(.uk-preserve-color) .uk-list-primary > ::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-list-primary > ::before,.uk-card-primary.uk-card-body .uk-list-primary > ::before,.uk-card-primary > :not([class*=uk-card-media]) .uk-list-primary > ::before,.uk-card-secondary.uk-card-body .uk-list-primary > ::before,.uk-card-secondary > :not([class*=uk-card-media]) .uk-list-primary > ::before,.uk-overlay-primary .uk-list-primary > ::before,.uk-offcanvas-bar .uk-list-primary > ::before { color: #fff !important; } .uk-light .uk-list-secondary > ::before,.uk-section-primary:not(.uk-preserve-color) .uk-list-secondary > ::before,.uk-section-secondary:not(.uk-preserve-color) .uk-list-secondary > ::before,.uk-tile-primary:not(.uk-preserve-color) .uk-list-secondary > ::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-list-secondary > ::before,.uk-card-primary.uk-card-body .uk-list-secondary > ::before,.uk-card-primary > :not([class*=uk-card-media]) .uk-list-secondary > ::before,.uk-card-secondary.uk-card-body .uk-list-secondary > ::before,.uk-card-secondary > :not([class*=uk-card-media]) .uk-list-secondary > ::before,.uk-overlay-primary .uk-list-secondary > ::before,.uk-offcanvas-bar .uk-list-secondary > ::before { color: #fff !important; } .uk-light .uk-list-bullet > ::before,.uk-section-primary:not(.uk-preserve-color) .uk-list-bullet > ::before,.uk-section-secondary:not(.uk-preserve-color) .uk-list-bullet > ::before,.uk-tile-primary:not(.uk-preserve-color) .uk-list-bullet > ::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-list-bullet > ::before,.uk-card-primary.uk-card-body .uk-list-bullet > ::before,.uk-card-primary > :not([class*=uk-card-media]) .uk-list-bullet > ::before,.uk-card-secondary.uk-card-body .uk-list-bullet > ::before,.uk-card-secondary > :not([class*=uk-card-media]) .uk-list-bullet > ::before,.uk-overlay-primary .uk-list-bullet > ::before,.uk-offcanvas-bar .uk-list-bullet > ::before { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%226%22%20height%3D%226%22%20viewBox%3D%220%200%206%206%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20cx%3D%223%22%20cy%3D%223%22%20r%3D%223%22%20%2F%3E%0A%3C%2Fsvg%3E") ; } .uk-light .uk-list-divider > :nth-child(n+2),.uk-section-primary:not(.uk-preserve-color) .uk-list-divider > :nth-child(n+2),.uk-section-secondary:not(.uk-preserve-color) .uk-list-divider > :nth-child(n+2),.uk-tile-primary:not(.uk-preserve-color) .uk-list-divider > :nth-child(n+2),.uk-tile-secondary:not(.uk-preserve-color) .uk-list-divider > :nth-child(n+2),.uk-card-primary.uk-card-body .uk-list-divider > :nth-child(n+2),.uk-card-primary > :not([class*=uk-card-media]) .uk-list-divider > :nth-child(n+2),.uk-card-secondary.uk-card-body .uk-list-divider > :nth-child(n+2),.uk-card-secondary > :not([class*=uk-card-media]) .uk-list-divider > :nth-child(n+2),.uk-overlay-primary .uk-list-divider > :nth-child(n+2),.uk-offcanvas-bar .uk-list-divider > :nth-child(n+2) { border-top-color: rgba(255,255,255,.2); } .uk-light .uk-list-striped > *:nth-of-type(odd),.uk-section-primary:not(.uk-preserve-color) .uk-list-striped > *:nth-of-type(odd),.uk-section-secondary:not(.uk-preserve-color) .uk-list-striped > *:nth-of-type(odd),.uk-tile-primary:not(.uk-preserve-color) .uk-list-striped > *:nth-of-type(odd),.uk-tile-secondary:not(.uk-preserve-color) .uk-list-striped > *:nth-of-type(odd),.uk-card-primary.uk-card-body .uk-list-striped > *:nth-of-type(odd),.uk-card-primary > :not([class*=uk-card-media]) .uk-list-striped > *:nth-of-type(odd),.uk-card-secondary.uk-card-body .uk-list-striped > *:nth-of-type(odd),.uk-card-secondary > :not([class*=uk-card-media]) .uk-list-striped > *:nth-of-type(odd),.uk-overlay-primary .uk-list-striped > *:nth-of-type(odd),.uk-offcanvas-bar .uk-list-striped > *:nth-of-type(odd) { border-top-color: rgba(255,255,255,.2); border-bottom-color: rgba(255,255,255,.2); } .uk-light .uk-list-striped > :nth-of-type(odd),.uk-section-primary:not(.uk-preserve-color) .uk-list-striped > :nth-of-type(odd),.uk-section-secondary:not(.uk-preserve-color) .uk-list-striped > :nth-of-type(odd),.uk-tile-primary:not(.uk-preserve-color) .uk-list-striped > :nth-of-type(odd),.uk-tile-secondary:not(.uk-preserve-color) .uk-list-striped > :nth-of-type(odd),.uk-card-primary.uk-card-body .uk-list-striped > :nth-of-type(odd),.uk-card-primary > :not([class*=uk-card-media]) .uk-list-striped > :nth-of-type(odd),.uk-card-secondary.uk-card-body .uk-list-striped > :nth-of-type(odd),.uk-card-secondary > :not([class*=uk-card-media]) .uk-list-striped > :nth-of-type(odd),.uk-overlay-primary .uk-list-striped > :nth-of-type(odd),.uk-offcanvas-bar .uk-list-striped > :nth-of-type(odd) { background-color: rgba(255,255,255,.1); } .uk-light .uk-table th,.uk-section-primary:not(.uk-preserve-color) .uk-table th,.uk-section-secondary:not(.uk-preserve-color) .uk-table th,.uk-tile-primary:not(.uk-preserve-color) .uk-table th,.uk-tile-secondary:not(.uk-preserve-color) .uk-table th,.uk-card-primary.uk-card-body .uk-table th,.uk-card-primary > :not([class*=uk-card-media]) .uk-table th,.uk-card-secondary.uk-card-body .uk-table th,.uk-card-secondary > :not([class*=uk-card-media]) .uk-table th,.uk-overlay-primary .uk-table th,.uk-offcanvas-bar .uk-table th { color: rgba(255,255,255,.7); } .uk-light .uk-table caption,.uk-section-primary:not(.uk-preserve-color) .uk-table caption,.uk-section-secondary:not(.uk-preserve-color) .uk-table caption,.uk-tile-primary:not(.uk-preserve-color) .uk-table caption,.uk-tile-secondary:not(.uk-preserve-color) .uk-table caption,.uk-card-primary.uk-card-body .uk-table caption,.uk-card-primary > :not([class*=uk-card-media]) .uk-table caption,.uk-card-secondary.uk-card-body .uk-table caption,.uk-card-secondary > :not([class*=uk-card-media]) .uk-table caption,.uk-overlay-primary .uk-table caption,.uk-offcanvas-bar .uk-table caption { color: rgba(255,255,255,.5); } .uk-light .uk-table > tr.uk-active,.uk-light .uk-table tbody tr.uk-active,.uk-section-primary:not(.uk-preserve-color) .uk-table > tr.uk-active,.uk-section-primary:not(.uk-preserve-color) .uk-table tbody tr.uk-active,.uk-section-secondary:not(.uk-preserve-color) .uk-table > tr.uk-active,.uk-section-secondary:not(.uk-preserve-color) .uk-table tbody tr.uk-active,.uk-tile-primary:not(.uk-preserve-color) .uk-table > tr.uk-active,.uk-tile-primary:not(.uk-preserve-color) .uk-table tbody tr.uk-active,.uk-tile-secondary:not(.uk-preserve-color) .uk-table > tr.uk-active,.uk-tile-secondary:not(.uk-preserve-color) .uk-table tbody tr.uk-active,.uk-card-primary.uk-card-body .uk-table > tr.uk-active,.uk-card-primary.uk-card-body .uk-table tbody tr.uk-active,.uk-card-primary > :not([class*=uk-card-media]) .uk-table > tr.uk-active,.uk-card-primary > :not([class*=uk-card-media]) .uk-table tbody tr.uk-active,.uk-card-secondary.uk-card-body .uk-table > tr.uk-active,.uk-card-secondary.uk-card-body .uk-table tbody tr.uk-active,.uk-card-secondary > :not([class*=uk-card-media]) .uk-table > tr.uk-active,.uk-card-secondary > :not([class*=uk-card-media]) .uk-table tbody tr.uk-active,.uk-overlay-primary .uk-table > tr.uk-active,.uk-overlay-primary .uk-table tbody tr.uk-active,.uk-offcanvas-bar .uk-table > tr.uk-active,.uk-offcanvas-bar .uk-table tbody tr.uk-active { background: rgba(255,255,255,.08); } .uk-light .uk-table-divider > tr:not(:first-child),.uk-light .uk-table-divider > :not(:first-child) > tr,.uk-light .uk-table-divider > :first-child > tr:not(:first-child),.uk-section-primary:not(.uk-preserve-color) .uk-table-divider > tr:not(:first-child),.uk-section-primary:not(.uk-preserve-color) .uk-table-divider > :not(:first-child) > tr,.uk-section-primary:not(.uk-preserve-color) .uk-table-divider > :first-child > tr:not(:first-child),.uk-section-secondary:not(.uk-preserve-color) .uk-table-divider > tr:not(:first-child),.uk-section-secondary:not(.uk-preserve-color) .uk-table-divider > :not(:first-child) > tr,.uk-section-secondary:not(.uk-preserve-color) .uk-table-divider > :first-child > tr:not(:first-child),.uk-tile-primary:not(.uk-preserve-color) .uk-table-divider > tr:not(:first-child),.uk-tile-primary:not(.uk-preserve-color) .uk-table-divider > :not(:first-child) > tr,.uk-tile-primary:not(.uk-preserve-color) .uk-table-divider > :first-child > tr:not(:first-child),.uk-tile-secondary:not(.uk-preserve-color) .uk-table-divider > tr:not(:first-child),.uk-tile-secondary:not(.uk-preserve-color) .uk-table-divider > :not(:first-child) > tr,.uk-tile-secondary:not(.uk-preserve-color) .uk-table-divider > :first-child > tr:not(:first-child),.uk-card-primary.uk-card-body .uk-table-divider > tr:not(:first-child),.uk-card-primary.uk-card-body .uk-table-divider > :not(:first-child) > tr,.uk-card-primary.uk-card-body .uk-table-divider > :first-child > tr:not(:first-child),.uk-card-primary > :not([class*=uk-card-media]) .uk-table-divider > tr:not(:first-child),.uk-card-primary > :not([class*=uk-card-media]) .uk-table-divider > :not(:first-child) > tr,.uk-card-primary > :not([class*=uk-card-media]) .uk-table-divider > :first-child > tr:not(:first-child),.uk-card-secondary.uk-card-body .uk-table-divider > tr:not(:first-child),.uk-card-secondary.uk-card-body .uk-table-divider > :not(:first-child) > tr,.uk-card-secondary.uk-card-body .uk-table-divider > :first-child > tr:not(:first-child),.uk-card-secondary > :not([class*=uk-card-media]) .uk-table-divider > tr:not(:first-child),.uk-card-secondary > :not([class*=uk-card-media]) .uk-table-divider > :not(:first-child) > tr,.uk-card-secondary > :not([class*=uk-card-media]) .uk-table-divider > :first-child > tr:not(:first-child),.uk-overlay-primary .uk-table-divider > tr:not(:first-child),.uk-overlay-primary .uk-table-divider > :not(:first-child) > tr,.uk-overlay-primary .uk-table-divider > :first-child > tr:not(:first-child),.uk-offcanvas-bar .uk-table-divider > tr:not(:first-child),.uk-offcanvas-bar .uk-table-divider > :not(:first-child) > tr,.uk-offcanvas-bar .uk-table-divider > :first-child > tr:not(:first-child) { border-top-color: rgba(255,255,255,.2); } .uk-light .uk-table-striped > tr:nth-of-type(odd),.uk-light .uk-table-striped tbody tr:nth-of-type(odd),.uk-section-primary:not(.uk-preserve-color) .uk-table-striped > tr:nth-of-type(odd),.uk-section-primary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd),.uk-section-secondary:not(.uk-preserve-color) .uk-table-striped > tr:nth-of-type(odd),.uk-section-secondary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd),.uk-tile-primary:not(.uk-preserve-color) .uk-table-striped > tr:nth-of-type(odd),.uk-tile-primary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd),.uk-tile-secondary:not(.uk-preserve-color) .uk-table-striped > tr:nth-of-type(odd),.uk-tile-secondary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd),.uk-card-primary.uk-card-body .uk-table-striped > tr:nth-of-type(odd),.uk-card-primary.uk-card-body .uk-table-striped tbody tr:nth-of-type(odd),.uk-card-primary > :not([class*=uk-card-media]) .uk-table-striped > tr:nth-of-type(odd),.uk-card-primary > :not([class*=uk-card-media]) .uk-table-striped tbody tr:nth-of-type(odd),.uk-card-secondary.uk-card-body .uk-table-striped > tr:nth-of-type(odd),.uk-card-secondary.uk-card-body .uk-table-striped tbody tr:nth-of-type(odd),.uk-card-secondary > :not([class*=uk-card-media]) .uk-table-striped > tr:nth-of-type(odd),.uk-card-secondary > :not([class*=uk-card-media]) .uk-table-striped tbody tr:nth-of-type(odd),.uk-overlay-primary .uk-table-striped > tr:nth-of-type(odd),.uk-overlay-primary .uk-table-striped tbody tr:nth-of-type(odd),.uk-offcanvas-bar .uk-table-striped > tr:nth-of-type(odd),.uk-offcanvas-bar .uk-table-striped tbody tr:nth-of-type(odd) { background: rgba(255,255,255,.1); border-top-color: rgba(255,255,255,.2); border-bottom-color: rgba(255,255,255,.2); } .uk-light .uk-table-hover > tr:hover,.uk-light .uk-table-hover tbody tr:hover,.uk-section-primary:not(.uk-preserve-color) .uk-table-hover > tr:hover,.uk-section-primary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-table-hover > tr:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-table-hover > tr:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-table-hover > tr:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover,.uk-card-primary.uk-card-body .uk-table-hover > tr:hover,.uk-card-primary.uk-card-body .uk-table-hover tbody tr:hover,.uk-card-primary > :not([class*=uk-card-media]) .uk-table-hover > tr:hover,.uk-card-primary > :not([class*=uk-card-media]) .uk-table-hover tbody tr:hover,.uk-card-secondary.uk-card-body .uk-table-hover > tr:hover,.uk-card-secondary.uk-card-body .uk-table-hover tbody tr:hover,.uk-card-secondary > :not([class*=uk-card-media]) .uk-table-hover > tr:hover,.uk-card-secondary > :not([class*=uk-card-media]) .uk-table-hover tbody tr:hover,.uk-overlay-primary .uk-table-hover > tr:hover,.uk-overlay-primary .uk-table-hover tbody tr:hover,.uk-offcanvas-bar .uk-table-hover > tr:hover,.uk-offcanvas-bar .uk-table-hover tbody tr:hover { background: rgba(255,255,255,.08); } .uk-light .uk-icon-link,.uk-section-primary:not(.uk-preserve-color) .uk-icon-link,.uk-section-secondary:not(.uk-preserve-color) .uk-icon-link,.uk-tile-primary:not(.uk-preserve-color) .uk-icon-link,.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link,.uk-card-primary.uk-card-body .uk-icon-link,.uk-card-primary > :not([class*=uk-card-media]) .uk-icon-link,.uk-card-secondary.uk-card-body .uk-icon-link,.uk-card-secondary > :not([class*=uk-card-media]) .uk-icon-link,.uk-overlay-primary .uk-icon-link,.uk-offcanvas-bar .uk-icon-link { color: rgba(255,255,255,.5); } .uk-light .uk-icon-link:hover,.uk-light .uk-icon-link:focus,.uk-section-primary:not(.uk-preserve-color) .uk-icon-link:hover,.uk-section-primary:not(.uk-preserve-color) .uk-icon-link:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-icon-link:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-icon-link:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-icon-link:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-icon-link:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link:focus,.uk-card-primary.uk-card-body .uk-icon-link:hover,.uk-card-primary.uk-card-body .uk-icon-link:focus,.uk-card-primary > :not([class*=uk-card-media]) .uk-icon-link:hover,.uk-card-primary > :not([class*=uk-card-media]) .uk-icon-link:focus,.uk-card-secondary.uk-card-body .uk-icon-link:hover,.uk-card-secondary.uk-card-body .uk-icon-link:focus,.uk-card-secondary > :not([class*=uk-card-media]) .uk-icon-link:hover,.uk-card-secondary > :not([class*=uk-card-media]) .uk-icon-link:focus,.uk-overlay-primary .uk-icon-link:hover,.uk-overlay-primary .uk-icon-link:focus,.uk-offcanvas-bar .uk-icon-link:hover,.uk-offcanvas-bar .uk-icon-link:focus { color: rgba(255,255,255,.7); } .uk-light .uk-icon-link:active,.uk-light .uk-active > .uk-icon-link,.uk-section-primary:not(.uk-preserve-color) .uk-icon-link:active,.uk-section-primary:not(.uk-preserve-color) .uk-active > .uk-icon-link,.uk-section-secondary:not(.uk-preserve-color) .uk-icon-link:active,.uk-section-secondary:not(.uk-preserve-color) .uk-active > .uk-icon-link,.uk-tile-primary:not(.uk-preserve-color) .uk-icon-link:active,.uk-tile-primary:not(.uk-preserve-color) .uk-active > .uk-icon-link,.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link:active,.uk-tile-secondary:not(.uk-preserve-color) .uk-active > .uk-icon-link,.uk-card-primary.uk-card-body .uk-icon-link:active,.uk-card-primary.uk-card-body .uk-active > .uk-icon-link,.uk-card-primary > :not([class*=uk-card-media]) .uk-icon-link:active,.uk-card-primary > :not([class*=uk-card-media]) .uk-active > .uk-icon-link,.uk-card-secondary.uk-card-body .uk-icon-link:active,.uk-card-secondary.uk-card-body .uk-active > .uk-icon-link,.uk-card-secondary > :not([class*=uk-card-media]) .uk-icon-link:active,.uk-card-secondary > :not([class*=uk-card-media]) .uk-active > .uk-icon-link,.uk-overlay-primary .uk-icon-link:active,.uk-overlay-primary .uk-active > .uk-icon-link,.uk-offcanvas-bar .uk-icon-link:active,.uk-offcanvas-bar .uk-active > .uk-icon-link { color: rgba(255,255,255,.7); } .uk-light .uk-icon-button,.uk-section-primary:not(.uk-preserve-color) .uk-icon-button,.uk-section-secondary:not(.uk-preserve-color) .uk-icon-button,.uk-tile-primary:not(.uk-preserve-color) .uk-icon-button,.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button,.uk-card-primary.uk-card-body .uk-icon-button,.uk-card-primary > :not([class*=uk-card-media]) .uk-icon-button,.uk-card-secondary.uk-card-body .uk-icon-button,.uk-card-secondary > :not([class*=uk-card-media]) .uk-icon-button,.uk-overlay-primary .uk-icon-button,.uk-offcanvas-bar .uk-icon-button { background-color: rgba(255,255,255,.1); color: rgba(255,255,255,.5); } .uk-light .uk-icon-button:hover,.uk-light .uk-icon-button:focus,.uk-section-primary:not(.uk-preserve-color) .uk-icon-button:hover,.uk-section-primary:not(.uk-preserve-color) .uk-icon-button:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-icon-button:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-icon-button:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-icon-button:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-icon-button:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button:focus,.uk-card-primary.uk-card-body .uk-icon-button:hover,.uk-card-primary.uk-card-body .uk-icon-button:focus,.uk-card-primary > :not([class*=uk-card-media]) .uk-icon-button:hover,.uk-card-primary > :not([class*=uk-card-media]) .uk-icon-button:focus,.uk-card-secondary.uk-card-body .uk-icon-button:hover,.uk-card-secondary.uk-card-body .uk-icon-button:focus,.uk-card-secondary > :not([class*=uk-card-media]) .uk-icon-button:hover,.uk-card-secondary > :not([class*=uk-card-media]) .uk-icon-button:focus,.uk-overlay-primary .uk-icon-button:hover,.uk-overlay-primary .uk-icon-button:focus,.uk-offcanvas-bar .uk-icon-button:hover,.uk-offcanvas-bar .uk-icon-button:focus { background-color: rgba(242,242,242,.1); color: rgba(255,255,255,.7); } .uk-light .uk-icon-button:active,.uk-section-primary:not(.uk-preserve-color) .uk-icon-button:active,.uk-section-secondary:not(.uk-preserve-color) .uk-icon-button:active,.uk-tile-primary:not(.uk-preserve-color) .uk-icon-button:active,.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button:active,.uk-card-primary.uk-card-body .uk-icon-button:active,.uk-card-primary > :not([class*=uk-card-media]) .uk-icon-button:active,.uk-card-secondary.uk-card-body .uk-icon-button:active,.uk-card-secondary > :not([class*=uk-card-media]) .uk-icon-button:active,.uk-overlay-primary .uk-icon-button:active,.uk-offcanvas-bar .uk-icon-button:active { background-color: rgba(230,230,230,.1); color: rgba(255,255,255,.7); } .uk-light .uk-input,.uk-light .uk-select,.uk-light .uk-textarea,.uk-section-primary:not(.uk-preserve-color) .uk-input,.uk-section-primary:not(.uk-preserve-color) .uk-select,.uk-section-primary:not(.uk-preserve-color) .uk-textarea,.uk-section-secondary:not(.uk-preserve-color) .uk-input,.uk-section-secondary:not(.uk-preserve-color) .uk-select,.uk-section-secondary:not(.uk-preserve-color) .uk-textarea,.uk-tile-primary:not(.uk-preserve-color) .uk-input,.uk-tile-primary:not(.uk-preserve-color) .uk-select,.uk-tile-primary:not(.uk-preserve-color) .uk-textarea,.uk-tile-secondary:not(.uk-preserve-color) .uk-input,.uk-tile-secondary:not(.uk-preserve-color) .uk-select,.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea,.uk-card-primary.uk-card-body .uk-input,.uk-card-primary.uk-card-body .uk-select,.uk-card-primary.uk-card-body .uk-textarea,.uk-card-primary > :not([class*=uk-card-media]) .uk-input,.uk-card-primary > :not([class*=uk-card-media]) .uk-select,.uk-card-primary > :not([class*=uk-card-media]) .uk-textarea,.uk-card-secondary.uk-card-body .uk-input,.uk-card-secondary.uk-card-body .uk-select,.uk-card-secondary.uk-card-body .uk-textarea,.uk-card-secondary > :not([class*=uk-card-media]) .uk-input,.uk-card-secondary > :not([class*=uk-card-media]) .uk-select,.uk-card-secondary > :not([class*=uk-card-media]) .uk-textarea,.uk-overlay-primary .uk-input,.uk-overlay-primary .uk-select,.uk-overlay-primary .uk-textarea,.uk-offcanvas-bar .uk-input,.uk-offcanvas-bar .uk-select,.uk-offcanvas-bar .uk-textarea { background-color: rgba(255,255,255,.1); color: rgba(255,255,255,.7); background-clip: padding-box; border-color: rgba(255,255,255,.2); } .uk-light .uk-input:focus,.uk-light .uk-select:focus,.uk-light .uk-textarea:focus,.uk-section-primary:not(.uk-preserve-color) .uk-input:focus,.uk-section-primary:not(.uk-preserve-color) .uk-select:focus,.uk-section-primary:not(.uk-preserve-color) .uk-textarea:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-input:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-select:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-textarea:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-input:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-select:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-textarea:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-input:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-select:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea:focus,.uk-card-primary.uk-card-body .uk-input:focus,.uk-card-primary.uk-card-body .uk-select:focus,.uk-card-primary.uk-card-body .uk-textarea:focus,.uk-card-primary > :not([class*=uk-card-media]) .uk-input:focus,.uk-card-primary > :not([class*=uk-card-media]) .uk-select:focus,.uk-card-primary > :not([class*=uk-card-media]) .uk-textarea:focus,.uk-card-secondary.uk-card-body .uk-input:focus,.uk-card-secondary.uk-card-body .uk-select:focus,.uk-card-secondary.uk-card-body .uk-textarea:focus,.uk-card-secondary > :not([class*=uk-card-media]) .uk-input:focus,.uk-card-secondary > :not([class*=uk-card-media]) .uk-select:focus,.uk-card-secondary > :not([class*=uk-card-media]) .uk-textarea:focus,.uk-overlay-primary .uk-input:focus,.uk-overlay-primary .uk-select:focus,.uk-overlay-primary .uk-textarea:focus,.uk-offcanvas-bar .uk-input:focus,.uk-offcanvas-bar .uk-select:focus,.uk-offcanvas-bar .uk-textarea:focus { background-color: rgba(255,255,255,.1); color: rgba(255,255,255,.7); border-color: rgba(255,255,255,.7); } .uk-light .uk-input::-ms-input-placeholder,.uk-section-primary:not(.uk-preserve-color) .uk-input::-ms-input-placeholder,.uk-section-secondary:not(.uk-preserve-color) .uk-input::-ms-input-placeholder,.uk-tile-primary:not(.uk-preserve-color) .uk-input::-ms-input-placeholder,.uk-tile-secondary:not(.uk-preserve-color) .uk-input::-ms-input-placeholder,.uk-card-primary.uk-card-body .uk-input::-ms-input-placeholder,.uk-card-primary > :not([class*=uk-card-media]) .uk-input::-ms-input-placeholder,.uk-card-secondary.uk-card-body .uk-input::-ms-input-placeholder,.uk-card-secondary > :not([class*=uk-card-media]) .uk-input::-ms-input-placeholder,.uk-overlay-primary .uk-input::-ms-input-placeholder,.uk-offcanvas-bar .uk-input::-ms-input-placeholder { color: rgba(255,255,255,.5) !important; } .uk-light .uk-input::placeholder,.uk-section-primary:not(.uk-preserve-color) .uk-input::placeholder,.uk-section-secondary:not(.uk-preserve-color) .uk-input::placeholder,.uk-tile-primary:not(.uk-preserve-color) .uk-input::placeholder,.uk-tile-secondary:not(.uk-preserve-color) .uk-input::placeholder,.uk-card-primary.uk-card-body .uk-input::placeholder,.uk-card-primary > :not([class*=uk-card-media]) .uk-input::placeholder,.uk-card-secondary.uk-card-body .uk-input::placeholder,.uk-card-secondary > :not([class*=uk-card-media]) .uk-input::placeholder,.uk-overlay-primary .uk-input::placeholder,.uk-offcanvas-bar .uk-input::placeholder { color: rgba(255,255,255,.5); } .uk-light .uk-textarea::-ms-input-placeholder,.uk-section-primary:not(.uk-preserve-color) .uk-textarea::-ms-input-placeholder,.uk-section-secondary:not(.uk-preserve-color) .uk-textarea::-ms-input-placeholder,.uk-tile-primary:not(.uk-preserve-color) .uk-textarea::-ms-input-placeholder,.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea::-ms-input-placeholder,.uk-card-primary.uk-card-body .uk-textarea::-ms-input-placeholder,.uk-card-primary > :not([class*=uk-card-media]) .uk-textarea::-ms-input-placeholder,.uk-card-secondary.uk-card-body .uk-textarea::-ms-input-placeholder,.uk-card-secondary > :not([class*=uk-card-media]) .uk-textarea::-ms-input-placeholder,.uk-overlay-primary .uk-textarea::-ms-input-placeholder,.uk-offcanvas-bar .uk-textarea::-ms-input-placeholder { color: rgba(255,255,255,.5) !important; } .uk-light .uk-textarea::placeholder,.uk-section-primary:not(.uk-preserve-color) .uk-textarea::placeholder,.uk-section-secondary:not(.uk-preserve-color) .uk-textarea::placeholder,.uk-tile-primary:not(.uk-preserve-color) .uk-textarea::placeholder,.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea::placeholder,.uk-card-primary.uk-card-body .uk-textarea::placeholder,.uk-card-primary > :not([class*=uk-card-media]) .uk-textarea::placeholder,.uk-card-secondary.uk-card-body .uk-textarea::placeholder,.uk-card-secondary > :not([class*=uk-card-media]) .uk-textarea::placeholder,.uk-overlay-primary .uk-textarea::placeholder,.uk-offcanvas-bar .uk-textarea::placeholder { color: rgba(255,255,255,.5); } .uk-light .uk-select:not([multiple]):not([size]),.uk-section-primary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]),.uk-section-secondary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]),.uk-tile-primary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]),.uk-tile-secondary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]),.uk-card-primary.uk-card-body .uk-select:not([multiple]):not([size]),.uk-card-primary > :not([class*=uk-card-media]) .uk-select:not([multiple]):not([size]),.uk-card-secondary.uk-card-body .uk-select:not([multiple]):not([size]),.uk-card-secondary > :not([class*=uk-card-media]) .uk-select:not([multiple]):not([size]),.uk-overlay-primary .uk-select:not([multiple]):not([size]),.uk-offcanvas-bar .uk-select:not([multiple]):not([size]) { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A") ; } .uk-light .uk-input[list]:hover,.uk-light .uk-input[list]:focus,.uk-section-primary:not(.uk-preserve-color) .uk-input[list]:hover,.uk-section-primary:not(.uk-preserve-color) .uk-input[list]:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-input[list]:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-input[list]:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-input[list]:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-input[list]:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-input[list]:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-input[list]:focus,.uk-card-primary.uk-card-body .uk-input[list]:hover,.uk-card-primary.uk-card-body .uk-input[list]:focus,.uk-card-primary > :not([class*=uk-card-media]) .uk-input[list]:hover,.uk-card-primary > :not([class*=uk-card-media]) .uk-input[list]:focus,.uk-card-secondary.uk-card-body .uk-input[list]:hover,.uk-card-secondary.uk-card-body .uk-input[list]:focus,.uk-card-secondary > :not([class*=uk-card-media]) .uk-input[list]:hover,.uk-card-secondary > :not([class*=uk-card-media]) .uk-input[list]:focus,.uk-overlay-primary .uk-input[list]:hover,.uk-overlay-primary .uk-input[list]:focus,.uk-offcanvas-bar .uk-input[list]:hover,.uk-offcanvas-bar .uk-input[list]:focus { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20points%3D%2212%2012%208%206%2016%206%22%20%2F%3E%0A%3C%2Fsvg%3E%0A") ; } .uk-light .uk-radio,.uk-light .uk-checkbox,.uk-section-primary:not(.uk-preserve-color) .uk-radio,.uk-section-primary:not(.uk-preserve-color) .uk-checkbox,.uk-section-secondary:not(.uk-preserve-color) .uk-radio,.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox,.uk-tile-primary:not(.uk-preserve-color) .uk-radio,.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox,.uk-tile-secondary:not(.uk-preserve-color) .uk-radio,.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox,.uk-card-primary.uk-card-body .uk-radio,.uk-card-primary.uk-card-body .uk-checkbox,.uk-card-primary > :not([class*=uk-card-media]) .uk-radio,.uk-card-primary > :not([class*=uk-card-media]) .uk-checkbox,.uk-card-secondary.uk-card-body .uk-radio,.uk-card-secondary.uk-card-body .uk-checkbox,.uk-card-secondary > :not([class*=uk-card-media]) .uk-radio,.uk-card-secondary > :not([class*=uk-card-media]) .uk-checkbox,.uk-overlay-primary .uk-radio,.uk-overlay-primary .uk-checkbox,.uk-offcanvas-bar .uk-radio,.uk-offcanvas-bar .uk-checkbox { background-color: rgba(242,242,242,.1); border-color: rgba(255,255,255,.2); } .uk-light .uk-radio:focus,.uk-light .uk-checkbox:focus,.uk-section-primary:not(.uk-preserve-color) .uk-radio:focus,.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-radio:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-radio:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-radio:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:focus,.uk-card-primary.uk-card-body .uk-radio:focus,.uk-card-primary.uk-card-body .uk-checkbox:focus,.uk-card-primary > :not([class*=uk-card-media]) .uk-radio:focus,.uk-card-primary > :not([class*=uk-card-media]) .uk-checkbox:focus,.uk-card-secondary.uk-card-body .uk-radio:focus,.uk-card-secondary.uk-card-body .uk-checkbox:focus,.uk-card-secondary > :not([class*=uk-card-media]) .uk-radio:focus,.uk-card-secondary > :not([class*=uk-card-media]) .uk-checkbox:focus,.uk-overlay-primary .uk-radio:focus,.uk-overlay-primary .uk-checkbox:focus,.uk-offcanvas-bar .uk-radio:focus,.uk-offcanvas-bar .uk-checkbox:focus { border-color: rgba(255,255,255,.7); } .uk-light .uk-radio:checked,.uk-light .uk-checkbox:checked,.uk-light .uk-checkbox:indeterminate,.uk-section-primary:not(.uk-preserve-color) .uk-radio:checked,.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:checked,.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate,.uk-section-secondary:not(.uk-preserve-color) .uk-radio:checked,.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:checked,.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate,.uk-tile-primary:not(.uk-preserve-color) .uk-radio:checked,.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:checked,.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate,.uk-tile-secondary:not(.uk-preserve-color) .uk-radio:checked,.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:checked,.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate,.uk-card-primary.uk-card-body .uk-radio:checked,.uk-card-primary.uk-card-body .uk-checkbox:checked,.uk-card-primary.uk-card-body .uk-checkbox:indeterminate,.uk-card-primary > :not([class*=uk-card-media]) .uk-radio:checked,.uk-card-primary > :not([class*=uk-card-media]) .uk-checkbox:checked,.uk-card-primary > :not([class*=uk-card-media]) .uk-checkbox:indeterminate,.uk-card-secondary.uk-card-body .uk-radio:checked,.uk-card-secondary.uk-card-body .uk-checkbox:checked,.uk-card-secondary.uk-card-body .uk-checkbox:indeterminate,.uk-card-secondary > :not([class*=uk-card-media]) .uk-radio:checked,.uk-card-secondary > :not([class*=uk-card-media]) .uk-checkbox:checked,.uk-card-secondary > :not([class*=uk-card-media]) .uk-checkbox:indeterminate,.uk-overlay-primary .uk-radio:checked,.uk-overlay-primary .uk-checkbox:checked,.uk-overlay-primary .uk-checkbox:indeterminate,.uk-offcanvas-bar .uk-radio:checked,.uk-offcanvas-bar .uk-checkbox:checked,.uk-offcanvas-bar .uk-checkbox:indeterminate { background-color: #fff; border-color: rgba(255,255,255,.7); } .uk-light .uk-radio:checked:focus,.uk-light .uk-checkbox:checked:focus,.uk-light .uk-checkbox:indeterminate:focus,.uk-section-primary:not(.uk-preserve-color) .uk-radio:checked:focus,.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:checked:focus,.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-radio:checked:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:checked:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-radio:checked:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:checked:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-radio:checked:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:checked:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus,.uk-card-primary.uk-card-body .uk-radio:checked:focus,.uk-card-primary.uk-card-body .uk-checkbox:checked:focus,.uk-card-primary.uk-card-body .uk-checkbox:indeterminate:focus,.uk-card-primary > :not([class*=uk-card-media]) .uk-radio:checked:focus,.uk-card-primary > :not([class*=uk-card-media]) .uk-checkbox:checked:focus,.uk-card-primary > :not([class*=uk-card-media]) .uk-checkbox:indeterminate:focus,.uk-card-secondary.uk-card-body .uk-radio:checked:focus,.uk-card-secondary.uk-card-body .uk-checkbox:checked:focus,.uk-card-secondary.uk-card-body .uk-checkbox:indeterminate:focus,.uk-card-secondary > :not([class*=uk-card-media]) .uk-radio:checked:focus,.uk-card-secondary > :not([class*=uk-card-media]) .uk-checkbox:checked:focus,.uk-card-secondary > :not([class*=uk-card-media]) .uk-checkbox:indeterminate:focus,.uk-overlay-primary .uk-radio:checked:focus,.uk-overlay-primary .uk-checkbox:checked:focus,.uk-overlay-primary .uk-checkbox:indeterminate:focus,.uk-offcanvas-bar .uk-radio:checked:focus,.uk-offcanvas-bar .uk-checkbox:checked:focus,.uk-offcanvas-bar .uk-checkbox:indeterminate:focus { background-color: #e6e6e6; } .uk-light .uk-radio:checked,.uk-section-primary:not(.uk-preserve-color) .uk-radio:checked,.uk-section-secondary:not(.uk-preserve-color) .uk-radio:checked,.uk-tile-primary:not(.uk-preserve-color) .uk-radio:checked,.uk-tile-secondary:not(.uk-preserve-color) .uk-radio:checked,.uk-card-primary.uk-card-body .uk-radio:checked,.uk-card-primary > :not([class*=uk-card-media]) .uk-radio:checked,.uk-card-secondary.uk-card-body .uk-radio:checked,.uk-card-secondary > :not([class*=uk-card-media]) .uk-radio:checked,.uk-overlay-primary .uk-radio:checked,.uk-offcanvas-bar .uk-radio:checked { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23666%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E") ; } .uk-light .uk-checkbox:checked,.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:checked,.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:checked,.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:checked,.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:checked,.uk-card-primary.uk-card-body .uk-checkbox:checked,.uk-card-primary > :not([class*=uk-card-media]) .uk-checkbox:checked,.uk-card-secondary.uk-card-body .uk-checkbox:checked,.uk-card-secondary > :not([class*=uk-card-media]) .uk-checkbox:checked,.uk-overlay-primary .uk-checkbox:checked,.uk-offcanvas-bar .uk-checkbox:checked { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A") ; } .uk-light .uk-checkbox:indeterminate,.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate,.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate,.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate,.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate,.uk-card-primary.uk-card-body .uk-checkbox:indeterminate,.uk-card-primary > :not([class*=uk-card-media]) .uk-checkbox:indeterminate,.uk-card-secondary.uk-card-body .uk-checkbox:indeterminate,.uk-card-secondary > :not([class*=uk-card-media]) .uk-checkbox:indeterminate,.uk-overlay-primary .uk-checkbox:indeterminate,.uk-offcanvas-bar .uk-checkbox:indeterminate { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E") ; } .uk-light .uk-form-label,.uk-section-primary:not(.uk-preserve-color) .uk-form-label,.uk-section-secondary:not(.uk-preserve-color) .uk-form-label,.uk-tile-primary:not(.uk-preserve-color) .uk-form-label,.uk-tile-secondary:not(.uk-preserve-color) .uk-form-label,.uk-card-primary.uk-card-body .uk-form-label,.uk-card-primary > :not([class*=uk-card-media]) .uk-form-label,.uk-card-secondary.uk-card-body .uk-form-label,.uk-card-secondary > :not([class*=uk-card-media]) .uk-form-label,.uk-overlay-primary .uk-form-label,.uk-offcanvas-bar .uk-form-label { color: #fff; } .uk-light .uk-form-icon,.uk-section-primary:not(.uk-preserve-color) .uk-form-icon,.uk-section-secondary:not(.uk-preserve-color) .uk-form-icon,.uk-tile-primary:not(.uk-preserve-color) .uk-form-icon,.uk-tile-secondary:not(.uk-preserve-color) .uk-form-icon,.uk-card-primary.uk-card-body .uk-form-icon,.uk-card-primary > :not([class*=uk-card-media]) .uk-form-icon,.uk-card-secondary.uk-card-body .uk-form-icon,.uk-card-secondary > :not([class*=uk-card-media]) .uk-form-icon,.uk-overlay-primary .uk-form-icon,.uk-offcanvas-bar .uk-form-icon { color: rgba(255,255,255,.5); } .uk-light .uk-form-icon:hover,.uk-section-primary:not(.uk-preserve-color) .uk-form-icon:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-form-icon:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-form-icon:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-form-icon:hover,.uk-card-primary.uk-card-body .uk-form-icon:hover,.uk-card-primary > :not([class*=uk-card-media]) .uk-form-icon:hover,.uk-card-secondary.uk-card-body .uk-form-icon:hover,.uk-card-secondary > :not([class*=uk-card-media]) .uk-form-icon:hover,.uk-overlay-primary .uk-form-icon:hover,.uk-offcanvas-bar .uk-form-icon:hover { color: rgba(255,255,255,.7); } .uk-light .uk-button-default,.uk-section-primary:not(.uk-preserve-color) .uk-button-default,.uk-section-secondary:not(.uk-preserve-color) .uk-button-default,.uk-tile-primary:not(.uk-preserve-color) .uk-button-default,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default,.uk-card-primary.uk-card-body .uk-button-default,.uk-card-primary > :not([class*=uk-card-media]) .uk-button-default,.uk-card-secondary.uk-card-body .uk-button-default,.uk-card-secondary > :not([class*=uk-card-media]) .uk-button-default,.uk-overlay-primary .uk-button-default,.uk-offcanvas-bar .uk-button-default { background-color: transparent; color: #fff; border-color: rgba(255,255,255,.7); } .uk-light .uk-button-default:hover,.uk-light .uk-button-default:focus,.uk-section-primary:not(.uk-preserve-color) .uk-button-default:hover,.uk-section-primary:not(.uk-preserve-color) .uk-button-default:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-button-default:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-button-default:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-button-default:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-button-default:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default:focus,.uk-card-primary.uk-card-body .uk-button-default:hover,.uk-card-primary.uk-card-body .uk-button-default:focus,.uk-card-primary > :not([class*=uk-card-media]) .uk-button-default:hover,.uk-card-primary > :not([class*=uk-card-media]) .uk-button-default:focus,.uk-card-secondary.uk-card-body .uk-button-default:hover,.uk-card-secondary.uk-card-body .uk-button-default:focus,.uk-card-secondary > :not([class*=uk-card-media]) .uk-button-default:hover,.uk-card-secondary > :not([class*=uk-card-media]) .uk-button-default:focus,.uk-overlay-primary .uk-button-default:hover,.uk-overlay-primary .uk-button-default:focus,.uk-offcanvas-bar .uk-button-default:hover,.uk-offcanvas-bar .uk-button-default:focus { background-color: transparent; color: #fff; border-color: #fff; } .uk-light .uk-button-default:active,.uk-light .uk-button-default.uk-active,.uk-section-primary:not(.uk-preserve-color) .uk-button-default:active,.uk-section-primary:not(.uk-preserve-color) .uk-button-default.uk-active,.uk-section-secondary:not(.uk-preserve-color) .uk-button-default:active,.uk-section-secondary:not(.uk-preserve-color) .uk-button-default.uk-active,.uk-tile-primary:not(.uk-preserve-color) .uk-button-default:active,.uk-tile-primary:not(.uk-preserve-color) .uk-button-default.uk-active,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default:active,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default.uk-active,.uk-card-primary.uk-card-body .uk-button-default:active,.uk-card-primary.uk-card-body .uk-button-default.uk-active,.uk-card-primary > :not([class*=uk-card-media]) .uk-button-default:active,.uk-card-primary > :not([class*=uk-card-media]) .uk-button-default.uk-active,.uk-card-secondary.uk-card-body .uk-button-default:active,.uk-card-secondary.uk-card-body .uk-button-default.uk-active,.uk-card-secondary > :not([class*=uk-card-media]) .uk-button-default:active,.uk-card-secondary > :not([class*=uk-card-media]) .uk-button-default.uk-active,.uk-overlay-primary .uk-button-default:active,.uk-overlay-primary .uk-button-default.uk-active,.uk-offcanvas-bar .uk-button-default:active,.uk-offcanvas-bar .uk-button-default.uk-active { background-color: transparent; color: #fff; border-color: #fff; } .uk-light .uk-button-primary,.uk-section-primary:not(.uk-preserve-color) .uk-button-primary,.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary,.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary,.uk-card-primary.uk-card-body .uk-button-primary,.uk-card-primary > :not([class*=uk-card-media]) .uk-button-primary,.uk-card-secondary.uk-card-body .uk-button-primary,.uk-card-secondary > :not([class*=uk-card-media]) .uk-button-primary,.uk-overlay-primary .uk-button-primary,.uk-offcanvas-bar .uk-button-primary { background-color: #fff; color: #666; } .uk-light .uk-button-primary:hover,.uk-light .uk-button-primary:focus,.uk-section-primary:not(.uk-preserve-color) .uk-button-primary:hover,.uk-section-primary:not(.uk-preserve-color) .uk-button-primary:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary:focus,.uk-card-primary.uk-card-body .uk-button-primary:hover,.uk-card-primary.uk-card-body .uk-button-primary:focus,.uk-card-primary > :not([class*=uk-card-media]) .uk-button-primary:hover,.uk-card-primary > :not([class*=uk-card-media]) .uk-button-primary:focus,.uk-card-secondary.uk-card-body .uk-button-primary:hover,.uk-card-secondary.uk-card-body .uk-button-primary:focus,.uk-card-secondary > :not([class*=uk-card-media]) .uk-button-primary:hover,.uk-card-secondary > :not([class*=uk-card-media]) .uk-button-primary:focus,.uk-overlay-primary .uk-button-primary:hover,.uk-overlay-primary .uk-button-primary:focus,.uk-offcanvas-bar .uk-button-primary:hover,.uk-offcanvas-bar .uk-button-primary:focus { background-color: #f2f2f2; color: #666; } .uk-light .uk-button-primary:active,.uk-light .uk-button-primary.uk-active,.uk-section-primary:not(.uk-preserve-color) .uk-button-primary:active,.uk-section-primary:not(.uk-preserve-color) .uk-button-primary.uk-active,.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:active,.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary.uk-active,.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary:active,.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary.uk-active,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary:active,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary.uk-active,.uk-card-primary.uk-card-body .uk-button-primary:active,.uk-card-primary.uk-card-body .uk-button-primary.uk-active,.uk-card-primary > :not([class*=uk-card-media]) .uk-button-primary:active,.uk-card-primary > :not([class*=uk-card-media]) .uk-button-primary.uk-active,.uk-card-secondary.uk-card-body .uk-button-primary:active,.uk-card-secondary.uk-card-body .uk-button-primary.uk-active,.uk-card-secondary > :not([class*=uk-card-media]) .uk-button-primary:active,.uk-card-secondary > :not([class*=uk-card-media]) .uk-button-primary.uk-active,.uk-overlay-primary .uk-button-primary:active,.uk-overlay-primary .uk-button-primary.uk-active,.uk-offcanvas-bar .uk-button-primary:active,.uk-offcanvas-bar .uk-button-primary.uk-active { background-color: #e6e6e6; color: #666; } .uk-light .uk-button-secondary,.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary,.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary,.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary,.uk-card-primary.uk-card-body .uk-button-secondary,.uk-card-primary > :not([class*=uk-card-media]) .uk-button-secondary,.uk-card-secondary.uk-card-body .uk-button-secondary,.uk-card-secondary > :not([class*=uk-card-media]) .uk-button-secondary,.uk-overlay-primary .uk-button-secondary,.uk-offcanvas-bar .uk-button-secondary { background-color: #fff; color: #666; } .uk-light .uk-button-secondary:hover,.uk-light .uk-button-secondary:focus,.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary:hover,.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary:focus,.uk-card-primary.uk-card-body .uk-button-secondary:hover,.uk-card-primary.uk-card-body .uk-button-secondary:focus,.uk-card-primary > :not([class*=uk-card-media]) .uk-button-secondary:hover,.uk-card-primary > :not([class*=uk-card-media]) .uk-button-secondary:focus,.uk-card-secondary.uk-card-body .uk-button-secondary:hover,.uk-card-secondary.uk-card-body .uk-button-secondary:focus,.uk-card-secondary > :not([class*=uk-card-media]) .uk-button-secondary:hover,.uk-card-secondary > :not([class*=uk-card-media]) .uk-button-secondary:focus,.uk-overlay-primary .uk-button-secondary:hover,.uk-overlay-primary .uk-button-secondary:focus,.uk-offcanvas-bar .uk-button-secondary:hover,.uk-offcanvas-bar .uk-button-secondary:focus { background-color: #f2f2f2; color: #666; } .uk-light .uk-button-secondary:active,.uk-light .uk-button-secondary.uk-active,.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary:active,.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary.uk-active,.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary:active,.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary.uk-active,.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary:active,.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary.uk-active,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary:active,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary.uk-active,.uk-card-primary.uk-card-body .uk-button-secondary:active,.uk-card-primary.uk-card-body .uk-button-secondary.uk-active,.uk-card-primary > :not([class*=uk-card-media]) .uk-button-secondary:active,.uk-card-primary > :not([class*=uk-card-media]) .uk-button-secondary.uk-active,.uk-card-secondary.uk-card-body .uk-button-secondary:active,.uk-card-secondary.uk-card-body .uk-button-secondary.uk-active,.uk-card-secondary > :not([class*=uk-card-media]) .uk-button-secondary:active,.uk-card-secondary > :not([class*=uk-card-media]) .uk-button-secondary.uk-active,.uk-overlay-primary .uk-button-secondary:active,.uk-overlay-primary .uk-button-secondary.uk-active,.uk-offcanvas-bar .uk-button-secondary:active,.uk-offcanvas-bar .uk-button-secondary.uk-active { background-color: #e6e6e6; color: #666; } .uk-light .uk-button-text,.uk-section-primary:not(.uk-preserve-color) .uk-button-text,.uk-section-secondary:not(.uk-preserve-color) .uk-button-text,.uk-tile-primary:not(.uk-preserve-color) .uk-button-text,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text,.uk-card-primary.uk-card-body .uk-button-text,.uk-card-primary > :not([class*=uk-card-media]) .uk-button-text,.uk-card-secondary.uk-card-body .uk-button-text,.uk-card-secondary > :not([class*=uk-card-media]) .uk-button-text,.uk-overlay-primary .uk-button-text,.uk-offcanvas-bar .uk-button-text { color: #fff; } .uk-light .uk-button-text::before,.uk-section-primary:not(.uk-preserve-color) .uk-button-text::before,.uk-section-secondary:not(.uk-preserve-color) .uk-button-text::before,.uk-tile-primary:not(.uk-preserve-color) .uk-button-text::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text::before,.uk-card-primary.uk-card-body .uk-button-text::before,.uk-card-primary > :not([class*=uk-card-media]) .uk-button-text::before,.uk-card-secondary.uk-card-body .uk-button-text::before,.uk-card-secondary > :not([class*=uk-card-media]) .uk-button-text::before,.uk-overlay-primary .uk-button-text::before,.uk-offcanvas-bar .uk-button-text::before { border-bottom-color: #fff; } .uk-light .uk-button-text:hover,.uk-light .uk-button-text:focus,.uk-section-primary:not(.uk-preserve-color) .uk-button-text:hover,.uk-section-primary:not(.uk-preserve-color) .uk-button-text:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-button-text:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-button-text:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-button-text:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-button-text:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text:focus,.uk-card-primary.uk-card-body .uk-button-text:hover,.uk-card-primary.uk-card-body .uk-button-text:focus,.uk-card-primary > :not([class*=uk-card-media]) .uk-button-text:hover,.uk-card-primary > :not([class*=uk-card-media]) .uk-button-text:focus,.uk-card-secondary.uk-card-body .uk-button-text:hover,.uk-card-secondary.uk-card-body .uk-button-text:focus,.uk-card-secondary > :not([class*=uk-card-media]) .uk-button-text:hover,.uk-card-secondary > :not([class*=uk-card-media]) .uk-button-text:focus,.uk-overlay-primary .uk-button-text:hover,.uk-overlay-primary .uk-button-text:focus,.uk-offcanvas-bar .uk-button-text:hover,.uk-offcanvas-bar .uk-button-text:focus { color: #fff; } .uk-light .uk-button-text:disabled,.uk-section-primary:not(.uk-preserve-color) .uk-button-text:disabled,.uk-section-secondary:not(.uk-preserve-color) .uk-button-text:disabled,.uk-tile-primary:not(.uk-preserve-color) .uk-button-text:disabled,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text:disabled,.uk-card-primary.uk-card-body .uk-button-text:disabled,.uk-card-primary > :not([class*=uk-card-media]) .uk-button-text:disabled,.uk-card-secondary.uk-card-body .uk-button-text:disabled,.uk-card-secondary > :not([class*=uk-card-media]) .uk-button-text:disabled,.uk-overlay-primary .uk-button-text:disabled,.uk-offcanvas-bar .uk-button-text:disabled { color: rgba(255,255,255,.5); } .uk-light .uk-button-link,.uk-section-primary:not(.uk-preserve-color) .uk-button-link,.uk-section-secondary:not(.uk-preserve-color) .uk-button-link,.uk-tile-primary:not(.uk-preserve-color) .uk-button-link,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-link,.uk-card-primary.uk-card-body .uk-button-link,.uk-card-primary > :not([class*=uk-card-media]) .uk-button-link,.uk-card-secondary.uk-card-body .uk-button-link,.uk-card-secondary > :not([class*=uk-card-media]) .uk-button-link,.uk-overlay-primary .uk-button-link,.uk-offcanvas-bar .uk-button-link { color: rgba(255,255,255,.5); } .uk-light .uk-button-link:hover,.uk-light .uk-button-link:focus,.uk-section-primary:not(.uk-preserve-color) .uk-button-link:hover,.uk-section-primary:not(.uk-preserve-color) .uk-button-link:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-button-link:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-button-link:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-button-link:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-button-link:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-link:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-link:focus,.uk-card-primary.uk-card-body .uk-button-link:hover,.uk-card-primary.uk-card-body .uk-button-link:focus,.uk-card-primary > :not([class*=uk-card-media]) .uk-button-link:hover,.uk-card-primary > :not([class*=uk-card-media]) .uk-button-link:focus,.uk-card-secondary.uk-card-body .uk-button-link:hover,.uk-card-secondary.uk-card-body .uk-button-link:focus,.uk-card-secondary > :not([class*=uk-card-media]) .uk-button-link:hover,.uk-card-secondary > :not([class*=uk-card-media]) .uk-button-link:focus,.uk-overlay-primary .uk-button-link:hover,.uk-overlay-primary .uk-button-link:focus,.uk-offcanvas-bar .uk-button-link:hover,.uk-offcanvas-bar .uk-button-link:focus { color: rgba(255,255,255,.7); } .uk-light .uk-close,.uk-section-primary:not(.uk-preserve-color) .uk-close,.uk-section-secondary:not(.uk-preserve-color) .uk-close,.uk-tile-primary:not(.uk-preserve-color) .uk-close,.uk-tile-secondary:not(.uk-preserve-color) .uk-close,.uk-card-primary.uk-card-body .uk-close,.uk-card-primary > :not([class*=uk-card-media]) .uk-close,.uk-card-secondary.uk-card-body .uk-close,.uk-card-secondary > :not([class*=uk-card-media]) .uk-close,.uk-overlay-primary .uk-close,.uk-offcanvas-bar .uk-close { color: rgba(255,255,255,.5); } .uk-light .uk-close:hover,.uk-light .uk-close:focus,.uk-section-primary:not(.uk-preserve-color) .uk-close:hover,.uk-section-primary:not(.uk-preserve-color) .uk-close:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-close:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-close:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-close:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-close:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-close:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-close:focus,.uk-card-primary.uk-card-body .uk-close:hover,.uk-card-primary.uk-card-body .uk-close:focus,.uk-card-primary > :not([class*=uk-card-media]) .uk-close:hover,.uk-card-primary > :not([class*=uk-card-media]) .uk-close:focus,.uk-card-secondary.uk-card-body .uk-close:hover,.uk-card-secondary.uk-card-body .uk-close:focus,.uk-card-secondary > :not([class*=uk-card-media]) .uk-close:hover,.uk-card-secondary > :not([class*=uk-card-media]) .uk-close:focus,.uk-overlay-primary .uk-close:hover,.uk-overlay-primary .uk-close:focus,.uk-offcanvas-bar .uk-close:hover,.uk-offcanvas-bar .uk-close:focus { color: rgba(255,255,255,.7); } .uk-light .uk-totop,.uk-section-primary:not(.uk-preserve-color) .uk-totop,.uk-section-secondary:not(.uk-preserve-color) .uk-totop,.uk-tile-primary:not(.uk-preserve-color) .uk-totop,.uk-tile-secondary:not(.uk-preserve-color) .uk-totop,.uk-card-primary.uk-card-body .uk-totop,.uk-card-primary > :not([class*=uk-card-media]) .uk-totop,.uk-card-secondary.uk-card-body .uk-totop,.uk-card-secondary > :not([class*=uk-card-media]) .uk-totop,.uk-overlay-primary .uk-totop,.uk-offcanvas-bar .uk-totop { color: rgba(255,255,255,.5); } .uk-light .uk-totop:hover,.uk-light .uk-totop:focus,.uk-section-primary:not(.uk-preserve-color) .uk-totop:hover,.uk-section-primary:not(.uk-preserve-color) .uk-totop:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-totop:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-totop:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-totop:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-totop:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-totop:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-totop:focus,.uk-card-primary.uk-card-body .uk-totop:hover,.uk-card-primary.uk-card-body .uk-totop:focus,.uk-card-primary > :not([class*=uk-card-media]) .uk-totop:hover,.uk-card-primary > :not([class*=uk-card-media]) .uk-totop:focus,.uk-card-secondary.uk-card-body .uk-totop:hover,.uk-card-secondary.uk-card-body .uk-totop:focus,.uk-card-secondary > :not([class*=uk-card-media]) .uk-totop:hover,.uk-card-secondary > :not([class*=uk-card-media]) .uk-totop:focus,.uk-overlay-primary .uk-totop:hover,.uk-overlay-primary .uk-totop:focus,.uk-offcanvas-bar .uk-totop:hover,.uk-offcanvas-bar .uk-totop:focus { color: rgba(255,255,255,.7); } .uk-light .uk-totop:active,.uk-section-primary:not(.uk-preserve-color) .uk-totop:active,.uk-section-secondary:not(.uk-preserve-color) .uk-totop:active,.uk-tile-primary:not(.uk-preserve-color) .uk-totop:active,.uk-tile-secondary:not(.uk-preserve-color) .uk-totop:active,.uk-card-primary.uk-card-body .uk-totop:active,.uk-card-primary > :not([class*=uk-card-media]) .uk-totop:active,.uk-card-secondary.uk-card-body .uk-totop:active,.uk-card-secondary > :not([class*=uk-card-media]) .uk-totop:active,.uk-overlay-primary .uk-totop:active,.uk-offcanvas-bar .uk-totop:active { color: #fff; } .uk-light .uk-marker,.uk-section-primary:not(.uk-preserve-color) .uk-marker,.uk-section-secondary:not(.uk-preserve-color) .uk-marker,.uk-tile-primary:not(.uk-preserve-color) .uk-marker,.uk-tile-secondary:not(.uk-preserve-color) .uk-marker,.uk-card-primary.uk-card-body .uk-marker,.uk-card-primary > :not([class*=uk-card-media]) .uk-marker,.uk-card-secondary.uk-card-body .uk-marker,.uk-card-secondary > :not([class*=uk-card-media]) .uk-marker,.uk-overlay-primary .uk-marker,.uk-offcanvas-bar .uk-marker { background: #F5F5F8; color: #666; } .uk-light .uk-marker:hover,.uk-light .uk-marker:focus,.uk-section-primary:not(.uk-preserve-color) .uk-marker:hover,.uk-section-primary:not(.uk-preserve-color) .uk-marker:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-marker:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-marker:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-marker:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-marker:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-marker:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-marker:focus,.uk-card-primary.uk-card-body .uk-marker:hover,.uk-card-primary.uk-card-body .uk-marker:focus,.uk-card-primary > :not([class*=uk-card-media]) .uk-marker:hover,.uk-card-primary > :not([class*=uk-card-media]) .uk-marker:focus,.uk-card-secondary.uk-card-body .uk-marker:hover,.uk-card-secondary.uk-card-body .uk-marker:focus,.uk-card-secondary > :not([class*=uk-card-media]) .uk-marker:hover,.uk-card-secondary > :not([class*=uk-card-media]) .uk-marker:focus,.uk-overlay-primary .uk-marker:hover,.uk-overlay-primary .uk-marker:focus,.uk-offcanvas-bar .uk-marker:hover,.uk-offcanvas-bar .uk-marker:focus { color: #666; } .uk-light .uk-badge,.uk-section-primary:not(.uk-preserve-color) .uk-badge,.uk-section-secondary:not(.uk-preserve-color) .uk-badge,.uk-tile-primary:not(.uk-preserve-color) .uk-badge,.uk-tile-secondary:not(.uk-preserve-color) .uk-badge,.uk-card-primary.uk-card-body .uk-badge,.uk-card-primary > :not([class*=uk-card-media]) .uk-badge,.uk-card-secondary.uk-card-body .uk-badge,.uk-card-secondary > :not([class*=uk-card-media]) .uk-badge,.uk-overlay-primary .uk-badge,.uk-offcanvas-bar .uk-badge { background-color: #fff; color: #666; } .uk-light .uk-badge:hover,.uk-light .uk-badge:focus,.uk-section-primary:not(.uk-preserve-color) .uk-badge:hover,.uk-section-primary:not(.uk-preserve-color) .uk-badge:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-badge:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-badge:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-badge:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-badge:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-badge:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-badge:focus,.uk-card-primary.uk-card-body .uk-badge:hover,.uk-card-primary.uk-card-body .uk-badge:focus,.uk-card-primary > :not([class*=uk-card-media]) .uk-badge:hover,.uk-card-primary > :not([class*=uk-card-media]) .uk-badge:focus,.uk-card-secondary.uk-card-body .uk-badge:hover,.uk-card-secondary.uk-card-body .uk-badge:focus,.uk-card-secondary > :not([class*=uk-card-media]) .uk-badge:hover,.uk-card-secondary > :not([class*=uk-card-media]) .uk-badge:focus,.uk-overlay-primary .uk-badge:hover,.uk-overlay-primary .uk-badge:focus,.uk-offcanvas-bar .uk-badge:hover,.uk-offcanvas-bar .uk-badge:focus { color: #666; } .uk-light .uk-label,.uk-section-primary:not(.uk-preserve-color) .uk-label,.uk-section-secondary:not(.uk-preserve-color) .uk-label,.uk-tile-primary:not(.uk-preserve-color) .uk-label,.uk-tile-secondary:not(.uk-preserve-color) .uk-label,.uk-card-primary.uk-card-body .uk-label,.uk-card-primary > :not([class*=uk-card-media]) .uk-label,.uk-card-secondary.uk-card-body .uk-label,.uk-card-secondary > :not([class*=uk-card-media]) .uk-label,.uk-overlay-primary .uk-label,.uk-offcanvas-bar .uk-label { background-color: #fff; color: #666; } .uk-light .uk-article-meta,.uk-section-primary:not(.uk-preserve-color) .uk-article-meta,.uk-section-secondary:not(.uk-preserve-color) .uk-article-meta,.uk-tile-primary:not(.uk-preserve-color) .uk-article-meta,.uk-tile-secondary:not(.uk-preserve-color) .uk-article-meta,.uk-card-primary.uk-card-body .uk-article-meta,.uk-card-primary > :not([class*=uk-card-media]) .uk-article-meta,.uk-card-secondary.uk-card-body .uk-article-meta,.uk-card-secondary > :not([class*=uk-card-media]) .uk-article-meta,.uk-overlay-primary .uk-article-meta,.uk-offcanvas-bar .uk-article-meta { color: rgba(255,255,255,.5); } .uk-light .uk-search-input,.uk-section-primary:not(.uk-preserve-color) .uk-search-input,.uk-section-secondary:not(.uk-preserve-color) .uk-search-input,.uk-tile-primary:not(.uk-preserve-color) .uk-search-input,.uk-tile-secondary:not(.uk-preserve-color) .uk-search-input,.uk-card-primary.uk-card-body .uk-search-input,.uk-card-primary > :not([class*=uk-card-media]) .uk-search-input,.uk-card-secondary.uk-card-body .uk-search-input,.uk-card-secondary > :not([class*=uk-card-media]) .uk-search-input,.uk-overlay-primary .uk-search-input,.uk-offcanvas-bar .uk-search-input { color: rgba(255,255,255,.7); } .uk-light .uk-search-input:-ms-input-placeholder,.uk-section-primary:not(.uk-preserve-color) .uk-search-input:-ms-input-placeholder,.uk-section-secondary:not(.uk-preserve-color) .uk-search-input:-ms-input-placeholder,.uk-tile-primary:not(.uk-preserve-color) .uk-search-input:-ms-input-placeholder,.uk-tile-secondary:not(.uk-preserve-color) .uk-search-input:-ms-input-placeholder,.uk-card-primary.uk-card-body .uk-search-input:-ms-input-placeholder,.uk-card-primary > :not([class*=uk-card-media]) .uk-search-input:-ms-input-placeholder,.uk-card-secondary.uk-card-body .uk-search-input:-ms-input-placeholder,.uk-card-secondary > :not([class*=uk-card-media]) .uk-search-input:-ms-input-placeholder,.uk-overlay-primary .uk-search-input:-ms-input-placeholder,.uk-offcanvas-bar .uk-search-input:-ms-input-placeholder { color: rgba(255,255,255,.5) !important; } .uk-light .uk-search-input::placeholder,.uk-section-primary:not(.uk-preserve-color) .uk-search-input::placeholder,.uk-section-secondary:not(.uk-preserve-color) .uk-search-input::placeholder,.uk-tile-primary:not(.uk-preserve-color) .uk-search-input::placeholder,.uk-tile-secondary:not(.uk-preserve-color) .uk-search-input::placeholder,.uk-card-primary.uk-card-body .uk-search-input::placeholder,.uk-card-primary > :not([class*=uk-card-media]) .uk-search-input::placeholder,.uk-card-secondary.uk-card-body .uk-search-input::placeholder,.uk-card-secondary > :not([class*=uk-card-media]) .uk-search-input::placeholder,.uk-overlay-primary .uk-search-input::placeholder,.uk-offcanvas-bar .uk-search-input::placeholder { color: rgba(255,255,255,.5); } .uk-light .uk-search .uk-search-icon,.uk-section-primary:not(.uk-preserve-color) .uk-search .uk-search-icon,.uk-section-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon,.uk-tile-primary:not(.uk-preserve-color) .uk-search .uk-search-icon,.uk-tile-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon,.uk-card-primary.uk-card-body .uk-search .uk-search-icon,.uk-card-primary > :not([class*=uk-card-media]) .uk-search .uk-search-icon,.uk-card-secondary.uk-card-body .uk-search .uk-search-icon,.uk-card-secondary > :not([class*=uk-card-media]) .uk-search .uk-search-icon,.uk-overlay-primary .uk-search .uk-search-icon,.uk-offcanvas-bar .uk-search .uk-search-icon { color: rgba(255,255,255,.5); } .uk-light .uk-search .uk-search-icon:hover,.uk-section-primary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,.uk-card-primary.uk-card-body .uk-search .uk-search-icon:hover,.uk-card-primary > :not([class*=uk-card-media]) .uk-search .uk-search-icon:hover,.uk-card-secondary.uk-card-body .uk-search .uk-search-icon:hover,.uk-card-secondary > :not([class*=uk-card-media]) .uk-search .uk-search-icon:hover,.uk-overlay-primary .uk-search .uk-search-icon:hover,.uk-offcanvas-bar .uk-search .uk-search-icon:hover { color: rgba(255,255,255,.5); } .uk-light .uk-search-default .uk-search-input,.uk-section-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input,.uk-section-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input,.uk-tile-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input,.uk-tile-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input,.uk-card-primary.uk-card-body .uk-search-default .uk-search-input,.uk-card-primary > :not([class*=uk-card-media]) .uk-search-default .uk-search-input,.uk-card-secondary.uk-card-body .uk-search-default .uk-search-input,.uk-card-secondary > :not([class*=uk-card-media]) .uk-search-default .uk-search-input,.uk-overlay-primary .uk-search-default .uk-search-input,.uk-offcanvas-bar .uk-search-default .uk-search-input { background-color: transparent; border-color: rgba(255,255,255,.2); } .uk-light .uk-search-default .uk-search-input:focus,.uk-section-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,.uk-card-primary.uk-card-body .uk-search-default .uk-search-input:focus,.uk-card-primary > :not([class*=uk-card-media]) .uk-search-default .uk-search-input:focus,.uk-card-secondary.uk-card-body .uk-search-default .uk-search-input:focus,.uk-card-secondary > :not([class*=uk-card-media]) .uk-search-default .uk-search-input:focus,.uk-overlay-primary .uk-search-default .uk-search-input:focus,.uk-offcanvas-bar .uk-search-default .uk-search-input:focus { background-color: transparent; } .uk-light .uk-search-navbar .uk-search-input,.uk-section-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,.uk-section-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,.uk-tile-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,.uk-tile-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,.uk-card-primary.uk-card-body .uk-search-navbar .uk-search-input,.uk-card-primary > :not([class*=uk-card-media]) .uk-search-navbar .uk-search-input,.uk-card-secondary.uk-card-body .uk-search-navbar .uk-search-input,.uk-card-secondary > :not([class*=uk-card-media]) .uk-search-navbar .uk-search-input,.uk-overlay-primary .uk-search-navbar .uk-search-input,.uk-offcanvas-bar .uk-search-navbar .uk-search-input { background-color: transparent; } .uk-light .uk-search-large .uk-search-input,.uk-section-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input,.uk-section-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input,.uk-tile-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input,.uk-tile-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input,.uk-card-primary.uk-card-body .uk-search-large .uk-search-input,.uk-card-primary > :not([class*=uk-card-media]) .uk-search-large .uk-search-input,.uk-card-secondary.uk-card-body .uk-search-large .uk-search-input,.uk-card-secondary > :not([class*=uk-card-media]) .uk-search-large .uk-search-input,.uk-overlay-primary .uk-search-large .uk-search-input,.uk-offcanvas-bar .uk-search-large .uk-search-input { background-color: transparent; } .uk-light .uk-search-toggle,.uk-section-primary:not(.uk-preserve-color) .uk-search-toggle,.uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle,.uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle,.uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle,.uk-card-primary.uk-card-body .uk-search-toggle,.uk-card-primary > :not([class*=uk-card-media]) .uk-search-toggle,.uk-card-secondary.uk-card-body .uk-search-toggle,.uk-card-secondary > :not([class*=uk-card-media]) .uk-search-toggle,.uk-overlay-primary .uk-search-toggle,.uk-offcanvas-bar .uk-search-toggle { color: rgba(255,255,255,.5); } .uk-light .uk-search-toggle:hover,.uk-light .uk-search-toggle:focus,.uk-section-primary:not(.uk-preserve-color) .uk-search-toggle:hover,.uk-section-primary:not(.uk-preserve-color) .uk-search-toggle:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle:focus,.uk-card-primary.uk-card-body .uk-search-toggle:hover,.uk-card-primary.uk-card-body .uk-search-toggle:focus,.uk-card-primary > :not([class*=uk-card-media]) .uk-search-toggle:hover,.uk-card-primary > :not([class*=uk-card-media]) .uk-search-toggle:focus,.uk-card-secondary.uk-card-body .uk-search-toggle:hover,.uk-card-secondary.uk-card-body .uk-search-toggle:focus,.uk-card-secondary > :not([class*=uk-card-media]) .uk-search-toggle:hover,.uk-card-secondary > :not([class*=uk-card-media]) .uk-search-toggle:focus,.uk-overlay-primary .uk-search-toggle:hover,.uk-overlay-primary .uk-search-toggle:focus,.uk-offcanvas-bar .uk-search-toggle:hover,.uk-offcanvas-bar .uk-search-toggle:focus { color: rgba(255,255,255,.7); } .uk-light .uk-accordion-title,.uk-section-primary:not(.uk-preserve-color) .uk-accordion-title,.uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title,.uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title,.uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title,.uk-card-primary.uk-card-body .uk-accordion-title,.uk-card-primary > :not([class*=uk-card-media]) .uk-accordion-title,.uk-card-secondary.uk-card-body .uk-accordion-title,.uk-card-secondary > :not([class*=uk-card-media]) .uk-accordion-title,.uk-overlay-primary .uk-accordion-title,.uk-offcanvas-bar .uk-accordion-title { color: #fff; } .uk-light .uk-accordion-title:hover,.uk-light .uk-accordion-title:focus,.uk-section-primary:not(.uk-preserve-color) .uk-accordion-title:hover,.uk-section-primary:not(.uk-preserve-color) .uk-accordion-title:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title:focus,.uk-card-primary.uk-card-body .uk-accordion-title:hover,.uk-card-primary.uk-card-body .uk-accordion-title:focus,.uk-card-primary > :not([class*=uk-card-media]) .uk-accordion-title:hover,.uk-card-primary > :not([class*=uk-card-media]) .uk-accordion-title:focus,.uk-card-secondary.uk-card-body .uk-accordion-title:hover,.uk-card-secondary.uk-card-body .uk-accordion-title:focus,.uk-card-secondary > :not([class*=uk-card-media]) .uk-accordion-title:hover,.uk-card-secondary > :not([class*=uk-card-media]) .uk-accordion-title:focus,.uk-overlay-primary .uk-accordion-title:hover,.uk-overlay-primary .uk-accordion-title:focus,.uk-offcanvas-bar .uk-accordion-title:hover,.uk-offcanvas-bar .uk-accordion-title:focus { color: rgba(255,255,255,.7); } .uk-light .uk-grid-divider > :not(.uk-first-column)::before,.uk-section-primary:not(.uk-preserve-color) .uk-grid-divider > :not(.uk-first-column)::before,.uk-section-secondary:not(.uk-preserve-color) .uk-grid-divider > :not(.uk-first-column)::before,.uk-tile-primary:not(.uk-preserve-color) .uk-grid-divider > :not(.uk-first-column)::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-grid-divider > :not(.uk-first-column)::before,.uk-card-primary.uk-card-body .uk-grid-divider > :not(.uk-first-column)::before,.uk-card-primary > :not([class*=uk-card-media]) .uk-grid-divider > :not(.uk-first-column)::before,.uk-card-secondary.uk-card-body .uk-grid-divider > :not(.uk-first-column)::before,.uk-card-secondary > :not([class*=uk-card-media]) .uk-grid-divider > :not(.uk-first-column)::before,.uk-overlay-primary .uk-grid-divider > :not(.uk-first-column)::before,.uk-offcanvas-bar .uk-grid-divider > :not(.uk-first-column)::before { border-left-color: rgba(255,255,255,.2); } .uk-light .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before,.uk-section-primary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before,.uk-section-secondary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before,.uk-tile-primary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before,.uk-card-primary.uk-card-body .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before,.uk-card-primary > :not([class*=uk-card-media]) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before,.uk-card-secondary.uk-card-body .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before,.uk-card-secondary > :not([class*=uk-card-media]) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before,.uk-overlay-primary .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before,.uk-offcanvas-bar .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before { border-top-color: rgba(255,255,255,.2); } .uk-light .uk-nav-parent-icon > .uk-parent > a::after,.uk-section-primary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent > a::after,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent > a::after,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent > a::after,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent > a::after,.uk-card-primary.uk-card-body .uk-nav-parent-icon > .uk-parent > a::after,.uk-card-primary > :not([class*=uk-card-media]) .uk-nav-parent-icon > .uk-parent > a::after,.uk-card-secondary.uk-card-body .uk-nav-parent-icon > .uk-parent > a::after,.uk-card-secondary > :not([class*=uk-card-media]) .uk-nav-parent-icon > .uk-parent > a::after,.uk-overlay-primary .uk-nav-parent-icon > .uk-parent > a::after,.uk-offcanvas-bar .uk-nav-parent-icon > .uk-parent > a::after { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20stroke-width%3D%221.1%22%20points%3D%2210%201%204%207%2010%2013%22%20%2F%3E%0A%3C%2Fsvg%3E") ; } .uk-light .uk-nav-parent-icon > .uk-parent.uk-open > a::after,.uk-section-primary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent.uk-open > a::after,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent.uk-open > a::after,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent.uk-open > a::after,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent.uk-open > a::after,.uk-card-primary.uk-card-body .uk-nav-parent-icon > .uk-parent.uk-open > a::after,.uk-card-primary > :not([class*=uk-card-media]) .uk-nav-parent-icon > .uk-parent.uk-open > a::after,.uk-card-secondary.uk-card-body .uk-nav-parent-icon > .uk-parent.uk-open > a::after,.uk-card-secondary > :not([class*=uk-card-media]) .uk-nav-parent-icon > .uk-parent.uk-open > a::after,.uk-overlay-primary .uk-nav-parent-icon > .uk-parent.uk-open > a::after,.uk-offcanvas-bar .uk-nav-parent-icon > .uk-parent.uk-open > a::after { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20stroke-width%3D%221.1%22%20points%3D%221%204%207%2010%2013%204%22%20%2F%3E%0A%3C%2Fsvg%3E") ; } .uk-light .uk-nav-default > li > a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-default > li > a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default > li > a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default > li > a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default > li > a,.uk-card-primary.uk-card-body .uk-nav-default > li > a,.uk-card-primary > :not([class*=uk-card-media]) .uk-nav-default > li > a,.uk-card-secondary.uk-card-body .uk-nav-default > li > a,.uk-card-secondary > :not([class*=uk-card-media]) .uk-nav-default > li > a,.uk-overlay-primary .uk-nav-default > li > a,.uk-offcanvas-bar .uk-nav-default > li > a { color: rgba(255,255,255,.5); } .uk-light .uk-nav-default > li > a:hover,.uk-light .uk-nav-default > li > a:focus,.uk-section-primary:not(.uk-preserve-color) .uk-nav-default > li > a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-nav-default > li > a:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default > li > a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default > li > a:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default > li > a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default > li > a:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default > li > a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default > li > a:focus,.uk-card-primary.uk-card-body .uk-nav-default > li > a:hover,.uk-card-primary.uk-card-body .uk-nav-default > li > a:focus,.uk-card-primary > :not([class*=uk-card-media]) .uk-nav-default > li > a:hover,.uk-card-primary > :not([class*=uk-card-media]) .uk-nav-default > li > a:focus,.uk-card-secondary.uk-card-body .uk-nav-default > li > a:hover,.uk-card-secondary.uk-card-body .uk-nav-default > li > a:focus,.uk-card-secondary > :not([class*=uk-card-media]) .uk-nav-default > li > a:hover,.uk-card-secondary > :not([class*=uk-card-media]) .uk-nav-default > li > a:focus,.uk-overlay-primary .uk-nav-default > li > a:hover,.uk-overlay-primary .uk-nav-default > li > a:focus,.uk-offcanvas-bar .uk-nav-default > li > a:hover,.uk-offcanvas-bar .uk-nav-default > li > a:focus { color: rgba(255,255,255,.7); } .uk-light .uk-nav-default > li.uk-active > a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-default > li.uk-active > a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default > li.uk-active > a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default > li.uk-active > a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default > li.uk-active > a,.uk-card-primary.uk-card-body .uk-nav-default > li.uk-active > a,.uk-card-primary > :not([class*=uk-card-media]) .uk-nav-default > li.uk-active > a,.uk-card-secondary.uk-card-body .uk-nav-default > li.uk-active > a,.uk-card-secondary > :not([class*=uk-card-media]) .uk-nav-default > li.uk-active > a,.uk-overlay-primary .uk-nav-default > li.uk-active > a,.uk-offcanvas-bar .uk-nav-default > li.uk-active > a { color: #fff; } .uk-light .uk-nav-default .uk-nav-header,.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header,.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-header,.uk-card-primary > :not([class*=uk-card-media]) .uk-nav-default .uk-nav-header,.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-header,.uk-card-secondary > :not([class*=uk-card-media]) .uk-nav-default .uk-nav-header,.uk-overlay-primary .uk-nav-default .uk-nav-header,.uk-offcanvas-bar .uk-nav-default .uk-nav-header { color: #fff; } .uk-light .uk-nav-default .uk-nav-divider,.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider,.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-divider,.uk-card-primary > :not([class*=uk-card-media]) .uk-nav-default .uk-nav-divider,.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-divider,.uk-card-secondary > :not([class*=uk-card-media]) .uk-nav-default .uk-nav-divider,.uk-overlay-primary .uk-nav-default .uk-nav-divider,.uk-offcanvas-bar .uk-nav-default .uk-nav-divider { border-top-color: rgba(255,255,255,.2); } .uk-light .uk-nav-default .uk-nav-sub a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a,.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub a,.uk-card-primary > :not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub a,.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub a,.uk-card-secondary > :not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub a,.uk-overlay-primary .uk-nav-default .uk-nav-sub a,.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a { color: rgba(255,255,255,.5); } .uk-light .uk-nav-default .uk-nav-sub a:hover,.uk-light .uk-nav-default .uk-nav-sub a:focus,.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:focus,.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub a:hover,.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub a:focus,.uk-card-primary > :not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub a:hover,.uk-card-primary > :not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub a:focus,.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub a:hover,.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub a:focus,.uk-card-secondary > :not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub a:hover,.uk-card-secondary > :not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub a:focus,.uk-overlay-primary .uk-nav-default .uk-nav-sub a:hover,.uk-overlay-primary .uk-nav-default .uk-nav-sub a:focus,.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a:hover,.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a:focus { color: rgba(255,255,255,.7); } .uk-light .uk-nav-default .uk-nav-sub li.uk-active > a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active > a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active > a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active > a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active > a,.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub li.uk-active > a,.uk-card-primary > :not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub li.uk-active > a,.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub li.uk-active > a,.uk-card-secondary > :not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub li.uk-active > a,.uk-overlay-primary .uk-nav-default .uk-nav-sub li.uk-active > a,.uk-offcanvas-bar .uk-nav-default .uk-nav-sub li.uk-active > a { color: #fff; } .uk-light .uk-nav-primary > li > a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary > li > a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary > li > a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a,.uk-card-primary.uk-card-body .uk-nav-primary > li > a,.uk-card-primary > :not([class*=uk-card-media]) .uk-nav-primary > li > a,.uk-card-secondary.uk-card-body .uk-nav-primary > li > a,.uk-card-secondary > :not([class*=uk-card-media]) .uk-nav-primary > li > a,.uk-overlay-primary .uk-nav-primary > li > a,.uk-offcanvas-bar .uk-nav-primary > li > a { color: rgba(255,255,255,.5); } .uk-light .uk-nav-primary > li > a:hover,.uk-light .uk-nav-primary > li > a:focus,.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary > li > a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary > li > a:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary > li > a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary > li > a:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a:focus,.uk-card-primary.uk-card-body .uk-nav-primary > li > a:hover,.uk-card-primary.uk-card-body .uk-nav-primary > li > a:focus,.uk-card-primary > :not([class*=uk-card-media]) .uk-nav-primary > li > a:hover,.uk-card-primary > :not([class*=uk-card-media]) .uk-nav-primary > li > a:focus,.uk-card-secondary.uk-card-body .uk-nav-primary > li > a:hover,.uk-card-secondary.uk-card-body .uk-nav-primary > li > a:focus,.uk-card-secondary > :not([class*=uk-card-media]) .uk-nav-primary > li > a:hover,.uk-card-secondary > :not([class*=uk-card-media]) .uk-nav-primary > li > a:focus,.uk-overlay-primary .uk-nav-primary > li > a:hover,.uk-overlay-primary .uk-nav-primary > li > a:focus,.uk-offcanvas-bar .uk-nav-primary > li > a:hover,.uk-offcanvas-bar .uk-nav-primary > li > a:focus { color: rgba(255,255,255,.7); } .uk-light .uk-nav-primary > li.uk-active > a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary > li.uk-active > a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary > li.uk-active > a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary > li.uk-active > a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary > li.uk-active > a,.uk-card-primary.uk-card-body .uk-nav-primary > li.uk-active > a,.uk-card-primary > :not([class*=uk-card-media]) .uk-nav-primary > li.uk-active > a,.uk-card-secondary.uk-card-body .uk-nav-primary > li.uk-active > a,.uk-card-secondary > :not([class*=uk-card-media]) .uk-nav-primary > li.uk-active > a,.uk-overlay-primary .uk-nav-primary > li.uk-active > a,.uk-offcanvas-bar .uk-nav-primary > li.uk-active > a { color: #fff; } .uk-light .uk-nav-primary .uk-nav-header,.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header,.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-header,.uk-card-primary > :not([class*=uk-card-media]) .uk-nav-primary .uk-nav-header,.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-header,.uk-card-secondary > :not([class*=uk-card-media]) .uk-nav-primary .uk-nav-header,.uk-overlay-primary .uk-nav-primary .uk-nav-header,.uk-offcanvas-bar .uk-nav-primary .uk-nav-header { color: #fff; } .uk-light .uk-nav-primary .uk-nav-divider,.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider,.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-divider,.uk-card-primary > :not([class*=uk-card-media]) .uk-nav-primary .uk-nav-divider,.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-divider,.uk-card-secondary > :not([class*=uk-card-media]) .uk-nav-primary .uk-nav-divider,.uk-overlay-primary .uk-nav-primary .uk-nav-divider,.uk-offcanvas-bar .uk-nav-primary .uk-nav-divider { border-top-color: rgba(255,255,255,.2); } .uk-light .uk-nav-primary .uk-nav-sub a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a,.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub a,.uk-card-primary > :not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub a,.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub a,.uk-card-secondary > :not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub a,.uk-overlay-primary .uk-nav-primary .uk-nav-sub a,.uk-offcanvas-bar .uk-nav-primary .uk-nav-sub a { color: rgba(255,255,255,.5); } .uk-light .uk-nav-primary .uk-nav-sub a:hover,.uk-light .uk-nav-primary .uk-nav-sub a:focus,.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:focus,.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub a:hover,.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub a:focus,.uk-card-primary > :not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub a:hover,.uk-card-primary > :not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub a:focus,.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub a:hover,.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub a:focus,.uk-card-secondary > :not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub a:hover,.uk-card-secondary > :not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub a:focus,.uk-overlay-primary .uk-nav-primary .uk-nav-sub a:hover,.uk-overlay-primary .uk-nav-primary .uk-nav-sub a:focus,.uk-offcanvas-bar .uk-nav-primary .uk-nav-sub a:hover,.uk-offcanvas-bar .uk-nav-primary .uk-nav-sub a:focus { color: rgba(255,255,255,.7); } .uk-light .uk-nav-primary .uk-nav-sub li.uk-active > a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active > a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active > a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active > a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active > a,.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub li.uk-active > a,.uk-card-primary > :not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub li.uk-active > a,.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub li.uk-active > a,.uk-card-secondary > :not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub li.uk-active > a,.uk-overlay-primary .uk-nav-primary .uk-nav-sub li.uk-active > a,.uk-offcanvas-bar .uk-nav-primary .uk-nav-sub li.uk-active > a { color: #fff; } .uk-light .uk-navbar-nav > li > a,.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a,.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a,.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a,.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a,.uk-card-primary.uk-card-body .uk-navbar-nav > li > a,.uk-card-primary > :not([class*=uk-card-media]) .uk-navbar-nav > li > a,.uk-card-secondary.uk-card-body .uk-navbar-nav > li > a,.uk-card-secondary > :not([class*=uk-card-media]) .uk-navbar-nav > li > a,.uk-overlay-primary .uk-navbar-nav > li > a,.uk-offcanvas-bar .uk-navbar-nav > li > a { color: rgba(255,255,255,.5); } .uk-light .uk-navbar-nav > li:hover > a,.uk-light .uk-navbar-nav > li > a:focus,.uk-light .uk-navbar-nav > li > a.uk-open,.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a,.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a:focus,.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a.uk-open,.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a,.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a.uk-open,.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a,.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a.uk-open,.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a,.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a.uk-open,.uk-card-primary.uk-card-body .uk-navbar-nav > li:hover > a,.uk-card-primary.uk-card-body .uk-navbar-nav > li > a:focus,.uk-card-primary.uk-card-body .uk-navbar-nav > li > a.uk-open,.uk-card-primary > :not([class*=uk-card-media]) .uk-navbar-nav > li:hover > a,.uk-card-primary > :not([class*=uk-card-media]) .uk-navbar-nav > li > a:focus,.uk-card-primary > :not([class*=uk-card-media]) .uk-navbar-nav > li > a.uk-open,.uk-card-secondary.uk-card-body .uk-navbar-nav > li:hover > a,.uk-card-secondary.uk-card-body .uk-navbar-nav > li > a:focus,.uk-card-secondary.uk-card-body .uk-navbar-nav > li > a.uk-open,.uk-card-secondary > :not([class*=uk-card-media]) .uk-navbar-nav > li:hover > a,.uk-card-secondary > :not([class*=uk-card-media]) .uk-navbar-nav > li > a:focus,.uk-card-secondary > :not([class*=uk-card-media]) .uk-navbar-nav > li > a.uk-open,.uk-overlay-primary .uk-navbar-nav > li:hover > a,.uk-overlay-primary .uk-navbar-nav > li > a:focus,.uk-overlay-primary .uk-navbar-nav > li > a.uk-open,.uk-offcanvas-bar .uk-navbar-nav > li:hover > a,.uk-offcanvas-bar .uk-navbar-nav > li > a:focus,.uk-offcanvas-bar .uk-navbar-nav > li > a.uk-open { color: rgba(255,255,255,.7); } .uk-light .uk-navbar-nav > li > a:active,.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a:active,.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a:active,.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a:active,.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a:active,.uk-card-primary.uk-card-body .uk-navbar-nav > li > a:active,.uk-card-primary > :not([class*=uk-card-media]) .uk-navbar-nav > li > a:active,.uk-card-secondary.uk-card-body .uk-navbar-nav > li > a:active,.uk-card-secondary > :not([class*=uk-card-media]) .uk-navbar-nav > li > a:active,.uk-overlay-primary .uk-navbar-nav > li > a:active,.uk-offcanvas-bar .uk-navbar-nav > li > a:active { color: #fff; } .uk-light .uk-navbar-nav > li.uk-active > a,.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a,.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a,.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a,.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a,.uk-card-primary.uk-card-body .uk-navbar-nav > li.uk-active > a,.uk-card-primary > :not([class*=uk-card-media]) .uk-navbar-nav > li.uk-active > a,.uk-card-secondary.uk-card-body .uk-navbar-nav > li.uk-active > a,.uk-card-secondary > :not([class*=uk-card-media]) .uk-navbar-nav > li.uk-active > a,.uk-overlay-primary .uk-navbar-nav > li.uk-active > a,.uk-offcanvas-bar .uk-navbar-nav > li.uk-active > a { color: #fff; } .uk-light .uk-navbar-item,.uk-section-primary:not(.uk-preserve-color) .uk-navbar-item,.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-item,.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-item,.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-item,.uk-card-primary.uk-card-body .uk-navbar-item,.uk-card-primary > :not([class*=uk-card-media]) .uk-navbar-item,.uk-card-secondary.uk-card-body .uk-navbar-item,.uk-card-secondary > :not([class*=uk-card-media]) .uk-navbar-item,.uk-overlay-primary .uk-navbar-item,.uk-offcanvas-bar .uk-navbar-item { color: rgba(255,255,255,.7); } .uk-light .uk-navbar-toggle,.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle,.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle,.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle,.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle,.uk-card-primary.uk-card-body .uk-navbar-toggle,.uk-card-primary > :not([class*=uk-card-media]) .uk-navbar-toggle,.uk-card-secondary.uk-card-body .uk-navbar-toggle,.uk-card-secondary > :not([class*=uk-card-media]) .uk-navbar-toggle,.uk-overlay-primary .uk-navbar-toggle,.uk-offcanvas-bar .uk-navbar-toggle { color: rgba(255,255,255,.5); } .uk-light .uk-navbar-toggle:hover,.uk-light .uk-navbar-toggle:focus,.uk-light .uk-navbar-toggle.uk-open,.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle:hover,.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle:focus,.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle.uk-open,.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle.uk-open,.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle.uk-open,.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle.uk-open,.uk-card-primary.uk-card-body .uk-navbar-toggle:hover,.uk-card-primary.uk-card-body .uk-navbar-toggle:focus,.uk-card-primary.uk-card-body .uk-navbar-toggle.uk-open,.uk-card-primary > :not([class*=uk-card-media]) .uk-navbar-toggle:hover,.uk-card-primary > :not([class*=uk-card-media]) .uk-navbar-toggle:focus,.uk-card-primary > :not([class*=uk-card-media]) .uk-navbar-toggle.uk-open,.uk-card-secondary.uk-card-body .uk-navbar-toggle:hover,.uk-card-secondary.uk-card-body .uk-navbar-toggle:focus,.uk-card-secondary.uk-card-body .uk-navbar-toggle.uk-open,.uk-card-secondary > :not([class*=uk-card-media]) .uk-navbar-toggle:hover,.uk-card-secondary > :not([class*=uk-card-media]) .uk-navbar-toggle:focus,.uk-card-secondary > :not([class*=uk-card-media]) .uk-navbar-toggle.uk-open,.uk-overlay-primary .uk-navbar-toggle:hover,.uk-overlay-primary .uk-navbar-toggle:focus,.uk-overlay-primary .uk-navbar-toggle.uk-open,.uk-offcanvas-bar .uk-navbar-toggle:hover,.uk-offcanvas-bar .uk-navbar-toggle:focus,.uk-offcanvas-bar .uk-navbar-toggle.uk-open { color: rgba(255,255,255,.7); } .uk-light .uk-subnav > * > :first-child,.uk-section-primary:not(.uk-preserve-color) .uk-subnav > * > :first-child,.uk-section-secondary:not(.uk-preserve-color) .uk-subnav > * > :first-child,.uk-tile-primary:not(.uk-preserve-color) .uk-subnav > * > :first-child,.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav > * > :first-child,.uk-card-primary.uk-card-body .uk-subnav > * > :first-child,.uk-card-primary > :not([class*=uk-card-media]) .uk-subnav > * > :first-child,.uk-card-secondary.uk-card-body .uk-subnav > * > :first-child,.uk-card-secondary > :not([class*=uk-card-media]) .uk-subnav > * > :first-child,.uk-overlay-primary .uk-subnav > * > :first-child,.uk-offcanvas-bar .uk-subnav > * > :first-child { color: rgba(255,255,255,.5); } .uk-light .uk-subnav > * > a:hover,.uk-light .uk-subnav > * > a:focus,.uk-section-primary:not(.uk-preserve-color) .uk-subnav > * > a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-subnav > * > a:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-subnav > * > a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-subnav > * > a:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-subnav > * > a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-subnav > * > a:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav > * > a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav > * > a:focus,.uk-card-primary.uk-card-body .uk-subnav > * > a:hover,.uk-card-primary.uk-card-body .uk-subnav > * > a:focus,.uk-card-primary > :not([class*=uk-card-media]) .uk-subnav > * > a:hover,.uk-card-primary > :not([class*=uk-card-media]) .uk-subnav > * > a:focus,.uk-card-secondary.uk-card-body .uk-subnav > * > a:hover,.uk-card-secondary.uk-card-body .uk-subnav > * > a:focus,.uk-card-secondary > :not([class*=uk-card-media]) .uk-subnav > * > a:hover,.uk-card-secondary > :not([class*=uk-card-media]) .uk-subnav > * > a:focus,.uk-overlay-primary .uk-subnav > * > a:hover,.uk-overlay-primary .uk-subnav > * > a:focus,.uk-offcanvas-bar .uk-subnav > * > a:hover,.uk-offcanvas-bar .uk-subnav > * > a:focus { color: rgba(255,255,255,.7); } .uk-light .uk-subnav > .uk-active > a,.uk-section-primary:not(.uk-preserve-color) .uk-subnav > .uk-active > a,.uk-section-secondary:not(.uk-preserve-color) .uk-subnav > .uk-active > a,.uk-tile-primary:not(.uk-preserve-color) .uk-subnav > .uk-active > a,.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav > .uk-active > a,.uk-card-primary.uk-card-body .uk-subnav > .uk-active > a,.uk-card-primary > :not([class*=uk-card-media]) .uk-subnav > .uk-active > a,.uk-card-secondary.uk-card-body .uk-subnav > .uk-active > a,.uk-card-secondary > :not([class*=uk-card-media]) .uk-subnav > .uk-active > a,.uk-overlay-primary .uk-subnav > .uk-active > a,.uk-offcanvas-bar .uk-subnav > .uk-active > a { color: #fff; } .uk-light .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before,.uk-section-primary:not(.uk-preserve-color) .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before,.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before,.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before,.uk-card-primary.uk-card-body .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before,.uk-card-primary > :not([class*=uk-card-media]) .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before,.uk-card-secondary.uk-card-body .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before,.uk-card-secondary > :not([class*=uk-card-media]) .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before,.uk-overlay-primary .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before,.uk-offcanvas-bar .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before { border-left-color: rgba(255,255,255,.2); } .uk-light .uk-subnav-pill > * > :first-child,.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill > * > :first-child,.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > :first-child,.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill > * > :first-child,.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > :first-child,.uk-card-primary.uk-card-body .uk-subnav-pill > * > :first-child,.uk-card-primary > :not([class*=uk-card-media]) .uk-subnav-pill > * > :first-child,.uk-card-secondary.uk-card-body .uk-subnav-pill > * > :first-child,.uk-card-secondary > :not([class*=uk-card-media]) .uk-subnav-pill > * > :first-child,.uk-overlay-primary .uk-subnav-pill > * > :first-child,.uk-offcanvas-bar .uk-subnav-pill > * > :first-child { background-color: transparent; color: rgba(255,255,255,.5); } .uk-light .uk-subnav-pill > * > a:hover,.uk-light .uk-subnav-pill > * > a:focus,.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:focus,.uk-card-primary.uk-card-body .uk-subnav-pill > * > a:hover,.uk-card-primary.uk-card-body .uk-subnav-pill > * > a:focus,.uk-card-primary > :not([class*=uk-card-media]) .uk-subnav-pill > * > a:hover,.uk-card-primary > :not([class*=uk-card-media]) .uk-subnav-pill > * > a:focus,.uk-card-secondary.uk-card-body .uk-subnav-pill > * > a:hover,.uk-card-secondary.uk-card-body .uk-subnav-pill > * > a:focus,.uk-card-secondary > :not([class*=uk-card-media]) .uk-subnav-pill > * > a:hover,.uk-card-secondary > :not([class*=uk-card-media]) .uk-subnav-pill > * > a:focus,.uk-overlay-primary .uk-subnav-pill > * > a:hover,.uk-overlay-primary .uk-subnav-pill > * > a:focus,.uk-offcanvas-bar .uk-subnav-pill > * > a:hover,.uk-offcanvas-bar .uk-subnav-pill > * > a:focus { background-color: rgba(255,255,255,.1); color: rgba(255,255,255,.7); } .uk-light .uk-subnav-pill > * > a:active,.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:active,.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:active,.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:active,.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:active,.uk-card-primary.uk-card-body .uk-subnav-pill > * > a:active,.uk-card-primary > :not([class*=uk-card-media]) .uk-subnav-pill > * > a:active,.uk-card-secondary.uk-card-body .uk-subnav-pill > * > a:active,.uk-card-secondary > :not([class*=uk-card-media]) .uk-subnav-pill > * > a:active,.uk-overlay-primary .uk-subnav-pill > * > a:active,.uk-offcanvas-bar .uk-subnav-pill > * > a:active { background-color: rgba(255,255,255,.1); color: rgba(255,255,255,.7); } .uk-light .uk-subnav-pill > .uk-active > a,.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill > .uk-active > a,.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill > .uk-active > a,.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill > .uk-active > a,.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill > .uk-active > a,.uk-card-primary.uk-card-body .uk-subnav-pill > .uk-active > a,.uk-card-primary > :not([class*=uk-card-media]) .uk-subnav-pill > .uk-active > a,.uk-card-secondary.uk-card-body .uk-subnav-pill > .uk-active > a,.uk-card-secondary > :not([class*=uk-card-media]) .uk-subnav-pill > .uk-active > a,.uk-overlay-primary .uk-subnav-pill > .uk-active > a,.uk-offcanvas-bar .uk-subnav-pill > .uk-active > a { background-color: #fff; color: #666; } .uk-light .uk-subnav > .uk-disabled > a,.uk-section-primary:not(.uk-preserve-color) .uk-subnav > .uk-disabled > a,.uk-section-secondary:not(.uk-preserve-color) .uk-subnav > .uk-disabled > a,.uk-tile-primary:not(.uk-preserve-color) .uk-subnav > .uk-disabled > a,.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav > .uk-disabled > a,.uk-card-primary.uk-card-body .uk-subnav > .uk-disabled > a,.uk-card-primary > :not([class*=uk-card-media]) .uk-subnav > .uk-disabled > a,.uk-card-secondary.uk-card-body .uk-subnav > .uk-disabled > a,.uk-card-secondary > :not([class*=uk-card-media]) .uk-subnav > .uk-disabled > a,.uk-overlay-primary .uk-subnav > .uk-disabled > a,.uk-offcanvas-bar .uk-subnav > .uk-disabled > a { color: rgba(255,255,255,.5); } .uk-light .uk-breadcrumb > * > *,.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb > * > *,.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > *,.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb > * > *,.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > *,.uk-card-primary.uk-card-body .uk-breadcrumb > * > *,.uk-card-primary > :not([class*=uk-card-media]) .uk-breadcrumb > * > *,.uk-card-secondary.uk-card-body .uk-breadcrumb > * > *,.uk-card-secondary > :not([class*=uk-card-media]) .uk-breadcrumb > * > *,.uk-overlay-primary .uk-breadcrumb > * > *,.uk-offcanvas-bar .uk-breadcrumb > * > * { color: rgba(255,255,255,.5); } .uk-light .uk-breadcrumb > * > :hover,.uk-light .uk-breadcrumb > * > :focus,.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb > * > :hover,.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb > * > :focus,.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > :hover,.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > :focus,.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb > * > :hover,.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb > * > :focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > :hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > :focus,.uk-card-primary.uk-card-body .uk-breadcrumb > * > :hover,.uk-card-primary.uk-card-body .uk-breadcrumb > * > :focus,.uk-card-primary > :not([class*=uk-card-media]) .uk-breadcrumb > * > :hover,.uk-card-primary > :not([class*=uk-card-media]) .uk-breadcrumb > * > :focus,.uk-card-secondary.uk-card-body .uk-breadcrumb > * > :hover,.uk-card-secondary.uk-card-body .uk-breadcrumb > * > :focus,.uk-card-secondary > :not([class*=uk-card-media]) .uk-breadcrumb > * > :hover,.uk-card-secondary > :not([class*=uk-card-media]) .uk-breadcrumb > * > :focus,.uk-overlay-primary .uk-breadcrumb > * > :hover,.uk-overlay-primary .uk-breadcrumb > * > :focus,.uk-offcanvas-bar .uk-breadcrumb > * > :hover,.uk-offcanvas-bar .uk-breadcrumb > * > :focus { color: rgba(255,255,255,.7); } .uk-light .uk-breadcrumb > :last-child > *,.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb > :last-child > *,.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb > :last-child > *,.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb > :last-child > *,.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb > :last-child > *,.uk-card-primary.uk-card-body .uk-breadcrumb > :last-child > *,.uk-card-primary > :not([class*=uk-card-media]) .uk-breadcrumb > :last-child > *,.uk-card-secondary.uk-card-body .uk-breadcrumb > :last-child > *,.uk-card-secondary > :not([class*=uk-card-media]) .uk-breadcrumb > :last-child > *,.uk-overlay-primary .uk-breadcrumb > :last-child > *,.uk-offcanvas-bar .uk-breadcrumb > :last-child > * { color: rgba(255,255,255,.7); } .uk-light .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before,.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before,.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before,.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before,.uk-card-primary.uk-card-body .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before,.uk-card-primary > :not([class*=uk-card-media]) .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before,.uk-card-secondary.uk-card-body .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before,.uk-card-secondary > :not([class*=uk-card-media]) .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before,.uk-overlay-primary .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before,.uk-offcanvas-bar .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before { color: rgba(255,255,255,.5); } .uk-light .uk-pagination > * > *,.uk-section-primary:not(.uk-preserve-color) .uk-pagination > * > *,.uk-section-secondary:not(.uk-preserve-color) .uk-pagination > * > *,.uk-tile-primary:not(.uk-preserve-color) .uk-pagination > * > *,.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination > * > *,.uk-card-primary.uk-card-body .uk-pagination > * > *,.uk-card-primary > :not([class*=uk-card-media]) .uk-pagination > * > *,.uk-card-secondary.uk-card-body .uk-pagination > * > *,.uk-card-secondary > :not([class*=uk-card-media]) .uk-pagination > * > *,.uk-overlay-primary .uk-pagination > * > *,.uk-offcanvas-bar .uk-pagination > * > * { color: rgba(255,255,255,.5); } .uk-light .uk-pagination > * > :hover,.uk-light .uk-pagination > * > :focus,.uk-section-primary:not(.uk-preserve-color) .uk-pagination > * > :hover,.uk-section-primary:not(.uk-preserve-color) .uk-pagination > * > :focus,.uk-section-secondary:not(.uk-preserve-color) .uk-pagination > * > :hover,.uk-section-secondary:not(.uk-preserve-color) .uk-pagination > * > :focus,.uk-tile-primary:not(.uk-preserve-color) .uk-pagination > * > :hover,.uk-tile-primary:not(.uk-preserve-color) .uk-pagination > * > :focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination > * > :hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination > * > :focus,.uk-card-primary.uk-card-body .uk-pagination > * > :hover,.uk-card-primary.uk-card-body .uk-pagination > * > :focus,.uk-card-primary > :not([class*=uk-card-media]) .uk-pagination > * > :hover,.uk-card-primary > :not([class*=uk-card-media]) .uk-pagination > * > :focus,.uk-card-secondary.uk-card-body .uk-pagination > * > :hover,.uk-card-secondary.uk-card-body .uk-pagination > * > :focus,.uk-card-secondary > :not([class*=uk-card-media]) .uk-pagination > * > :hover,.uk-card-secondary > :not([class*=uk-card-media]) .uk-pagination > * > :focus,.uk-overlay-primary .uk-pagination > * > :hover,.uk-overlay-primary .uk-pagination > * > :focus,.uk-offcanvas-bar .uk-pagination > * > :hover,.uk-offcanvas-bar .uk-pagination > * > :focus { color: rgba(255,255,255,.7); } .uk-light .uk-pagination > .uk-active > *,.uk-section-primary:not(.uk-preserve-color) .uk-pagination > .uk-active > *,.uk-section-secondary:not(.uk-preserve-color) .uk-pagination > .uk-active > *,.uk-tile-primary:not(.uk-preserve-color) .uk-pagination > .uk-active > *,.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination > .uk-active > *,.uk-card-primary.uk-card-body .uk-pagination > .uk-active > *,.uk-card-primary > :not([class*=uk-card-media]) .uk-pagination > .uk-active > *,.uk-card-secondary.uk-card-body .uk-pagination > .uk-active > *,.uk-card-secondary > :not([class*=uk-card-media]) .uk-pagination > .uk-active > *,.uk-overlay-primary .uk-pagination > .uk-active > *,.uk-offcanvas-bar .uk-pagination > .uk-active > * { color: rgba(255,255,255,.7); } .uk-light .uk-pagination > .uk-disabled > *,.uk-section-primary:not(.uk-preserve-color) .uk-pagination > .uk-disabled > *,.uk-section-secondary:not(.uk-preserve-color) .uk-pagination > .uk-disabled > *,.uk-tile-primary:not(.uk-preserve-color) .uk-pagination > .uk-disabled > *,.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination > .uk-disabled > *,.uk-card-primary.uk-card-body .uk-pagination > .uk-disabled > *,.uk-card-primary > :not([class*=uk-card-media]) .uk-pagination > .uk-disabled > *,.uk-card-secondary.uk-card-body .uk-pagination > .uk-disabled > *,.uk-card-secondary > :not([class*=uk-card-media]) .uk-pagination > .uk-disabled > *,.uk-overlay-primary .uk-pagination > .uk-disabled > *,.uk-offcanvas-bar .uk-pagination > .uk-disabled > * { color: rgba(255,255,255,.5); } .uk-light .uk-tab::before,.uk-section-primary:not(.uk-preserve-color) .uk-tab::before,.uk-section-secondary:not(.uk-preserve-color) .uk-tab::before,.uk-tile-primary:not(.uk-preserve-color) .uk-tab::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-tab::before,.uk-card-primary.uk-card-body .uk-tab::before,.uk-card-primary > :not([class*=uk-card-media]) .uk-tab::before,.uk-card-secondary.uk-card-body .uk-tab::before,.uk-card-secondary > :not([class*=uk-card-media]) .uk-tab::before,.uk-overlay-primary .uk-tab::before,.uk-offcanvas-bar .uk-tab::before { border-color: rgba(255,255,255,.2); } .uk-light .uk-tab > * > a,.uk-section-primary:not(.uk-preserve-color) .uk-tab > * > a,.uk-section-secondary:not(.uk-preserve-color) .uk-tab > * > a,.uk-tile-primary:not(.uk-preserve-color) .uk-tab > * > a,.uk-tile-secondary:not(.uk-preserve-color) .uk-tab > * > a,.uk-card-primary.uk-card-body .uk-tab > * > a,.uk-card-primary > :not([class*=uk-card-media]) .uk-tab > * > a,.uk-card-secondary.uk-card-body .uk-tab > * > a,.uk-card-secondary > :not([class*=uk-card-media]) .uk-tab > * > a,.uk-overlay-primary .uk-tab > * > a,.uk-offcanvas-bar .uk-tab > * > a { color: rgba(255,255,255,.5); } .uk-light .uk-tab > * > a:hover,.uk-light .uk-tab > * > a:focus,.uk-section-primary:not(.uk-preserve-color) .uk-tab > * > a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-tab > * > a:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-tab > * > a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-tab > * > a:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-tab > * > a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-tab > * > a:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-tab > * > a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-tab > * > a:focus,.uk-card-primary.uk-card-body .uk-tab > * > a:hover,.uk-card-primary.uk-card-body .uk-tab > * > a:focus,.uk-card-primary > :not([class*=uk-card-media]) .uk-tab > * > a:hover,.uk-card-primary > :not([class*=uk-card-media]) .uk-tab > * > a:focus,.uk-card-secondary.uk-card-body .uk-tab > * > a:hover,.uk-card-secondary.uk-card-body .uk-tab > * > a:focus,.uk-card-secondary > :not([class*=uk-card-media]) .uk-tab > * > a:hover,.uk-card-secondary > :not([class*=uk-card-media]) .uk-tab > * > a:focus,.uk-overlay-primary .uk-tab > * > a:hover,.uk-overlay-primary .uk-tab > * > a:focus,.uk-offcanvas-bar .uk-tab > * > a:hover,.uk-offcanvas-bar .uk-tab > * > a:focus { color: rgba(255,255,255,.7); } .uk-light .uk-tab > .uk-active > a,.uk-section-primary:not(.uk-preserve-color) .uk-tab > .uk-active > a,.uk-section-secondary:not(.uk-preserve-color) .uk-tab > .uk-active > a,.uk-tile-primary:not(.uk-preserve-color) .uk-tab > .uk-active > a,.uk-tile-secondary:not(.uk-preserve-color) .uk-tab > .uk-active > a,.uk-card-primary.uk-card-body .uk-tab > .uk-active > a,.uk-card-primary > :not([class*=uk-card-media]) .uk-tab > .uk-active > a,.uk-card-secondary.uk-card-body .uk-tab > .uk-active > a,.uk-card-secondary > :not([class*=uk-card-media]) .uk-tab > .uk-active > a,.uk-overlay-primary .uk-tab > .uk-active > a,.uk-offcanvas-bar .uk-tab > .uk-active > a { color: #fff; border-color: #fff; } .uk-light .uk-tab > .uk-disabled > a,.uk-section-primary:not(.uk-preserve-color) .uk-tab > .uk-disabled > a,.uk-section-secondary:not(.uk-preserve-color) .uk-tab > .uk-disabled > a,.uk-tile-primary:not(.uk-preserve-color) .uk-tab > .uk-disabled > a,.uk-tile-secondary:not(.uk-preserve-color) .uk-tab > .uk-disabled > a,.uk-card-primary.uk-card-body .uk-tab > .uk-disabled > a,.uk-card-primary > :not([class*=uk-card-media]) .uk-tab > .uk-disabled > a,.uk-card-secondary.uk-card-body .uk-tab > .uk-disabled > a,.uk-card-secondary > :not([class*=uk-card-media]) .uk-tab > .uk-disabled > a,.uk-overlay-primary .uk-tab > .uk-disabled > a,.uk-offcanvas-bar .uk-tab > .uk-disabled > a { color: rgba(255,255,255,.5); } .uk-light .uk-slidenav,.uk-section-primary:not(.uk-preserve-color) .uk-slidenav,.uk-section-secondary:not(.uk-preserve-color) .uk-slidenav,.uk-tile-primary:not(.uk-preserve-color) .uk-slidenav,.uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav,.uk-card-primary.uk-card-body .uk-slidenav,.uk-card-primary > :not([class*=uk-card-media]) .uk-slidenav,.uk-card-secondary.uk-card-body .uk-slidenav,.uk-card-secondary > :not([class*=uk-card-media]) .uk-slidenav,.uk-overlay-primary .uk-slidenav,.uk-offcanvas-bar .uk-slidenav { color: rgba(255,255,255,.7); } .uk-light .uk-slidenav:hover,.uk-light .uk-slidenav:focus,.uk-section-primary:not(.uk-preserve-color) .uk-slidenav:hover,.uk-section-primary:not(.uk-preserve-color) .uk-slidenav:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-slidenav:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-slidenav:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-slidenav:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-slidenav:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav:focus,.uk-card-primary.uk-card-body .uk-slidenav:hover,.uk-card-primary.uk-card-body .uk-slidenav:focus,.uk-card-primary > :not([class*=uk-card-media]) .uk-slidenav:hover,.uk-card-primary > :not([class*=uk-card-media]) .uk-slidenav:focus,.uk-card-secondary.uk-card-body .uk-slidenav:hover,.uk-card-secondary.uk-card-body .uk-slidenav:focus,.uk-card-secondary > :not([class*=uk-card-media]) .uk-slidenav:hover,.uk-card-secondary > :not([class*=uk-card-media]) .uk-slidenav:focus,.uk-overlay-primary .uk-slidenav:hover,.uk-overlay-primary .uk-slidenav:focus,.uk-offcanvas-bar .uk-slidenav:hover,.uk-offcanvas-bar .uk-slidenav:focus { color: rgba(255,255,255,.95); } .uk-light .uk-slidenav:active,.uk-section-primary:not(.uk-preserve-color) .uk-slidenav:active,.uk-section-secondary:not(.uk-preserve-color) .uk-slidenav:active,.uk-tile-primary:not(.uk-preserve-color) .uk-slidenav:active,.uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav:active,.uk-card-primary.uk-card-body .uk-slidenav:active,.uk-card-primary > :not([class*=uk-card-media]) .uk-slidenav:active,.uk-card-secondary.uk-card-body .uk-slidenav:active,.uk-card-secondary > :not([class*=uk-card-media]) .uk-slidenav:active,.uk-overlay-primary .uk-slidenav:active,.uk-offcanvas-bar .uk-slidenav:active { color: rgba(255,255,255,.7); } .uk-light .uk-dotnav > * > *,.uk-section-primary:not(.uk-preserve-color) .uk-dotnav > * > *,.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav > * > *,.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav > * > *,.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav > * > *,.uk-card-primary.uk-card-body .uk-dotnav > * > *,.uk-card-primary > :not([class*=uk-card-media]) .uk-dotnav > * > *,.uk-card-secondary.uk-card-body .uk-dotnav > * > *,.uk-card-secondary > :not([class*=uk-card-media]) .uk-dotnav > * > *,.uk-overlay-primary .uk-dotnav > * > *,.uk-offcanvas-bar .uk-dotnav > * > * { background-color: transparent; border-color: rgba(255,255,255,.9); } .uk-light .uk-dotnav > * > :hover,.uk-light .uk-dotnav > * > :focus,.uk-section-primary:not(.uk-preserve-color) .uk-dotnav > * > :hover,.uk-section-primary:not(.uk-preserve-color) .uk-dotnav > * > :focus,.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav > * > :hover,.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav > * > :focus,.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav > * > :hover,.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav > * > :focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav > * > :hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav > * > :focus,.uk-card-primary.uk-card-body .uk-dotnav > * > :hover,.uk-card-primary.uk-card-body .uk-dotnav > * > :focus,.uk-card-primary > :not([class*=uk-card-media]) .uk-dotnav > * > :hover,.uk-card-primary > :not([class*=uk-card-media]) .uk-dotnav > * > :focus,.uk-card-secondary.uk-card-body .uk-dotnav > * > :hover,.uk-card-secondary.uk-card-body .uk-dotnav > * > :focus,.uk-card-secondary > :not([class*=uk-card-media]) .uk-dotnav > * > :hover,.uk-card-secondary > :not([class*=uk-card-media]) .uk-dotnav > * > :focus,.uk-overlay-primary .uk-dotnav > * > :hover,.uk-overlay-primary .uk-dotnav > * > :focus,.uk-offcanvas-bar .uk-dotnav > * > :hover,.uk-offcanvas-bar .uk-dotnav > * > :focus { background-color: rgba(255,255,255,.9); border-color: transparent; } .uk-light .uk-dotnav > * > :active,.uk-section-primary:not(.uk-preserve-color) .uk-dotnav > * > :active,.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav > * > :active,.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav > * > :active,.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav > * > :active,.uk-card-primary.uk-card-body .uk-dotnav > * > :active,.uk-card-primary > :not([class*=uk-card-media]) .uk-dotnav > * > :active,.uk-card-secondary.uk-card-body .uk-dotnav > * > :active,.uk-card-secondary > :not([class*=uk-card-media]) .uk-dotnav > * > :active,.uk-overlay-primary .uk-dotnav > * > :active,.uk-offcanvas-bar .uk-dotnav > * > :active { background-color: rgba(255,255,255,.5); border-color: transparent; } .uk-light .uk-dotnav > .uk-active > *,.uk-section-primary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *,.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *,.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *,.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *,.uk-card-primary.uk-card-body .uk-dotnav > .uk-active > *,.uk-card-primary > :not([class*=uk-card-media]) .uk-dotnav > .uk-active > *,.uk-card-secondary.uk-card-body .uk-dotnav > .uk-active > *,.uk-card-secondary > :not([class*=uk-card-media]) .uk-dotnav > .uk-active > *,.uk-overlay-primary .uk-dotnav > .uk-active > *,.uk-offcanvas-bar .uk-dotnav > .uk-active > * { background-color: rgba(255,255,255,.9); border-color: transparent; } .uk-light .uk-iconnav > * > a,.uk-section-primary:not(.uk-preserve-color) .uk-iconnav > * > a,.uk-section-secondary:not(.uk-preserve-color) .uk-iconnav > * > a,.uk-tile-primary:not(.uk-preserve-color) .uk-iconnav > * > a,.uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav > * > a,.uk-card-primary.uk-card-body .uk-iconnav > * > a,.uk-card-primary > :not([class*=uk-card-media]) .uk-iconnav > * > a,.uk-card-secondary.uk-card-body .uk-iconnav > * > a,.uk-card-secondary > :not([class*=uk-card-media]) .uk-iconnav > * > a,.uk-overlay-primary .uk-iconnav > * > a,.uk-offcanvas-bar .uk-iconnav > * > a { color: rgba(255,255,255,.5); } .uk-light .uk-iconnav > * > a:hover,.uk-light .uk-iconnav > * > a:focus,.uk-section-primary:not(.uk-preserve-color) .uk-iconnav > * > a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-iconnav > * > a:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-iconnav > * > a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-iconnav > * > a:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-iconnav > * > a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-iconnav > * > a:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav > * > a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav > * > a:focus,.uk-card-primary.uk-card-body .uk-iconnav > * > a:hover,.uk-card-primary.uk-card-body .uk-iconnav > * > a:focus,.uk-card-primary > :not([class*=uk-card-media]) .uk-iconnav > * > a:hover,.uk-card-primary > :not([class*=uk-card-media]) .uk-iconnav > * > a:focus,.uk-card-secondary.uk-card-body .uk-iconnav > * > a:hover,.uk-card-secondary.uk-card-body .uk-iconnav > * > a:focus,.uk-card-secondary > :not([class*=uk-card-media]) .uk-iconnav > * > a:hover,.uk-card-secondary > :not([class*=uk-card-media]) .uk-iconnav > * > a:focus,.uk-overlay-primary .uk-iconnav > * > a:hover,.uk-overlay-primary .uk-iconnav > * > a:focus,.uk-offcanvas-bar .uk-iconnav > * > a:hover,.uk-offcanvas-bar .uk-iconnav > * > a:focus { color: rgba(255,255,255,.7); } .uk-light .uk-iconnav > .uk-active > a,.uk-section-primary:not(.uk-preserve-color) .uk-iconnav > .uk-active > a,.uk-section-secondary:not(.uk-preserve-color) .uk-iconnav > .uk-active > a,.uk-tile-primary:not(.uk-preserve-color) .uk-iconnav > .uk-active > a,.uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav > .uk-active > a,.uk-card-primary.uk-card-body .uk-iconnav > .uk-active > a,.uk-card-primary > :not([class*=uk-card-media]) .uk-iconnav > .uk-active > a,.uk-card-secondary.uk-card-body .uk-iconnav > .uk-active > a,.uk-card-secondary > :not([class*=uk-card-media]) .uk-iconnav > .uk-active > a,.uk-overlay-primary .uk-iconnav > .uk-active > a,.uk-offcanvas-bar .uk-iconnav > .uk-active > a { color: rgba(255,255,255,.7); } .uk-light .uk-text-lead,.uk-section-primary:not(.uk-preserve-color) .uk-text-lead,.uk-section-secondary:not(.uk-preserve-color) .uk-text-lead,.uk-tile-primary:not(.uk-preserve-color) .uk-text-lead,.uk-tile-secondary:not(.uk-preserve-color) .uk-text-lead,.uk-card-primary.uk-card-body .uk-text-lead,.uk-card-primary > :not([class*=uk-card-media]) .uk-text-lead,.uk-card-secondary.uk-card-body .uk-text-lead,.uk-card-secondary > :not([class*=uk-card-media]) .uk-text-lead,.uk-overlay-primary .uk-text-lead,.uk-offcanvas-bar .uk-text-lead { color: rgba(255,255,255,.7); } .uk-light .uk-text-meta,.uk-section-primary:not(.uk-preserve-color) .uk-text-meta,.uk-section-secondary:not(.uk-preserve-color) .uk-text-meta,.uk-tile-primary:not(.uk-preserve-color) .uk-text-meta,.uk-tile-secondary:not(.uk-preserve-color) .uk-text-meta,.uk-card-primary.uk-card-body .uk-text-meta,.uk-card-primary > :not([class*=uk-card-media]) .uk-text-meta,.uk-card-secondary.uk-card-body .uk-text-meta,.uk-card-secondary > :not([class*=uk-card-media]) .uk-text-meta,.uk-overlay-primary .uk-text-meta,.uk-offcanvas-bar .uk-text-meta { color: rgba(255,255,255,.5); } .uk-light .uk-text-muted,.uk-section-primary:not(.uk-preserve-color) .uk-text-muted,.uk-section-secondary:not(.uk-preserve-color) .uk-text-muted,.uk-tile-primary:not(.uk-preserve-color) .uk-text-muted,.uk-tile-secondary:not(.uk-preserve-color) .uk-text-muted,.uk-card-primary.uk-card-body .uk-text-muted,.uk-card-primary > :not([class*=uk-card-media]) .uk-text-muted,.uk-card-secondary.uk-card-body .uk-text-muted,.uk-card-secondary > :not([class*=uk-card-media]) .uk-text-muted,.uk-overlay-primary .uk-text-muted,.uk-offcanvas-bar .uk-text-muted { color: rgba(255,255,255,.5) !important; } .uk-light .uk-text-emphasis,.uk-section-primary:not(.uk-preserve-color) .uk-text-emphasis,.uk-section-secondary:not(.uk-preserve-color) .uk-text-emphasis,.uk-tile-primary:not(.uk-preserve-color) .uk-text-emphasis,.uk-tile-secondary:not(.uk-preserve-color) .uk-text-emphasis,.uk-card-primary.uk-card-body .uk-text-emphasis,.uk-card-primary > :not([class*=uk-card-media]) .uk-text-emphasis,.uk-card-secondary.uk-card-body .uk-text-emphasis,.uk-card-secondary > :not([class*=uk-card-media]) .uk-text-emphasis,.uk-overlay-primary .uk-text-emphasis,.uk-offcanvas-bar .uk-text-emphasis { color: #fff !important; } .uk-light .uk-text-primary,.uk-section-primary:not(.uk-preserve-color) .uk-text-primary,.uk-section-secondary:not(.uk-preserve-color) .uk-text-primary,.uk-tile-primary:not(.uk-preserve-color) .uk-text-primary,.uk-tile-secondary:not(.uk-preserve-color) .uk-text-primary,.uk-card-primary.uk-card-body .uk-text-primary,.uk-card-primary > :not([class*=uk-card-media]) .uk-text-primary,.uk-card-secondary.uk-card-body .uk-text-primary,.uk-card-secondary > :not([class*=uk-card-media]) .uk-text-primary,.uk-overlay-primary .uk-text-primary,.uk-offcanvas-bar .uk-text-primary { color: #fff !important; } .uk-light .uk-text-secondary,.uk-section-primary:not(.uk-preserve-color) .uk-text-secondary,.uk-section-secondary:not(.uk-preserve-color) .uk-text-secondary,.uk-tile-primary:not(.uk-preserve-color) .uk-text-secondary,.uk-tile-secondary:not(.uk-preserve-color) .uk-text-secondary,.uk-card-primary.uk-card-body .uk-text-secondary,.uk-card-primary > :not([class*=uk-card-media]) .uk-text-secondary,.uk-card-secondary.uk-card-body .uk-text-secondary,.uk-card-secondary > :not([class*=uk-card-media]) .uk-text-secondary,.uk-overlay-primary .uk-text-secondary,.uk-offcanvas-bar .uk-text-secondary { color: #fff !important; } .uk-light .uk-column-divider,.uk-section-primary:not(.uk-preserve-color) .uk-column-divider,.uk-section-secondary:not(.uk-preserve-color) .uk-column-divider,.uk-tile-primary:not(.uk-preserve-color) .uk-column-divider,.uk-tile-secondary:not(.uk-preserve-color) .uk-column-divider,.uk-card-primary.uk-card-body .uk-column-divider,.uk-card-primary > :not([class*=uk-card-media]) .uk-column-divider,.uk-card-secondary.uk-card-body .uk-column-divider,.uk-card-secondary > :not([class*=uk-card-media]) .uk-column-divider,.uk-overlay-primary .uk-column-divider,.uk-offcanvas-bar .uk-column-divider { column-rule-color: rgba(255,255,255,.2); } .uk-light .uk-logo,.uk-section-primary:not(.uk-preserve-color) .uk-logo,.uk-section-secondary:not(.uk-preserve-color) .uk-logo,.uk-tile-primary:not(.uk-preserve-color) .uk-logo,.uk-tile-secondary:not(.uk-preserve-color) .uk-logo,.uk-card-primary.uk-card-body .uk-logo,.uk-card-primary > :not([class*=uk-card-media]) .uk-logo,.uk-card-secondary.uk-card-body .uk-logo,.uk-card-secondary > :not([class*=uk-card-media]) .uk-logo,.uk-overlay-primary .uk-logo,.uk-offcanvas-bar .uk-logo { color: rgba(255,255,255,.7); } .uk-light .uk-logo:hover,.uk-light .uk-logo:focus,.uk-section-primary:not(.uk-preserve-color) .uk-logo:hover,.uk-section-primary:not(.uk-preserve-color) .uk-logo:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-logo:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-logo:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-logo:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-logo:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-logo:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-logo:focus,.uk-card-primary.uk-card-body .uk-logo:hover,.uk-card-primary.uk-card-body .uk-logo:focus,.uk-card-primary > :not([class*=uk-card-media]) .uk-logo:hover,.uk-card-primary > :not([class*=uk-card-media]) .uk-logo:focus,.uk-card-secondary.uk-card-body .uk-logo:hover,.uk-card-secondary.uk-card-body .uk-logo:focus,.uk-card-secondary > :not([class*=uk-card-media]) .uk-logo:hover,.uk-card-secondary > :not([class*=uk-card-media]) .uk-logo:focus,.uk-overlay-primary .uk-logo:hover,.uk-overlay-primary .uk-logo:focus,.uk-offcanvas-bar .uk-logo:hover,.uk-offcanvas-bar .uk-logo:focus { color: rgba(255,255,255,.7); } .uk-light .uk-logo > :not(.uk-logo-inverse):not(:only-of-type),.uk-section-primary:not(.uk-preserve-color) .uk-logo > :not(.uk-logo-inverse):not(:only-of-type),.uk-section-secondary:not(.uk-preserve-color) .uk-logo > :not(.uk-logo-inverse):not(:only-of-type),.uk-tile-primary:not(.uk-preserve-color) .uk-logo > :not(.uk-logo-inverse):not(:only-of-type),.uk-tile-secondary:not(.uk-preserve-color) .uk-logo > :not(.uk-logo-inverse):not(:only-of-type),.uk-card-primary.uk-card-body .uk-logo > :not(.uk-logo-inverse):not(:only-of-type),.uk-card-primary > :not([class*=uk-card-media]) .uk-logo > :not(.uk-logo-inverse):not(:only-of-type),.uk-card-secondary.uk-card-body .uk-logo > :not(.uk-logo-inverse):not(:only-of-type),.uk-card-secondary > :not([class*=uk-card-media]) .uk-logo > :not(.uk-logo-inverse):not(:only-of-type),.uk-overlay-primary .uk-logo > :not(.uk-logo-inverse):not(:only-of-type),.uk-offcanvas-bar .uk-logo > :not(.uk-logo-inverse):not(:only-of-type) { display: none; } .uk-light .uk-logo-inverse,.uk-section-primary:not(.uk-preserve-color) .uk-logo-inverse,.uk-section-secondary:not(.uk-preserve-color) .uk-logo-inverse,.uk-tile-primary:not(.uk-preserve-color) .uk-logo-inverse,.uk-tile-secondary:not(.uk-preserve-color) .uk-logo-inverse,.uk-card-primary.uk-card-body .uk-logo-inverse,.uk-card-primary > :not([class*=uk-card-media]) .uk-logo-inverse,.uk-card-secondary.uk-card-body .uk-logo-inverse,.uk-card-secondary > :not([class*=uk-card-media]) .uk-logo-inverse,.uk-overlay-primary .uk-logo-inverse,.uk-offcanvas-bar .uk-logo-inverse { display: inline; } .uk-light .uk-accordion-title::before,.uk-section-primary:not(.uk-preserve-color) .uk-accordion-title::before,.uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title::before,.uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title::before,.uk-card-primary.uk-card-body .uk-accordion-title::before,.uk-card-primary > :not([class*=uk-card-media]) .uk-accordion-title::before,.uk-card-secondary.uk-card-body .uk-accordion-title::before,.uk-card-secondary > :not([class*=uk-card-media]) .uk-accordion-title::before,.uk-overlay-primary .uk-accordion-title::before,.uk-offcanvas-bar .uk-accordion-title::before { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E") ; } .uk-light .uk-open > .uk-accordion-title::before,.uk-section-primary:not(.uk-preserve-color) .uk-open > .uk-accordion-title::before,.uk-section-secondary:not(.uk-preserve-color) .uk-open > .uk-accordion-title::before,.uk-tile-primary:not(.uk-preserve-color) .uk-open > .uk-accordion-title::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-open > .uk-accordion-title::before,.uk-card-primary.uk-card-body .uk-open > .uk-accordion-title::before,.uk-card-primary > :not([class*=uk-card-media]) .uk-open > .uk-accordion-title::before,.uk-card-secondary.uk-card-body .uk-open > .uk-accordion-title::before,.uk-card-secondary > :not([class*=uk-card-media]) .uk-open > .uk-accordion-title::before,.uk-overlay-primary .uk-open > .uk-accordion-title::before,.uk-offcanvas-bar .uk-open > .uk-accordion-title::before { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E") ; } @media print { *,*::before,*::after { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; } a,a:visited { text-decoration: underline; } pre,blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr,img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: .5cm; } p,h2,h3 { orphans: 3; widows: 3; } h2,h3 { page-break-after: avoid; } } * { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^=ri-],[class*=" ri-"] { font-weight: normal; } img:not([src]) { visibility: visible !important; } .action--filter-options { background-color: #F5F5F8; } .top-bar { background-color: #F5F5F8; } .top-bar .container { background: transparent; } .container { width: auto; } .uk-navbar-container { height: 7rem; } .content-main--inner { padding: 0; } .column--headline,.navigation--list,.price--default,.note--title,.note--price { font-family: "nimbus-sans-extended",sans-serif; text-transform: uppercase; } .footer-main .footer--columns { padding: 0; } .sidebar-main ul { padding-left: 0; } .btn.new-customer-btn { background-color: #131316; color: #fff; } .btn.button--open-basket { padding: .125rem .75rem .125rem .75rem; line-height: 2.125rem; border: 1px solid #b9b9ce; margin-bottom: .625rem !important; } button.btn.is--small.action--remove,button.btn.is--small.column--actions-link { border: none !important; background: #F5F5F8; } button.btn.is--small.action--remove .icon--cross,button.btn.is--small.column--actions-link .icon--cross { line-height: 1.75rem; font-size: 1rem; } button.btn.is--small.action--remove:hover,button.btn.is--small.column--actions-link:hover { background: #131316; color: #fff; } .filter-panel--icon { font-size: 1rem !important; line-height: 1.3rem !important; } .panel { overflow: hidden; } .switch--variant--name li { cursor: pointer; padding-bottom: 5px; } .switch--variant--name li.active { font-weight: bold; } .shop--navigation .navigation--list .navigation--entry { margin-right: 0; } .shop--navigation .navigation--list .navigation--entry:last-child { margin-right: 0; } .shop--navigation .navigation--list .navigation--entry a { display: flex; align-items: center; padding: 0 !important; } @media screen and (min-width: 48em) { .shop--navigation .navigation--list .navigation--entry { margin-right: 2rem; } .shop--navigation .navigation--list .navigation--entry:last-child { margin-right: 0; } .shop--navigation .navigation--list .navigation--entry a { display: flex; align-items: center; padding: 0 !important; } } .entry--search { position: relative; width: 100%; left: 0; } .listing--wrapper .listing--container { overflow: unset; } .listing--wrapper .listing--container .listing .product--box { padding-top: 0; padding-bottom: 0; float: none; } .listing--wrapper .listing--container .listing .product--box .box--content { padding: 0; background-color: #fff; transition: all .2s ease-in-out; } .listing--wrapper .listing--container .listing .product--box .box--content:hover { background-color: #F5F5F8; } .listing--wrapper .listing--container .listing .product--box .box--content .product--info { padding: 1rem; height: 100%; overflow: hidden; } .listing--wrapper .listing--container .listing .product--box .box--content .product--info .product--variants--listing { background-color: black; color: #fff; z-index: 501; } .listing--wrapper .listing--container .listing .product--box .box--content .product--info .product--variants--listing ul { display: flex; flex-wrap: wrap; list-style: none; margin: -2px; padding: 0; justify-content: start; } .listing--wrapper .listing--container .listing .product--box .box--content .product--info .product--variants--listing ul li { padding: 3px 5px; border: 1px solid #b9b9ce; margin: 2px; width: calc(25% - 4px); border-radius: 2px; text-align: center; } .product-slider .box--content { padding: 0; background-color: #fff; transition: all .2s ease-in-out; } .product-slider .box--content:hover { background-color: #fff; } .detail-error--listing .product--box { padding-top: 0; padding-bottom: 0; float: none; } .detail-error--listing .product--box .box--content { padding: 0; background-color: #fff; transition: all .2s ease-in-out; } .detail-error--listing .product--box .box--content:hover { background-color: #fff; } .product--delivery p { margin: 10px 0; } .product--description-headline { font-family: "nimbus-sans-extended",sans-serif; text-transform: uppercase; margin-bottom: 0; padding: .625rem .9375rem 1.025rem 0; margin: 0 .3125rem .375rem 0; line-height: 1.5rem; top: .0625rem; border-bottom: 1px solid #b9b9ce; } .product--variants--listing { background-color: #131316; color: #fff; } .product--variants--listing ul { display: flex; flex-wrap: wrap; list-style: none; margin: -2px; padding: 0; } .product--variants--listing ul li { padding: 3px 5px; border: 1px solid #b9b9ce; margin: 2px; width: calc(25% - 4px); border-radius: 2px; text-align: center; } .product--badge.uk-badge { font-weight: 500; padding: 0 10px; } .configurator--variant .variant--head { font-family: "nimbus-sans-extended",sans-serif; } .configurator--variant .variant--head .variant--name { float: left; line-height: 1.3rem; font-weight: normal; } .configurator--variant .variant--option { height: auto; width: 14%; } .configurator--variant .variant--option .option--label { height: auto; padding: 0; } .configurator--variant .option--input:checked ~ label { color: #fff; border-color: #131316; background-color: #131316; } .switch--variant--name { list-style: none; display: flex; } .switch--variant--name li { margin-right: 10px; } .listing--actions .action--filter-btn { max-width: 11.875rem; float: left; } .listing--actions .action--sort { max-width: 11.875rem; float: right; margin-bottom: 10px; } .listing--actions .action--sort .sort--label { display: none; } .detail--price--wrap .price--discount-icon { display: none; } .detail--price--wrap .content--discount .price--line-through { display: inline-block; text-decoration: line-through; vertical-align: super; color: #b9b9ce; font-size: 1rem; } .detail--price--wrap .content--discount .price--discount-percentage { display: none; } .detail--price--wrap .product--delivery { margin-top: 20px; } .product--price .price--pseudo { font-size: inherit!important; } .product--price .price--pseudo .price--discount { color: #b9b9ce; font-size: inherit!important; } .product--box .product--price .price--default.is--discount { color: inherit; } input { box-shadow: none !important; } .paypal-unified-ec--outer-button-container { display: inline-block; } .paypal-unified-ec--outer-button-container .paypal-unified-ec--button-container { float: unset !important; } .emotion--banner-slider .image-slider--container { margin-bottom: 0; } .select-field:after,.js--fancy-select:after { content: "\ea4e"; font-size: 14px; border-left: none; } .off-canvas .offcanvas--overlay .overlay--headline { display: none; } .off-canvas .mobile--switches { display: none; } .outline { text-transform: uppercase; -webkit-text-fill-color: white; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: black; } .buybox--button-container .paypal-unified-ec--outer-button-container { margin: 10px; } .image-gallery--modal .modal--close { font-size: 1rem; } @media screen and (min-width: 48em) { .is--ctl-search .box--basic .product--image,.is--ctl-listing.is--no-sidebar .box--basic .product--image { height: 15rem; } } .header-main .shop--navigation { width: auto!important; } .emotion--wrapper { max-width: 100%; } .content-main { box-shadow: none; } .netzp-notifications-toggler { z-index: 2147483647; width: 75px; height: 75px; position: fixed; background-repeat: no-repeat; background-size: contain; } .netzp-counter { padding: .25rem; } .netzp-buttons { position: absolute; right: 2.5rem; bottom: .5rem; } .netzp-buttons.netzp-left,.netzp-buttons.netzp-right { right: unset !important; left: .5rem !important; } .netzp-newsletter { position: relative; top: -.5rem; } .netzp-notifications-exit { position: absolute; color: #999; font-size: 130%; cursor: pointer; right: 1.5rem; top: 1rem; } .netzp-notifications-exit.netzp-left,.netzp-notifications-exit.netzp-right { color: #333; text-shadow: 3px 3px 5px #ccc; right: 1rem !important; top: .5rem !important; } .netzp-contents { display: inline-block; height: 100%; width: 100%; } .netzp-contents img.full-image { display: block; width: 100%; height: 100%; max-height: 15rem; object-fit: cover; } .netzp-title { font-weight: bold; font-size: 130%; margin-bottom: .75rem; } .netzp-message { display: block; font-weight: normal !important; margin-top: .5rem !important; } .netzp-btn-banner { float: left !important; width: 100% !important; margin: 0 .5rem .5rem 0 !important; display: inline-block !important; } .netzp-input-banner { float: left !important; width: 100% !important; margin: 1rem 1rem .5rem 0 !important; } .netzp-btn-banner.netzp-top,.netzp-btn-banner.netzp-bottom { width: auto !important; margin-top: 0 !important; margin-right: 1rem !important; } .netzp-input-banner.netzp-top,.netzp-input-banner.netzp-bottom { width: auto !important; margin-top: 0 !important; margin-right: .5rem !important; } .netzp-btn-toast { float: left !important; width: 150px !important; height: 2rem !important; margin: 0 .5rem 0 0 !important; } .netzp-input-toast { float: left !important; width: 150px !important; height: 2rem !important; margin: 0 .5rem 0 0 !important; } .netzp-btn-modal { float: left !important; width: 150px !important; height: 2.5rem !important; margin: .5rem .5rem .25rem 0 !important; } .netzp-input-modal { float: left !important; width: 150px !important; height: 2.5rem !important; margin: .5rem .5rem .25rem 0 !important; } .uk-heading-medium { font-size: clamp(1rem,5vw,2.8rem) !important; } .uk-heading-large { font-size: clamp(1.8rem,5vw,4rem) !important; } .footer-top-line .footer--column { border-top: none; } .footer-top-line .column--headline-2 { font-family: "nimbus-sans-extended",sans-serif; color: #131316; text-transform: uppercase; -webkit-user-select: none; user-select: none; font-weight: 700; letter-spacing: .5px; margin: 1.75rem 0 .625rem 0; padding: 0; cursor: text; font-size: .875rem; line-height: 1.625rem; } .product-slider .box--content { background-color: #F5F5F8; } .box--content .as--listing--supplierName { font-size: clamp(.7rem,2vw,.9rem); } .box--content h5 { font-size: clamp(.8rem,2vw,1rem); } .footer-main .footer--phone-link { font-size: inherit!important; } .box--basic .product--image { height: clamp(9rem,12vw,18rem) !important; } .alert { margin-bottom: 10px; } .klarna-confirm--content { margin-top: .625rem; display: flex; flex-direction: column-reverse; } @media screen and (min-width: 64em) { .klarna-confirm--content { flex-direction: column; align-items: center; } } .klarna-confirm--content .klarna-confirm--iframe { margin-bottom: 1.25rem; width: auto; } @media screen and (min-width: 64em) { .klarna-confirm--content .klarna-confirm--iframe { width: 62%; } } .klarna-confirm--content .klarna-confirm--cart { display: flex; flex-direction: column; margin-bottom: 1.25rem; width: auto; } @media screen and (min-width: 64em) { .klarna-confirm--content .klarna-confirm--cart { min-width: 470px; } } .klarna-confirm--content .klarna-confirm--cart .klarna-confirm--cart-headline { margin-top: 0; } .klarna-confirm--content .alert { margin-bottom: .625rem; } .klarna-confirm--content .klarna-customer-info { margin-bottom: .625rem; float: initial; } .klarna-confirm--content .klarna-customer-info--success { display: none; } .klarna-confirm--content .klarna-customer-info .icon--default:before { width: 1.375rem; height: 1.375rem; border-radius: 100%; background-clip: padding-box; -webkit-animation: keyframe--spin 1s linear infinite; animation: keyframe--spin 1s linear infinite; margin-top: .1875rem; display: block; content: ""; border: 2px solid #b9b9ce; border-top: 2px solid #6e6e99; } @media screen and (min-width: 64em) { .klarna-confirm--content .klarna-confirm--login,.klarna-confirm--content .klarna-confirm--cart-container { display: block; } } .klarna-confirm--content .klarna-confirm--login { margin-bottom: .625rem; } .klarna-confirm--content .klarna-confirm--login-form { padding: 1.875rem 0 0 0; display: none; } .klarna-confirm--content .register--login { margin-top: 0; width: 100%; } .klarna-confirm--content .klarna-confirm--cart-container .product--table .table--aggregation { float: none; width: auto; } .klarna-confirm--content .select--box { max-width: 640px; margin: 0 auto; padding: 0 12px 20px; box-sizing: content-box; } .klarna-confirm--content .product--table .column--quantity { min-width: 100px; text-align: right; } .klarna-confirm--content .product--table .table--tr { margin-bottom: 15px; } @media screen and (min-width: 48em) { .klarna-confirm--content .product--table .row--product .column--actions { padding-top: 35px; } .klarna-confirm--content .product--table .product--delivery { float: none; } } @media screen and (min-width: 64em) { .klarna-confirm--content .product--table .table--tr .column--actions .column--actions-link { line-height: 18px; padding: 0 5px 2px 5px; } .klarna-confirm--content .product--table .column--quantity { min-width: 100px; } } @media screen and (min-width: 30em) { .klarna-confirm--content .product--table .column--actions { width: 11%; } .klarna-confirm--content .product--table .column--quantity { text-align: left; } } .klarna-confirm--content .klarna-login { padding-top: 10px; } .klarna-confirm--content .product--table .aggregation--list,.klarna-confirm--content .basket--info-messages { width: 100%; } @media screen and (min-width: 64em) { .is--klarna-finish .finish--content .klarna-finish--content { float: left; width: 50%; } .is--klarna-finish .finish--content .finish--teaser { float: left; margin-left: 2%; width: 48%; } .is--klarna-finish .finish--content .information--panel-wrapper .information--panel-item { width: 49%; } } .is--ctl-bestitklarnacheckout .sidebar-main { display: block; } @media screen and (min-width: 48em) { .is--ctl-bestitklarnacheckout .sidebar-main { display: none; } } .prefill-box { display: flex; justify-content: space-around; align-items: center; flex-wrap: wrap; } .prefill-info { padding-top: 10px; } .uk-grid script { display: none; } @media screen and (min-width: 48em) { .klarna-confirm--cart-container .product--table .table--header .column--product { width: 44%; } } @media screen and (min-width: 48em) { .klarna-confirm--cart-container .product--table .column--product { width: 44%; } } .klarna-confirm--cart-container .basket--footer { background: transparent!important; } _ESCAPED_COMMENT_CLEAN_CSS717(0,43)_}/*# sourceMappingURL=main.css.map */