header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px} .mobile_menu{position:fixed;z-index:100;display:none}.mobile_menu .inner{height:100%;background:#000;overflow-y:scroll}.mobile_menu.active.position_left{box-shadow:2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_top{box-shadow:0 2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_right{box-shadow:-2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_bottom{box-shadow:0 -2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.no_shadow{box-shadow:none!important}.mobile_menu_trigger{display:none}.mobile_menu_wrapper{position:relative;width:100%;overflow:hidden}.mobile_menu_overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:99}.mobile_menu_overlay.background{background:rgba(0,0,0,.5)}.mobile_menu li.submenu_hide>ul{display:none}.mobile_menu li.submenu_show>ul{display:block}body.ie8 .mobile_menu,body.ie8 .mobile_menu_trigger,body.ie9 .mobile_menu,body.ie9 .mobile_menu_trigger{display:none!important} .rs-columns { clear: both; display: inline-block; width: 100%; } .rs-column { float: left; width: 100%; margin-top: 7.69231%; margin-right: 7.69231%; } .rs-column.-large-first { clear: left; } .rs-column.-large-last { margin-right: -5px; } .rs-column.-large-first-row { margin-top: 0; } .rs-column.-large-col-1-1 { width: 100%; } .rs-column.-large-col-2-1 { width: 46.15385%; } .rs-column.-large-col-2-2 { width: 100%; } .rs-column.-large-col-3-1 { width: 28.20513%; } .rs-column.-large-col-3-2 { width: 64.10256%; } .rs-column.-large-col-3-3 { width: 100%; } .rs-column.-large-col-4-1 { width: 19.23077%; } .rs-column.-large-col-4-2 { width: 46.15385%; } .rs-column.-large-col-4-3 { width: 73.07692%; } .rs-column.-large-col-4-4 { width: 100%; } .rs-column.-large-col-5-1 { width: 13.84615%; } .rs-column.-large-col-5-2 { width: 35.38462%; } .rs-column.-large-col-5-3 { width: 56.92308%; } .rs-column.-large-col-5-4 { width: 78.46154%; } .rs-column.-large-col-5-5 { width: 100%; } .rs-column.-large-col-6-1 { width: 10.25641%; } .rs-column.-large-col-6-2 { width: 28.20513%; } .rs-column.-large-col-6-3 { width: 46.15385%; } .rs-column.-large-col-6-4 { width: 64.10256%; } .rs-column.-large-col-6-5 { width: 82.05128%; } .rs-column.-large-col-6-6 { width: 100%; } @media screen and (max-width: 900px) { .rs-column { margin-top: 7.69231%; margin-right: 7.69231%; } .rs-column.-large-first { clear: none; } .rs-column.-large-last { margin-right: 7.69231%; } .rs-column.-large-first-row { margin-top: 7.69231%; } .rs-column.-medium-first { clear: left; } .rs-column.-medium-last { margin-right: -5px; } .rs-column.-medium-first-row { margin-top: 0; } .rs-column.-medium-col-1-1 { width: 100%; } .rs-column.-medium-col-2-1 { width: 46.15385%; } .rs-column.-medium-col-2-2 { width: 100%; } .rs-column.-medium-col-3-1 { width: 28.20513%; } .rs-column.-medium-col-3-2 { width: 64.10256%; } .rs-column.-medium-col-3-3 { width: 100%; } .rs-column.-medium-col-4-1 { width: 19.23077%; } .rs-column.-medium-col-4-2 { width: 46.15385%; } .rs-column.-medium-col-4-3 { width: 73.07692%; } .rs-column.-medium-col-4-4 { width: 100%; } .rs-column.-medium-col-5-1 { width: 13.84615%; } .rs-column.-medium-col-5-2 { width: 35.38462%; } .rs-column.-medium-col-5-3 { width: 56.92308%; } .rs-column.-medium-col-5-4 { width: 78.46154%; } .rs-column.-medium-col-5-5 { width: 100%; } .rs-column.-medium-col-6-1 { width: 10.25641%; } .rs-column.-medium-col-6-2 { width: 28.20513%; } .rs-column.-medium-col-6-3 { width: 46.15385%; } .rs-column.-medium-col-6-4 { width: 64.10256%; } .rs-column.-medium-col-6-5 { width: 82.05128%; } .rs-column.-medium-col-6-6 { width: 100%; } } @media screen and (max-width: 599px) { .rs-column { margin-top: 7.69231%; margin-right: 7.69231%; } .rs-column.-large-last { margin-right: 7.69231%; } .rs-column.-large-first-row { margin-top: 7.69231%; } .rs-column.-medium-first { clear: none; } .rs-column.-medium-last { margin-right: 7.69231%; } .rs-column.-medium-first-row { margin-top: 7.69231%; } .rs-column.-small-first { clear: left; } .rs-column.-small-last { margin-right: -5px; } .rs-column.-small-first-row { margin-top: 0; } .rs-column.-small-col-1-1 { width: 100%; } .rs-column.-small-col-2-1 { width: 46.15385%; } .rs-column.-small-col-2-2 { width: 100%; } .rs-column.-small-col-3-1 { width: 28.20513%; } .rs-column.-small-col-3-2 { width: 64.10256%; } .rs-column.-small-col-3-3 { width: 100%; } .rs-column.-small-col-4-1 { width: 19.23077%; } .rs-column.-small-col-4-2 { width: 46.15385%; } .rs-column.-small-col-4-3 { width: 73.07692%; } .rs-column.-small-col-4-4 { width: 100%; } .rs-column.-small-col-5-1 { width: 13.84615%; } .rs-column.-small-col-5-2 { width: 35.38462%; } .rs-column.-small-col-5-3 { width: 56.92308%; } .rs-column.-small-col-5-4 { width: 78.46154%; } .rs-column.-small-col-5-5 { width: 100%; } .rs-column.-small-col-6-1 { width: 10.25641%; } .rs-column.-small-col-6-2 { width: 28.20513%; } .rs-column.-small-col-6-3 { width: 46.15385%; } .rs-column.-small-col-6-4 { width: 64.10256%; } .rs-column.-small-col-6-5 { width: 82.05128%; } .rs-column.-small-col-6-6 { width: 100%; } } #mbOverlay{position:fixed;z-index:9998;top:0;left:0;width:100%;height:150%;background-color:#000;cursor:pointer}#mbOverlay.mbOverlayOpaque{background:url(../../assets/mediabox/images/80.png)}#mbOverlay.mbOverlayAbsolute{position:absolute}#mbOverlay.mbMobile{position:absolute;background-color:transparent}#mbBottom.mbMobile{line-height:24px;font-size:16px}#mbCenter{position:absolute;z-index:9999;left:50%;padding:10px;background-color:#000;-webkit-border-radius:10px;-khtml-border-radius:10px;-moz-border-radius:10px;border-radius:10px;filter:progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000');-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000')";-webkit-box-shadow:0 5px 20px rgba(0,0,0,.5);-khtml-box-shadow:0 5px 20px rgba(0,0,0,.5);-moz-box-shadow:0 5px 20px rgba(0,0,0,.5);box-shadow:0 5px 20px rgba(0,0,0,.5)}#mbCenter.mbLoading{background:#000 url(../../assets/mediabox/images/loading-dark.gif) no-repeat center;-webkit-box-shadow:none;-khtml-box-shadow:none;-moz-box-shadow:none;box-shadow:none}#mbMedia{position:relative;left:0;top:0;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#fff;text-align:left;background-position:center center;background-repeat:no-repeat}#mbBottom{line-height:20px;font-size:12px;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;text-align:left;color:#999;min-height:20px;padding:10px 0 0}#mbTitle,#mbPrevLink,#mbNextLink,#mbCloseLink{display:inline;color:#fff;font-weight:700}#mbNumber{display:inline;color:#999;font-size:.8em;margin:auto 10px}#mbCaption{display:block;color:#999;line-height:1.6em;font-size:.8em}#mbPrevLink,#mbNextLink,#mbCloseLink{float:right;outline:0;margin:0 0 0 10px;font-weight:400}#mbPrevLink b,#mbNextLink b,#mbCloseLink b{color:#eee;font-weight:700;text-decoration:underline}#mbPrevLink big,#mbNextLink big,#mbCloseLink big{color:#eee;font-size:1.4em;font-weight:700}#mbBottom a,#mbBottom a:link,#mbBottom a:visited{text-decoration:none;color:#ddd}#mbBottom a:hover,#mbBottom a:active{text-decoration:underline;color:#fff}#mbError{position:relative;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#fff;text-align:center;border:10px solid #700;padding:10px 10px 10px;margin:20px;-webkit-border-radius:5px;-khtml-border-radius:5px;-moz-border-radius:5px;border-radius:5px}#mbError a,#mbError a:link,#mbError a:visited,#mbError a:hover,#mbError a:active{color:#d00;font-weight:700;text-decoration:underline} /*############################## FRAMEWORK BY LEADING SYSTEMS - CREATORS OF MERCONIS(R) FOR CONTAO #############################*/ /*##############################################################################################################################*/ /* It is important that this CSS framework can be included in any website without accidentally interfering with other stylesheets. Therefore this framework stylesheet must only contain rules which don't affect any element that doesn't explicitly leverage the framework by using certain very specific classes. Basically, this means that in this stylesheet all selectors use class names (or sometimes ids) prefixed with "lsfwk-" (meaning "LS FRAMEWORK") or in a few situations other selectors that are very specific without any chance of accidentally affecting something that wasn't explicitly targeted. */ /*##############################################################################################################################*/ /*##############################################################################################################################*/ .lsfwk-contentWidth { max-width:1400px; margin-left:auto; margin-right:auto; } .lsfwk-clear, #lsfwk-clear {height:0.1px; font-size:0.1px; line-height:0.1px; clear:both;} .lsfwk-displayNone {display:none;} .lsfwk-ucase, .lsfwk-ucase-all, .lsfwk-ucase-all * { text-transform:uppercase; } .lsfwk-lcase, .lsfwk-lcase-all, .lsfwk-lcase-all * { text-transform:lowercase; } .lsfwk-pointer { cursor:pointer; } /*########## MISC ########## <-*/ /*########## INFO NO JS ########## ->*/ #lsfwk-noJsMessage { position:fixed; top:0px; width:100%; left:0px; background-color:rgba(255,255,255,0.9); padding:20px; border-bottom:1px solid #000000; } body:not(.lsjs-active) .lsfwk-hideWhenNoLsjs, body:not(.lsjs-active) .hideWhenNoLsjs { display:none !important; } body.lsjs-active .lsfwk-hideWhenLsjs, body.lsjs-active .hideWhenLsjs { display:none !important; } /*########## INFO NO JS ########## <-*/ /*########## FLEX ########## ->*/ .lsfwk-flexWrapper { display:-webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display:-ms-flexbox; /* TWEENER - IE 10 */ display:-webkit-flex; /* NEW - Chrome */ display:flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; } .lsfwk-flexElement { display:-webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display:-ms-flexbox; /* TWEENER - IE 10 */ display:-webkit-flex; /* NEW - Chrome */ display:flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; } /*########## FLEX ########## <-*/ /*########## IMAGES ########## ->*/ .lsfwk-autosize img, img.lsfwk-autosize { width:100%; height:auto; } /*########## IMAGES ########## <-*/ /*########## MARGINS ########## ->*/ /*all*/ .lsfwk-mg-xxxs {margin:2px;} .lsfwk-mg-xxs {margin:3px;} .lsfwk-mg-xs {margin:4px;} .lsfwk-mg-s {margin:6px;} .lsfwk-mg-m,.lsfwk-mg-standard {margin:10px;} .lsfwk-mg-l {margin:20px;} .lsfwk-mg-xl {margin:40px;} .lsfwk-mg-xxl {margin:60px;} .lsfwk-mg-xxxl {margin:100px;} .lsfwk-mg-0 {margin:0;} .lsfwk-mg-5 {margin:5px;} .lsfwk-mg-10 {margin:10px;} .lsfwk-mg-20 {margin:20px;} .lsfwk-mg-30 {margin:30px;} .lsfwk-mg-40 {margin:40px;} .lsfwk-mg-50 {margin:50px;} .lsfwk-mg-60 {margin:60px;} .lsfwk-mg-70 {margin:70px;} .lsfwk-mg-80 {margin:80px;} .lsfwk-mg-90 {margin:90px;} .lsfwk-mg-100 {margin:100px;} /*top*/ .lsfwk-mgt-xxxs {margin-top:2px;} .lsfwk-mgt-xxs {margin-top:3px;} .lsfwk-mgt-xs {margin-top:4px;} .lsfwk-mgt-s {margin-top:6px;} .lsfwk-mgt-m,.lsfwk-mgt-standard {margin-top:10px;} .lsfwk-mgt-l {margin-top:20px;} .lsfwk-mgt-xl {margin-top:40px;} .lsfwk-mgt-xxl {margin-top:60px;} .lsfwk-mgt-xxxl {margin-top:100px;} .lsfwk-mgt-0 {margin-top:0;} .lsfwk-mgt-5 {margin-top:5px;} .lsfwk-mgt-10 {margin-top:10px;} .lsfwk-mgt-20 {margin-top:20px;} .lsfwk-mgt-30 {margin-top:30px;} .lsfwk-mgt-40 {margin-top:40px;} .lsfwk-mgt-50 {margin-top:50px;} .lsfwk-mgt-60 {margin-top:60px;} .lsfwk-mgt-70 {margin-top:70px;} .lsfwk-mgt-80 {margin-top:80px;} .lsfwk-mgt-90 {margin-top:90px;} .lsfwk-mgt-100 {margin-top:100px;} /*bottom*/ .lsfwk-mgb-xxxs {margin-bottom:2px;} .lsfwk-mgb-xxs {margin-bottom:3px;} .lsfwk-mgb-xs {margin-bottom:4px;} .lsfwk-mgb-s {margin-bottom:6px;} .lsfwk-mgb-m,.lsfwk-mgb-standard {margin-bottom:10px;} .lsfwk-mgb-l {margin-bottom:20px;} .lsfwk-mgb-xl {margin-bottom:40px;} .lsfwk-mgb-xxl {margin-bottom:60px;} .lsfwk-mgb-xxxl {margin-bottom:100px;} .lsfwk-mgb-0 {margin-bottom:0;} .lsfwk-mgb-5 {margin-bottom:5px;} .lsfwk-mgb-10 {margin-bottom:10px;} .lsfwk-mgb-20 {margin-bottom:20px;} .lsfwk-mgb-30 {margin-bottom:30px;} .lsfwk-mgb-40 {margin-bottom:40px;} .lsfwk-mgb-50 {margin-bottom:50px;} .lsfwk-mgb-60 {margin-bottom:60px;} .lsfwk-mgb-70 {margin-bottom:70px;} .lsfwk-mgb-80 {margin-bottom:80px;} .lsfwk-mgb-90 {margin-bottom:90px;} .lsfwk-mgb-100 {margin-bottom:100px;} /*left*/ .lsfwk-mgl-xxxs {margin-left:2px;} .lsfwk-mgl-xxs {margin-left:3px;} .lsfwk-mgl-xs {margin-left:4px;} .lsfwk-mgl-s {margin-left:6px;} .lsfwk-mgl-m,.lsfwk-mgl-standard {margin-left:10px;} .lsfwk-mgl-l {margin-left:20px;} .lsfwk-mgl-xl {margin-left:40px;} .lsfwk-mgl-xxl {margin-left:60px;} .lsfwk-mgl-xxxl {margin-left:100px;} .lsfwk-mgl-0 {margin-left:0;} .lsfwk-mgl-5 {margin-left:5px;} .lsfwk-mgl-10 {margin-left:10px;} .lsfwk-mgl-20 {margin-left:20px;} .lsfwk-mgl-30 {margin-left:30px;} .lsfwk-mgl-40 {margin-left:40px;} .lsfwk-mgl-50 {margin-left:50px;} .lsfwk-mgl-60 {margin-left:60px;} .lsfwk-mgl-70 {margin-left:70px;} .lsfwk-mgl-80 {margin-left:80px;} .lsfwk-mgl-90 {margin-left:90px;} .lsfwk-mgl-100 {margin-left:100px;} /*right*/ .lsfwk-mgr-xxxs {margin-right:2px;} .lsfwk-mgr-xxs {margin-right:3px;} .lsfwk-mgr-xs {margin-right:4px;} .lsfwk-mgr-s {margin-right:6px;} .lsfwk-mgr-m,.lsfwk-mgr-standard {margin-right:10px;} .lsfwk-mgr-l {margin-right:20px;} .lsfwk-mgr-xl {margin-right:40px;} .lsfwk-mgr-xxl {margin-right:60px;} .lsfwk-mgr-xxxl {margin-right:100px;} .lsfwk-mgr-0 {margin-right:0;} .lsfwk-mgr-5 {margin-right:5px;} .lsfwk-mgr-10 {margin-right:10px;} .lsfwk-mgr-20 {margin-right:20px;} .lsfwk-mgr-30 {margin-right:30px;} .lsfwk-mgr-40 {margin-right:40px;} .lsfwk-mgr-50 {margin-right:50px;} .lsfwk-mgr-60 {margin-right:60px;} .lsfwk-mgr-70 {margin-right:70px;} .lsfwk-mgr-80 {margin-right:80px;} .lsfwk-mgr-90 {margin-right:90px;} .lsfwk-mgr-100 {margin-right:100px;} /*########## MARGINS ########## <-*/ /*########## PADDINGS ########## ->*/ /*all*/ .lsfwk-pd-xxxs,.lsfwk-pds0-xxxs,.lsfwk-pdm0-xxxs,.lsfwk-pdl0-xxxs {padding:2px;} .lsfwk-pd-xxs,.lsfwk-pds0-xxs,.lsfwk-pdm0-xxs,.lsfwk-pdl0-xxs {padding:3px;} .lsfwk-pd-xs,.lsfwk-pds0-xs,.lsfwk-pdm0-xs,.lsfwk-pdl0-xs {padding:4px;} .lsfwk-pd-s,.lsfwk-pds0-s,.lsfwk-pdm0-s,.lsfwk-pdl0-s {padding:6px;} .lsfwk-pd-m,.lsfwk-pd-standard,.lsfwk-pds0-m,.lsfwk-pdm0-m,.lsfwk-pdl0-m {padding:10px;} .lsfwk-pd-l,.lsfwk-pds0-l,.lsfwk-pdm0-l,.lsfwk-pdml0-l {padding:20px;} .lsfwk-pd-xl,.lsfwk-pds0-xl,.lsfwk-pdm0-xl,.lsfwk-pdl0-xl {padding:40px;} .lsfwk-pd-xxl,.lsfwk-pds0-xxl,.lsfwk-pdm0-xxl,.lsfwk-pdl0-xxl {padding:60px;} .lsfwk-pd-xxxl,.lsfwk-pds0-xxxl,.lsfwk-pdm0-xxl,.lsfwk-pdl0-xxl {padding:100px;} .lsfwk-pd-0,.lsfwk-pds0-0,.lsfwk-pdm0-0,.lsfwk-pdl0-0 {padding:0;} .lsfwk-pd-5,.lsfwk-pds0-5,.lsfwk-pdm0-5,.lsfwk-pdl0-5 {padding:5px;} .lsfwk-pd-10,.lsfwk-pds0-10,.lsfwk-pdm0-10,.lsfwk-pdl0-10 {padding:10px;} .lsfwk-pd-20,.lsfwk-pds0-20,.lsfwk-pdm0-20,.lsfwk-pdl0-20 {padding:20px;} .lsfwk-pd-30,.lsfwk-pds0-30,.lsfwk-pdm0-30,.lsfwk-pdl0-30 {padding:30px;} .lsfwk-pd-40,.lsfwk-pds0-40,.lsfwk-pdm0-40,.lsfwk-pdl0-40 {padding:40px;} .lsfwk-pd-50,.lsfwk-pds0-50,.lsfwk-pdm0-50,.lsfwk-pdl0-50 {padding:50px;} .lsfwk-pd-60,.lsfwk-pds0-60,.lsfwk-pdm0-60,.lsfwk-pdl0-60 {padding:60px;} .lsfwk-pd-70,.lsfwk-pds0-70,.lsfwk-pdm0-70,.lsfwk-pdl0-70 {padding:70px;} .lsfwk-pd-80,.lsfwk-pds0-80,.lsfwk-pdm0-80,.lsfwk-pdl0-80 {padding:80px;} .lsfwk-pd-90,.lsfwk-pds0-90,.lsfwk-pdm0-90,.lsfwk-pdl0-90 {padding:90px;} .lsfwk-pd-100,.lsfwk-pds0-100,.lsfwk-pdm0-100,.lsfwk-pdl0-100 {padding:100px;} /*top*/ .lsfwk-pdt-xxxs,.lsfwk-pdts0-xxxs,.lsfwk-pdtm0-xxxs,.lsfwk-pdtl0-xxxs {padding-top:2px;} .lsfwk-pdt-xxs,.lsfwk-pdts0-xxs,.lsfwk-pdtm0-xxs,.lsfwk-pdtl0-xxs {padding-top:3px;} .lsfwk-pdt-xs,.lsfwk-pdts0-xs,.lsfwk-pdtm0-xs,.lsfwk-pdtl0-xs {padding-top:4px;} .lsfwk-pdt-s,.lsfwk-pdts0-s,.lsfwk-pdtm0-s,.lsfwk-pdtl0-s {padding-top:6px;} .lsfwk-pdt-m,.lsfwk-pdt-standard,.lsfwk-pdts0-m,.lsfwk-pdtm0-m,.lsfwk-pdtl0-m {padding-top:10px;} .lsfwk-pdt-l,.lsfwk-pdts0-l,.lsfwk-pdtm0-l,.lsfwk-pdtml0-l {padding-top:20px;} .lsfwk-pdt-xl,.lsfwk-pdts0-xl,.lsfwk-pdtm0-xl,.lsfwk-pdtl0-xl {padding-top:40px;} .lsfwk-pdt-xxl,.lsfwk-pdts0-xxl,.lsfwk-pdtm0-xxl,.lsfwk-pdtl0-xxl {padding-top:60px;} .lsfwk-pdt-xxxl,.lsfwk-pdts0-xxxl,.lsfwk-pdtm0-xxl,.lsfwk-pdtl0-xxl {padding-top:100px;} .lsfwk-pdt-0,.lsfwk-pdts0-0,.lsfwk-pdtm0-0,.lsfwk-pdtl0-0 {padding-top:0;} .lsfwk-pdt-5,.lsfwk-pdts0-5,.lsfwk-pdtm0-5,.lsfwk-pdtl0-5 {padding-top:5px;} .lsfwk-pdt-10,.lsfwk-pdts0-10,.lsfwk-pdtm0-10,.lsfwk-pdtl0-10 {padding-top:10px;} .lsfwk-pdt-20,.lsfwk-pdts0-20,.lsfwk-pdtm0-20,.lsfwk-pdtl0-20 {padding-top:20px;} .lsfwk-pdt-30,.lsfwk-pdts0-30,.lsfwk-pdtm0-30,.lsfwk-pdtl0-30 {padding-top:30px;} .lsfwk-pdt-40,.lsfwk-pdts0-40,.lsfwk-pdtm0-40,.lsfwk-pdtl0-40 {padding-top:40px;} .lsfwk-pdt-50,.lsfwk-pdts0-50,.lsfwk-pdtm0-50,.lsfwk-pdtl0-50 {padding-top:50px;} .lsfwk-pdt-60,.lsfwk-pdts0-60,.lsfwk-pdtm0-60,.lsfwk-pdtl0-60 {padding-top:60px;} .lsfwk-pdt-70,.lsfwk-pdts0-70,.lsfwk-pdtm0-70,.lsfwk-pdtl0-70 {padding-top:70px;} .lsfwk-pdt-80,.lsfwk-pdts0-80,.lsfwk-pdtm0-80,.lsfwk-pdtl0-80 {padding-top:80px;} .lsfwk-pdt-90,.lsfwk-pdts0-90,.lsfwk-pdtm0-90,.lsfwk-pdtl0-90 {padding-top:90px;} .lsfwk-pdt-100,.lsfwk-pdts0-100,.lsfwk-pdtm0-100,.lsfwk-pdtl0-100 {padding-top:100px;} /*bottom*/ .lsfwk-pdb-xxxs,.lsfwk-pdbs0-xxxs,.lsfwk-pdbm0-xxxs,.lsfwk-pdbl0-xxxs {padding-bottom:2px;} .lsfwk-pdb-xxs,.lsfwk-pdbs0-xxs,.lsfwk-pdbm0-xxs,.lsfwk-pdbl0-xxs {padding-bottom:3px;} .lsfwk-pdb-xs,.lsfwk-pdbs0-xs,.lsfwk-pdbm0-xs,.lsfwk-pdbl0-xs {padding-bottom:4px;} .lsfwk-pdb-s,.lsfwk-pdbs0-s,.lsfwk-pdbm0-s,.lsfwk-pdbl0-s {padding-bottom:6px;} .lsfwk-pdb-m,.lsfwk-pdb-standard,.lsfwk-pdbs0-m,.lsfwk-pdbm0-m,.lsfwk-pdbl0-m {padding-bottom:10px;} .lsfwk-pdb-l,.lsfwk-pdbs0-l,.lsfwk-pdbm0-l,.lsfwk-pdbml0-l {padding-bottom:20px;} .lsfwk-pdb-xl,.lsfwk-pdbs0-xl,.lsfwk-pdbm0-xl,.lsfwk-pdbl0-xl {padding-bottom:40px;} .lsfwk-pdb-xxl,.lsfwk-pdbs0-xxl,.lsfwk-pdbm0-xxl,.lsfwk-pdbl0-xxl {padding-bottom:60px;} .lsfwk-pdb-xxxl,.lsfwk-pdbs0-xxxl,.lsfwk-pdbm0-xxl,.lsfwk-pdbl0-xxl {padding-bottom:100px;} .lsfwk-pdb-0,.lsfwk-pdbs0-0,.lsfwk-pdbm0-0,.lsfwk-pdbl0-0 {padding-bottom:0;} .lsfwk-pdb-5,.lsfwk-pdbs0-5,.lsfwk-pdbm0-5,.lsfwk-pdbl0-5 {padding-bottom:5px;} .lsfwk-pdb-10,.lsfwk-pdbs0-10,.lsfwk-pdbm0-10,.lsfwk-pdbl0-10 {padding-bottom:10px;} .lsfwk-pdb-20,.lsfwk-pdbs0-20,.lsfwk-pdbm0-20,.lsfwk-pdbl0-20 {padding-bottom:20px;} .lsfwk-pdb-30,.lsfwk-pdbs0-30,.lsfwk-pdbm0-30,.lsfwk-pdbl0-30 {padding-bottom:30px;} .lsfwk-pdb-40,.lsfwk-pdbs0-40,.lsfwk-pdbm0-40,.lsfwk-pdbl0-40 {padding-bottom:40px;} .lsfwk-pdb-50,.lsfwk-pdbs0-50,.lsfwk-pdbm0-50,.lsfwk-pdbl0-50 {padding-bottom:50px;} .lsfwk-pdb-60,.lsfwk-pdbs0-60,.lsfwk-pdbm0-60,.lsfwk-pdbl0-60 {padding-bottom:60px;} .lsfwk-pdb-70,.lsfwk-pdbs0-70,.lsfwk-pdbm0-70,.lsfwk-pdbl0-70 {padding-bottom:70px;} .lsfwk-pdb-80,.lsfwk-pdbs0-80,.lsfwk-pdbm0-80,.lsfwk-pdbl0-80 {padding-bottom:80px;} .lsfwk-pdb-90,.lsfwk-pdbs0-90,.lsfwk-pdbm0-90,.lsfwk-pdbl0-90 {padding-bottom:90px;} .lsfwk-pdb-100,.lsfwk-pdbs0-100,.lsfwk-pdbm0-100,.lsfwk-pdbl0-100 {padding-bottom:100px;} /*left*/ .lsfwk-pdl-xxxs,.lsfwk-pdls0-xxxs,.lsfwk-pdlm0-xxxs,.lsfwk-pdll0-xxxs {padding-left:2px;} .lsfwk-pdl-xxs,.lsfwk-pdls0-xxs,.lsfwk-pdlm0-xxs,.lsfwk-pdll0-xxs {padding-left:3px;} .lsfwk-pdl-xs,.lsfwk-pdls0-xs,.lsfwk-pdlm0-xs,.lsfwk-pdll0-xs {padding-left:4px;} .lsfwk-pdl-s,.lsfwk-pdls0-s,.lsfwk-pdlm0-s,.lsfwk-pdll0-s {padding-left:6px;} .lsfwk-pdl-m,.lsfwk-pdl-standard,.lsfwk-pdls0-m,.lsfwk-pdlm0-m,.lsfwk-pdll0-m {padding-left:10px;} .lsfwk-pdl-l,.lsfwk-pdls0-l,.lsfwk-pdlm0-l,.lsfwk-pdlml0-l {padding-left:20px;} .lsfwk-pdl-xl,.lsfwk-pdls0-xl,.lsfwk-pdlm0-xl,.lsfwk-pdll0-xl {padding-left:40px;} .lsfwk-pdl-xxl,.lsfwk-pdls0-xxl,.lsfwk-pdlm0-xxl,.lsfwk-pdll0-xxl {padding-left:60px;} .lsfwk-pdl-xxxl,.lsfwk-pdls0-xxxl,.lsfwk-pdlm0-xxl,.lsfwk-pdll0-xxl {padding-left:100px;} .lsfwk-pdl-0,.lsfwk-pdls0-0,.lsfwk-pdlm0-0,.lsfwk-pdll0-0 {padding-left:0;} .lsfwk-pdl-5,.lsfwk-pdls0-5,.lsfwk-pdlm0-5,.lsfwk-pdll0-5 {padding-left:5px;} .lsfwk-pdl-10,.lsfwk-pdls0-10,.lsfwk-pdlm0-10,.lsfwk-pdll0-10 {padding-left:10px;} .lsfwk-pdl-20,.lsfwk-pdls0-20,.lsfwk-pdlm0-20,.lsfwk-pdll0-20 {padding-left:20px;} .lsfwk-pdl-30,.lsfwk-pdls0-30,.lsfwk-pdlm0-30,.lsfwk-pdll0-30 {padding-left:30px;} .lsfwk-pdl-40,.lsfwk-pdls0-40,.lsfwk-pdlm0-40,.lsfwk-pdll0-40 {padding-left:40px;} .lsfwk-pdl-50,.lsfwk-pdls0-50,.lsfwk-pdlm0-50,.lsfwk-pdll0-50 {padding-left:50px;} .lsfwk-pdl-60,.lsfwk-pdls0-60,.lsfwk-pdlm0-60,.lsfwk-pdll0-60 {padding-left:60px;} .lsfwk-pdl-70,.lsfwk-pdls0-70,.lsfwk-pdlm0-70,.lsfwk-pdll0-70 {padding-left:70px;} .lsfwk-pdl-80,.lsfwk-pdls0-80,.lsfwk-pdlm0-80,.lsfwk-pdll0-80 {padding-left:80px;} .lsfwk-pdl-90,.lsfwk-pdls0-90,.lsfwk-pdlm0-90,.lsfwk-pdll0-90 {padding-left:90px;} .lsfwk-pdl-100,.lsfwk-pdls0-100,.lsfwk-pdlm0-100,.lsfwk-pdll0-100 {padding-left:100px;} /*right*/ .lsfwk-pdr-xxxs,.lsfwk-pdrs0-xxxs,.lsfwk-pdrm0-xxxs,.lsfwk-pdrl0-xxxs {padding-right:2px;} .lsfwk-pdr-xxs,.lsfwk-pdrs0-xxs,.lsfwk-pdrm0-xxs,.lsfwk-pdrl0-xxs {padding-right:3px;} .lsfwk-pdr-xs,.lsfwk-pdrs0-xs,.lsfwk-pdrm0-xs,.lsfwk-pdrl0-xs {padding-right:4px;} .lsfwk-pdr-s,.lsfwk-pdrs0-s,.lsfwk-pdrm0-s,.lsfwk-pdrl0-s {padding-right:6px;} .lsfwk-pdr-m,.lsfwk-pdr-standard,.lsfwk-pdrs0-m,.lsfwk-pdrm0-m,.lsfwk-pdrl0-m {padding-right:10px;} .lsfwk-pdr-l,.lsfwk-pdrs0-l,.lsfwk-pdrm0-l,.lsfwk-pdrml0-l {padding-right:20px;} .lsfwk-pdr-xl,.lsfwk-pdrs0-xl,.lsfwk-pdrm0-xl,.lsfwk-pdrl0-xl {padding-right:40px;} .lsfwk-pdr-xxl,.lsfwk-pdrs0-xxl,.lsfwk-pdrm0-xxl,.lsfwk-pdrl0-xxl {padding-right:60px;} .lsfwk-pdr-xxxl,.lsfwk-pdrs0-xxxl,.lsfwk-pdrm0-xxl,.lsfwk-pdrl0-xxl {padding-right:100px;} .lsfwk-pdr-0,.lsfwk-pdrs0-0,.lsfwk-pdrm0-0,.lsfwk-pdrl0-0 {padding-right:0;} .lsfwk-pdr-5,.lsfwk-pdrs0-5,.lsfwk-pdrm0-5,.lsfwk-pdrl0-5 {padding-right:5px;} .lsfwk-pdr-10,.lsfwk-pdrs0-10,.lsfwk-pdrm0-10,.lsfwk-pdrl0-10 {padding-right:10px;} .lsfwk-pdr-20,.lsfwk-pdrs0-20,.lsfwk-pdrm0-20,.lsfwk-pdrl0-20 {padding-right:20px;} .lsfwk-pdr-30,.lsfwk-pdrs0-30,.lsfwk-pdrm0-30,.lsfwk-pdrl0-30 {padding-right:30px;} .lsfwk-pdr-40,.lsfwk-pdrs0-40,.lsfwk-pdrm0-40,.lsfwk-pdrl0-40 {padding-right:40px;} .lsfwk-pdr-50,.lsfwk-pdrs0-50,.lsfwk-pdrm0-50,.lsfwk-pdrl0-50 {padding-right:50px;} .lsfwk-pdr-60,.lsfwk-pdrs0-60,.lsfwk-pdrm0-60,.lsfwk-pdrl0-60 {padding-right:60px;} .lsfwk-pdr-70,.lsfwk-pdrs0-70,.lsfwk-pdrm0-70,.lsfwk-pdrl0-70 {padding-right:70px;} .lsfwk-pdr-80,.lsfwk-pdrs0-80,.lsfwk-pdrm0-80,.lsfwk-pdrl0-80 {padding-right:80px;} .lsfwk-pdr-90,.lsfwk-pdrs0-90,.lsfwk-pdrm0-90,.lsfwk-pdrl0-90 {padding-right:90px;} .lsfwk-pdr-100,.lsfwk-pdrs0-100,.lsfwk-pdrm0-100,.lsfwk-pdrl0-100 {padding-right:100px;} /*no gap*/ .lsfwk-pd-noGap {padding:0 !important;} .lsfwk-pdt-noGap {padding-top:0 !important;} .lsfwk-pdb-noGap {padding-bottom:0 !important;} .lsfwk-pdl-noGap {padding-left:0 !important;} .lsfwk-pdr-noGap {padding-right:0 !important;} /*########## PADDINGS ########## <-*/ /*########## ALIGNS ########## ->*/ .lsfwk-alignLeft, .lsfwk-alignLeft-all, .lsfwk-alignLeft-all * {text-align:left;} .lsfwk-alignRight, .lsfwk-alignRight-all, .lsfwk-alignRight-all * {text-align:right;} .lsfwk-alignCenter, .lsfwk-alignCenter-all, .lsfwk-alignCenter-all * {text-align:center;} img.lsfwk-alignCenter, div.lsfwk-alignCenter {margin-left:auto; margin-right:auto;} /*########## ALIGNS ########## <-*/ /*########## FLOAT ########## ->*/ .lsfwk-floatLeft {float:left;} .lsfwk-floatRight {float:right;} .lsfwk-floatClear, .lsfwk-newline {clear:both;} .lsfwk-floatNone {float:none !important;} /*########## FLOAT ########## <-*/ /*########## SAME LINE ########## ->*/ .lsfwk-sameLine, .lsfwk-sameLine-all, .lsfwk-sameLine-all * { display:inline-block; vertical-align:middle; } /*########## SAME LINE ########## <-*/ /*########## FONTS ########## ->*/ .lsfwk-font-01, .lsfwk-font-01-all, .lsfwk-font-01-all * { font-family:"Roboto","Arial"; } .lsfwk-font-02, .lsfwk-font-02-all, .lsfwk-font-02-all * { font-family:"Roboto Condensed","Arial"; } .lsfwk-font-03, .lsfwk-font-03-all, .lsfwk-font-03-all * { font-family:"Open Sans","Arial"; } /*########## FONTS ########## <-*/ /*########## TEXT STYLES ########## ->*/ .lsfwk-txw-normal, .lsfwk-txw-normal-all, .lsfwk-txw-normal-all * {font-weight:normal;} .lsfwk-txw-bold, .lsfwk-txw-bold-all, .lsfwk-txw-bold-all * {font-weight:bold;} .lsfwk-txw-200, .lsfwk-txw-200-all, .lsfwk-txw-200-all * {font-weight:normal; font-weight:200;} .lsfwk-txw-300, .lsfwk-txw-300-all, .lsfwk-txw-300-all * {font-weight:normal; font-weight:300;} .lsfwk-txw-400, .lsfwk-txw-400-all, .lsfwk-txw-400-all * {font-weight:bold; font-weight:400;} .lsfwk-txw-500, .lsfwk-txw-500-all, .lsfwk-txw-500-all * {font-weight:bold; font-weight:500;} .lsfwk-txw-600, .lsfwk-txw-600-all, .lsfwk-txw-600-all * {font-weight:bold; font-weight:600;} .lsfwk-txw-700, .lsfwk-txw-700-all, .lsfwk-txw-700-all * {font-weight:bold; font-weight:700;} .lsfwk-txw-800, .lsfwk-txw-800-all, .lsfwk-txw-800-all * {font-weight:bold; font-weight:800;} .lsfwk-txw-900, .lsfwk-txw-900-all, .lsfwk-txw-900-all * {font-weight:bold; font-weight:900;} /*########## TEXT STYLES ########## <-*/ /*########## TEXT COLORS ########## ->*/ .lsfwk-txc-standard, .lsfwk-txc-standard-all, .lsfwk-txc-standard-all * { color:#424951; } .lsfwk-txc-inverted, .lsfwk-txc-inverted-all, .lsfwk-txc-inverted-all * { color:#FFFFFF; } .lsfwk-txc-spotcolor1, .lsfwk-txc-spotcolor1-all, .lsfwk-txc-spotcolor1-all * {color:#D51515;} .lsfwk-txc-spotcolor2, .lsfwk-txc-spotcolor2-all, .lsfwk-txc-spotcolor2-all * {color:#28A1BA;} .lsfwk-txc-black, .lsfwk-txc-black-all, .lsfwk-txc-black-all * {color:#000000;} .lsfwk-txc-white, .lsfwk-txc-white-all, .lsfwk-txc-white-all * {color:#FFFFFF;} .lsfwk-txc-dark, .lsfwk-txc-dark-all, .lsfwk-txc-dark-all * {color:#222222;} .lsfwk-txc-bright, .lsfwk-txc-bright-all, .lsfwk-txc-bright-all * {color:#FAF7F7;} .lsfwk-txc-grey, .lsfwk-txc-grey-all, .lsfwk-txc-grey-all * {color:#DEDEDE;} .lsfwk-txc-red, .lsfwk-txc-red-all, .lsfwk-txc-red-all * {color:#FF0000;} .lsfwk-txc-green, .lsfwk-txc-green-all, .lsfwk-txc-green-all * {color:#0BAD00;} .lsfwk-txc-blue, .lsfwk-txc-blue-all, .lsfwk-txc-blue-all * {color:#0000FF;} .lsfwk-txc-price, .lsfwk-txc-price-all, .lsfwk-txc-price-all * {color:#D51515; font-weight:bold;} .lsfwk-txc-priceOld, .lsfwk-txc-priceOld-all, .lsfwk-txc-priceOld-all * {color:#424951;} /*########## TEXT COLORS ########## <-*/ /*########## COLORS ########## ->*/ .lsfwk-error, .lsfwk-error-all * { color:#FF0000 !important; display:inline-block; } .lsfwk-success, .lsfwk-success-all * { color:#0BAD00 !important; display:inline-block; } /*########## COLORS ########## <-*/ /*########## BACKGROUND COLORS ########## ->*/ /*NO TRANSPARENCY*/ .lsfwk-bgc-standard:not(.widget):not(.submit_container) {background-color:#FFFFFF !important;} .lsfwk-bgc-inverted:not(.widget):not(.submit_container) {background-color:#262C33 !important;} .lsfwk-bgc-spotcolor1:not(.widget):not(.submit_container) {background-color:#D51515 !important;} .lsfwk-bgc-spotcolor2:not(.widget):not(.submit_container) {background-color:#28A1BA !important;} .lsfwk-bgc-black:not(.widget):not(.submit_container) {background-color:#000000 !important;} .lsfwk-bgc-white:not(.widget):not(.submit_container) {background-color:#FFFFFF !important;} .lsfwk-bgc-dark:not(.widget):not(.submit_container) {background-color:#222222 !important;} .lsfwk-bgc-bright:not(.widget):not(.submit_container) {background-color:#FAF7F7 !important;} .lsfwk-bgc-grey:not(.widget):not(.submit_container) {background-color:#DEDEDE !important;} .lsfwk-bgc-red:not(.widget):not(.submit_container) {background-color:#FF0000 !important;} .lsfwk-bgc-green:not(.widget):not(.submit_container) {background-color:#00FF00 !important;} .lsfwk-bgc-blue:not(.widget):not(.submit_container) {background-color:#0000FF !important;} .lsfwk-bgc-price:not(.widget):not(.submit_container) {background-color:#7dc8d7 !important;} /*WITH TRANSPARENCY*/ .lsfwk-bgc-o-0:not(.widget):not(.submit_container) {background-color:rgba(0,0,0,0.0);} .lsfwk-bgc-standard-o-10:not(.widget):not(.submit_container) {background-color:rgba(38,44,51,0.1);} .lsfwk-bgc-standard-o-20:not(.widget):not(.submit_container) {background-color:rgba(38,44,51,0.2);} .lsfwk-bgc-standard-o-30:not(.widget):not(.submit_container) {background-color:rgba(38,44,51,0.3);} .lsfwk-bgc-standard-o-40:not(.widget):not(.submit_container) {background-color:rgba(38,44,51,0.4);} .lsfwk-bgc-standard-o-50:not(.widget):not(.submit_container) {background-color:rgba(38,44,51,0.5);} .lsfwk-bgc-standard-o-60:not(.widget):not(.submit_container) {background-color:rgba(38,44,51,0.6);} .lsfwk-bgc-standard-o-70:not(.widget):not(.submit_container) {background-color:rgba(38,44,51,0.7);} .lsfwk-bgc-standard-o-80:not(.widget):not(.submit_container) {background-color:rgba(38,44,51,0.8);} .lsfwk-bgc-standard-o-90:not(.widget):not(.submit_container) {background-color:rgba(38,44,51,0.9);} .lsfwk-bgc-standard-o-100:not(.widget):not(.submit_container) {background-color:rgba(38,44,51,1.0);} .lsfwk-bgc-inverted-o-10:not(.widget):not(.submit_container) {background-color:rgba(215,225,237,0.1);} .lsfwk-bgc-inverted-o-20:not(.widget):not(.submit_container) {background-color:rgba(215,225,237,0.2);} .lsfwk-bgc-inverted-o-30:not(.widget):not(.submit_container) {background-color:rgba(215,225,237,0.3);} .lsfwk-bgc-inverted-o-40:not(.widget):not(.submit_container) {background-color:rgba(215,225,237,0.4);} .lsfwk-bgc-inverted-o-50:not(.widget):not(.submit_container) {background-color:rgba(215,225,237,0.5);} .lsfwk-bgc-inverted-o-60:not(.widget):not(.submit_container) {background-color:rgba(215,225,237,0.6);} .lsfwk-bgc-inverted-o-70:not(.widget):not(.submit_container) {background-color:rgba(215,225,237,0.7);} .lsfwk-bgc-inverted-o-80:not(.widget):not(.submit_container) {background-color:rgba(215,225,237,0.8);} .lsfwk-bgc-inverted-o-90:not(.widget):not(.submit_container) {background-color:rgba(215,225,237,0.9);} .lsfwk-bgc-inverted-o-100:not(.widget):not(.submit_container) {background-color:rgba(215,225,237,1.0);} .lsfwk-bgc-spotcolor1-o-10:not(.widget):not(.submit_container) {background-color:rgba(235,16,16,0.1);} .lsfwk-bgc-spotcolor1-o-20:not(.widget):not(.submit_container) {background-color:rgba(235,16,16,0.2);} .lsfwk-bgc-spotcolor1-o-30:not(.widget):not(.submit_container) {background-color:rgba(235,16,16,0.3);} .lsfwk-bgc-spotcolor1-o-40:not(.widget):not(.submit_container) {background-color:rgba(235,16,16,0.4);} .lsfwk-bgc-spotcolor1-o-50:not(.widget):not(.submit_container) {background-color:rgba(235,16,16,0.5);} .lsfwk-bgc-spotcolor1-o-60:not(.widget):not(.submit_container) {background-color:rgba(235,16,16,0.6);} .lsfwk-bgc-spotcolor1-o-70:not(.widget):not(.submit_container) {background-color:rgba(235,16,16,0.7);} .lsfwk-bgc-spotcolor1-o-80:not(.widget):not(.submit_container) {background-color:rgba(235,16,16,0.8);} .lsfwk-bgc-spotcolor1-o-90:not(.widget):not(.submit_container) {background-color:rgba(235,16,16,0.9);} .lsfwk-bgc-spotcolor1-o-100:not(.widget):not(.submit_container) {background-color:rgba(235,16,16,1.0);} .lsfwk-bgc-spotcolor2-o-10:not(.widget):not(.submit_container) {background-color:rgba(40,161,186,0.1);} .lsfwk-bgc-spotcolor2-o-20:not(.widget):not(.submit_container) {background-color:rgba(40,161,186,0.2);} .lsfwk-bgc-spotcolor2-o-30:not(.widget):not(.submit_container) {background-color:rgba(40,161,186,0.3);} .lsfwk-bgc-spotcolor2-o-40:not(.widget):not(.submit_container) {background-color:rgba(40,161,186,0.4);} .lsfwk-bgc-spotcolor2-o-50:not(.widget):not(.submit_container) {background-color:rgba(40,161,186,0.5);} .lsfwk-bgc-spotcolor2-o-60:not(.widget):not(.submit_container) {background-color:rgba(40,161,186,0.6);} .lsfwk-bgc-spotcolor2-o-70:not(.widget):not(.submit_container) {background-color:rgba(40,161,186,0.7);} .lsfwk-bgc-spotcolor2-o-80:not(.widget):not(.submit_container) {background-color:rgba(40,161,186,0.8);} .lsfwk-bgc-spotcolor2-o-90:not(.widget):not(.submit_container) {background-color:rgba(40,161,186,0.9);} .lsfwk-bgc-spotcolor2-o-100:not(.widget):not(.submit_container) {background-color:rgba(40,161,186,1.0);} .lsfwk-bgc-black-o-10:not(.widget):not(.submit_container) {background-color:rgba(0,0,0,0.1);} .lsfwk-bgc-black-o-20:not(.widget):not(.submit_container) {background-color:rgba(0,0,0,0.2);} .lsfwk-bgc-black-o-30:not(.widget):not(.submit_container) {background-color:rgba(0,0,0,0.3);} .lsfwk-bgc-black-o-40:not(.widget):not(.submit_container) {background-color:rgba(0,0,0,0.4);} .lsfwk-bgc-black-o-50:not(.widget):not(.submit_container) {background-color:rgba(0,0,0,0.5);} .lsfwk-bgc-black-o-60:not(.widget):not(.submit_container) {background-color:rgba(0,0,0,0.6);} .lsfwk-bgc-black-o-70:not(.widget):not(.submit_container) {background-color:rgba(0,0,0,0.7);} .lsfwk-bgc-black-o-80:not(.widget):not(.submit_container) {background-color:rgba(0,0,0,0.8);} .lsfwk-bgc-black-o-90:not(.widget):not(.submit_container) {background-color:rgba(0,0,0,0.9);} .lsfwk-bgc-black-o-100:not(.widget):not(.submit_container) {background-color:rgba(0,0,0,1.0);} .lsfwk-bgc-white-o-10:not(.widget):not(.submit_container) {background-color:rgba(255,255,255,0.1);} .lsfwk-bgc-white-o-20:not(.widget):not(.submit_container) {background-color:rgba(255,255,255,0.2);} .lsfwk-bgc-white-o-30:not(.widget):not(.submit_container) {background-color:rgba(255,255,255,0.3);} .lsfwk-bgc-white-o-40:not(.widget):not(.submit_container) {background-color:rgba(255,255,255,0.4);} .lsfwk-bgc-white-o-50:not(.widget):not(.submit_container) {background-color:rgba(255,255,255,0.5);} .lsfwk-bgc-white-o-60:not(.widget):not(.submit_container) {background-color:rgba(255,255,255,0.6);} .lsfwk-bgc-white-o-70:not(.widget):not(.submit_container) {background-color:rgba(255,255,255,0.7);} .lsfwk-bgc-white-o-80:not(.widget):not(.submit_container) {background-color:rgba(255,255,255,0.8);} .lsfwk-bgc-white-o-90:not(.widget):not(.submit_container) {background-color:rgba(255,255,255,0.9);} .lsfwk-bgc-white-o-100:not(.widget):not(.submit_container) {background-color:rgba(255,255,255,1.0);} .lsfwk-bgc-dark-o-10:not(.widget):not(.submit_container) {background-color:rgba(34,34,34,0.1);} .lsfwk-bgc-dark-o-20:not(.widget):not(.submit_container) {background-color:rgba(34,34,34,0.2);} .lsfwk-bgc-dark-o-30:not(.widget):not(.submit_container) {background-color:rgba(34,34,34,0.3);} .lsfwk-bgc-dark-o-40:not(.widget):not(.submit_container) {background-color:rgba(34,34,34,0.4);} .lsfwk-bgc-dark-o-50:not(.widget):not(.submit_container) {background-color:rgba(34,34,34,0.5);} .lsfwk-bgc-dark-o-60:not(.widget):not(.submit_container) {background-color:rgba(34,34,34,0.6);} .lsfwk-bgc-dark-o-70:not(.widget):not(.submit_container) {background-color:rgba(34,34,34,0.7);} .lsfwk-bgc-dark-o-80:not(.widget):not(.submit_container) {background-color:rgba(34,34,34,0.8);} .lsfwk-bgc-dark-o-90:not(.widget):not(.submit_container) {background-color:rgba(34,34,34,0.9);} .lsfwk-bgc-dark-o-100:not(.widget):not(.submit_container) {background-color:rgba(34,34,34,1.0);} .lsfwk-bgc-bright-o-10:not(.widget):not(.submit_container) {background-color:rgba(250,247,247,0.1);} .lsfwk-bgc-bright-o-20:not(.widget):not(.submit_container) {background-color:rgba(250,247,247,0.2);} .lsfwk-bgc-bright-o-30:not(.widget):not(.submit_container) {background-color:rgba(250,247,247,0.3);} .lsfwk-bgc-bright-o-40:not(.widget):not(.submit_container) {background-color:rgba(250,247,247,0.4);} .lsfwk-bgc-bright-o-50:not(.widget):not(.submit_container) {background-color:rgba(250,247,247,0.5);} .lsfwk-bgc-bright-o-60:not(.widget):not(.submit_container) {background-color:rgba(250,247,247,0.6);} .lsfwk-bgc-bright-o-70:not(.widget):not(.submit_container) {background-color:rgba(250,247,247,0.7);} .lsfwk-bgc-bright-o-80:not(.widget):not(.submit_container) {background-color:rgba(250,247,247,0.8);} .lsfwk-bgc-bright-o-90:not(.widget):not(.submit_container) {background-color:rgba(250,247,247,0.9);} .lsfwk-bgc-bright-o-100:not(.widget):not(.submit_container) {background-color:rgba(250,247,247,1.0);} .lsfwk-bgc-grey-o-10:not(.widget):not(.submit_container) {background-color:rgba(170,170,170,0.1);} .lsfwk-bgc-grey-o-20:not(.widget):not(.submit_container) {background-color:rgba(170,170,170,0.2);} .lsfwk-bgc-grey-o-30:not(.widget):not(.submit_container) {background-color:rgba(170,170,170,0.3);} .lsfwk-bgc-grey-o-40:not(.widget):not(.submit_container) {background-color:rgba(170,170,170,0.4);} .lsfwk-bgc-grey-o-50:not(.widget):not(.submit_container) {background-color:rgba(170,170,170,0.5);} .lsfwk-bgc-grey-o-60:not(.widget):not(.submit_container) {background-color:rgba(170,170,170,0.6);} .lsfwk-bgc-grey-o-70:not(.widget):not(.submit_container) {background-color:rgba(170,170,170,0.7);} .lsfwk-bgc-grey-o-80:not(.widget):not(.submit_container) {background-color:rgba(170,170,170,0.8);} .lsfwk-bgc-grey-o-90:not(.widget):not(.submit_container) {background-color:rgba(170,170,170,0.9);} .lsfwk-bgc-grey-o-100:not(.widget):not(.submit_container) {background-color:rgba(170,170,170,1.0);} .lsfwk-bgc-red-o-10:not(.widget):not(.submit_container) {background-color:rgba(255,0,0,0.1);} .lsfwk-bgc-red-o-20:not(.widget):not(.submit_container) {background-color:rgba(255,0,0,0.2);} .lsfwk-bgc-red-o-30:not(.widget):not(.submit_container) {background-color:rgba(255,0,0,0.3);} .lsfwk-bgc-red-o-40:not(.widget):not(.submit_container) {background-color:rgba(255,0,0,0.4);} .lsfwk-bgc-red-o-50:not(.widget):not(.submit_container) {background-color:rgba(255,0,0,0.5);} .lsfwk-bgc-red-o-60:not(.widget):not(.submit_container) {background-color:rgba(255,0,0,0.6);} .lsfwk-bgc-red-o-70:not(.widget):not(.submit_container) {background-color:rgba(255,0,0,0.7);} .lsfwk-bgc-red-o-80:not(.widget):not(.submit_container) {background-color:rgba(255,0,0,0.8);} .lsfwk-bgc-red-o-90:not(.widget):not(.submit_container) {background-color:rgba(255,0,0,0.9);} .lsfwk-bgc-red-o-100:not(.widget):not(.submit_container) {background-color:rgba(255,0,0,1.0);} .lsfwk-bgc-green-o-10:not(.widget):not(.submit_container) {background-color:rgba(0,255,0,0.1);} .lsfwk-bgc-green-o-20:not(.widget):not(.submit_container) {background-color:rgba(0,255,0,0.2);} .lsfwk-bgc-green-o-30:not(.widget):not(.submit_container) {background-color:rgba(0,255,0,0.3);} .lsfwk-bgc-green-o-40:not(.widget):not(.submit_container) {background-color:rgba(0,255,0,0.4);} .lsfwk-bgc-green-o-50:not(.widget):not(.submit_container) {background-color:rgba(0,255,0,0.5);} .lsfwk-bgc-green-o-60:not(.widget):not(.submit_container) {background-color:rgba(0,255,0,0.6);} .lsfwk-bgc-green-o-70:not(.widget):not(.submit_container) {background-color:rgba(0,255,0,0.7);} .lsfwk-bgc-green-o-80:not(.widget):not(.submit_container) {background-color:rgba(0,255,0,0.8);} .lsfwk-bgc-green-o-90:not(.widget):not(.submit_container) {background-color:rgba(0,255,0,0.9);} .lsfwk-bgc-green-o-100:not(.widget):not(.submit_container) {background-color:rgba(0,255,0,1.0);} .lsfwk-bgc-blue-o-10:not(.widget):not(.submit_container) {background-color:rgba(0,0,255,0.1);} .lsfwk-bgc-blue-o-20:not(.widget):not(.submit_container) {background-color:rgba(0,0,255,0.2);} .lsfwk-bgc-blue-o-30:not(.widget):not(.submit_container) {background-color:rgba(0,0,255,0.3);} .lsfwk-bgc-blue-o-40:not(.widget):not(.submit_container) {background-color:rgba(0,0,255,0.4);} .lsfwk-bgc-blue-o-50:not(.widget):not(.submit_container) {background-color:rgba(0,0,255,0.5);} .lsfwk-bgc-blue-o-60:not(.widget):not(.submit_container) {background-color:rgba(0,0,255,0.6);} .lsfwk-bgc-blue-o-70:not(.widget):not(.submit_container) {background-color:rgba(0,0,255,0.7);} .lsfwk-bgc-blue-o-80:not(.widget):not(.submit_container) {background-color:rgba(0,0,255,0.8);} .lsfwk-bgc-blue-o-90:not(.widget):not(.submit_container) {background-color:rgba(0,0,255,0.9);} .lsfwk-bgc-blue-o-100:not(.widget):not(.submit_container) {background-color:rgba(0,0,255,1.0);} .lsfwk-bgc-price-o-10:not(.widget):not(.submit_container) {background-color:rgba(11,173,0,0.1);} .lsfwk-bgc-price-o-20:not(.widget):not(.submit_container) {background-color:rgba(11,173,0,0.2);} .lsfwk-bgc-price-o-30:not(.widget):not(.submit_container) {background-color:rgba(11,173,0,0.3);} .lsfwk-bgc-price-o-40:not(.widget):not(.submit_container) {background-color:rgba(11,173,0,0.4);} .lsfwk-bgc-price-o-50:not(.widget):not(.submit_container) {background-color:rgba(11,173,0,0.5);} .lsfwk-bgc-price-o-60:not(.widget):not(.submit_container) {background-color:rgba(11,173,0,0.6);} .lsfwk-bgc-price-o-70:not(.widget):not(.submit_container) {background-color:rgba(11,173,0,0.7);} .lsfwk-bgc-price-o-80:not(.widget):not(.submit_container) {background-color:rgba(11,173,0,0.8);} .lsfwk-bgc-price-o-90:not(.widget):not(.submit_container) {background-color:rgba(11,173,0,0.9);} .lsfwk-bgc-price-o-100:not(.widget):not(.submit_container) {background-color:rgba(11,173,0,1.0);} /*########## BACKGROUND COLORS ########## <-*/ /*########## BORDER SETS ########## ->*/ /* .lsfwk-bd-standard, .lsfwk-bd-standard.ce_text, .lsfwk-bd-standard .ce_text, .lsfwk-bd-standard.boxInnerWrapper, .lsfwk-bd-standard .boxInnerWrapper, .lsfwk-bd-standard.ce_image img, .lsfwk-bd-standard.img { border:1px solid #EEEEEE; } */ .lsfwk-bd-standard { border:1px solid #EEEEEE; } .lsfwk-bdt-standard { border-top:1px solid #EEEEEE; } .lsfwk-bdb-standard { border-bottom:1px solid #EEEEEE; } .lsfwk-bdl-standard { border-left:1px solid #EEEEEE; } .lsfwk-bdr-standard { border-right:1px solid #EEEEEE; } .lsfwk-bd-inverted { border:1px solid #262C33; } .lsfwk-bd-spotcolor1, .lsfwk-bd-spotcolor1-all * { border:1px solid #D51515; } .lsfwk-bd-spotcolor1-m, .lsfwk-bd-spotcolor1-m-all * { border:2px solid #D51515; } .lsfwk-bd-spotcolor1-l, .lsfwk-bd-spotcolor1-l-all * { border:4px solid #D51515; } .lsfwk-bd-spotcolor1-xl, .lsfwk-bd-spotcolor1-xl-all * { border:8px solid #D51515; } .lsfwk-bd-spotcolor2, .lsfwk-bd-spotcolor2-all * { border:1px solid #28A1BA; } .lsfwk-bd-spotcolor2-m, .lsfwk-bd-spotcolor2-m-all * { border:2px solid #28A1BA; } .lsfwk-bd-spotcolor2-l, .lsfwk-bd-spotcolor2-l-all * { border:4px solid #28A1BA; } .lsfwk-bd-spotcolor2-xl, .lsfwk-bd-spotcolor2-xl-all * { border:8px solid #28A1BA; } .lsfwk-bd-0, .lsfwk-bd-0-all * { border:0; } .lsfwk-bd-set-01, .lsfwk-bd-set-01-all * { border:1px solid #FFFFFF; } .lsfwk-bd-set-02, .lsfwk-bd-set-02-all * { border:1px solid #FF0000; } .lsfwk-bd-set-03, .lsfwk-bd-set-03-all * { border:1px solid #00FF00; } .lsfwk-bd-set-04, .lsfwk-bd-set-04-all * { border:1px solid #0000FF; } .lsfwk-bdt, .lsfwk-bdt-all * {border-top:1px solid #D7E1ED;} .lsfwk-bdb, .lsfwk-bdb-all * {border-bottom:1px solid #D7E1ED;} .lsfwk-bdl, .lsfwk-bdl-all * {border-left:1px solid #D7E1ED;} .lsfwk-bdr, .lsfwk-bdr-all * {border-right:1px solid #D7E1ED;} /*########## BORDER SETS ########## <-*/ /*########## BOX SHADOWS ########## ->*/ .lsfwk-bsw-standard, .lsfwk-bsw-standard-all * { box-shadow:0 2px 4px #666666; } .lsfwk-bsw-big, .lsfwk-bsw-big-all * { box-shadow:0 6px 12px #666666; } .lsfwk-bsw-small, .lsfwk-bsw-small-all * { box-shadow:0 1px 2px #666666; } /*########## BOX SHADOWS ########## <-*/ /*########## BOX SHADOWS ########## ->*/ .lsfwk-tsw-standard, .lsfwk-tsw-standard-all * { text-shadow:0 2px 4px #666666; } .lsfwk-tsw-big, .lsfwk-tsw-big-all * { text-shadow:0 6px 12px #666666; } .lsfwk-tsw-small, .lsfwk-tsw-small-all * { text-shadow:0 1px 2px #666666; } /*########## BOX SHADOWS ########## <-*/ /*########## BUTTONS ########## ->*/ .lsfwk-submit:not(.fi), .lsfwk-button:not(.fi) { cursor:pointer; white-space:nowrap; display:inline-block; } /*########## BUTTONS ########## <-*/ /*########## ICONS ########## ->*/ .lsfwk-iconWithText img, .lsfwk-iconWithText p { display:inline-block; margin:0; } /*########## ICONS ########## <-*/ /*########## ANIMATIONS ########## ->*/ @keyframes lsfwk-cssAnimation { to { width:0; height:0; overflow:hidden; padding:0; opacity:0; } } @-webkit-keyframes lsfwk-cssAnimation { to { width:0; height:0; padding:0; opacity:0; } } .lsfwk-effectAutohide { -moz-animation:lsfwk-cssAnimation 0s ease-in 3s forwards; /* Firefox */ -webkit-animation:lsfwk-cssAnimation 0s ease-in 3s forwards; /* Safari and Chrome */ -o-animation:lsfwk-cssAnimation 0s ease-in 3s forwards; /* Opera */ animation:lsfwk-cssAnimation 0s ease-in 3s forwards; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards; } /*########## ANIMATIONS ########## <-*/ /*########## GRID SYSTEM ########## ->*/ .lsfwk-width-1 {width:8.333333% !important;} .lsfwk-width-2 {width:16.666666% !important;} .lsfwk-width-3 {width:25% !important;} .lsfwk-width-4 {width:33.333333% !important;} .lsfwk-width-5 {width:41.666666% !important;} .lsfwk-width-6 {width:50% !important;} .lsfwk-width-7 {width:58.333333% !important;} .lsfwk-width-8 {width:66.666666% !important;} .lsfwk-width-9 {width:75% !important;} .lsfwk-width-10 {width:83.333333% !important;} .lsfwk-width-11 {width:91.666666% !important;} .lsfwk-width-12 {width:100% !important;} .lsfwk-width-1-offset {margin-left:8.333333% !important;} .lsfwk-width-2-offset {margin-left:16.666666% !important;} .lsfwk-width-3-offset {margin-left:25% !important;} .lsfwk-width-4-offset {margin-left:33.33333% !important;} .lsfwk-width-5-offset {margin-left:41.666666% !important;} .lsfwk-width-6-offset {margin-left:50% !important;} .lsfwk-width-7-offset {margin-left:58.333333% !important;} .lsfwk-width-8-offset {margin-left:66.666666% !important;} .lsfwk-width-9-offset {margin-left:75% !important;} .lsfwk-width-10-offset {margin-left:83.333333% !important;} .lsfwk-width-11-offset {margin-left:91.666666% !important;} .lsfwk-width-12-offset {margin-left:100% !important;} .lsfwk-oneOfFour {width:25% !important; float:left;} .lsfwk-oneOfThree {width:33.333333% !important; float:left;} .lsfwk-oneOfTwo {width:50% !important; float:left;} .lsfwk-fullwidth {width:100% !important; float:none;} /*########## GRID SYSTEM ########## <-*/ /*########## ABSOLUTE POSITIONS ########## ->*/ /*center on screen*/ .lsfwk-ap-center { position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); } /*top left*/ .lsfwk-aptl-xxxs {top:2px;left:2px;} .lsfwk-aptl-xxs {top:3px;left:3px;} .lsfwk-aptl-xs {top:4px;left:4px;} .lsfwk-aptl-s {top:6px;left:6px;} .lsfwk-aptl-m,.lsfwk-aptl-standard {top:10px;left:10px;} .lsfwk-aptl-l {top:20px;left:20px;} .lsfwk-aptl-xl {top:40px;left:40px;} .lsfwk-aptl-xxl {top:60px;left:60px;} .lsfwk-aptl-xxxl {top:100px;left:100px;} .lsfwk-aptl-0 {top:0;left:0;} .lsfwk-aptl-5 {top:5px;left:5px;} .lsfwk-aptl-10 {top:10px;left:10px;} .lsfwk-aptl-20 {top:20px;left:20px;} .lsfwk-aptl-30 {top:30px;left:30px;} .lsfwk-aptl-40 {top:40px;left:40px;} .lsfwk-aptl-50 {top:50px;left:50px;} .lsfwk-aptl-60 {top:60px;left:60px;} .lsfwk-aptl-70 {top:70px;left:70px;} .lsfwk-aptl-80 {top:80px;left:80px;} .lsfwk-aptl-90 {top:90px;left:90px;} .lsfwk-aptl-100 {top:100px;left:100px;} /*top right*/ .lsfwk-aptr-xxxs {top:2px;right:2px;} .lsfwk-aptr-xxs {top:3px;right:3px;} .lsfwk-aptr-xs {top:4px;right:4px;} .lsfwk-aptr-s {top:6px;right:6px;} .lsfwk-aptr-m,.lsfwk-aptr-standard {top:10px;right:10px;} .lsfwk-aptr-l {top:20px;right:20px;} .lsfwk-aptr-xl {top:40px;right:40px;} .lsfwk-aptr-xxl {top:60px;right:60px;} .lsfwk-aptr-xxxl {top:100px;right:100px;} .lsfwk-aptr-0 {top:0;right:0;} .lsfwk-aptr-5 {top:5px;right:5px;} .lsfwk-aptr-10 {top:10px;right:10px;} .lsfwk-aptr-20 {top:20px;right:20px;} .lsfwk-aptr-30 {top:30px;right:30px;} .lsfwk-aptr-40 {top:40px;right:40px;} .lsfwk-aptr-50 {top:50px;right:50px;} .lsfwk-aptr-60 {top:60px;right:60px;} .lsfwk-aptr-70 {top:70px;right:70px;} .lsfwk-aptr-80 {top:80px;right:80px;} .lsfwk-aptr-90 {top:90px;right:90px;} .lsfwk-aptr-100 {top:100px;right:100px;} /*bottom left*/ .lsfwk-apbl-xxxs {bottom:2px;left:2px;} .lsfwk-apbl-xxs {bottom:3px;left:3px;} .lsfwk-apbl-xs {bottom:4px;left:4px;} .lsfwk-apbl-s {bottom:6px;left:6px;} .lsfwk-apbl-m,.lsfwk-apbl-standard {bottom:10px;left:10px;} .lsfwk-apbl-l {bottom:20px;left:20px;} .lsfwk-apbl-xl {bottom:40px;left:40px;} .lsfwk-apbl-xxl {bottom:60px;left:60px;} .lsfwk-apbl-xxxl {bottom:100px;left:100px;} .lsfwk-apbl-0 {bottom:0;left:0;} .lsfwk-apbl-5 {bottom:5px;left:5px;} .lsfwk-apbl-10 {bottom:10px;left:10px;} .lsfwk-apbl-20 {bottom:20px;left:20px;} .lsfwk-apbl-30 {bottom:30px;left:30px;} .lsfwk-apbl-40 {bottom:40px;left:40px;} .lsfwk-apbl-50 {bottom:50px;left:50px;} .lsfwk-apbl-60 {bottom:60px;left:60px;} .lsfwk-apbl-70 {bottom:70px;left:70px;} .lsfwk-apbl-80 {bottom:80px;left:80px;} .lsfwk-apbl-90 {bottom:90px;left:90px;} .lsfwk-apbl-100 {bottom:100px;left:100px;} /*bottom right*/ .lsfwk-apbr-xxxs {bottom:2px;right:2px;} .lsfwk-apbr-xxs {bottom:3px;right:3px;} .lsfwk-apbr-xs {bottom:4px;right:4px;} .lsfwk-apbr-s {bottom:6px;right:6px;} .lsfwk-apbr-m,.lsfwk-apbr-standard {bottom:10px;right:10px;} .lsfwk-apbr-l {bottom:20px;right:20px;} .lsfwk-apbr-xl {bottom:40px;right:40px;} .lsfwk-apbr-xxl {bottom:60px;right:60px;} .lsfwk-apbr-xxxl {bottom:100px;right:100px;} .lsfwk-apbr-0 {bottom:0;right:0;} .lsfwk-apbr-5 {bottom:5px;right:5px;} .lsfwk-apbr-10 {bottom:10px;right:10px;} .lsfwk-apbr-20 {bottom:20px;right:20px;} .lsfwk-apbr-30 {bottom:30px;right:30px;} .lsfwk-apbr-40 {bottom:40px;right:40px;} .lsfwk-apbr-50 {bottom:50px;right:50px;} .lsfwk-apbr-60 {bottom:60px;right:60px;} .lsfwk-apbr-70 {bottom:70px;right:70px;} .lsfwk-apbr-80 {bottom:80px;right:80px;} .lsfwk-apbr-90 {bottom:90px;right:90px;} .lsfwk-apbr-100 {bottom:100px;right:100px;} /*top center*/ .lsfwk-aptc-xxxs {top:2px;left:50%;transform:translate(-50%, 0);} .lsfwk-aptc-xxs {top:3px;left:50%;transform:translate(-50%, 0);} .lsfwk-aptc-xs {top:4px;left:50%;transform:translate(-50%, 0);} .lsfwk-aptc-s {top:6px;left:50%;transform:translate(-50%, 0);} .lsfwk-aptc-m,.lsfwk-aptc-standard {top:10px;left:50%;transform:translate(-50%, 0);} .lsfwk-aptc-l {top:20px;left:50%;transform:translate(-50%, 0);} .lsfwk-aptc-xl {top:40px;left:50%;transform:translate(-50%, 0);} .lsfwk-aptc-xxl {top:60px;left:50%;transform:translate(-50%, 0);} .lsfwk-aptc-xxxl {top:100px;left:50%;transform:translate(-50%, 0);} .lsfwk-aptc-0 {top:0;left:50%;transform:translate(-50%, 0);} .lsfwk-aptc-5 {top:5px;left:50%;transform:translate(-50%, 0);} .lsfwk-aptc-10 {top:10px;left:50%;transform:translate(-50%, 0);} .lsfwk-aptc-20 {top:20px;left:50%;transform:translate(-50%, 0);} .lsfwk-aptc-30 {top:30px;left:50%;transform:translate(-50%, 0);} .lsfwk-aptc-40 {top:40px;left:50%;transform:translate(-50%, 0);} .lsfwk-aptc-50 {top:50px;left:50%;transform:translate(-50%, 0);} .lsfwk-aptc-60 {top:60px;left:50%;transform:translate(-50%, 0);} .lsfwk-aptc-70 {top:70px;left:50%;transform:translate(-50%, 0);} .lsfwk-aptc-80 {top:80px;left:50%;transform:translate(-50%, 0);} .lsfwk-aptc-90 {top:90px;left:50%;transform:translate(-50%, 0);} .lsfwk-aptc-100 {top:100px;left:50%;transform:translate(-50%, 0);} /*bottom center*/ .lsfwk-apbc-xxxs {bottom:2px;left:50%;transform:translate(-50%, 0);} .lsfwk-apbc-xxs {bottom:3px;left:50%;transform:translate(-50%, 0);} .lsfwk-apbc-xs {bottom:4px;left:50%;transform:translate(-50%, 0);} .lsfwk-apbc-s {bottom:6px;left:50%;transform:translate(-50%, 0);} .lsfwk-apbc-m,.lsfwk-apbc-standard {bottom:10px;left:50%;transform:translate(-50%, 0);} .lsfwk-apbc-l {bottom:20px;left:50%;transform:translate(-50%, 0);} .lsfwk-apbc-xl {bottom:40px;left:50%;transform:translate(-50%, 0);} .lsfwk-apbc-xxl {bottom:60px;left:50%;transform:translate(-50%, 0);} .lsfwk-apbc-xxxl {bottom:100px;left:50%;transform:translate(-50%, 0);} .lsfwk-apbc-0 {bottom:0;left:50%;transform:translate(-50%, 0);} .lsfwk-apbc-5 {bottom:5px;left:50%;transform:translate(-50%, 0);} .lsfwk-apbc-10 {bottom:10px;left:50%;transform:translate(-50%, 0);} .lsfwk-apbc-20 {bottom:20px;left:50%;transform:translate(-50%, 0);} .lsfwk-apbc-30 {bottom:30px;left:50%;transform:translate(-50%, 0);} .lsfwk-apbc-40 {bottom:40px;left:50%;transform:translate(-50%, 0);} .lsfwk-apbc-50 {bottom:50px;left:50%;transform:translate(-50%, 0);} .lsfwk-apbc-60 {bottom:60px;left:50%;transform:translate(-50%, 0);} .lsfwk-apbc-70 {bottom:70px;left:50%;transform:translate(-50%, 0);} .lsfwk-apbc-80 {bottom:80px;left:50%;transform:translate(-50%, 0);} .lsfwk-apbc-90 {bottom:90px;left:50%;transform:translate(-50%, 0);} .lsfwk-apbc-100 {bottom:100px;left:50%;transform:translate(-50%, 0);} .lsfwk-aptl-xxxs,.lsfwk-aptl-xxs,.lsfwk-aptl-xs,.lsfwk-aptl-s,.lsfwk-aptl-m,.lsfwk-aptl-standard,.lsfwk-aptl-l,.lsfwk-aptl-xl,.lsfwk-aptl-xxl,.lsfwk-aptl-xxxl,.lsfwk-aptl-0,.lsfwk-aptl-5,.lsfwk-aptl-10,.lsfwk-aptl-20,.lsfwk-aptl-30,.lsfwk-aptl-40,.lsfwk-aptl-50,.lsfwk-aptl-60,.lsfwk-aptl-70,.lsfwk-aptl-80,.lsfwk-aptl-90,.lsfwk-aptl-100, .lsfwk-aptr-xxxs,.lsfwk-aptr-xxs,.lsfwk-aptr-xs,.lsfwk-aptr-s,.lsfwk-aptr-m,.lsfwk-aptr-standard,.lsfwk-aptr-l,.lsfwk-aptr-xl,.lsfwk-aptr-xxl,.lsfwk-aptr-xxxl,.lsfwk-aptr-0,.lsfwk-aptr-5,.lsfwk-aptr-10,.lsfwk-aptr-20,.lsfwk-aptr-30,.lsfwk-aptr-40,.lsfwk-aptr-50,.lsfwk-aptr-60,.lsfwk-aptr-70,.lsfwk-aptr-80,.lsfwk-aptr-90,.lsfwk-aptr-100, .lsfwk-apbl-xxxs,.lsfwk-apbl-xxs,.lsfwk-apbl-xs,.lsfwk-apbl-s,.lsfwk-apbl-m,.lsfwk-apbl-standard,.lsfwk-apbl-l,.lsfwk-apbl-xl,.lsfwk-apbl-xxl,.lsfwk-apbl-xxxl,.lsfwk-apbl-0,.lsfwk-apbl-5,.lsfwk-apbl-10,.lsfwk-apbl-20,.lsfwk-apbl-30,.lsfwk-apbl-40,.lsfwk-apbl-50,.lsfwk-apbl-60,.lsfwk-apbl-70,.lsfwk-apbl-80,.lsfwk-apbl-90,.lsfwk-apbl-100, .lsfwk-apbr-xxxs,.lsfwk-apbr-xxs,.lsfwk-apbr-xs,.lsfwk-apbr-s,.lsfwk-apbr-m,.lsfwk-apbr-standard,.lsfwk-apbr-l,.lsfwk-apbr-xl,.lsfwk-apbr-xxl,.lsfwk-apbr-xxxl,.lsfwk-apbr-0,.lsfwk-apbr-5,.lsfwk-apbr-10,.lsfwk-apbr-20,.lsfwk-apbr-30,.lsfwk-apbr-40,.lsfwk-apbr-50,.lsfwk-apbr-60,.lsfwk-apbr-70,.lsfwk-apbr-80,.lsfwk-apbr-90,.lsfwk-apbr-100, .lsfwk-aptc-xxxs,.lsfwk-aptc-xxs,.lsfwk-aptc-xs,.lsfwk-aptc-s,.lsfwk-aptc-m,.lsfwk-aptc-standard,.lsfwk-aptc-l,.lsfwk-aptc-xl,.lsfwk-aptc-xxl,.lsfwk-aptc-xxxl,.lsfwk-aptc-0,.lsfwk-aptc-5,.lsfwk-aptc-10,.lsfwk-aptc-20,.lsfwk-aptc-30,.lsfwk-aptc-40,.lsfwk-aptc-50,.lsfwk-aptc-60,.lsfwk-aptc-70,.lsfwk-aptc-80,.lsfwk-aptc-90,.lsfwk-aptc-100, .lsfwk-apbc-xxxs,.lsfwk-apbc-xxs,.lsfwk-apbc-xs,.lsfwk-apbc-s,.lsfwk-apbc-m,.lsfwk-apbc-standard,.lsfwk-apbc-l,.lsfwk-apbc-xl,.lsfwk-apbc-xxl,.lsfwk-apbc-xxxl,.lsfwk-apbc-0,.lsfwk-apbc-5,.lsfwk-apbc-10,.lsfwk-apbc-20,.lsfwk-apbc-30,.lsfwk-apbc-40,.lsfwk-apbc-50,.lsfwk-apbc-60,.lsfwk-apbc-70,.lsfwk-apbc-80,.lsfwk-apbc-90,.lsfwk-apbc-100 { position:absolute; z-index:1; text-align:center; } /*########## ABSOLUTE POSITIONS ########## <-*/ /*########## FONT ICON SET ########## ->*/ .lsfwk-fi, .foldedNaviToggler { font-family:"Ionicons"; font-style:normal; opacity:1; padding:0; line-height:90%; } .lsfwk-fi:before { vertical-align:middle; } .lsfwk-fi:hover {opacity:0.5;} .lsfwk-fi-home:before {content:"\f447";} .lsfwk-fi-calc:before {content:"\f26d";} .lsfwk-fi-edit:before {content:"\f37e";} /*.lsfwk-fi-cart:before {content:"\f3f8";}*/ .lsfwk-fi-delete:before {content:"\f4c4";} .lsfwk-fi-registering:before {content:"\f37e";} .lsfwk-fi-login:before {content:"\f29e";} .lsfwk-fi-logout:before {content:"\f29f";} .lsfwk-fi-user:before {content:"\f3a0";} .lsfwk-fi-selectLanguage:before {content:"\f279";} .lsfwk-fi-shipping:before {content:"\f402";} .lsfwk-fi-payment:before {content:"\f119";} .lsfwk-fi-buy:before {content:"\f383";} .lsfwk-fi-ok:before {content:"\f383";} .lsfwk-fi-close:before {content:"\f2d7";} .lsfwk-fi-search:before {content:"\f2f5";} .lsfwk-fi-facebook:before {content:"\f230";} .lsfwk-fi-twitter:before {content:"\f242";} .lsfwk-fi-google-plus:before {content:"\f234";} .lsfwk-fi-email:before {content:"\f422";} .lsfwk-fi-whatsapp:before {content:"\f4ef";} .lsfwk-fi-back:before {content:"\f3d2";} .lsfwk-fi-next:before {content:"\f3d3";} .lsfwk-fi-stock:before {content:"\f228";} .lsfwk-fi-delivery-time:before {content:"\f4b5";} .lsfwk-fi-sale:before {content:"\f48f";} .lsfwk-fi-new:before {content:"\f2fc";} .lsfwk-fi-watchlist:before {content:"\f443";} .lsfwk-fi-mobileToggler:before {content:"\f20e";} .lsfwk-fi-expander-left:before {content:"\f361";} .lsfwk-fi-expander-right:before {content:"\f363";} .lsfwk-fi-expander-down:before {content:"\f35f";} .lsfwk-fi-expander-up:before {content:"\f365";} .lsfwk-fi-google-maps:before {content:"\f393";} .lsfwk-fi-phone:before {content:"\f2d2";} .lsfwk-fi-details:before {content:"\f133";} .lsfwk-fi-contact:before {content:"\f3fb";} .lsfwk-fi-configuration:before {content:"\f4a6";} .lsfwk-fi-question:before {content:"\f11f";} .lsfwk-fi-description:before {content:"\f381";} .lsfwk-fi-scalePrice:before {content:"\f3ef";} .submit.lsfwk-fi, .button.lsfwk-fi { border:0; width:auto; font-size:1.4rem; height:auto; } /*########## FONT ICON SET ########## <-*/ /*############################## BOXES ##############################*/ /*###################################################################*/ /*########## BOXES GENERAL ########## ->*/ .lsfwk-boxInnerWrapper, .lsfwk-boxImageText, .lsfwk-boxImageOverlayText, .lsfwk-boxImageLinks, .lsfwk-boxImageLinksPopup, .lsfwk-boxImageLinksBarPopup, .lsfwk-boxSlider { background-clip:content-box; } .lsfwk-boxInnerWrapper, .lsfwk-boxImageText, .lsfwk-boxImageLinks, .lsfwk-boxImageLinksPopup, .lsfwk-boxImageLinksBarPopup, .lsfwk-boxSlider { position:relative; background-clip:content-box; } /*########## BOXES GENERAL ########## <-*/ /*########## boxImage ########## ->*/ .lsfwk-boxImage img { width:100%; height:auto; } /*########## boxImage ########## <-*/ /*########## boxImageText ########## ->*/ .lsfwk-boxImageText .lsfwk-boxText { width:100%; text-align:center; } /*########## boxImageText ########## <-*/ /*########## boxImageOverlayText ########## ->*/ .lsfwk-boxImageOverlay { position:relative; } .lsfwk-boxOverlay { position:relative; } /*########## boxImageOverlayText ########## <-*/ /*########## boxImageLinks ########## ->*/ .lsfwk-boxImageLinks.bg, .lsfwk-boxImageLinks .bg { padding:30px; } .lsfwk-boxImageLinks .linkIcon { position:absolute; } .lsfwk-boxImageLinks .linkIcon .image_container img { border:none; } .lsfwk-boxImageLinks .linkIcon img { width:40px; } .lsfwk-boxImageLinks .linkIcon01 { top:10%; right:10%; width:auto; cursor:pointer; } .lsfwk-boxImageLinks .linkIcon01 img { float:left; margin-right:5px; } .lsfwk-boxImageLinks .linkIcon01 * { color:#000000; } .lsfwk-boxImageLinks .linkIcon02 { bottom:10%; left:10%; width:auto; cursor:pointer; } .lsfwk-boxImageLinks .linkIcon02 * { color:#000000; } /*########## boxImageLinks ########## <-*/ /*########## boxImageLinksPopup ########## ->*/ .lsfwk-boxImageLinksPopup.bg, .lsfwk-boxImageLinksPopup .bg { padding:30px; } .lsfwk-boxImageLinksPopup .linkIcon { position:absolute; } .lsfwk-boxImageLinksPopup .linkIcon .image_container img { border:none; } .lsfwk-boxImageLinksPopup .linkIcon img { width:40px; } .lsfwk-boxImageLinksPopup .linkIcon { cursor:pointer; top:17%; right:40%; } .lsfwk-boxImageLinksPopup .popup { position:absolute; top:5%; right:6%; padding:0.5rem; visibility:hidden; color:#FFFFFF; background:#000000; } .lsfwk-boxImageLinksPopup .linkIcon:hover + .popup { display:block; cursor:pointer; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; transition:all 0.8s ease 0s; visibility:visible; } /*########## boxImageLinksPopup ########## <-*/ /*########## boxImageLinksBarPopup ########## ->*/ .lsfwk-boxImageLinksBarPopup.bg, .lsfwk-boxImageLinksBarPopup .bg { padding:30px; } .lsfwk-boxImageLinksBarPopup .linkIcon { position:absolute; cursor:pointer; } .lsfwk-boxImageLinksBarPopup .linkIcon img { width:60px; float:left ; padding-left:10px; margin-right:10px; } .lsfwk-boxImageLinksBarPopup .popup { position:absolute; top:30%; width:300px; left:4%; padding:0.5rem 0.5rem; text-align:left; visibility:hidden; background:#000000; color:#FFFFFF; } .lsfwk-boxImageLinksBarPopup .popup * { color:#FFFFFF; } .lsfwk-boxImageLinksBarPopup .linkIcon:hover + .popup { cursor:pointer; display:block; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; transition:all 0.8s ease 0s; visibility:visible; } .lsfwk-boxImageLinksBarPopup .bar { position:absolute; right:0; left:0; margin:0 auto; bottom:20%; padding:10px; bottom:10%; width:100%; } /*########## boxImageLinksBarPopup ########## <-*/ /*########## boxAccordion ########## ->*/ [data-lsjs-component="elementFolder"] { position:relative; } [data-lsjs-component="elementFolder"] [data-lsjs-element="elementFolderToggler"] span:after { opacity:1; font-family:Ionicons; cursor:pointer; position:absolute; right:10px; top:10px; } [data-lsjs-component="elementFolder"] [data-lsjs-element="elementFolderToggler"].lsUnfoldClosed span:after, [data-lsjs-component="elementFolder"] [data-lsjs-element="elementFolderToggler"].lsUnfoldOpen.lsUnfoldRunning span:after { content:"\f35f"; } [data-lsjs-component="elementFolder"] [data-lsjs-element="elementFolderToggler"].lsUnfoldOpen span:after, [data-lsjs-component="elementFolder"] [data-lsjs-element="elementFolderToggler"].lsUnfoldClosed.lsUnfoldRunning span:after { content:"\f365"; } /*########## boxAccordion ########## <-*/ /*########## lsNavtabGallery ########## ->*/ .lsNavtabGallery { position:relative; margin-bottom:10px; } .lsNavtabGallery .navigation { display:none; } .lsNavtabGallery .navigation .prev, .lsNavtabGallery .navigation .next, .lsNavtabGallery .navigation .play, .lsNavtabGallery .navigation .stop { display:inline-block; margin-right:5px; margin-bottom:5px; padding:3px; cursor:pointer; background-color:#FFFFFF; } .lsNavtabGallery .labels .label { display:inline-block; margin-right:5px; margin-top:5px; cursor:pointer; } .lsNavtabGallery .contents { position:relative; overflow:hidden; } .lsNavtabGallery .contents .content { display:none; opacity:0; } .lsNavtabGallery .contents .content.noJsDefault { display:block; opacity:1; } .lsNavtabGallery .contents img { height:auto; width:100%; } /*########## lsNavtabGallery ########## <-*/ /*############################## MEDIA QUERY DESKTOP/LARGE SCREEN ##############################*/ /*##############################################################################################*/ @media screen and (min-width:1100px) { /*########## GRID SYSTEM ########## ->*/ .lsfwk-large-1 {width:8.333333% !important;} .lsfwk-large-2 {width:16.666666% !important;} .lsfwk-large-3 {width:25% !important;} .lsfwk-large-4 {width:33.33333% !important;} .lsfwk-large-5 {width:41.666666% !important;} .lsfwk-large-6 {width:50% !important;} .lsfwk-large-7 {width:58.333333% !important;} .lsfwk-large-8 {width:66.666666% !important;} .lsfwk-large-9 {width:75% !important;} .lsfwk-large-10 {width:83.333333% !important;} .lsfwk-large-11 {width:91.666666% !important;} .lsfwk-large-12 {width:100% !important;} .lsfwk-large-1-offset {margin-left:8.333333% !important;} .lsfwk-large-2-offset {margin-left:16.666666% !important;} .lsfwk-large-3-offset {margin-left:25% !important;} .lsfwk-large-4-offset {margin-left:33.33333% !important;} .lsfwk-large-5-offset {margin-left:41.666666% !important;} .lsfwk-large-6-offset {margin-left:50% !important;} .lsfwk-large-7-offset {margin-left:58.333333% !important;} .lsfwk-large-8-offset {margin-left:66.666666% !important;} .lsfwk-large-9-offset {margin-left:75% !important;} .lsfwk-large-10-offset {margin-left:83.333333% !important;} .lsfwk-large-11-offset {margin-left:91.666666% !important;} .lsfwk-large-12-offset {margin-left:100% !important;} .lsfwk-oneOfFour-large {width:25% !important; float:left;} .lsfwk-oneOfThree-large {width:33.333333% !important; float:left;} .lsfwk-oneOfTwo-large {width:50% !important; float:left;} .lsfwk-fullwidth-large {width:100% !important; float:none;} /*########## GRID SYSTEM ########## <-*/ /*########## MARGINS ########## ->*/ /*all*/ .lsfwk-mg-xxxs-large {margin:2px;} .lsfwk-mg-xxs-large {margin:3px;} .lsfwk-mg-xs-large {margin:4px;} .lsfwk-mg-s-large {margin:6px;} .lsfwk-mg-m-large,.lsfwk-mg-standard-large {margin:10px;} .lsfwk-mg-l-large {margin:20px;} .lsfwk-mg-xl-large {margin:40px;} .lsfwk-mg-xxl-large {margin:60px;} .lsfwk-mg-xxxl-large {margin:100px;} .lsfwk-mg-0-large {margin:0;} .lsfwk-mg-5-large {margin:5px;} .lsfwk-mg-10-large {margin:10px;} .lsfwk-mg-20-large {margin:20px;} .lsfwk-mg-30-large {margin:30px;} .lsfwk-mg-40-large {margin:40px;} .lsfwk-mg-50-large {margin:50px;} .lsfwk-mg-60-large {margin:60px;} .lsfwk-mg-70-large {margin:70px;} .lsfwk-mg-80-large {margin:80px;} .lsfwk-mg-90-large {margin:90px;} .lsfwk-mg-100-large {margin:100px;} /*top*/ .lsfwk-mgt-xxxs-large {margin-top:2px;} .lsfwk-mgt-xxs-large {margin-top:3px;} .lsfwk-mgt-xs-large {margin-top:4px;} .lsfwk-mgt-s-large {margin-top:6px;} .lsfwk-mgt-m-large,.lsfwk-mgt-standard-large {margin-top:10px;} .lsfwk-mgt-l-large {margin-top:20px;} .lsfwk-mgt-xl-large {margin-top:40px;} .lsfwk-mgt-xxl-large {margin-top:60px;} .lsfwk-mgt-xxxl-large {margin-top:100px;} .lsfwk-mgt-0-large {margin-top:0;} .lsfwk-mgt-5-large {margin-top:5px;} .lsfwk-mgt-10-large {margin-top:10px;} .lsfwk-mgt-20-large {margin-top:20px;} .lsfwk-mgt-30-large {margin-top:30px;} .lsfwk-mgt-40-large {margin-top:40px;} .lsfwk-mgt-50-large {margin-top:50px;} .lsfwk-mgt-60-large {margin-top:60px;} .lsfwk-mgt-70-large {margin-top:70px;} .lsfwk-mgt-80-large {margin-top:80px;} .lsfwk-mgt-90-large {margin-top:90px;} .lsfwk-mgt-100-large {margin-top:100px;} /*bottom*/ .lsfwk-mgb-xxxs-large {margin-bottom:2px;} .lsfwk-mgb-xxs-large {margin-bottom:3px;} .lsfwk-mgb-xs-large {margin-bottom:4px;} .lsfwk-mgb-s-large {margin-bottom:6px;} .lsfwk-mgb-m-large,.lsfwk-mgb-standard-large {margin-bottom:10px;} .lsfwk-mgb-l-large {margin-bottom:20px;} .lsfwk-mgb-xl-large {margin-bottom:40px;} .lsfwk-mgb-xxl-large {margin-bottom:60px;} .lsfwk-mgb-xxxl-large {margin-bottom:100px;} .lsfwk-mgb-0-large {margin-bottom:0;} .lsfwk-mgb-5-large {margin-bottom:5px;} .lsfwk-mgb-10-large {margin-bottom:10px;} .lsfwk-mgb-20-large {margin-bottom:20px;} .lsfwk-mgb-30-large {margin-bottom:30px;} .lsfwk-mgb-40-large {margin-bottom:40px;} .lsfwk-mgb-50-large {margin-bottom:50px;} .lsfwk-mgb-60-large {margin-bottom:60px;} .lsfwk-mgb-70-large {margin-bottom:70px;} .lsfwk-mgb-80-large {margin-bottom:80px;} .lsfwk-mgb-90-large {margin-bottom:90px;} .lsfwk-mgb-100-large {margin-bottom:100px;} /*left*/ .lsfwk-mgl-xxxs-large {margin-left:2px;} .lsfwk-mgl-xxs-large {margin-left:3px;} .lsfwk-mgl-xs-large {margin-left:4px;} .lsfwk-mgl-s-large {margin-left:6px;} .lsfwk-mgl-m-large,.lsfwk-mgl-standard-large {margin-left:10px;} .lsfwk-mgl-l-large {margin-left:20px;} .lsfwk-mgl-xl-large {margin-left:40px;} .lsfwk-mgl-xxl-large {margin-left:60px;} .lsfwk-mgl-xxxl-large {margin-left:100px;} .lsfwk-mgl-0-large {margin-left:0;} .lsfwk-mgl-5-large {margin-left:5px;} .lsfwk-mgl-10-large {margin-left:10px;} .lsfwk-mgl-20-large {margin-left:20px;} .lsfwk-mgl-30-large {margin-left:30px;} .lsfwk-mgl-40-large {margin-left:40px;} .lsfwk-mgl-50-large {margin-left:50px;} .lsfwk-mgl-60-large {margin-left:60px;} .lsfwk-mgl-70-large {margin-left:70px;} .lsfwk-mgl-80-large {margin-left:80px;} .lsfwk-mgl-90-large {margin-left:90px;} .lsfwk-mgl-100-large {margin-left:100px;} /*right*/ .lsfwk-mgr-xxxs-large {margin-right:2px;} .lsfwk-mgr-xxs-large {margin-right:3px;} .lsfwk-mgr-xs-large {margin-right:4px;} .lsfwk-mgr-s-large {margin-right:6px;} .lsfwk-mgr-m-large,.lsfwk-mgr-standard-large {margin-right:10px;} .lsfwk-mgr-l-large {margin-right:20px;} .lsfwk-mgr-xl-large {margin-right:40px;} .lsfwk-mgr-xxl-large {margin-right:60px;} .lsfwk-mgr-xxxl-large {margin-right:100px;} .lsfwk-mgr-0-large {margin-right:0;} .lsfwk-mgr-5-large {margin-right:5px;} .lsfwk-mgr-10-large {margin-right:10px;} .lsfwk-mgr-20-large {margin-right:20px;} .lsfwk-mgr-30-large {margin-right:30px;} .lsfwk-mgr-40-large {margin-right:40px;} .lsfwk-mgr-50-large {margin-right:50px;} .lsfwk-mgr-60-large {margin-right:60px;} .lsfwk-mgr-70-large {margin-right:70px;} .lsfwk-mgr-80-large {margin-right:80px;} .lsfwk-mgr-90-large {margin-right:90px;} .lsfwk-mgr-100-large {margin-right:100px;} /*########## MARGINS ########## <-*/ /*########## PADDINGS ########## ->*/ /*all*/ .lsfwk-pd-xxxs-large {padding:2px;} .lsfwk-pd-xxs-large {padding:3px;} .lsfwk-pd-xs-large {padding:4px;} .lsfwk-pd-s-large {padding:6px;} .lsfwk-pd-m-large,.lsfwk-pd-standard-large {padding:10px;} .lsfwk-pd-l-large {padding:20px;} .lsfwk-pd-xl-large {padding:40px;} .lsfwk-pd-xxl-large {padding:60px;} .lsfwk-pd-xxxl-large {padding:100px;} .lsfwk-pd-0-large {padding:0;} .lsfwk-pd-5-large {padding:5px;} .lsfwk-pd-10-large {padding:10px;} .lsfwk-pd-20-large {padding:20px;} .lsfwk-pd-30-large {padding:30px;} .lsfwk-pd-40-large {padding:40px;} .lsfwk-pd-50-large {padding:50px;} .lsfwk-pd-60-large {padding:60px;} .lsfwk-pd-70-large {padding:70px;} .lsfwk-pd-80-large {padding:80px;} .lsfwk-pd-90-large {padding:90px;} .lsfwk-pd-100-large {padding:100px;} .lsfwk-pdl0-xxxs,.lsfwk-pdl0-xxs,.lsfwk-pdl0-xs,.lsfwk-pdl0-s,.lsfwk-pdl0-m,.lsfwk-pdl0-l,.lsfwk-pdl0-xl,.lsfwk-pdl0-xxl,.lsfwk-pdl0-xxxl {padding-right:0;} /*top*/ .lsfwk-pdt-xxxs-large {padding-top:2px;} .lsfwk-pdt-xxs-large {padding-top:3px;} .lsfwk-pdt-xs-large {padding-top:4px;} .lsfwk-pdt-s-large {padding-top:6px;} .lsfwk-pdt-m-large,.lsfwk-pdt-standard-large {padding-top:10px;} .lsfwk-pdt-l-large {padding-top:20px;} .lsfwk-pdt-xl-large {padding-top:40px;} .lsfwk-pdt-xxl-large {padding-top:60px;} .lsfwk-pdt-xxxl-large {padding-top:100px;} .lsfwk-pdt-0-large {padding-top:0;} .lsfwk-pdt-5-large {padding-top:5px;} .lsfwk-pdt-10-large {padding-top:10px;} .lsfwk-pdt-20-large {padding-top:20px;} .lsfwk-pdt-30-large {padding-top:30px;} .lsfwk-pdt-40-large {padding-top:40px;} .lsfwk-pdt-50-large {padding-top:50px;} .lsfwk-pdt-60-large {padding-top:60px;} .lsfwk-pdt-70-large {padding-top:70px;} .lsfwk-pdt-80-large {padding-top:80px;} .lsfwk-pdt-90-large {padding-top:90px;} .lsfwk-pdt-100-large {padding-top:100px;} .lsfwk-pdtl0-xxxs,.lsfwk-pdtl0-xxs,.lsfwk-pdtl0-xs,.lsfwk-pdtl0-s,.lsfwk-pdtl0-m,.lsfwk-pdtl0-l,.lsfwk-pdtl0-xl,.lsfwk-pdtl0-xxl,.lsfwk-pdtl0-xxxl {padding-right:0;} /*bottom*/ .lsfwk-pdb-xxxs-large {padding-bottom:2px;} .lsfwk-pdb-xxs-large {padding-bottom:3px;} .lsfwk-pdb-xs-large {padding-bottom:4px;} .lsfwk-pdb-s-large {padding-bottom:6px;} .lsfwk-pdb-m-large,.lsfwk-pdb-standard-large {padding-bottom:10px;} .lsfwk-pdb-l-large {padding-bottom:20px;} .lsfwk-pdb-xl-large {padding-bottom:40px;} .lsfwk-pdb-xxl-large {padding-bottom:60px;} .lsfwk-pdb-xxxl-large {padding-bottom:100px;} .lsfwk-pdb-0-large {padding-bottom:0;} .lsfwk-pdb-5-large {padding-bottom:5px;} .lsfwk-pdb-10-large {padding-bottom:10px;} .lsfwk-pdb-20-large {padding-bottom:20px;} .lsfwk-pdb-30-large {padding-bottom:30px;} .lsfwk-pdb-40-large {padding-bottom:40px;} .lsfwk-pdb-50-large {padding-bottom:50px;} .lsfwk-pdb-60-large {padding-bottom:60px;} .lsfwk-pdb-70-large {padding-bottom:70px;} .lsfwk-pdb-80-large {padding-bottom:80px;} .lsfwk-pdb-90-large {padding-bottom:90px;} .lsfwk-pdb-100-large {padding-bottom:100px;} .lsfwk-pdbl0-xxxs,.lsfwk-pdbl0-xxs,.lsfwk-pdbl0-xs,.lsfwk-pdbl0-s,.lsfwk-pdbl0-m,.lsfwk-pdbl0-l,.lsfwk-pdbl0-xl,.lsfwk-pdbl0-xxl,.lsfwk-pdbl0-xxxl {padding-right:0;} /*left*/ .lsfwk-pdl-xxxs-large {padding-left:2px;} .lsfwk-pdl-xxs-large {padding-left:3px;} .lsfwk-pdl-xs-large {padding-left:4px;} .lsfwk-pdl-s-large {padding-left:6px;} .lsfwk-pdl-m-large,.lsfwk-pdl-standard-large {padding-left:10px;} .lsfwk-pdl-l-large {padding-left:20px;} .lsfwk-pdl-xl-large {padding-left:40px;} .lsfwk-pdl-xxl-large {padding-left:60px;} .lsfwk-pdl-xxxl-large {padding-left:100px;} .lsfwk-pdl-0-large {padding-left:0;} .lsfwk-pdl-5-large {padding-left:5px;} .lsfwk-pdl-10-large {padding-left:10px;} .lsfwk-pdl-20-large {padding-left:20px;} .lsfwk-pdl-30-large {padding-left:30px;} .lsfwk-pdl-40-large {padding-left:40px;} .lsfwk-pdl-50-large {padding-left:50px;} .lsfwk-pdl-60-large {padding-left:60px;} .lsfwk-pdl-70-large {padding-left:70px;} .lsfwk-pdl-80-large {padding-left:80px;} .lsfwk-pdl-90-large {padding-left:90px;} .lsfwk-pdl-100-large {padding-left:100px;} .lsfwk-pdll0-xxxs,.lsfwk-pdll0-xxs,.lsfwk-pdll0-xs,.lsfwk-pdll0-s,.lsfwk-pdll0-m,.lsfwk-pdll0-l,.lsfwk-pdll0-xl,.lsfwk-pdll0-xxl,.lsfwk-pdll0-xxxl {padding-right:0;} /*right*/ .lsfwk-pdr-xxxs-large {padding-right:2px;} .lsfwk-pdr-xxs-large {padding-right:3px;} .lsfwk-pdr-xs-large {padding-right:4px;} .lsfwk-pdr-s-large {padding-right:6px;} .lsfwk-pdr-m-large,.lsfwk-pdr-standard-large {padding-right:10px;} .lsfwk-pdr-l-large {padding-right:20px;} .lsfwk-pdr-xl-large {padding-right:40px;} .lsfwk-pdr-xxl-large {padding-right:60px;} .lsfwk-pdr-xxxl-large {padding-right:100px;} .lsfwk-pdr-0-large {padding-right:0;} .lsfwk-pdr-5-large {padding-right:5px;} .lsfwk-pdr-10-large {padding-right:10px;} .lsfwk-pdr-20-large {padding-right:20px;} .lsfwk-pdr-30-large {padding-right:30px;} .lsfwk-pdr-40-large {padding-right:40px;} .lsfwk-pdr-50-large {padding-right:50px;} .lsfwk-pdr-60-large {padding-right:60px;} .lsfwk-pdr-70-large {padding-right:70px;} .lsfwk-pdr-80-large {padding-right:80px;} .lsfwk-pdr-90-large {padding-right:90px;} .lsfwk-pdr-100-large {padding-right:100px;} .lsfwk-pdrl0-xxxs,.lsfwk-pdrl0-xxs,.lsfwk-pdrl0-xs,.lsfwk-pdrl0-s,.lsfwk-pdrl0-m,.lsfwk-pdrl0-l,.lsfwk-pdrl0-xl,.lsfwk-pdrl0-xxl,.lsfwk-pdrl0-xxxl {padding-right:0;} /*no gap*/ .lsfwk-pd-noGap-large {padding:0 !important;} .lsfwk-pdt-noGap-large {padding-top:0 !important;} .lsfwk-pdb-noGap-large {padding-bottom:0 !important;} .lsfwk-pdl-noGap-large {padding-left:0 !important;} .lsfwk-pdr-noGap-large {padding-right:0 !important;} /*########## PADDINGS ########## <-*/ /*########## ABSOLUTE POSITIONS ########## ->*/ /*top left*/ .lsfwk-aptl-xxxs-large {top:2px;left:2px;} .lsfwk-aptl-xxs-large {top:3px;left:3px;} .lsfwk-aptl-xs-large {top:4px;left:4px;} .lsfwk-aptl-s-large {top:6px;left:6px;} .lsfwk-aptl-m,.lsfwk-aptl-standard-large {top:10px;left:10px;} .lsfwk-aptl-l-large {top:20px;left:20px;} .lsfwk-aptl-xl-large {top:40px;left:40px;} .lsfwk-aptl-xxl-large {top:60px;left:60px;} .lsfwk-aptl-xxxl-large {top:100px;left:100px;} .lsfwk-aptl-0-large {top:0;left:0;} .lsfwk-aptl-5-large {top:5px;left:5px;} .lsfwk-aptl-10-large {top:10px;left:10px;} .lsfwk-aptl-20-large {top:20px;left:20px;} .lsfwk-aptl-30-large {top:30px;left:30px;} .lsfwk-aptl-40-large {top:40px;left:40px;} .lsfwk-aptl-50-large {top:50px;left:50px;} .lsfwk-aptl-60-large {top:60px;left:60px;} .lsfwk-aptl-70-large {top:70px;left:70px;} .lsfwk-aptl-80-large {top:80px;left:80px;} .lsfwk-aptl-90-large {top:90px;left:90px;} .lsfwk-aptl-100-large {top:100px;left:100px;} /*top right*/ .lsfwk-aptr-xxxs-large {top:2px;right:2px;} .lsfwk-aptr-xxs-large {top:3px;right:3px;} .lsfwk-aptr-xs-large {top:4px;right:4px;} .lsfwk-aptr-s-large {top:6px;right:6px;} .lsfwk-aptr-m,.lsfwk-aptr-standard-large {top:10px;right:10px;} .lsfwk-aptr-l-large {top:20px;right:20px;} .lsfwk-aptr-xl-large {top:40px;right:40px;} .lsfwk-aptr-xxl-large {top:60px;right:60px;} .lsfwk-aptr-xxxl-large {top:100px;right:100px;} .lsfwk-aptr-0-large {top:0;right:0;} .lsfwk-aptr-5-large {top:5px;right:5px;} .lsfwk-aptr-10-large {top:10px;right:10px;} .lsfwk-aptr-20-large {top:20px;right:20px;} .lsfwk-aptr-30-large {top:30px;right:30px;} .lsfwk-aptr-40-large {top:40px;right:40px;} .lsfwk-aptr-50-large {top:50px;right:50px;} .lsfwk-aptr-60-large {top:60px;right:60px;} .lsfwk-aptr-70-large {top:70px;right:70px;} .lsfwk-aptr-80-large {top:80px;right:80px;} .lsfwk-aptr-90-large {top:90px;right:90px;} .lsfwk-aptr-100-large {top:100px;right:100px;} /*bottom left*/ .lsfwk-apbl-xxxs-large {bottom:2px;left:2px;} .lsfwk-apbl-xxs-large {bottom:3px;left:3px;} .lsfwk-apbl-xs-large {bottom:4px;left:4px;} .lsfwk-apbl-s-large {bottom:6px;left:6px;} .lsfwk-apbl-m,.lsfwk-apbl-standard-large {bottom:10px;left:10px;} .lsfwk-apbl-l-large {bottom:20px;left:20px;} .lsfwk-apbl-xl-large {bottom:40px;left:40px;} .lsfwk-apbl-xxl-large {bottom:60px;left:60px;} .lsfwk-apbl-xxxl-large {bottom:100px;left:100px;} .lsfwk-apbl-0-large {bottom:0;left:0;} .lsfwk-apbl-5-large {bottom:5px;left:5px;} .lsfwk-apbl-10-large {bottom:10px;left:10px;} .lsfwk-apbl-20-large {bottom:20px;left:20px;} .lsfwk-apbl-30-large {bottom:30px;left:30px;} .lsfwk-apbl-40-large {bottom:40px;left:40px;} .lsfwk-apbl-50-large {bottom:50px;left:50px;} .lsfwk-apbl-60-large {bottom:60px;left:60px;} .lsfwk-apbl-70-large {bottom:70px;left:70px;} .lsfwk-apbl-80-large {bottom:80px;left:80px;} .lsfwk-apbl-90-large {bottom:90px;left:90px;} .lsfwk-apbl-100-large {bottom:100px;left:100px;} /*bottom right*/ .lsfwk-apbr-xxxs-large {bottom:2px;right:2px;} .lsfwk-apbr-xxs-large {bottom:3px;right:3px;} .lsfwk-apbr-xs-large {bottom:4px;right:4px;} .lsfwk-apbr-s-large {bottom:6px;right:6px;} .lsfwk-apbr-m,.lsfwk-apbr-standard-large {bottom:10px;right:10px;} .lsfwk-apbr-l-large {bottom:20px;right:20px;} .lsfwk-apbr-xl-large {bottom:40px;right:40px;} .lsfwk-apbr-xxl-large {bottom:60px;right:60px;} .lsfwk-apbr-xxxl-large {bottom:100px;right:100px;} .lsfwk-apbr-0-large {bottom:0;right:0;} .lsfwk-apbr-5-large {bottom:5px;right:5px;} .lsfwk-apbr-10-large {bottom:10px;right:10px;} .lsfwk-apbr-20-large {bottom:20px;right:20px;} .lsfwk-apbr-30-large {bottom:30px;right:30px;} .lsfwk-apbr-40-large {bottom:40px;right:40px;} .lsfwk-apbr-50-large {bottom:50px;right:50px;} .lsfwk-apbr-60-large {bottom:60px;right:60px;} .lsfwk-apbr-70-large {bottom:70px;right:70px;} .lsfwk-apbr-80-large {bottom:80px;right:80px;} .lsfwk-apbr-90-large {bottom:90px;right:90px;} .lsfwk-apbr-100-large {bottom:100px;right:100px;} /*top center*/ .lsfwk-aptc-xxxs-large {top:2px;left:50%;transform:translate(-50%, 0);} .lsfwk-aptc-xxs-large {top:3px;left:50%;transform:translate(-50%, 0);} .lsfwk-aptc-xs-large {top:4px;left:50%;transform:translate(-50%, 0);} .lsfwk-aptc-s-large {top:6px;left:50%;transform:translate(-50%, 0);} .lsfwk-aptc-m,.lsfwk-aptc-standard-large {top:10px;left:50%;transform:translate(-50%, 0);} .lsfwk-aptc-l-large {top:20px;left:50%;transform:translate(-50%, 0);} .lsfwk-aptc-xl-large {top:40px;left:50%;transform:translate(-50%, 0);} .lsfwk-aptc-xxl-large {top:60px;left:50%;transform:translate(-50%, 0);} .lsfwk-aptc-xxxl-large {top:100px;left:50%;transform:translate(-50%, 0);} .lsfwk-aptc-0-large {top:0;left:50%;transform:translate(-50%, 0);} .lsfwk-aptc-5-large {top:5px;left:50%;transform:translate(-50%, 0);} .lsfwk-aptc-10-large {top:10px;left:50%;transform:translate(-50%, 0);} .lsfwk-aptc-20-large {top:20px;left:50%;transform:translate(-50%, 0);} .lsfwk-aptc-30-large {top:30px;left:50%;transform:translate(-50%, 0);} .lsfwk-aptc-40-large {top:40px;left:50%;transform:translate(-50%, 0);} .lsfwk-aptc-50-large {top:50px;left:50%;transform:translate(-50%, 0);} .lsfwk-aptc-60-large {top:60px;left:50%;transform:translate(-50%, 0);} .lsfwk-aptc-70-large {top:70px;left:50%;transform:translate(-50%, 0);} .lsfwk-aptc-80-large {top:80px;left:50%;transform:translate(-50%, 0);} .lsfwk-aptc-90-large {top:90px;left:50%;transform:translate(-50%, 0);} .lsfwk-aptc-100-large {top:100px;left:50%;transform:translate(-50%, 0);} /*bottom center*/ .lsfwk-apbc-xxxs-large {bottom:2px;left:50%;transform:translate(-50%, 0);} .lsfwk-apbc-xxs-large {bottom:3px;left:50%;transform:translate(-50%, 0);} .lsfwk-apbc-xs-large {bottom:4px;left:50%;transform:translate(-50%, 0);} .lsfwk-apbc-s-large {bottom:6px;left:50%;transform:translate(-50%, 0);} .lsfwk-apbc-m,.lsfwk-apbc-standard-large {bottom:10px;left:50%;transform:translate(-50%, 0);} .lsfwk-apbc-l-large {bottom:20px;left:50%;transform:translate(-50%, 0);} .lsfwk-apbc-xl-large {bottom:40px;left:50%;transform:translate(-50%, 0);} .lsfwk-apbc-xxl-large {bottom:60px;left:50%;transform:translate(-50%, 0);} .lsfwk-apbc-xxxl-large {bottom:100px;left:50%;transform:translate(-50%, 0);} .lsfwk-apbc-0-large {bottom:0;left:50%;transform:translate(-50%, 0);} .lsfwk-apbc-5-large {bottom:5px;left:50%;transform:translate(-50%, 0);} .lsfwk-apbc-10-large {bottom:10px;left:50%;transform:translate(-50%, 0);} .lsfwk-apbc-20-large {bottom:20px;left:50%;transform:translate(-50%, 0);} .lsfwk-apbc-30-large {bottom:30px;left:50%;transform:translate(-50%, 0);} .lsfwk-apbc-40-large {bottom:40px;left:50%;transform:translate(-50%, 0);} .lsfwk-apbc-50-large {bottom:50px;left:50%;transform:translate(-50%, 0);} .lsfwk-apbc-60-large {bottom:60px;left:50%;transform:translate(-50%, 0);} .lsfwk-apbc-70-large {bottom:70px;left:50%;transform:translate(-50%, 0);} .lsfwk-apbc-80-large {bottom:80px;left:50%;transform:translate(-50%, 0);} .lsfwk-apbc-90-large {bottom:90px;left:50%;transform:translate(-50%, 0);} .lsfwk-apbc-100-large {bottom:100px;left:50%;transform:translate(-50%, 0);} .lsfwk-aptl-xxxs-large,.lsfwk-aptl-xxs-large,.lsfwk-aptl-xs-large,.lsfwk-aptl-s-large,.lsfwk-aptl-m,.lsfwk-aptl-standard-large,.lsfwk-aptl-l-large,.lsfwk-aptl-xl-large,.lsfwk-aptl-xxl-large,.lsfwk-aptl-xxxl-large,.lsfwk-aptl-0-large,.lsfwk-aptl-5-large,.lsfwk-aptl-10-large,.lsfwk-aptl-20-large,.lsfwk-aptl-30-large,.lsfwk-aptl-40-large,.lsfwk-aptl-50-large,.lsfwk-aptl-60-large,.lsfwk-aptl-70-large,.lsfwk-aptl-80-large,.lsfwk-aptl-90-large,.lsfwk-aptl-100-large, .lsfwk-aptr-xxxs-large,.lsfwk-aptr-xxs-large,.lsfwk-aptr-xs-large,.lsfwk-aptr-s-large,.lsfwk-aptr-m,.lsfwk-aptr-standard-large,.lsfwk-aptr-l-large,.lsfwk-aptr-xl-large,.lsfwk-aptr-xxl-large,.lsfwk-aptr-xxxl-large,.lsfwk-aptr-0-large,.lsfwk-aptr-5-large,.lsfwk-aptr-10-large,.lsfwk-aptr-20-large,.lsfwk-aptr-30-large,.lsfwk-aptr-40-large,.lsfwk-aptr-50-large,.lsfwk-aptr-60-large,.lsfwk-aptr-70-large,.lsfwk-aptr-80-large,.lsfwk-aptr-90-large,.lsfwk-aptr-100-large, .lsfwk-apbl-xxxs-large,.lsfwk-apbl-xxs-large,.lsfwk-apbl-xs-large,.lsfwk-apbl-s-large,.lsfwk-apbl-m,.lsfwk-apbl-standard-large,.lsfwk-apbl-l-large,.lsfwk-apbl-xl-large,.lsfwk-apbl-xxl-large,.lsfwk-apbl-xxxl-large,.lsfwk-apbl-0-large,.lsfwk-apbl-5-large,.lsfwk-apbl-10-large,.lsfwk-apbl-20-large,.lsfwk-apbl-30-large,.lsfwk-apbl-40-large,.lsfwk-apbl-50-large,.lsfwk-apbl-60-large,.lsfwk-apbl-70-large,.lsfwk-apbl-80-large,.lsfwk-apbl-90-large,.lsfwk-apbl-100-large, .lsfwk-apbr-xxxs-large,.lsfwk-apbr-xxs-large,.lsfwk-apbr-xs-large,.lsfwk-apbr-s-large,.lsfwk-apbr-m,.lsfwk-apbr-standard-large,.lsfwk-apbr-l-large,.lsfwk-apbr-xl-large,.lsfwk-apbr-xxl-large,.lsfwk-apbr-xxxl-large,.lsfwk-apbr-0-large,.lsfwk-apbr-5-large,.lsfwk-apbr-10-large,.lsfwk-apbr-20-large,.lsfwk-apbr-30-large,.lsfwk-apbr-40-large,.lsfwk-apbr-50-large,.lsfwk-apbr-60-large,.lsfwk-apbr-70-large,.lsfwk-apbr-80-large,.lsfwk-apbr-90-large,.lsfwk-apbr-100-large, .lsfwk-aptc-xxxs-large,.lsfwk-aptc-xxs-large,.lsfwk-aptc-xs-large,.lsfwk-aptc-s-large,.lsfwk-aptc-m-large,.lsfwk-aptc-standard-large,.lsfwk-aptc-l-large,.lsfwk-aptc-xl-large,.lsfwk-aptc-xxl-large,.lsfwk-aptc-xxxl-large,.lsfwk-aptc-0-large,.lsfwk-aptc-5-large,.lsfwk-aptc-10-large,.lsfwk-aptc-20-large,.lsfwk-aptc-30-large,.lsfwk-aptc-40-large,.lsfwk-aptc-50-large,.lsfwk-aptc-60-large,.lsfwk-aptc-70-large,.lsfwk-aptc-80-large,.lsfwk-aptc-90-large,.lsfwk-aptc-100-large, .lsfwk-apbc-xxxs-large,.lsfwk-apbc-xxs-large,.lsfwk-apbc-xs-large,.lsfwk-apbc-s-large,.lsfwk-apbc-m-large,.lsfwk-apbc-standard-large,.lsfwk-apbc-l-large,.lsfwk-apbc-xl-large,.lsfwk-apbc-xxl-large,.lsfwk-apbc-xxxl-large,.lsfwk-apbc-0-large,.lsfwk-apbc-5-large,.lsfwk-apbc-10-large,.lsfwk-apbc-20-large,.lsfwk-apbc-30-large,.lsfwk-apbc-40-large,.lsfwk-apbc-50-large,.lsfwk-apbc-60-large,.lsfwk-apbc-70-large,.lsfwk-apbc-80-large,.lsfwk-apbc-90-large,.lsfwk-apbc-100 { position:absolute; z-index:1; } /*########## ABSOLUTE POSITIONS ########## <-*/ /*########## ALIGNS ########## ->*/ .lsfwk-alignLeft-large, .lsfwk-alignLeft-large-all, .lsfwk-alignLeft-large-all div, .lsfwk-alignLeft-large-all h1, .lsfwk-alignLeft-large-all h2, .lsfwk-alignLeft-large-all h3, .lsfwk-alignLeft-large-all h4, .lsfwk-alignLeft-large-all h5, .lsfwk-alignLeft-large-all h6, .lsfwk-alignLeft-large-all p, .lsfwk-alignLeft-large-all span, .lsfwk-alignLeft-large-all a {text-align:left;} .lsfwk-alignRight-large, .lsfwk-alignRight-large-all, .lsfwk-alignRight-large-all div, .lsfwk-alignRight-large-all h1, .lsfwk-alignRight-large-all h2, .lsfwk-alignRight-large-all h3, .lsfwk-alignRight-large-all h4, .lsfwk-alignRight-large-all h5, .lsfwk-alignRight-large-all h6, .lsfwk-alignRight-large-all p, .lsfwk-alignRight-large-all span, .lsfwk-alignRight-large-all a {text-align:right;} .lsfwk-alignCenter-large, .lsfwk-alignCenter-large-all, .lsfwk-alignCenter-large-all div, .lsfwk-alignCenter-large-all h1, .lsfwk-alignCenter-large-all h2, .lsfwk-alignCenter-large-all h3, .lsfwk-alignCenter-large-all h4, .lsfwk-alignCenter-large-all h5, .lsfwk-alignCenter-large-all h6, .lsfwk-alignCenter-large-all p, .lsfwk-alignCenter-large-all span, .lsfwk-alignCenter-large-all a {text-align:center;} img.lsfwk-alignCenter-large {margin-left:auto; margin-right:auto;} div.lsfwk-alignCenter-large {margin-left:auto; margin-right:auto;} /*########## ALIGNS ########## <-*/ /*########## FLOAT ########## ->*/ .lsfwk-floatLeft-large {float:left;} .lsfwk-floatRight-large {float:right;} .lsfwk-floatClear-large, .lsfwk-newline-large {clear:both;} .lsfwk-floatNone-large {float:none !important;} /*########## FLOAT ########## <-*/ /*########## SAME LINE ########## ->*/ .lsfwk-sameLine-large, .lsfwk-sameLine-all-large, .lsfwk-sameLine-all-large * { display:inline-block; vertical-align:middle; } .lsfwk-sameLine-all-large.lsfwk-newline { display:block; } /*########## SAME LINE ########## <-*/ /*########## MISC ########## ->*/ .lsfwk-displayNone-large {display:none;} .lsfwk-invisible-large {width:1px; height:1px; margin:-1px; padding:0; position:absolute; border:0; clip:rect(0 0 0 0); overflow:hidden;} /*########## MISC ########## <-*/ /*########## TEXT SIZES ########## ->*/ .lsfwk-txs-standard, .lsfwk-txs-standard-all, .lsfwk-txs-standard-all *, *.lsfwk-txs-standard-all, .lsfwk-txs-standard-large, .lsfwk-txs-standard-all-large, .lsfwk-txs-standard-all-large *, *.lsfwk-txs-standard-all-large { font-size:1.15rem; } .lsfwk-txs-xxxs, .lsfwk-txs-xxxs-all, .lsfwk-txs-xxxs-all *, *.lsfwk-txs-xxxs-all, .lsfwk-txs-xxxs-large, .lsfwk-txs-xxxs-all-large, .lsfwk-txs-xxxs-all-large *, *.lsfwk-txs-xxxs-all-large { font-size:0.5rem; } .lsfwk-txs-xxs, .lsfwk-txs-xxs-all, .lsfwk-txs-xxs-all *, *.lsfwk-txs-xxs-all, .lsfwk-txs-xxs-large, .lsfwk-txs-xxs-all-large, .lsfwk-txs-xxs-all-large *, *.lsfwk-txs-xxs-all-large { font-size:0.6rem; } .lsfwk-txs-xs, .lsfwk-txs-xs-all, .lsfwk-txs-xs-all *, *.lsfwk-txs-xs-all, .lsfwk-txs-xs-large, .lsfwk-txs-xs-all-large, .lsfwk-txs-xs-all-large *, *.lsfwk-txs-xs-all-large { font-size:0.75rem; } .lsfwk-txs-s, .lsfwk-txs-s-all, .lsfwk-txs-s-all *, *.lsfwk-txs-s-all, .lsfwk-txs-s-large, .lsfwk-txs-s-all-large, .lsfwk-txs-s-all-large *, *.lsfwk-txs-s-all-large { font-size:0.90rem; } .lsfwk-txs-m, .lsfwk-txs-m-all, .lsfwk-txs-m-all *, *.lsfwk-txs-m-all, .lsfwk-txs-m-large, .lsfwk-txs-m-all-large, .lsfwk-txs-m-all-large *, *.lsfwk-txs-m-all-large { font-size:1.0rem; } .lsfwk-txs-l, .lsfwk-txs-l-all, .lsfwk-txs-l-all *, *.lsfwk-txs-l-all, .lsfwk-txs-l-large, .lsfwk-txs-l-all-large, .lsfwk-txs-l-all-large *, *.lsfwk-txs-l-all-large { font-size:1.4rem; } .lsfwk-txs-xl, .lsfwk-txs-xl-all, .lsfwk-txs-xl-all *, *.lsfwk-txs-xl-all, .lsfwk-txs-xl-large, .lsfwk-txs-xl-all-large, .lsfwk-txs-xl-all-large *, *.lsfwk-txs-xl-all-large { font-size:1.9rem; } .lsfwk-txs-xxl, .lsfwk-txs-xxl-all, .lsfwk-txs-xxl-all *, *.lsfwk-txs-xxl-all, .lsfwk-txs-xxl-large, .lsfwk-txs-xxl-all-large, .lsfwk-txs-xxl-all-large *, *.lsfwk-txs-xxl-all-large { font-size:2.9rem; } .lsfwk-txs-xxxl, .lsfwk-txs-xxxl-all, .lsfwk-txs-xxxl-all *, *.lsfwk-txs-xxxl-all, .lsfwk-txs-xxxl-large, .lsfwk-txs-xxxl-all-large, .lsfwk-txs-xxxl-all-large *, *.lsfwk-txs-xxxl-all-large { font-size:4.5rem; } /*########## TEXT SIZES ########## <-*/ /*########## TEXT STYLE SETS ########## ->*/ .lsfwk-tx-set-01, .lsfwk-tx-set-01-all, .lsfwk-tx-set-01-all *, *.lsfwk-tx-set-01-all, .lsfwk-tx-set-01-small, .lsfwk-tx-set-01-all-small, .lsfwk-tx-set-01-all-small *, *.lsfwk-tx-set-01-all-small { font-family:Arial,sans-serif; text-transform:uppercase; font-size:2.2rem; font-weight:normal; line-height:100%; } /*########## TEXT STYLE SETS ########## <-*/ /*########## BORDER SETS ########## ->*/ .lsfwk-bdt-large {border-top:1px solid #D7E1ED;} .lsfwk-bdb-large {border-bottom:1px solid #D7E1ED;} .lsfwk-bdl-large {border-left:1px solid #D7E1ED;} .lsfwk-bdr-large {border-right:1px solid #D7E1ED;} /*########## BORDER SETS ########## <-*/ } /*############################## MEDIA QUERY TABLET ##############################*/ /*################################################################################*/ @media screen and (min-width:481px) and (max-width:1099px) { /*########## GRID SYSTEM ########## ->*/ .lsfwk-medium-1 {width:8.333333% !important;} .lsfwk-medium-2 {width:16.666666% !important;} .lsfwk-medium-3 {width:25% !important;} .lsfwk-medium-4 {width:33.333333% !important;} .lsfwk-medium-5 {width:41.666666% !important;} .lsfwk-medium-6 {width:50% !important;} .lsfwk-medium-7 {width:58.333333% !important;} .lsfwk-medium-8 {width:66.666666% !important;} .lsfwk-medium-9 {width:75% !important;} .lsfwk-medium-10 {width:83.333333% !important;} .lsfwk-medium-11 {width:91.666666% !important;} .lsfwk-medium-12 {width:100% !important;} .lsfwk-medium-1-offset {margin-left:8.333333% !important;} .lsfwk-medium-2-offset {margin-left:16.666666% !important;} .lsfwk-medium-3-offset {margin-left:25% !important;} .lsfwk-medium-4-offset {margin-left:33.33333% !important;} .lsfwk-medium-5-offset {margin-left:41.666666% !important;} .lsfwk-medium-6-offset {margin-left:50% !important;} .lsfwk-medium-7-offset {margin-left:58.333333% !important;} .lsfwk-medium-8-offset {margin-left:66.666666% !important;} .lsfwk-medium-9-offset {margin-left:75% !important;} .lsfwk-medium-10-offset {margin-left:83.333333% !important;} .lsfwk-medium-11-offset {margin-left:91.666666% !important;} .lsfwk-medium-12-offset {margin-left:100% !important;} .lsfwk-oneOfFour-medium {width:25% !important; float:left;} .lsfwk-oneOfThree-medium {width:33.333333% !important; float:left;} .lsfwk-oneOfTwo-medium {width:50% !important; float:left;} .lsfwk-fullwidth-medium {width:100% !important; float:none;} /*########## GRID SYSTEM ########## <-*/ /*########## MARGINS ########## ->*/ /*all*/ .lsfwk-mg-xxxs-medium {margin:2px;} .lsfwk-mg-xxs-medium {margin:3px;} .lsfwk-mg-xs-medium {margin:4px;} .lsfwk-mg-s-medium {margin:6px;} .lsfwk-mg-m-medium,.lsfwk-mg-standard-medium {margin:10px;} .lsfwk-mg-l-medium {margin:20px;} .lsfwk-mg-xl-medium {margin:40px;} .lsfwk-mg-xxl-medium {margin:60px;} .lsfwk-mg-xxxl-medium {margin:100px;} .lsfwk-mg-0-medium {margin:0;} .lsfwk-mg-5-medium {margin:5px;} .lsfwk-mg-10-medium {margin:10px;} .lsfwk-mg-20-medium {margin:20px;} .lsfwk-mg-30-medium {margin:30px;} .lsfwk-mg-40-medium {margin:40px;} .lsfwk-mg-50-medium {margin:50px;} .lsfwk-mg-60-medium {margin:60px;} .lsfwk-mg-70-medium {margin:70px;} .lsfwk-mg-80-medium {margin:80px;} .lsfwk-mg-90-medium {margin:90px;} .lsfwk-mg-100-medium {margin:100px;} /*top*/ .lsfwk-mgt-xxxs-medium {margin-top:2px;} .lsfwk-mgt-xxs-medium {margin-top:3px;} .lsfwk-mgt-xs-medium {margin-top:4px;} .lsfwk-mgt-s-medium {margin-top:6px;} .lsfwk-mgt-m-medium,.lsfwk-mgt-standard-medium {margin-top:10px;} .lsfwk-mgt-l-medium {margin-top:20px;} .lsfwk-mgt-xl-medium {margin-top:40px;} .lsfwk-mgt-xxl-medium {margin-top:60px;} .lsfwk-mgt-xxxl-medium {margin-top:100px;} .lsfwk-mgt-0-medium {margin-top:0;} .lsfwk-mgt-5-medium {margin-top:5px;} .lsfwk-mgt-10-medium {margin-top:10px;} .lsfwk-mgt-20-medium {margin-top:20px;} .lsfwk-mgt-30-medium {margin-top:30px;} .lsfwk-mgt-40-medium {margin-top:40px;} .lsfwk-mgt-50-medium {margin-top:50px;} .lsfwk-mgt-60-medium {margin-top:60px;} .lsfwk-mgt-70-medium {margin-top:70px;} .lsfwk-mgt-80-medium {margin-top:80px;} .lsfwk-mgt-90-medium {margin-top:90px;} .lsfwk-mgt-100-medium {margin-top:100px;} /*bottom*/ .lsfwk-mgb-xxxs-medium {margin-bottom:2px;} .lsfwk-mgb-xxs-medium {margin-bottom:3px;} .lsfwk-mgb-xs-medium {margin-bottom:4px;} .lsfwk-mgb-s-medium {margin-bottom:6px;} .lsfwk-mgb-m-medium,.lsfwk-mgb-standard-medium {margin-bottom:10px;} .lsfwk-mgb-l-medium {margin-bottom:20px;} .lsfwk-mgb-xl-medium {margin-bottom:40px;} .lsfwk-mgb-xxl-medium {margin-bottom:60px;} .lsfwk-mgb-xxxl-medium {margin-bottom:100px;} .lsfwk-mgb-0-medium {margin-bottom:0;} .lsfwk-mgb-5-medium {margin-bottom:5px;} .lsfwk-mgb-10-medium {margin-bottom:10px;} .lsfwk-mgb-20-medium {margin-bottom:20px;} .lsfwk-mgb-30-medium {margin-bottom:30px;} .lsfwk-mgb-40-medium {margin-bottom:40px;} .lsfwk-mgb-50-medium {margin-bottom:50px;} .lsfwk-mgb-60-medium {margin-bottom:60px;} .lsfwk-mgb-70-medium {margin-bottom:70px;} .lsfwk-mgb-80-medium {margin-bottom:80px;} .lsfwk-mgb-90-medium {margin-bottom:90px;} .lsfwk-mgb-100-medium {margin-bottom:100px;} /*left*/ .lsfwk-mgl-xxxs-medium {margin-left:2px;} .lsfwk-mgl-xxs-medium {margin-left:3px;} .lsfwk-mgl-xs-medium {margin-left:4px;} .lsfwk-mgl-s-medium {margin-left:6px;} .lsfwk-mgl-m-medium,.lsfwk-mgl-standard-medium {margin-left:10px;} .lsfwk-mgl-l-medium {margin-left:20px;} .lsfwk-mgl-xl-medium {margin-left:40px;} .lsfwk-mgl-xxl-medium {margin-left:60px;} .lsfwk-mgl-xxxl-medium {margin-left:100px;} .lsfwk-mgl-0-medium {margin-left:0;} .lsfwk-mgl-5-medium {margin-left:5px;} .lsfwk-mgl-10-medium {margin-left:10px;} .lsfwk-mgl-20-medium {margin-left:20px;} .lsfwk-mgl-30-medium {margin-left:30px;} .lsfwk-mgl-40-medium {margin-left:40px;} .lsfwk-mgl-50-medium {margin-left:50px;} .lsfwk-mgl-60-medium {margin-left:60px;} .lsfwk-mgl-70-medium {margin-left:70px;} .lsfwk-mgl-80-medium {margin-left:80px;} .lsfwk-mgl-90-medium {margin-left:90px;} .lsfwk-mgl-100-medium {margin-left:100px;} /*right*/ .lsfwk-mgr-xxxs-medium {margin-right:2px;} .lsfwk-mgr-xxs-medium {margin-right:3px;} .lsfwk-mgr-xs-medium {margin-right:4px;} .lsfwk-mgr-s-medium {margin-right:6px;} .lsfwk-mgr-m-medium,.lsfwk-mgr-standard-medium {margin-right:10px;} .lsfwk-mgr-l-medium {margin-right:20px;} .lsfwk-mgr-xl-medium {margin-right:40px;} .lsfwk-mgr-xxl-medium {margin-right:60px;} .lsfwk-mgr-xxxl-medium {margin-right:100px;} .lsfwk-mgr-0-medium {margin-right:0;} .lsfwk-mgr-5-medium {margin-right:5px;} .lsfwk-mgr-10-medium {margin-right:10px;} .lsfwk-mgr-20-medium {margin-right:20px;} .lsfwk-mgr-30-medium {margin-right:30px;} .lsfwk-mgr-40-medium {margin-right:40px;} .lsfwk-mgr-50-medium {margin-right:50px;} .lsfwk-mgr-60-medium {margin-right:60px;} .lsfwk-mgr-70-medium {margin-right:70px;} .lsfwk-mgr-80-medium {margin-right:80px;} .lsfwk-mgr-90-medium {margin-right:90px;} .lsfwk-mgr-100-medium {margin-right:100px;} /*########## MARGINS ########## <-*/ /*########## PADDINGS ########## ->*/ /*all*/ .lsfwk-pd-xxxs-medium {padding:2px;} .lsfwk-pd-xxs-medium {padding:3px;} .lsfwk-pd-xs-medium {padding:4px;} .lsfwk-pd-s-medium {padding:6px;} .lsfwk-pd-m-medium,.lsfwk-pd-standard-medium {padding:10px;} .lsfwk-pd-l-medium {padding:20px;} .lsfwk-pd-xl-medium {padding:40px;} .lsfwk-pd-xxl-medium {padding:60px;} .lsfwk-pd-xxxl-medium {padding:100px;} .lsfwk-pd-0-medium {padding:0;} .lsfwk-pd-5-medium {padding:5px;} .lsfwk-pd-10-medium {padding:10px;} .lsfwk-pd-20-medium {padding:20px;} .lsfwk-pd-30-medium {padding:30px;} .lsfwk-pd-40-medium {padding:40px;} .lsfwk-pd-50-medium {padding:50px;} .lsfwk-pd-60-medium {padding:60px;} .lsfwk-pd-70-medium {padding:70px;} .lsfwk-pd-80-medium {padding:80px;} .lsfwk-pd-90-medium {padding:90px;} .lsfwk-pd-100-medium {padding:100px;} .lsfwk-pdm0-xxxs,.lsfwk-pdm0-xxs,.lsfwk-pdm0-xs,.lsfwk-pdm0-s,.lsfwk-pdm0-m,.lsfwk-pdm0-l,.lsfwk-pdm0-xl,.lsfwk-pdm0-xxl,.lsfwk-pdm0-xxxl {padding-right:0;} /*top*/ .lsfwk-pdt-xxxs-medium {padding-top:2px;} .lsfwk-pdt-xxs-medium {padding-top:3px;} .lsfwk-pdt-xs-medium {padding-top:4px;} .lsfwk-pdt-s-medium {padding-top:6px;} .lsfwk-pdt-m-medium,.lsfwk-pdt-standard-medium {padding-top:10px;} .lsfwk-pdt-l-medium {padding-top:20px;} .lsfwk-pdt-xl-medium {padding-top:40px;} .lsfwk-pdt-xxl-medium {padding-top:60px;} .lsfwk-pdt-xxxl-medium {padding-top:100px;} .lsfwk-pdt-0-medium {padding-top:0;} .lsfwk-pdt-5-medium {padding-top:5px;} .lsfwk-pdt-10-medium {padding-top:10px;} .lsfwk-pdt-20-medium {padding-top:20px;} .lsfwk-pdt-30-medium {padding-top:30px;} .lsfwk-pdt-40-medium {padding-top:40px;} .lsfwk-pdt-50-medium {padding-top:50px;} .lsfwk-pdt-60-medium {padding-top:60px;} .lsfwk-pdt-70-medium {padding-top:70px;} .lsfwk-pdt-80-medium {padding-top:80px;} .lsfwk-pdt-90-medium {padding-top:90px;} .lsfwk-pdt-100-medium {padding-top:100px;} .lsfwk-pdtm0-xxxs,.lsfwk-pdtm0-xxs,.lsfwk-pdtm0-xs,.lsfwk-pdtm0-s,.lsfwk-pdtm0-m,.lsfwk-pdtm0-l,.lsfwk-pdtm0-xl,.lsfwk-pdtm0-xxl,.lsfwk-pdtm0-xxxl {padding-right:0;} /*bottom*/ .lsfwk-pdb-xxxs-medium {padding-bottom:2px;} .lsfwk-pdb-xxs-medium {padding-bottom:3px;} .lsfwk-pdb-xs-medium {padding-bottom:4px;} .lsfwk-pdb-s-medium {padding-bottom:6px;} .lsfwk-pdb-m-medium,.lsfwk-pdb-standard-medium {padding-bottom:10px;} .lsfwk-pdb-l-medium {padding-bottom:20px;} .lsfwk-pdb-xl-medium {padding-bottom:40px;} .lsfwk-pdb-xxl-medium {padding-bottom:60px;} .lsfwk-pdb-xxxl-medium {padding-bottom:100px;} .lsfwk-pdb-0-medium {padding-bottom:0;} .lsfwk-pdb-5-medium {padding-bottom:5px;} .lsfwk-pdb-10-medium {padding-bottom:10px;} .lsfwk-pdb-20-medium {padding-bottom:20px;} .lsfwk-pdb-30-medium {padding-bottom:30px;} .lsfwk-pdb-40-medium {padding-bottom:40px;} .lsfwk-pdb-50-medium {padding-bottom:50px;} .lsfwk-pdb-60-medium {padding-bottom:60px;} .lsfwk-pdb-70-medium {padding-bottom:70px;} .lsfwk-pdb-80-medium {padding-bottom:80px;} .lsfwk-pdb-90-medium {padding-bottom:90px;} .lsfwk-pdb-100-medium {padding-bottom:100px;} .lsfwk-pdbm0-xxxs,.lsfwk-pdbm0-xxs,.lsfwk-pdbm0-xs,.lsfwk-pdbm0-s,.lsfwk-pdbm0-m,.lsfwk-pdbm0-l,.lsfwk-pdbm0-xl,.lsfwk-pdbm0-xxl,.lsfwk-pdbm0-xxxl {padding-right:0;} /*left*/ .lsfwk-pdl-xxxs-medium {padding-left:2px;} .lsfwk-pdl-xxs-medium {padding-left:3px;} .lsfwk-pdl-xs-medium {padding-left:4px;} .lsfwk-pdl-s-medium {padding-left:6px;} .lsfwk-pdl-m-medium,.lsfwk-pdl-standard-medium {padding-left:10px;} .lsfwk-pdl-l-medium {padding-left:20px;} .lsfwk-pdl-xl-medium {padding-left:40px;} .lsfwk-pdl-xxl-medium {padding-left:60px;} .lsfwk-pdl-xxxl-medium {padding-left:100px;} .lsfwk-pdl-0-medium {padding-left:0;} .lsfwk-pdl-5-medium {padding-left:5px;} .lsfwk-pdl-10-medium {padding-left:10px;} .lsfwk-pdl-20-medium {padding-left:20px;} .lsfwk-pdl-30-medium {padding-left:30px;} .lsfwk-pdl-40-medium {padding-left:40px;} .lsfwk-pdl-50-medium {padding-left:50px;} .lsfwk-pdl-60-medium {padding-left:60px;} .lsfwk-pdl-70-medium {padding-left:70px;} .lsfwk-pdl-80-medium {padding-left:80px;} .lsfwk-pdl-90-medium {padding-left:90px;} .lsfwk-pdl-100-medium {padding-left:100px;} .lsfwk-pdlm0-xxxs,.lsfwk-pdlm0-xxs,.lsfwk-pdlm0-xs,.lsfwk-pdlm0-s,.lsfwk-pdlm0-m,.lsfwk-pdlm0-l,.lsfwk-pdlm0-xl,.lsfwk-pdlm0-xxl,.lsfwk-pdlm0-xxxl {padding-right:0;} /*right*/ .lsfwk-pdr-xxxs-medium {padding-right:2px;} .lsfwk-pdr-xxs-medium {padding-right:3px;} .lsfwk-pdr-xs-medium {padding-right:4px;} .lsfwk-pdr-s-medium {padding-right:6px;} .lsfwk-pdr-m-medium,.lsfwk-pdr-standard-medium {padding-right:10px;} .lsfwk-pdr-l-medium {padding-right:20px;} .lsfwk-pdr-xl-medium {padding-right:40px;} .lsfwk-pdr-xxl-medium {padding-right:60px;} .lsfwk-pdr-xxxl-medium {padding-right:100px;} .lsfwk-pdr-0-medium {padding-right:0;} .lsfwk-pdr-5-medium {padding-right:5px;} .lsfwk-pdr-10-medium {padding-right:10px;} .lsfwk-pdr-20-medium {padding-right:20px;} .lsfwk-pdr-30-medium {padding-right:30px;} .lsfwk-pdr-40-medium {padding-right:40px;} .lsfwk-pdr-50-medium {padding-right:50px;} .lsfwk-pdr-60-medium {padding-right:60px;} .lsfwk-pdr-70-medium {padding-right:70px;} .lsfwk-pdr-80-medium {padding-right:80px;} .lsfwk-pdr-90-medium {padding-right:90px;} .lsfwk-pdr-100-medium {padding-right:100px;} .lsfwk-pdrm0-xxxs,.lsfwk-pdrm0-xxs,.lsfwk-pdrm0-xs,.lsfwk-pdrm0-s,.lsfwk-pdrm0-m,.lsfwk-pdrm0-l,.lsfwk-pdrm0-xl,.lsfwk-pdrm0-xxl,.lsfwk-pdrm0-xxxl {padding-right:0;} /*no gap*/ .lsfwk-pd-noGap-medium {padding:0 !important;} .lsfwk-pdt-noGap-medium {padding-top:0 !important;} .lsfwk-pdb-noGap-medium {padding-bottom:0 !important;} .lsfwk-pdl-noGap-medium {padding-left:0 !important;} .lsfwk-pdr-noGap-medium {padding-right:0 !important;} /*########## PADDINGS ########## <-*/ /*########## ABSOLUTE POSITIONS ########## ->*/ /*top left*/ .lsfwk-aptl-xxxs-medium {top:2px;left:2px;} .lsfwk-aptl-xxs-medium {top:3px;left:3px;} .lsfwk-aptl-xs-medium {top:4px;left:4px;} .lsfwk-aptl-s-medium {top:6px;left:6px;} .lsfwk-aptl-m,.lsfwk-aptl-standard-medium {top:10px;left:10px;} .lsfwk-aptl-l-medium {top:20px;left:20px;} .lsfwk-aptl-xl-medium {top:40px;left:40px;} .lsfwk-aptl-xxl-medium {top:60px;left:60px;} .lsfwk-aptl-xxxl-medium {top:100px;left:100px;} .lsfwk-aptl-0-medium {top:0;left:0;} .lsfwk-aptl-5-medium {top:5px;left:5px;} .lsfwk-aptl-10-medium {top:10px;left:10px;} .lsfwk-aptl-20-medium {top:20px;left:20px;} .lsfwk-aptl-30-medium {top:30px;left:30px;} .lsfwk-aptl-40-medium {top:40px;left:40px;} .lsfwk-aptl-50-medium {top:50px;left:50px;} .lsfwk-aptl-60-medium {top:60px;left:60px;} .lsfwk-aptl-70-medium {top:70px;left:70px;} .lsfwk-aptl-80-medium {top:80px;left:80px;} .lsfwk-aptl-90-medium {top:90px;left:90px;} .lsfwk-aptl-100-medium {top:100px;left:100px;} /*top right*/ .lsfwk-aptr-xxxs-medium {top:2px;right:2px;} .lsfwk-aptr-xxs-medium {top:3px;right:3px;} .lsfwk-aptr-xs-medium {top:4px;right:4px;} .lsfwk-aptr-s-medium {top:6px;right:6px;} .lsfwk-aptr-m,.lsfwk-aptr-standard-medium {top:10px;right:10px;} .lsfwk-aptr-l-medium {top:20px;right:20px;} .lsfwk-aptr-xl-medium {top:40px;right:40px;} .lsfwk-aptr-xxl-medium {top:60px;right:60px;} .lsfwk-aptr-xxxl-medium {top:100px;right:100px;} .lsfwk-aptr-0-medium {top:0;right:0;} .lsfwk-aptr-5-medium {top:5px;right:5px;} .lsfwk-aptr-10-medium {top:10px;right:10px;} .lsfwk-aptr-20-medium {top:20px;right:20px;} .lsfwk-aptr-30-medium {top:30px;right:30px;} .lsfwk-aptr-40-medium {top:40px;right:40px;} .lsfwk-aptr-50-medium {top:50px;right:50px;} .lsfwk-aptr-60-medium {top:60px;right:60px;} .lsfwk-aptr-70-medium {top:70px;right:70px;} .lsfwk-aptr-80-medium {top:80px;right:80px;} .lsfwk-aptr-90-medium {top:90px;right:90px;} .lsfwk-aptr-100-medium {top:100px;right:100px;} /*bottom left*/ .lsfwk-apbl-xxxs-medium {bottom:2px;left:2px;} .lsfwk-apbl-xxs-medium {bottom:3px;left:3px;} .lsfwk-apbl-xs-medium {bottom:4px;left:4px;} .lsfwk-apbl-s-medium {bottom:6px;left:6px;} .lsfwk-apbl-m,.lsfwk-apbl-standard-medium {bottom:10px;left:10px;} .lsfwk-apbl-l-medium {bottom:20px;left:20px;} .lsfwk-apbl-xl-medium {bottom:40px;left:40px;} .lsfwk-apbl-xxl-medium {bottom:60px;left:60px;} .lsfwk-apbl-xxxl-medium {bottom:100px;left:100px;} .lsfwk-apbl-0-medium {bottom:0;left:0;} .lsfwk-apbl-5-medium {bottom:5px;left:5px;} .lsfwk-apbl-10-medium {bottom:10px;left:10px;} .lsfwk-apbl-20-medium {bottom:20px;left:20px;} .lsfwk-apbl-30-medium {bottom:30px;left:30px;} .lsfwk-apbl-40-medium {bottom:40px;left:40px;} .lsfwk-apbl-50-medium {bottom:50px;left:50px;} .lsfwk-apbl-60-medium {bottom:60px;left:60px;} .lsfwk-apbl-70-medium {bottom:70px;left:70px;} .lsfwk-apbl-80-medium {bottom:80px;left:80px;} .lsfwk-apbl-90-medium {bottom:90px;left:90px;} .lsfwk-apbl-100-medium {bottom:100px;left:100px;} /*bottom right*/ .lsfwk-apbr-xxxs-medium {bottom:2px;right:2px;} .lsfwk-apbr-xxs-medium {bottom:3px;right:3px;} .lsfwk-apbr-xs-medium {bottom:4px;right:4px;} .lsfwk-apbr-s-medium {bottom:6px;right:6px;} .lsfwk-apbr-m,.lsfwk-apbr-standard-medium {bottom:10px;right:10px;} .lsfwk-apbr-l-medium {bottom:20px;right:20px;} .lsfwk-apbr-xl-medium {bottom:40px;right:40px;} .lsfwk-apbr-xxl-medium {bottom:60px;right:60px;} .lsfwk-apbr-xxxl-medium {bottom:100px;right:100px;} .lsfwk-apbr-0-medium {bottom:0;right:0;} .lsfwk-apbr-5-medium {bottom:5px;right:5px;} .lsfwk-apbr-10-medium {bottom:10px;right:10px;} .lsfwk-apbr-20-medium {bottom:20px;right:20px;} .lsfwk-apbr-30-medium {bottom:30px;right:30px;} .lsfwk-apbr-40-medium {bottom:40px;right:40px;} .lsfwk-apbr-50-medium {bottom:50px;right:50px;} .lsfwk-apbr-60-medium {bottom:60px;right:60px;} .lsfwk-apbr-70-medium {bottom:70px;right:70px;} .lsfwk-apbr-80-medium {bottom:80px;right:80px;} .lsfwk-apbr-90-medium {bottom:90px;right:90px;} .lsfwk-apbr-100-medium {bottom:100px;right:100px;} /*top center*/ .lsfwk-aptc-xxxs-medium {top:2px;left:50%;transform:translate(-50%, 0);} .lsfwk-aptc-xxs-medium {top:3px;left:50%;transform:translate(-50%, 0);} .lsfwk-aptc-xs-medium {top:4px;left:50%;transform:translate(-50%, 0);} .lsfwk-aptc-s-medium {top:6px;left:50%;transform:translate(-50%, 0);} .lsfwk-aptc-m,.lsfwk-aptc-standard-medium {top:10px;left:50%;transform:translate(-50%, 0);} .lsfwk-aptc-l-medium {top:20px;left:50%;transform:translate(-50%, 0);} .lsfwk-aptc-xl-medium {top:40px;left:50%;transform:translate(-50%, 0);} .lsfwk-aptc-xxl-medium {top:60px;left:50%;transform:translate(-50%, 0);} .lsfwk-aptc-xxxl-medium {top:100px;left:50%;transform:translate(-50%, 0);} .lsfwk-aptc-0-medium {top:0;left:50%;transform:translate(-50%, 0);} .lsfwk-aptc-5-medium {top:5px;left:50%;transform:translate(-50%, 0);} .lsfwk-aptc-10-medium {top:10px;left:50%;transform:translate(-50%, 0);} .lsfwk-aptc-20-medium {top:20px;left:50%;transform:translate(-50%, 0);} .lsfwk-aptc-30-medium {top:30px;left:50%;transform:translate(-50%, 0);} .lsfwk-aptc-40-medium {top:40px;left:50%;transform:translate(-50%, 0);} .lsfwk-aptc-50-medium {top:50px;left:50%;transform:translate(-50%, 0);} .lsfwk-aptc-60-medium {top:60px;left:50%;transform:translate(-50%, 0);} .lsfwk-aptc-70-medium {top:70px;left:50%;transform:translate(-50%, 0);} .lsfwk-aptc-80-medium {top:80px;left:50%;transform:translate(-50%, 0);} .lsfwk-aptc-90-medium {top:90px;left:50%;transform:translate(-50%, 0);} .lsfwk-aptc-100-medium {top:100px;left:50%;transform:translate(-50%, 0);} /*bottom center*/ .lsfwk-apbc-xxxs-medium {bottom:2px;left:50%;transform:translate(-50%, 0);} .lsfwk-apbc-xxs-medium {bottom:3px;left:50%;transform:translate(-50%, 0);} .lsfwk-apbc-xs-medium {bottom:4px;left:50%;transform:translate(-50%, 0);} .lsfwk-apbc-s-medium {bottom:6px;left:50%;transform:translate(-50%, 0);} .lsfwk-apbc-m,.lsfwk-apbc-standard-medium {bottom:10px;left:50%;transform:translate(-50%, 0);} .lsfwk-apbc-l-medium {bottom:20px;left:50%;transform:translate(-50%, 0);} .lsfwk-apbc-xl-medium {bottom:40px;left:50%;transform:translate(-50%, 0);} .lsfwk-apbc-xxl-medium {bottom:60px;left:50%;transform:translate(-50%, 0);} .lsfwk-apbc-xxxl-medium {bottom:100px;left:50%;transform:translate(-50%, 0);} .lsfwk-apbc-0-medium {bottom:0;left:50%;transform:translate(-50%, 0);} .lsfwk-apbc-5-medium {bottom:5px;left:50%;transform:translate(-50%, 0);} .lsfwk-apbc-10-medium {bottom:10px;left:50%;transform:translate(-50%, 0);} .lsfwk-apbc-20-medium {bottom:20px;left:50%;transform:translate(-50%, 0);} .lsfwk-apbc-30-medium {bottom:30px;left:50%;transform:translate(-50%, 0);} .lsfwk-apbc-40-medium {bottom:40px;left:50%;transform:translate(-50%, 0);} .lsfwk-apbc-50-medium {bottom:50px;left:50%;transform:translate(-50%, 0);} .lsfwk-apbc-60-medium {bottom:60px;left:50%;transform:translate(-50%, 0);} .lsfwk-apbc-70-medium {bottom:70px;left:50%;transform:translate(-50%, 0);} .lsfwk-apbc-80-medium {bottom:80px;left:50%;transform:translate(-50%, 0);} .lsfwk-apbc-90-medium {bottom:90px;left:50%;transform:translate(-50%, 0);} .lsfwk-apbc-100-medium {bottom:100px;left:50%;transform:translate(-50%, 0);} .lsfwk-aptl-xxxs-medium,.lsfwk-aptl-xxs-medium,.lsfwk-aptl-xs-medium,.lsfwk-aptl-s-medium,.lsfwk-aptl-m,.lsfwk-aptl-standard-medium,.lsfwk-aptl-l-medium,.lsfwk-aptl-xl-medium,.lsfwk-aptl-xxl-medium,.lsfwk-aptl-xxxl-medium,.lsfwk-aptl-0-medium,.lsfwk-aptl-5-medium,.lsfwk-aptl-10-medium,.lsfwk-aptl-20-medium,.lsfwk-aptl-30-medium,.lsfwk-aptl-40-medium,.lsfwk-aptl-50-medium,.lsfwk-aptl-60-medium,.lsfwk-aptl-70-medium,.lsfwk-aptl-80-medium,.lsfwk-aptl-90-medium,.lsfwk-aptl-100-medium, .lsfwk-aptr-xxxs-medium,.lsfwk-aptr-xxs-medium,.lsfwk-aptr-xs-medium,.lsfwk-aptr-s-medium,.lsfwk-aptr-m,.lsfwk-aptr-standard-medium,.lsfwk-aptr-l-medium,.lsfwk-aptr-xl-medium,.lsfwk-aptr-xxl-medium,.lsfwk-aptr-xxxl-medium,.lsfwk-aptr-0-medium,.lsfwk-aptr-5-medium,.lsfwk-aptr-10-medium,.lsfwk-aptr-20-medium,.lsfwk-aptr-30-medium,.lsfwk-aptr-40-medium,.lsfwk-aptr-50-medium,.lsfwk-aptr-60-medium,.lsfwk-aptr-70-medium,.lsfwk-aptr-80-medium,.lsfwk-aptr-90-medium,.lsfwk-aptr-100-medium, .lsfwk-apbl-xxxs-medium,.lsfwk-apbl-xxs-medium,.lsfwk-apbl-xs-medium,.lsfwk-apbl-s-medium,.lsfwk-apbl-m,.lsfwk-apbl-standard-medium,.lsfwk-apbl-l-medium,.lsfwk-apbl-xl-medium,.lsfwk-apbl-xxl-medium,.lsfwk-apbl-xxxl-medium,.lsfwk-apbl-0-medium,.lsfwk-apbl-5-medium,.lsfwk-apbl-10-medium,.lsfwk-apbl-20-medium,.lsfwk-apbl-30-medium,.lsfwk-apbl-40-medium,.lsfwk-apbl-50-medium,.lsfwk-apbl-60-medium,.lsfwk-apbl-70-medium,.lsfwk-apbl-80-medium,.lsfwk-apbl-90-medium,.lsfwk-apbl-100-medium, .lsfwk-apbr-xxxs-medium,.lsfwk-apbr-xxs-medium,.lsfwk-apbr-xs-medium,.lsfwk-apbr-s-medium,.lsfwk-apbr-m,.lsfwk-apbr-standard-medium,.lsfwk-apbr-l-medium,.lsfwk-apbr-xl-medium,.lsfwk-apbr-xxl-medium,.lsfwk-apbr-xxxl-medium,.lsfwk-apbr-0-medium,.lsfwk-apbr-5-medium,.lsfwk-apbr-10-medium,.lsfwk-apbr-20-medium,.lsfwk-apbr-30-medium,.lsfwk-apbr-40-medium,.lsfwk-apbr-50-medium,.lsfwk-apbr-60-medium,.lsfwk-apbr-70-medium,.lsfwk-apbr-80-medium,.lsfwk-apbr-90-medium,.lsfwk-apbr-100-medium, .lsfwk-aptc-xxxs-medium,.lsfwk-aptc-xxs-medium,.lsfwk-aptc-xs-medium,.lsfwk-aptc-s-medium,.lsfwk-aptc-m-medium,.lsfwk-aptc-standard-medium,.lsfwk-aptc-l-medium,.lsfwk-aptc-xl-medium,.lsfwk-aptc-xxl-medium,.lsfwk-aptc-xxxl-medium,.lsfwk-aptc-0-medium,.lsfwk-aptc-5-medium,.lsfwk-aptc-10-medium,.lsfwk-aptc-20-medium,.lsfwk-aptc-30-medium,.lsfwk-aptc-40-medium,.lsfwk-aptc-50-medium,.lsfwk-aptc-60-medium,.lsfwk-aptc-70-medium,.lsfwk-aptc-80-medium,.lsfwk-aptc-90-medium,.lsfwk-aptc-100-medium, .lsfwk-apbc-xxxs-medium,.lsfwk-apbc-xxs-medium,.lsfwk-apbc-xs-medium,.lsfwk-apbc-s-medium,.lsfwk-apbc-m-medium,.lsfwk-apbc-standard-medium,.lsfwk-apbc-l-medium,.lsfwk-apbc-xl-medium,.lsfwk-apbc-xxl-medium,.lsfwk-apbc-xxxl-medium,.lsfwk-apbc-0-medium,.lsfwk-apbc-5-medium,.lsfwk-apbc-10-medium,.lsfwk-apbc-20-medium,.lsfwk-apbc-30-medium,.lsfwk-apbc-40-medium,.lsfwk-apbc-50-medium,.lsfwk-apbc-60-medium,.lsfwk-apbc-70-medium,.lsfwk-apbc-80-medium,.lsfwk-apbc-90-medium,.lsfwk-apbc-100 { position:absolute; z-index:1; } /*########## ABSOLUTE POSITIONS ########## <-*/ /*########## ALIGNS ########## ->*/ .lsfwk-alignLeft-medium, .lsfwk-alignLeft-medium-all, .lsfwk-alignLeft-medium-all div, .lsfwk-alignLeft-medium-all h1, .lsfwk-alignLeft-medium-all h2, .lsfwk-alignLeft-medium-all h3, .lsfwk-alignLeft-medium-all h4, .lsfwk-alignLeft-medium-all h5, .lsfwk-alignLeft-medium-all h6, .lsfwk-alignLeft-medium-all p, .lsfwk-alignLeft-medium-all span, .lsfwk-alignLeft-medium-all a {text-align:left;} .lsfwk-alignRight-medium, .lsfwk-alignRight-medium-all, .lsfwk-alignRight-medium-all div, .lsfwk-alignRight-medium-all h1, .lsfwk-alignRight-medium-all h2, .lsfwk-alignRight-medium-all h3, .lsfwk-alignRight-medium-all h4, .lsfwk-alignRight-medium-all h5, .lsfwk-alignRight-medium-all h6, .lsfwk-alignRight-medium-all p, .lsfwk-alignRight-medium-all span, .lsfwk-alignRight-medium-all a {text-align:right;} .lsfwk-alignCenter-medium, .lsfwk-alignCenter-medium-all, .lsfwk-alignCenter-medium-all div, .lsfwk-alignCenter-medium-all h1, .lsfwk-alignCenter-medium-all h2, .lsfwk-alignCenter-medium-all h3, .lsfwk-alignCenter-medium-all h4, .lsfwk-alignCenter-medium-all h5, .lsfwk-alignCenter-medium-all h6, .lsfwk-alignCenter-medium-all p, .lsfwk-alignCenter-medium-all span, .lsfwk-alignCenter-medium-all a {text-align:center;} img.lsfwk-alignCenter-medium {margin-left:auto; margin-right:auto;} div.lsfwk-alignCenter-medium {margin-left:auto; margin-right:auto;} /*########## ALIGNS ########## <-*/ /*########## FLOAT ########## ->*/ .lsfwk-floatLeft-medium {float:left;} .lsfwk-floatRight-medium {float:right;} .lsfwk-floatClear-medium, .lsfwk-newline-medium {clear:both;} .lsfwk-floatNone-medium {float:none !important;} /*########## FLOAT ########## <-*/ /*########## SAME LINE ########## ->*/ .lsfwk-sameLine-medium, .lsfwk-sameLine-all-medium, .lsfwk-sameLine-all-medium * { display:inline-block; vertical-align:middle; } .lsfwk-sameLine-all-medium.lsfwk-newline { display:block; } /*########## SAME LINE ########## <-*/ /*########## MISC ########## ->*/ .lsfwk-displayNone-medium {display:none;} .lsfwk-invisible-medium {width:1px; height:1px; margin:-1px; padding:0; position:absolute; border:0; clip:rect(0 0 0 0); overflow:hidden;} *:not(#offCanvasContainer) > .bigScreenOnly { display:none; } /*########## MISC ########## <-*/ /*########## GRID SYSTEM ########## <-*/ /*########## TEXT SIZES ########## ->*/ .lsfwk-txs-standard, .lsfwk-txs-standard-all, .lsfwk-txs-standard-all *, *.lsfwk-txs-standard-all, .lsfwk-txs-standard-medium, .lsfwk-txs-standard-all-medium, .lsfwk-txs-standard-all-medium *, *.lsfwk-txs-standard-all-medium { font-size:1.15rem; } .lsfwk-txs-xxxs, .lsfwk-txs-xxxs-all, .lsfwk-txs-xxxs-all *, *.lsfwk-txs-xxxs-all, .lsfwk-txs-xxxs-medium, .lsfwk-txs-xxxs-all-medium, .lsfwk-txs-xxxs-all-medium *, *.lsfwk-txs-xxxs-all-medium { font-size:0.5rem; } .lsfwk-txs-xxs, .lsfwk-txs-xxs-all, .lsfwk-txs-xxs-all *, *.lsfwk-txs-xxs-all, .lsfwk-txs-xxs-medium, .lsfwk-txs-xxs-all-medium, .lsfwk-txs-xxs-all-medium *, *.lsfwk-txs-xxs-all-medium { font-size:0.6rem; } .lsfwk-txs-xs, .lsfwk-txs-xs-all, .lsfwk-txs-xs-all *, *.lsfwk-txs-xs-all, .lsfwk-txs-xs-medium, .lsfwk-txs-xs-all-medium, .lsfwk-txs-xs-all-medium *, *.lsfwk-txs-xs-all-medium { font-size:0.75rem; } .lsfwk-txs-s, .lsfwk-txs-s-all, .lsfwk-txs-s-all *, *.lsfwk-txs-s-all, .lsfwk-txs-s-medium, .lsfwk-txs-s-all-medium, .lsfwk-txs-s-all-medium *, *.lsfwk-txs-s-all-medium { font-size:0.90rem; } .lsfwk-txs-m, .lsfwk-txs-m-all, .lsfwk-txs-m-all *, *.lsfwk-txs-m-all, .lsfwk-txs-m-medium, .lsfwk-txs-m-all-medium, .lsfwk-txs-m-all-medium *, *.lsfwk-txs-m-all-medium { font-size:1.0rem; } .lsfwk-txs-l, .lsfwk-txs-l-all, .lsfwk-txs-l-all *, *.lsfwk-txs-l-all, .lsfwk-txs-l-medium, .lsfwk-txs-l-all-medium, .lsfwk-txs-l-all-medium *, *.lsfwk-txs-l-all-medium { font-size:1.4rem; } .lsfwk-txs-xl, .lsfwk-txs-xl-all, .lsfwk-txs-xl-all *, *.lsfwk-txs-xl-all, .lsfwk-txs-xl-medium, .lsfwk-txs-xl-all-medium, .lsfwk-txs-xl-all-medium *, *.lsfwk-txs-xl-all-medium { font-size:1.9rem; } .lsfwk-txs-xxl, .lsfwk-txs-xxl-all, .lsfwk-txs-xxl-all *, *.lsfwk-txs-xxl-all, .lsfwk-txs-xxl-medium, .lsfwk-txs-xxl-all-medium, .lsfwk-txs-xxl-all-medium *, *.lsfwk-txs-xxl-all-medium { font-size:2.5rem; } .lsfwk-txs-xxxl, .lsfwk-txs-xxxl-all, .lsfwk-txs-xxxl-all *, *.lsfwk-txs-xxxl-all, .lsfwk-txs-xxxl-medium, .lsfwk-txs-xxxl-all-medium, .lsfwk-txs-xxxl-all-medium *, *.lsfwk-txs-xxxl-all-medium { font-size:3.5rem; } /*########## TEXT SIZES ########## <-*/ /*########## TEXT STYLE SETS ########## ->*/ .lsfwk-tx-set-01, .lsfwk-tx-set-01-all, .lsfwk-tx-set-01-all *, *.lsfwk-tx-set-01-all, .lsfwk-tx-set-01-small, .lsfwk-tx-set-01-all-small, .lsfwk-tx-set-01-all-small *, *.lsfwk-tx-set-01-all-small { font-family:Arial,sans-serif; text-transform:uppercase; font-size:1.9rem; font-weight:normal; line-height:100%; } /*########## TEXT STYLE SETS ########## <-*/ /*########## BORDER SETS ########## ->*/ .lsfwk-bdt-medium {border-top:1px solid #D7E1ED;} .lsfwk-bdb-medium {border-bottom:1px solid #D7E1ED;} .lsfwk-bdl-medium {border-left:1px solid #D7E1ED;} .lsfwk-bdr-medium {border-right:1px solid #D7E1ED;} /*########## BORDER SETS ########## <-*/ } /*############################## MEDIA QUERY SMARTPHONE ##############################*/ /*####################################################################################*/ @media screen and (max-width:480px) { /*########## GRID SYSTEM ########## ->*/ .lsfwk-small-1 {width:8.333333% !important;} .lsfwk-small-2 {width:16.666666% !important;} .lsfwk-small-3 {width:25% !important;} .lsfwk-small-4 {width:33.333333% !important;} .lsfwk-small-5 {width:41.666666% !important;} .lsfwk-small-6 {width:50% !important;} .lsfwk-small-7 {width:58.333333% !important;} .lsfwk-small-8 {width:66.666666% !important;} .lsfwk-small-9 {width:75% !important;} .lsfwk-small-10 {width:83.333333% !important;} .lsfwk-small-11 {width:91.666666% !important;} .lsfwk-small-12 {width:100% !important;} .lsfwk-small-1-offset {margin-left:8.333333% !important;} .lsfwk-small-2-offset {margin-left:16.666666% !important;} .lsfwk-small-3-offset {margin-left:25% !important;} .lsfwk-small-4-offset {margin-left:33.33333% !important;} .lsfwk-small-5-offset {margin-left:41.666666% !important;} .lsfwk-small-6-offset {margin-left:50% !important;} .lsfwk-small-7-offset {margin-left:58.333333% !important;} .lsfwk-small-8-offset {margin-left:66.666666% !important;} .lsfwk-small-9-offset {margin-left:75% !important;} .lsfwk-small-10-offset {margin-left:83.333333% !important;} .lsfwk-small-11-offset {margin-left:91.666666% !important;} .lsfwk-small-12-offset {margin-left:100% !important;} .lsfwk-oneOfFour-small {width:25% !important; float:left;} .lsfwk-oneOfThree-small {width:33.333333% !important; float:left;} .lsfwk-oneOfTwo-small {width:50% !important; float:left;} .lsfwk-fullwidth-small {width:100% !important; float:none;} /*########## MARGINS ########## ->*/ /*all*/ .lsfwk-mg-xxxs-small {margin:2px;} .lsfwk-mg-xxs-small {margin:3px;} .lsfwk-mg-xs-small {margin:4px;} .lsfwk-mg-s-small {margin:6px;} .lsfwk-mg-m-small,.lsfwk-mg-standard-small {margin:10px;} .lsfwk-mg-l-small {margin:20px;} .lsfwk-mg-xl-small {margin:40px;} .lsfwk-mg-xxl-small {margin:60px;} .lsfwk-mg-xxxl-small {margin:100px;} .lsfwk-mg-0-small {margin:0;} .lsfwk-mg-5-small {margin:5px;} .lsfwk-mg-10-small {margin:10px;} .lsfwk-mg-20-small {margin:20px;} .lsfwk-mg-30-small {margin:30px;} .lsfwk-mg-40-small {margin:40px;} .lsfwk-mg-50-small {margin:50px;} .lsfwk-mg-60-small {margin:60px;} .lsfwk-mg-70-small {margin:70px;} .lsfwk-mg-80-small {margin:80px;} .lsfwk-mg-90-small {margin:90px;} .lsfwk-mg-100-small {margin:100px;} /*top*/ .lsfwk-mgt-xxxs-small {margin-top:2px;} .lsfwk-mgt-xxs-small {margin-top:3px;} .lsfwk-mgt-xs-small {margin-top:4px;} .lsfwk-mgt-s-small {margin-top:6px;} .lsfwk-mgt-m-small,.lsfwk-mgt-standard-small {margin-top:10px;} .lsfwk-mgt-l-small {margin-top:20px;} .lsfwk-mgt-xl-small {margin-top:40px;} .lsfwk-mgt-xxl-small {margin-top:60px;} .lsfwk-mgt-xxxl-small {margin-top:100px;} .lsfwk-mgt-0-small {margin-top:0;} .lsfwk-mgt-5-small {margin-top:5px;} .lsfwk-mgt-10-small {margin-top:10px;} .lsfwk-mgt-20-small {margin-top:20px;} .lsfwk-mgt-30-small {margin-top:30px;} .lsfwk-mgt-40-small {margin-top:40px;} .lsfwk-mgt-50-small {margin-top:50px;} .lsfwk-mgt-60-small {margin-top:60px;} .lsfwk-mgt-70-small {margin-top:70px;} .lsfwk-mgt-80-small {margin-top:80px;} .lsfwk-mgt-90-small {margin-top:90px;} .lsfwk-mgt-100-small {margin-top:100px;} /*bottom*/ .lsfwk-mgb-xxxs-small {margin-bottom:2px;} .lsfwk-mgb-xxs-small {margin-bottom:3px;} .lsfwk-mgb-xs-small {margin-bottom:4px;} .lsfwk-mgb-s-small {margin-bottom:6px;} .lsfwk-mgb-m-small,.lsfwk-mgb-standard-small {margin-bottom:10px;} .lsfwk-mgb-l-small {margin-bottom:20px;} .lsfwk-mgb-xl-small {margin-bottom:40px;} .lsfwk-mgb-xxl-small {margin-bottom:60px;} .lsfwk-mgb-xxxl-small {margin-bottom:100px;} .lsfwk-mgb-0-small {margin-bottom:0;} .lsfwk-mgb-5-small {margin-bottom:5px;} .lsfwk-mgb-10-small {margin-bottom:10px;} .lsfwk-mgb-20-small {margin-bottom:20px;} .lsfwk-mgb-30-small {margin-bottom:30px;} .lsfwk-mgb-40-small {margin-bottom:40px;} .lsfwk-mgb-50-small {margin-bottom:50px;} .lsfwk-mgb-60-small {margin-bottom:60px;} .lsfwk-mgb-70-small {margin-bottom:70px;} .lsfwk-mgb-80-small {margin-bottom:80px;} .lsfwk-mgb-90-small {margin-bottom:90px;} .lsfwk-mgb-100-small {margin-bottom:100px;} /*left*/ .lsfwk-mgl-xxxs-small {margin-left:2px;} .lsfwk-mgl-xxs-small {margin-left:3px;} .lsfwk-mgl-xs-small {margin-left:4px;} .lsfwk-mgl-s-small {margin-left:6px;} .lsfwk-mgl-m-small,.lsfwk-mgl-standard-small {margin-left:10px;} .lsfwk-mgl-l-small {margin-left:20px;} .lsfwk-mgl-xl-small {margin-left:40px;} .lsfwk-mgl-xxl-small {margin-left:60px;} .lsfwk-mgl-xxxl-small {margin-left:100px;} .lsfwk-mgl-0-small {margin-left:0;} .lsfwk-mgl-5-small {margin-left:5px;} .lsfwk-mgl-10-small {margin-left:10px;} .lsfwk-mgl-20-small {margin-left:20px;} .lsfwk-mgl-30-small {margin-left:30px;} .lsfwk-mgl-40-small {margin-left:40px;} .lsfwk-mgl-50-small {margin-left:50px;} .lsfwk-mgl-60-small {margin-left:60px;} .lsfwk-mgl-70-small {margin-left:70px;} .lsfwk-mgl-80-small {margin-left:80px;} .lsfwk-mgl-90-small {margin-left:90px;} .lsfwk-mgl-100-small {margin-left:100px;} /*right*/ .lsfwk-mgr-xxxs-small {margin-right:2px;} .lsfwk-mgr-xxs-small {margin-right:3px;} .lsfwk-mgr-xs-small {margin-right:4px;} .lsfwk-mgr-s-small {margin-right:6px;} .lsfwk-mgr-m-small,.lsfwk-mgr-standard-small {margin-right:10px;} .lsfwk-mgr-l-small {margin-right:20px;} .lsfwk-mgr-xl-small {margin-right:40px;} .lsfwk-mgr-xxl-small {margin-right:60px;} .lsfwk-mgr-xxxl-small {margin-right:100px;} .lsfwk-mgr-0-small {margin-right:0;} .lsfwk-mgr-5-small {margin-right:5px;} .lsfwk-mgr-10-small {margin-right:10px;} .lsfwk-mgr-20-small {margin-right:20px;} .lsfwk-mgr-30-small {margin-right:30px;} .lsfwk-mgr-40-small {margin-right:40px;} .lsfwk-mgr-50-small {margin-right:50px;} .lsfwk-mgr-60-small {margin-right:60px;} .lsfwk-mgr-70-small {margin-right:70px;} .lsfwk-mgr-80-small {margin-right:80px;} .lsfwk-mgr-90-small {margin-right:90px;} .lsfwk-mgr-100-small {margin-right:100px;} /*########## MARGINS ########## <-*/ /*########## PADDINGS ########## ->*/ /*all*/ .lsfwk-pd-xxxs-small {padding:2px;} .lsfwk-pd-xxs-small {padding:3px;} .lsfwk-pd-xs-small {padding:4px;} .lsfwk-pd-s-small {padding:6px;} .lsfwk-pd-m-small,.lsfwk-pd-standard-small {padding:10px;} .lsfwk-pd-l-small {padding:20px;} .lsfwk-pd-xl-small {padding:40px;} .lsfwk-pd-xxl-small {padding:60px;} .lsfwk-pd-xxxl-small {padding:100px;} .lsfwk-pd-0-small {padding:0;} .lsfwk-pd-5-small {padding:5px;} .lsfwk-pd-10-small {padding:10px;} .lsfwk-pd-20-small {padding:20px;} .lsfwk-pd-30-small {padding:30px;} .lsfwk-pd-40-small {padding:40px;} .lsfwk-pd-50-small {padding:50px;} .lsfwk-pd-60-small {padding:60px;} .lsfwk-pd-70-small {padding:70px;} .lsfwk-pd-80-small {padding:80px;} .lsfwk-pd-90-small {padding:90px;} .lsfwk-pd-100-small {padding:100px;} .lsfwk-pds0-xxxs,.lsfwk-pds0-xxs,.lsfwk-pds0-xs,.lsfwk-pds0-s,.lsfwk-pds0-m,.lsfwk-pds0-l,.lsfwk-pds0-xl,.lsfwk-pds0-xxl,.lsfwk-pds0-xxxl {padding-right:0;} /*top*/ .lsfwk-pdt-xxxs-small {padding-top:2px;} .lsfwk-pdt-xxs-small {padding-top:3px;} .lsfwk-pdt-xs-small {padding-top:4px;} .lsfwk-pdt-s-small {padding-top:6px;} .lsfwk-pdt-m-small,.lsfwk-pdt-standard-small {padding-top:10px;} .lsfwk-pdt-l-small {padding-top:20px;} .lsfwk-pdt-xl-small {padding-top:40px;} .lsfwk-pdt-xxl-small {padding-top:60px;} .lsfwk-pdt-xxxl-small {padding-top:100px;} .lsfwk-pdt-0-small {padding-top:0;} .lsfwk-pdt-5-small {padding-top:5px;} .lsfwk-pdt-10-small {padding-top:10px;} .lsfwk-pdt-20-small {padding-top:20px;} .lsfwk-pdt-30-small {padding-top:30px;} .lsfwk-pdt-40-small {padding-top:40px;} .lsfwk-pdt-50-small {padding-top:50px;} .lsfwk-pdt-60-small {padding-top:60px;} .lsfwk-pdt-70-small {padding-top:70px;} .lsfwk-pdt-80-small {padding-top:80px;} .lsfwk-pdt-90-small {padding-top:90px;} .lsfwk-pdt-100-small {padding-top:100px;} .lsfwk-pdts0-xxxs,.lsfwk-pdts0-xxs,.lsfwk-pdts0-xs,.lsfwk-pdts0-s,.lsfwk-pdts0-m,.lsfwk-pdts0-l,.lsfwk-pdts0-xl,.lsfwk-pdts0-xxl,.lsfwk-pdts0-xxxl {padding-right:0;} /*bottom*/ .lsfwk-pdb-xxxs-small {padding-bottom:2px;} .lsfwk-pdb-xxs-small {padding-bottom:3px;} .lsfwk-pdb-xs-small {padding-bottom:4px;} .lsfwk-pdb-s-small {padding-bottom:6px;} .lsfwk-pdb-m-small,.lsfwk-pdb-standard-small {padding-bottom:10px;} .lsfwk-pdb-l-small {padding-bottom:20px;} .lsfwk-pdb-xl-small {padding-bottom:40px;} .lsfwk-pdb-xxl-small {padding-bottom:60px;} .lsfwk-pdb-xxxl-small {padding-bottom:100px;} .lsfwk-pdb-0-small {padding-bottom:0;} .lsfwk-pdb-5-small {padding-bottom:5px;} .lsfwk-pdb-10-small {padding-bottom:10px;} .lsfwk-pdb-20-small {padding-bottom:20px;} .lsfwk-pdb-30-small {padding-bottom:30px;} .lsfwk-pdb-40-small {padding-bottom:40px;} .lsfwk-pdb-50-small {padding-bottom:50px;} .lsfwk-pdb-60-small {padding-bottom:60px;} .lsfwk-pdb-70-small {padding-bottom:70px;} .lsfwk-pdb-80-small {padding-bottom:80px;} .lsfwk-pdb-90-small {padding-bottom:90px;} .lsfwk-pdb-100-small {padding-bottom:100px;} .lsfwk-pdbs0-xxxs,.lsfwk-pdbs0-xxs,.lsfwk-pdbs0-xs,.lsfwk-pdbs0-s,.lsfwk-pdbs0-m,.lsfwk-pdbs0-l,.lsfwk-pdbs0-xl,.lsfwk-pdbs0-xxl,.lsfwk-pdbs0-xxxl {padding-right:0;} /*left*/ .lsfwk-pdl-xxxs-small {padding-left:2px;} .lsfwk-pdl-xxs-small {padding-left:3px;} .lsfwk-pdl-xs-small {padding-left:4px;} .lsfwk-pdl-s-small {padding-left:6px;} .lsfwk-pdl-m-small,.lsfwk-pdl-standard-small {padding-left:10px;} .lsfwk-pdl-l-small {padding-left:20px;} .lsfwk-pdl-xl-small {padding-left:40px;} .lsfwk-pdl-xxl-small {padding-left:60px;} .lsfwk-pdl-xxxl-small {padding-left:100px;} .lsfwk-pdl-0-small {padding-left:0;} .lsfwk-pdl-5-small {padding-left:5px;} .lsfwk-pdl-10-small {padding-left:10px;} .lsfwk-pdl-20-small {padding-left:20px;} .lsfwk-pdl-30-small {padding-left:30px;} .lsfwk-pdl-40-small {padding-left:40px;} .lsfwk-pdl-50-small {padding-left:50px;} .lsfwk-pdl-60-small {padding-left:60px;} .lsfwk-pdl-70-small {padding-left:70px;} .lsfwk-pdl-80-small {padding-left:80px;} .lsfwk-pdl-90-small {padding-left:90px;} .lsfwk-pdl-100-small {padding-left:100px;} .lsfwk-pdls0-xxxs,.lsfwk-pdls0-xxs,.lsfwk-pdls0-xs,.lsfwk-pdls0-s,.lsfwk-pdls0-m,.lsfwk-pdls0-l,.lsfwk-pdls0-xl,.lsfwk-pdls0-xxl,.lsfwk-pdls0-xxxl {padding-left:0;} /*right*/ .lsfwk-pdr-xxxs-small {padding-right:2px;} .lsfwk-pdr-xxs-small {padding-right:3px;} .lsfwk-pdr-xs-small {padding-right:4px;} .lsfwk-pdr-s-small {padding-right:6px;} .lsfwk-pdr-m-small,.lsfwk-pdr-standard-small {padding-right:10px;} .lsfwk-pdr-l-small {padding-right:20px;} .lsfwk-pdr-xl-small {padding-right:40px;} .lsfwk-pdr-xxl-small {padding-right:60px;} .lsfwk-pdr-xxxl-small {padding-right:100px;} .lsfwk-pdr-0-small {padding-right:0;} .lsfwk-pdr-5-small {padding-right:5px;} .lsfwk-pdr-10-small {padding-right:10px;} .lsfwk-pdr-20-small {padding-right:20px;} .lsfwk-pdr-30-small {padding-right:30px;} .lsfwk-pdr-40-small {padding-right:40px;} .lsfwk-pdr-50-small {padding-right:50px;} .lsfwk-pdr-60-small {padding-right:60px;} .lsfwk-pdr-70-small {padding-right:70px;} .lsfwk-pdr-80-small {padding-right:80px;} .lsfwk-pdr-90-small {padding-right:90px;} .lsfwk-pdr-100-small {padding-right:100px;} .lsfwk-pdrs0-xxxs,.lsfwk-pdrs0-xxs,.lsfwk-pdrs0-xs,.lsfwk-pdrs0-s,.lsfwk-pdrs0-m,.lsfwk-pdrs0-l,.lsfwk-pdrs0-xl,.lsfwk-pdrs0-xxl,.lsfwk-pdrs0-xxxl {padding-right:0;} /*no gap*/ .lsfwk-pd-noGap-small {padding:0 !important;} .lsfwk-pdt-noGap-small {padding-top:0 !important;} .lsfwk-pdb-noGap-small {padding-bottom:0 !important;} .lsfwk-pdl-noGap-small {padding-left:0 !important;} .lsfwk-pdr-noGap-small {padding-right:0 !important;} /*########## PADDINGS ########## <-*/ /*########## ABSOLUTE POSITIONS ########## ->*/ /*top left*/ .lsfwk-aptl-xxxs-small {top:2px;left:2px;} .lsfwk-aptl-xxs-small {top:3px;left:3px;} .lsfwk-aptl-xs-small {top:4px;left:4px;} .lsfwk-aptl-s-small {top:6px;left:6px;} .lsfwk-aptl-m,.lsfwk-aptl-standard-small {top:10px;left:10px;} .lsfwk-aptl-l-small {top:20px;left:20px;} .lsfwk-aptl-xl-small {top:40px;left:40px;} .lsfwk-aptl-xxl-small {top:60px;left:60px;} .lsfwk-aptl-xxxl-small {top:100px;left:100px;} .lsfwk-aptl-0-small {top:0;left:0;} .lsfwk-aptl-5-small {top:5px;left:5px;} .lsfwk-aptl-10-small {top:10px;left:10px;} .lsfwk-aptl-20-small {top:20px;left:20px;} .lsfwk-aptl-30-small {top:30px;left:30px;} .lsfwk-aptl-40-small {top:40px;left:40px;} .lsfwk-aptl-50-small {top:50px;left:50px;} .lsfwk-aptl-60-small {top:60px;left:60px;} .lsfwk-aptl-70-small {top:70px;left:70px;} .lsfwk-aptl-80-small {top:80px;left:80px;} .lsfwk-aptl-90-small {top:90px;left:90px;} .lsfwk-aptl-100-small {top:100px;left:100px;} /*top right*/ .lsfwk-aptr-xxxs-small {top:2px;right:2px;} .lsfwk-aptr-xxs-small {top:3px;right:3px;} .lsfwk-aptr-xs-small {top:4px;right:4px;} .lsfwk-aptr-s-small {top:6px;right:6px;} .lsfwk-aptr-m,.lsfwk-aptr-standard-small {top:10px;right:10px;} .lsfwk-aptr-l-small {top:20px;right:20px;} .lsfwk-aptr-xl-small {top:40px;right:40px;} .lsfwk-aptr-xxl-small {top:60px;right:60px;} .lsfwk-aptr-xxxl-small {top:100px;right:100px;} .lsfwk-aptr-0-small {top:0;right:0;} .lsfwk-aptr-5-small {top:5px;right:5px;} .lsfwk-aptr-10-small {top:10px;right:10px;} .lsfwk-aptr-20-small {top:20px;right:20px;} .lsfwk-aptr-30-small {top:30px;right:30px;} .lsfwk-aptr-40-small {top:40px;right:40px;} .lsfwk-aptr-50-small {top:50px;right:50px;} .lsfwk-aptr-60-small {top:60px;right:60px;} .lsfwk-aptr-70-small {top:70px;right:70px;} .lsfwk-aptr-80-small {top:80px;right:80px;} .lsfwk-aptr-90-small {top:90px;right:90px;} .lsfwk-aptr-100-small {top:100px;right:100px;} /*bottom left*/ .lsfwk-apbl-xxxs-small {bottom:2px;left:2px;} .lsfwk-apbl-xxs-small {bottom:3px;left:3px;} .lsfwk-apbl-xs-small {bottom:4px;left:4px;} .lsfwk-apbl-s-small {bottom:6px;left:6px;} .lsfwk-apbl-m,.lsfwk-apbl-standard-small {bottom:10px;left:10px;} .lsfwk-apbl-l-small {bottom:20px;left:20px;} .lsfwk-apbl-xl-small {bottom:40px;left:40px;} .lsfwk-apbl-xxl-small {bottom:60px;left:60px;} .lsfwk-apbl-xxxl-small {bottom:100px;left:100px;} .lsfwk-apbl-0-small {bottom:0;left:0;} .lsfwk-apbl-5-small {bottom:5px;left:5px;} .lsfwk-apbl-10-small {bottom:10px;left:10px;} .lsfwk-apbl-20-small {bottom:20px;left:20px;} .lsfwk-apbl-30-small {bottom:30px;left:30px;} .lsfwk-apbl-40-small {bottom:40px;left:40px;} .lsfwk-apbl-50-small {bottom:50px;left:50px;} .lsfwk-apbl-60-small {bottom:60px;left:60px;} .lsfwk-apbl-70-small {bottom:70px;left:70px;} .lsfwk-apbl-80-small {bottom:80px;left:80px;} .lsfwk-apbl-90-small {bottom:90px;left:90px;} .lsfwk-apbl-100-small {bottom:100px;left:100px;} /*bottom right*/ .lsfwk-apbr-xxxs-small {bottom:2px;right:2px;} .lsfwk-apbr-xxs-small {bottom:3px;right:3px;} .lsfwk-apbr-xs-small {bottom:4px;right:4px;} .lsfwk-apbr-s-small {bottom:6px;right:6px;} .lsfwk-apbr-m,.lsfwk-apbr-standard-small {bottom:10px;right:10px;} .lsfwk-apbr-l-small {bottom:20px;right:20px;} .lsfwk-apbr-xl-small {bottom:40px;right:40px;} .lsfwk-apbr-xxl-small {bottom:60px;right:60px;} .lsfwk-apbr-xxxl-small {bottom:100px;right:100px;} .lsfwk-apbr-0-small {bottom:0;right:0;} .lsfwk-apbr-5-small {bottom:5px;right:5px;} .lsfwk-apbr-10-small {bottom:10px;right:10px;} .lsfwk-apbr-20-small {bottom:20px;right:20px;} .lsfwk-apbr-30-small {bottom:30px;right:30px;} .lsfwk-apbr-40-small {bottom:40px;right:40px;} .lsfwk-apbr-50-small {bottom:50px;right:50px;} .lsfwk-apbr-60-small {bottom:60px;right:60px;} .lsfwk-apbr-70-small {bottom:70px;right:70px;} .lsfwk-apbr-80-small {bottom:80px;right:80px;} .lsfwk-apbr-90-small {bottom:90px;right:90px;} .lsfwk-apbr-100-small {bottom:100px;right:100px;} /*top center*/ .lsfwk-aptc-xxxs-small {top:2px;left:50%;transform:translate(-50%, 0);} .lsfwk-aptc-xxs-small {top:3px;left:50%;transform:translate(-50%, 0);} .lsfwk-aptc-xs-small {top:4px;left:50%;transform:translate(-50%, 0);} .lsfwk-aptc-s-small {top:6px;left:50%;transform:translate(-50%, 0);} .lsfwk-aptc-m,.lsfwk-aptc-standard-small {top:10px;left:50%;transform:translate(-50%, 0);} .lsfwk-aptc-l-small {top:20px;left:50%;transform:translate(-50%, 0);} .lsfwk-aptc-xl-small {top:40px;left:50%;transform:translate(-50%, 0);} .lsfwk-aptc-xxl-small {top:60px;left:50%;transform:translate(-50%, 0);} .lsfwk-aptc-xxxl-small {top:100px;left:50%;transform:translate(-50%, 0);} .lsfwk-aptc-0-small {top:0;left:50%;transform:translate(-50%, 0);} .lsfwk-aptc-5-small {top:5px;left:50%;transform:translate(-50%, 0);} .lsfwk-aptc-10-small {top:10px;left:50%;transform:translate(-50%, 0);} .lsfwk-aptc-20-small {top:20px;left:50%;transform:translate(-50%, 0);} .lsfwk-aptc-30-small {top:30px;left:50%;transform:translate(-50%, 0);} .lsfwk-aptc-40-small {top:40px;left:50%;transform:translate(-50%, 0);} .lsfwk-aptc-50-small {top:50px;left:50%;transform:translate(-50%, 0);} .lsfwk-aptc-60-small {top:60px;left:50%;transform:translate(-50%, 0);} .lsfwk-aptc-70-small {top:70px;left:50%;transform:translate(-50%, 0);} .lsfwk-aptc-80-small {top:80px;left:50%;transform:translate(-50%, 0);} .lsfwk-aptc-90-small {top:90px;left:50%;transform:translate(-50%, 0);} .lsfwk-aptc-100-small {top:100px;left:50%;transform:translate(-50%, 0);} /*bottom center*/ .lsfwk-apbc-xxxs-small {bottom:2px;left:50%;transform:translate(-50%, 0);} .lsfwk-apbc-xxs-small {bottom:3px;left:50%;transform:translate(-50%, 0);} .lsfwk-apbc-xs-small {bottom:4px;left:50%;transform:translate(-50%, 0);} .lsfwk-apbc-s-small {bottom:6px;left:50%;transform:translate(-50%, 0);} .lsfwk-apbc-m,.lsfwk-apbc-standard-small {bottom:10px;left:50%;transform:translate(-50%, 0);} .lsfwk-apbc-l-small {bottom:20px;left:50%;transform:translate(-50%, 0);} .lsfwk-apbc-xl-small {bottom:40px;left:50%;transform:translate(-50%, 0);} .lsfwk-apbc-xxl-small {bottom:60px;left:50%;transform:translate(-50%, 0);} .lsfwk-apbc-xxxl-small {bottom:100px;left:50%;transform:translate(-50%, 0);} .lsfwk-apbc-0-small {bottom:0;left:50%;transform:translate(-50%, 0);} .lsfwk-apbc-5-small {bottom:5px;left:50%;transform:translate(-50%, 0);} .lsfwk-apbc-10-small {bottom:10px;left:50%;transform:translate(-50%, 0);} .lsfwk-apbc-20-small {bottom:20px;left:50%;transform:translate(-50%, 0);} .lsfwk-apbc-30-small {bottom:30px;left:50%;transform:translate(-50%, 0);} .lsfwk-apbc-40-small {bottom:40px;left:50%;transform:translate(-50%, 0);} .lsfwk-apbc-50-small {bottom:50px;left:50%;transform:translate(-50%, 0);} .lsfwk-apbc-60-small {bottom:60px;left:50%;transform:translate(-50%, 0);} .lsfwk-apbc-70-small {bottom:70px;left:50%;transform:translate(-50%, 0);} .lsfwk-apbc-80-small {bottom:80px;left:50%;transform:translate(-50%, 0);} .lsfwk-apbc-90-small {bottom:90px;left:50%;transform:translate(-50%, 0);} .lsfwk-apbc-100-small {bottom:100px;left:50%;transform:translate(-50%, 0);} .lsfwk-aptl-xxxs-small,.lsfwk-aptl-xxs-small,.lsfwk-aptl-xs-small,.lsfwk-aptl-s-small,.lsfwk-aptl-m,.lsfwk-aptl-standard-small,.lsfwk-aptl-l-small,.lsfwk-aptl-xl-small,.lsfwk-aptl-xxl-small,.lsfwk-aptl-xxxl-small,.lsfwk-aptl-0-small,.lsfwk-aptl-5-small,.lsfwk-aptl-10-small,.lsfwk-aptl-20-small,.lsfwk-aptl-30-small,.lsfwk-aptl-40-small,.lsfwk-aptl-50-small,.lsfwk-aptl-60-small,.lsfwk-aptl-70-small,.lsfwk-aptl-80-small,.lsfwk-aptl-90-small,.lsfwk-aptl-100-small, .lsfwk-aptr-xxxs-small,.lsfwk-aptr-xxs-small,.lsfwk-aptr-xs-small,.lsfwk-aptr-s-small,.lsfwk-aptr-m,.lsfwk-aptr-standard-small,.lsfwk-aptr-l-small,.lsfwk-aptr-xl-small,.lsfwk-aptr-xxl-small,.lsfwk-aptr-xxxl-small,.lsfwk-aptr-0-small,.lsfwk-aptr-5-small,.lsfwk-aptr-10-small,.lsfwk-aptr-20-small,.lsfwk-aptr-30-small,.lsfwk-aptr-40-small,.lsfwk-aptr-50-small,.lsfwk-aptr-60-small,.lsfwk-aptr-70-small,.lsfwk-aptr-80-small,.lsfwk-aptr-90-small,.lsfwk-aptr-100-small, .lsfwk-apbl-xxxs-small,.lsfwk-apbl-xxs-small,.lsfwk-apbl-xs-small,.lsfwk-apbl-s-small,.lsfwk-apbl-m,.lsfwk-apbl-standard-small,.lsfwk-apbl-l-small,.lsfwk-apbl-xl-small,.lsfwk-apbl-xxl-small,.lsfwk-apbl-xxxl-small,.lsfwk-apbl-0-small,.lsfwk-apbl-5-small,.lsfwk-apbl-10-small,.lsfwk-apbl-20-small,.lsfwk-apbl-30-small,.lsfwk-apbl-40-small,.lsfwk-apbl-50-small,.lsfwk-apbl-60-small,.lsfwk-apbl-70-small,.lsfwk-apbl-80-small,.lsfwk-apbl-90-small,.lsfwk-apbl-100-small, .lsfwk-apbr-xxxs-small,.lsfwk-apbr-xxs-small,.lsfwk-apbr-xs-small,.lsfwk-apbr-s-small,.lsfwk-apbr-m,.lsfwk-apbr-standard-small,.lsfwk-apbr-l-small,.lsfwk-apbr-xl-small,.lsfwk-apbr-xxl-small,.lsfwk-apbr-xxxl-small,.lsfwk-apbr-0-small,.lsfwk-apbr-5-small,.lsfwk-apbr-10-small,.lsfwk-apbr-20-small,.lsfwk-apbr-30-small,.lsfwk-apbr-40-small,.lsfwk-apbr-50-small,.lsfwk-apbr-60-small,.lsfwk-apbr-70-small,.lsfwk-apbr-80-small,.lsfwk-apbr-90-small,.lsfwk-apbr-100-small, .lsfwk-aptc-xxxs-small,.lsfwk-aptc-xxs-small,.lsfwk-aptc-xs-small,.lsfwk-aptc-s-small,.lsfwk-aptc-m-small,.lsfwk-aptc-standard-small,.lsfwk-aptc-l-small,.lsfwk-aptc-xl-small,.lsfwk-aptc-xxl-small,.lsfwk-aptc-xxxl-small,.lsfwk-aptc-0-small,.lsfwk-aptc-5-small,.lsfwk-aptc-10-small,.lsfwk-aptc-20-small,.lsfwk-aptc-30-small,.lsfwk-aptc-40-small,.lsfwk-aptc-50-small,.lsfwk-aptc-60-small,.lsfwk-aptc-70-small,.lsfwk-aptc-80-small,.lsfwk-aptc-90-small,.lsfwk-aptc-100-small, .lsfwk-apbc-xxxs-small,.lsfwk-apbc-xxs-small,.lsfwk-apbc-xs-small,.lsfwk-apbc-s-small,.lsfwk-apbc-m-small,.lsfwk-apbc-standard-small,.lsfwk-apbc-l-small,.lsfwk-apbc-xl-small,.lsfwk-apbc-xxl-small,.lsfwk-apbc-xxxl-small,.lsfwk-apbc-0-small,.lsfwk-apbc-5-small,.lsfwk-apbc-10-small,.lsfwk-apbc-20-small,.lsfwk-apbc-30-small,.lsfwk-apbc-40-small,.lsfwk-apbc-50-small,.lsfwk-apbc-60-small,.lsfwk-apbc-70-small,.lsfwk-apbc-80-small,.lsfwk-apbc-90-small,.lsfwk-apbc-100 { position:absolute; z-index:1; } /*########## ABSOLUTE POSITIONS ########## <-*/ /*########## ALIGNS ########## ->*/ .lsfwk-alignLeft-small, .lsfwk-alignLeft-small-all, .lsfwk-alignLeft-small-all div, .lsfwk-alignLeft-small-all h1, .lsfwk-alignLeft-small-all h2, .lsfwk-alignLeft-small-all h3, .lsfwk-alignLeft-small-all h4, .lsfwk-alignLeft-small-all h5, .lsfwk-alignLeft-small-all h6, .lsfwk-alignLeft-small-all p, .lsfwk-alignLeft-small-all span, .lsfwk-alignLeft-small-all a {text-align:left;} .lsfwk-alignRight-small, .lsfwk-alignRight-small-all, .lsfwk-alignRight-small-all div, .lsfwk-alignRight-small-all h1, .lsfwk-alignRight-small-all h2, .lsfwk-alignRight-small-all h3, .lsfwk-alignRight-small-all h4, .lsfwk-alignRight-small-all h5, .lsfwk-alignRight-small-all h6, .lsfwk-alignRight-small-all p, .lsfwk-alignRight-small-all span, .lsfwk-alignRight-small-all a {text-align:right;} .lsfwk-alignCenter-small, .lsfwk-alignCenter-small-all, .lsfwk-alignCenter-small-all div, .lsfwk-alignCenter-small-all h1, .lsfwk-alignCenter-small-all h2, .lsfwk-alignCenter-small-all h3, .lsfwk-alignCenter-small-all h4, .lsfwk-alignCenter-small-all h5, .lsfwk-alignCenter-small-all h6, .lsfwk-alignCenter-small-all p, .lsfwk-alignCenter-small-all span, .lsfwk-alignCenter-small-all a {text-align:center;} img.lsfwk-alignCenter-small {margin-left:auto; margin-right:auto;} div.lsfwk-alignCenter-small {margin-left:auto; margin-right:auto;} /*########## ALIGNS ########## <-*/ /*########## FLOAT ########## ->*/ .lsfwk-floatLeft-small {float:left;} .lsfwk-floatRight-small {float:right;} .lsfwk-floatClear-small, .lsfwk-newline-small {clear:both;} .lsfwk-floatNone-small {float:none !important;} /*########## FLOAT ########## <-*/ /*########## SAME LINE ########## ->*/ .lsfwk-sameLine-small, .lsfwk-sameLine-all-small, .lsfwk-sameLine-all-small * { display:inline-block; vertical-align:middle; } .lsfwk-sameLine-all-small.lsfwk-newline { display:block; } /*########## SAME LINE ########## <-*/ /*########## MISC ########## ->*/ .lsfwk-displayNone-small {display:none;} .lsfwk-invisible-small {width:1px; height:1px; margin:-1px; padding:0; position:absolute; border:0; clip:rect(0 0 0 0); overflow:hidden;} *:not(#offCanvasContainer) > .bigScreenOnly { display:none; } /*########## MISC ########## <-*/ /*########## TEXT SIZES ########## ->*/ .lsfwk-txs-standard, .lsfwk-txs-standard-all, .lsfwk-txs-standard-all *, *.lsfwk-txs-standard-all, .lsfwk-txs-standard-small, .lsfwk-txs-standard-all-small, .lsfwk-txs-standard-all-small *, *.lsfwk-txs-standard-all-small { font-size:1.15rem; } .lsfwk-txs-xxxs, .lsfwk-txs-xxxs-all, .lsfwk-txs-xxxs-all *, *.lsfwk-txs-xxxs-all, .lsfwk-txs-xxxs-small, .lsfwk-txs-xxxs-all-small, .lsfwk-txs-xxxs-all-small *, *.lsfwk-txs-xxxs-all-small { font-size:0.5rem; } .lsfwk-txs-xxs, .lsfwk-txs-xxs-all, .lsfwk-txs-xxs-all *, *.lsfwk-txs-xxs-all, .lsfwk-txs-xxs-small, .lsfwk-txs-xxs-all-small, .lsfwk-txs-xxs-all-small *, *.lsfwk-txs-xxs-all-small { font-size:0.6rem; } .lsfwk-txs-xs, .lsfwk-txs-xs-all, .lsfwk-txs-xs-all *, *.lsfwk-txs-xs-all, .lsfwk-txs-xs-small, .lsfwk-txs-xs-all-small, .lsfwk-txs-xs-all-small *, *.lsfwk-txs-xs-all-small { font-size:0.75rem; } .lsfwk-txs-s, .lsfwk-txs-s-all, .lsfwk-txs-s-all *, *.lsfwk-txs-s-all, .lsfwk-txs-s-small, .lsfwk-txs-s-all-small, .lsfwk-txs-s-all-small *, *.lsfwk-txs-s-all-small { font-size:0.90rem; } .lsfwk-txs-m, .lsfwk-txs-m-all, .lsfwk-txs-m-all *, *.lsfwk-txs-m-all, .lsfwk-txs-m-small, .lsfwk-txs-m-all-small, .lsfwk-txs-m-all-small *, *.lsfwk-txs-m-all-small { font-size:1.0rem; } .lsfwk-txs-l, .lsfwk-txs-l-all, .lsfwk-txs-l-all *, *.lsfwk-txs-l-all, .lsfwk-txs-l-small, .lsfwk-txs-l-all-small, .lsfwk-txs-l-all-small *, *.lsfwk-txs-l-all-small { font-size:1.4rem; } .lsfwk-txs-xl, .lsfwk-txs-xl-all, .lsfwk-txs-xl-all *, *.lsfwk-txs-xl-all, .lsfwk-txs-xl-small, .lsfwk-txs-xl-all-small, .lsfwk-txs-xl-all-small *, *.lsfwk-txs-xl-all-small { font-size:1.6rem; } .lsfwk-txs-xxl, .lsfwk-txs-xxl-all, .lsfwk-txs-xxl-all *, *.lsfwk-txs-xxl-all, .lsfwk-txs-xxl-small, .lsfwk-txs-xxl-all-small, .lsfwk-txs-xxl-all-small *, *.lsfwk-txs-xxl-all-small { font-size:1.9rem; } .lsfwk-txs-xxxl, .lsfwk-txs-xxxl-all, .lsfwk-txs-xxxl-all *, *.lsfwk-txs-xxxl-all, .lsfwk-txs-xxxl-small, .lsfwk-txs-xxxl-all-small, .lsfwk-txs-xxxl-all-small *, *.lsfwk-txs-xxxl-all-small { font-size:2.2rem; } /*########## TEXT SIZES ########## <-*/ /*########## TEXT STYLE SETS ########## ->*/ .lsfwk-tx-set-01, .lsfwk-tx-set-01-all, .lsfwk-tx-set-01-all *, *.lsfwk-tx-set-01-all, .lsfwk-tx-set-01-small, .lsfwk-tx-set-01-all-small, .lsfwk-tx-set-01-all-small *, *.lsfwk-tx-set-01-all-small { font-family:Arial,sans-serif; text-transform:uppercase; font-size:1.6rem; font-weight:normal; line-height:100%; } /*########## TEXT STYLE SETS ########## <-*/ /*########## BORDER SETS ########## ->*/ .lsfwk-bdt-small {border-top:1px solid #D7E1ED;} .lsfwk-bdb-small {border-bottom:1px solid #D7E1ED;} .lsfwk-bdl-small {border-left:1px solid #D7E1ED;} .lsfwk-bdr-small {border-right:1px solid #D7E1ED;} /*########## BORDER SETS ########## <-*/ } /*############################## INSERT YOUR OWN STYLES HERE ##############################*/ /*#########################################################################################*/ .horizontalNavigation { overflow: visible; } .mod_lostPassword .fields { margin-top: 30px; margin-bottom: 20px; } .mod_lostPassword .fields .widget label { display: inline-block; width: 150px; } .mod_lostPassword .fields .widget { display: block; margin-top: 10px; } .mod_lostPassword .error { font-weight: bold; margin-top: 20px; margin-bottom: 20px; color: #D51515; } /* Styles aus MERCONIS 3 und C3 */ /* source-sans-pro-300 - latin */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 300; src: url('../../files/mei-schee/themes/fonts/source-sans-pro/source-sans-pro-v11-latin-300.eot'); /* IE9 Compat Modes */ src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url('../../files/mei-schee/themes/fonts/source-sans-pro/source-sans-pro-v11-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/mei-schee/themes/fonts/source-sans-pro/source-sans-pro-v11-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/mei-schee/themes/fonts/source-sans-pro/source-sans-pro-v11-latin-300.woff') format('woff'), /* Modern Browsers */ url('../../files/mei-schee/themes/fonts/source-sans-pro/source-sans-pro-v11-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/mei-schee/themes/fonts/source-sans-pro/source-sans-pro-v11-latin-300.svg#SourceSansPro') format('svg'); /* Legacy iOS */ } /* source-sans-pro-300italic - latin */ @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 300; src: url('../../files/mei-schee/themes/fonts/source-sans-pro/source-sans-pro-v11-latin-300italic.eot'); /* IE9 Compat Modes */ src: local('Source Sans Pro Light Italic'), local('SourceSansPro-LightItalic'), url('../../files/mei-schee/themes/fonts/source-sans-pro/source-sans-pro-v11-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/mei-schee/themes/fonts/source-sans-pro/source-sans-pro-v11-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/mei-schee/themes/fonts/source-sans-pro/source-sans-pro-v11-latin-300italic.woff') format('woff'), /* Modern Browsers */ url('../../files/mei-schee/themes/fonts/source-sans-pro/source-sans-pro-v11-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/mei-schee/themes/fonts/source-sans-pro/source-sans-pro-v11-latin-300italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */ } /* source-sans-pro-regular - latin */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400; src: url('../../files/mei-schee/themes/fonts/source-sans-pro/source-sans-pro-v11-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url('../../files/mei-schee/themes/fonts/source-sans-pro/source-sans-pro-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/mei-schee/themes/fonts/source-sans-pro/source-sans-pro-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/mei-schee/themes/fonts/source-sans-pro/source-sans-pro-v11-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../../files/mei-schee/themes/fonts/source-sans-pro/source-sans-pro-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/mei-schee/themes/fonts/source-sans-pro/source-sans-pro-v11-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */ } /* source-sans-pro-italic - latin */ @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 400; src: url('../../files/mei-schee/themes/fonts/source-sans-pro/source-sans-pro-v11-latin-italic.eot'); /* IE9 Compat Modes */ src: local('Source Sans Pro Italic'), local('SourceSansPro-Italic'), url('../../files/mei-schee/themes/fonts/source-sans-pro/source-sans-pro-v11-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/mei-schee/themes/fonts/source-sans-pro/source-sans-pro-v11-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/mei-schee/themes/fonts/source-sans-pro/source-sans-pro-v11-latin-italic.woff') format('woff'), /* Modern Browsers */ url('../../files/mei-schee/themes/fonts/source-sans-pro/source-sans-pro-v11-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/mei-schee/themes/fonts/source-sans-pro/source-sans-pro-v11-latin-italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */ } /* source-sans-pro-700 - latin */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 700; src: url('../../files/mei-schee/themes/fonts/source-sans-pro/source-sans-pro-v11-latin-700.eot'); /* IE9 Compat Modes */ src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url('../../files/mei-schee/themes/fonts/source-sans-pro/source-sans-pro-v11-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/mei-schee/themes/fonts/source-sans-pro/source-sans-pro-v11-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/mei-schee/themes/fonts/source-sans-pro/source-sans-pro-v11-latin-700.woff') format('woff'), /* Modern Browsers */ url('../../files/mei-schee/themes/fonts/source-sans-pro/source-sans-pro-v11-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/mei-schee/themes/fonts/source-sans-pro/source-sans-pro-v11-latin-700.svg#SourceSansPro') format('svg'); /* Legacy iOS */ } /* source-sans-pro-700italic - latin */ @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 700; src: url('../../files/mei-schee/themes/fonts/source-sans-pro/source-sans-pro-v11-latin-700italic.eot'); /* IE9 Compat Modes */ src: local('Source Sans Pro Bold Italic'), local('SourceSansPro-BoldItalic'), url('../../files/mei-schee/themes/fonts/source-sans-pro/source-sans-pro-v11-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/mei-schee/themes/fonts/source-sans-pro/source-sans-pro-v11-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/mei-schee/themes/fonts/source-sans-pro/source-sans-pro-v11-latin-700italic.woff') format('woff'), /* Modern Browsers */ url('../../files/mei-schee/themes/fonts/source-sans-pro/source-sans-pro-v11-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/mei-schee/themes/fonts/source-sans-pro/source-sans-pro-v11-latin-700italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */ } /* miltonian-tattoo-regular - latin */ @font-face { font-family: 'Miltonian Tattoo'; font-style: normal; font-weight: 400; src: url('../../files/mei-schee/themes/fonts/miltonian-tattoo/miltonian-tattoo-v12-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Miltonian Tattoo'), local('MiltonianTattoo-Regular'), url('../../files/mei-schee/themes/fonts/miltonian-tattoo/miltonian-tattoo-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/mei-schee/themes/fonts/miltonian-tattoo/miltonian-tattoo-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/mei-schee/themes/fonts/miltonian-tattoo/miltonian-tattoo-v12-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../../files/mei-schee/themes/fonts/miltonian-tattoo/miltonian-tattoo-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/mei-schee/themes/fonts/miltonian-tattoo/miltonian-tattoo-v12-latin-regular.svg#MiltonianTattoo') format('svg'); /* Legacy iOS */ } /* pt-sans-regular - latin */ @font-face { font-family: 'PT Sans'; font-style: normal; font-weight: 400; src: url('../../files/mei-schee/themes/fonts/pt-sans/pt-sans-v9-latin-regular.eot'); /* IE9 Compat Modes */ src: local('PT Sans'), local('PTSans-Regular'), url('../../files/mei-schee/themes/fonts/pt-sans/pt-sans-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/mei-schee/themes/fonts/pt-sans/pt-sans-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/mei-schee/themes/fonts/pt-sans/pt-sans-v9-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../../files/mei-schee/themes/fonts/pt-sans/pt-sans-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/mei-schee/themes/fonts/pt-sans/pt-sans-v9-latin-regular.svg#PTSans') format('svg'); /* Legacy iOS */ } /* pt-sans-italic - latin */ @font-face { font-family: 'PT Sans'; font-style: italic; font-weight: 400; src: url('../../files/mei-schee/themes/fonts/pt-sans/pt-sans-v9-latin-italic.eot'); /* IE9 Compat Modes */ src: local('PT Sans Italic'), local('PTSans-Italic'), url('../../files/mei-schee/themes/fonts/pt-sans/pt-sans-v9-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/mei-schee/themes/fonts/pt-sans/pt-sans-v9-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/mei-schee/themes/fonts/pt-sans/pt-sans-v9-latin-italic.woff') format('woff'), /* Modern Browsers */ url('../../files/mei-schee/themes/fonts/pt-sans/pt-sans-v9-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/mei-schee/themes/fonts/pt-sans/pt-sans-v9-latin-italic.svg#PTSans') format('svg'); /* Legacy iOS */ } /* pt-sans-700 - latin */ @font-face { font-family: 'PT Sans'; font-style: normal; font-weight: 700; src: url('../../files/mei-schee/themes/fonts/pt-sans/pt-sans-v9-latin-700.eot'); /* IE9 Compat Modes */ src: local('PT Sans Bold'), local('PTSans-Bold'), url('../../files/mei-schee/themes/fonts/pt-sans/pt-sans-v9-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/mei-schee/themes/fonts/pt-sans/pt-sans-v9-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/mei-schee/themes/fonts/pt-sans/pt-sans-v9-latin-700.woff') format('woff'), /* Modern Browsers */ url('../../files/mei-schee/themes/fonts/pt-sans/pt-sans-v9-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/mei-schee/themes/fonts/pt-sans/pt-sans-v9-latin-700.svg#PTSans') format('svg'); /* Legacy iOS */ } /* pt-sans-700italic - latin */ @font-face { font-family: 'PT Sans'; font-style: italic; font-weight: 700; src: url('../../files/mei-schee/themes/fonts/pt-sans/pt-sans-v9-latin-700italic.eot'); /* IE9 Compat Modes */ src: local('PT Sans Bold Italic'), local('PTSans-BoldItalic'), url('../../files/mei-schee/themes/fonts/pt-sans/pt-sans-v9-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/mei-schee/themes/fonts/pt-sans/pt-sans-v9-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/mei-schee/themes/fonts/pt-sans/pt-sans-v9-latin-700italic.woff') format('woff'), /* Modern Browsers */ url('../../files/mei-schee/themes/fonts/pt-sans/pt-sans-v9-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/mei-schee/themes/fonts/pt-sans/pt-sans-v9-latin-700italic.svg#PTSans') format('svg'); /* Legacy iOS */ } /* * BASICS -> */ * { box-sizing: border-box; } #mbCenter * { box-sizing: content-box; } img { -ms-interpolation-mode: bicubic; } .block { overflow:hidden; } .clear,#clear,.clearFloat { height:0.1px; font-size:0.1px; line-height:0.1px; clear:both; } .invisible { border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px; } .error { color: #AA0000; display: inline-block; font-size: 1.12rem; } .success { background-color: #11aa13; color: #ffffff; display: inline-block; padding: 15px; font-size: 1.12rem; } body { background-color: #E7E9F1; padding: 10px; font-size: 12px; font-size: 0.85rem; position: relative; } h1 { font-size: 1.5rem; margin-top: 0; } h2 { font-size: 1.17rem; } h3 { font-size: 1.12rem; } h4 { font-size: .83rem; } h5 { font-size: .67rem; } h6 { font-size: .55rem; } p { font-size: 1.2rem; } /*span { font-size: 0.85rem; }*/ div { font-size: 1rem; } #left .mainNavigationSubmenu, #footer, #paymentOptionsInfo { background-color: #FFFFFF; box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75); padding: 20px; overflow: hidden; } .button { display: inline-block; border: 1px solid #000000; padding: 5px; text-align: center; background-color: #EEEEEE; } body #wrapper { max-width: 1440px; margin: 0 auto; position: relative; background-color: #ffffff; } body:not(.merconisThemeLayoutQuickview) #wrapper { box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); padding: 20px; } #header { margin-bottom: 16px; } #header:after { content: ""; clear: both; display: table; } #main { float: right; width: 72%; margin-bottom: 2%; position: relative; } #left { width: 26%; float: left; margin-bottom: 2%; } #footer { clear: both; } /* * -> fake tables */ .ls_r_table { display: table; } .ls_r_thead { display: table-header-group; } .ls_r_tbody { display: table-row-group; } .ls_r_tfoot { display: table-footer-group; } .ls_r_tr { display: table-row; } .ls_r_td { display: table-cell; text-align: left; vertical-align: top; } .ls_r_caption { display: table-caption; } .ls_r_colgroup { display: table-column-group; } .ls_r_col { display: table-column; } /* * <- fake tables */ .pagination { margin-bottom: 20px; text-align: right; } .pagination ul li { display: inline-block; } .content, h1, h2, h3, .navigation ul li a, a, div { font-family: "PT Sans",Arial,sans-serif; color: #000; text-decoration: none !important; line-height: normal; } input, .button, textarea, select, .submit { padding: 10px; border-radius: 2px; color: #555555; } input, textarea, select { border: 1px solid #CCCCCC; } .submit, .button { border: none; cursor: pointer; background-color: #6B87A0; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3); border: none; color: #FFFFFF; } select { cursor: pointer; } a:hover { text-decoration: underline; } a.button { text-decoration: none; } input:hover, .button:hover, textarea:hover, select:hover, .submit:hover { box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.3); transition: all 0.4s ease-out 0s; } .button:hover, .submit:hover { background-color: #7B93A0; transition: all 0.4s ease-out 0s; } /* * <- BASICS */ /* * Forms -> */ .formbody div, .formbody table tr td { padding-bottom: 5px; } .formbody div label, .formbody table tr td label { margin-right: 10px; min-width: 250px; display: inline-block; } #anfrage .formbody div label { min-width: 300px; } .formbody input, .formbody select, .formbody textarea, .formbody table tr td input, .formbody select, .formbody textarea { width: 150px; min-width: 150px; } .formbody .button, .formbody .submit, .formbody table tr td .button, .formbody table tr td .button { width: auto; min-width: 0; } /* * User sorting form -> */ .userSortingForm { padding: 0 10px; text-align: right; } /* * User sorting form -> */ /* * Contact form -> */ .merconis-contactform .formbody textarea { width: 300px; } /* * Contact form -> */ /* * <- Forms */ /* * MERCONIS Slider -> */ .lsSlideboxContainer.leftImpossible .buttonLeft { visibility: hidden; } .lsSlideboxContainer.rightImpossible .buttonRight { visibility: hidden; } .lsSlideboxContainer.upImpossible .buttonUp { visibility: hidden; } .lsSlideboxContainer.downImpossible .buttonDown { visibility: hidden; } .lsSlideboxContainer.leftPossible .buttonLeft { visibility: visible; } .lsSlideboxContainer.rightPossible .buttonRight { visibility: visible; } .lsSlideboxContainer.upPossible .buttonUp { visibility: visible; } .lsSlideboxContainer.downPossible .buttonDown { visibility: visible; } /* * <- MERCONIS Slider */ /* * Quickview and mediabox -> */ .quickview { position: relative; text-align: center; top: -180px; width: auto; z-index: 10020; opacity: 0; } .quickview a.button { background-color: rgba(191, 55, 55, 0.5); color: #FFFFFF; border-radius: 2px; padding: 4px; } .quickview a.button:hover { background-color: #BF3737; transition: all 0.4s ease-out 0s; } .merconisThemeLayoutQuickview #main { width: 100%; box-shadow: none; } #mbOverlay { opacity: 0 !important; } #mbImage { background: #ffffff !important; } #mbCenter { background-color: #ffffff !important; color: #555555 !important; border-radius: 0; z-index: 10030; } body.merconisThemeLayoutQuickview { background: #ffffff !important; } #mbImage #wrapper { box-shadow: none !important; } #mbBottom > div { color: #555555 !important; font-size: 140% !important; font-size: 1.2rem !important; } #mbBottom > a big { color: #bf3737 !important; font-size: 200% !important; font-size: 1.6rem !important; } /* * <- Quickview and mediabox */ /* * MINI CART -> */ .template_cart_mini { float: left; margin-bottom: 20px; background-image: url("../../files/mei-schee/themes/misc/cartIcon.png"); background-position: left center; background-repeat: no-repeat; background-size: contain; position: relative; margin-left: 10%; height: 25px; font-size: 0.85rem; padding-left: 36px; padding-top: 5px; top: 1px; } .template_cart_mini a { position: relative; } .template_cart_mini p.msgNoProductsInCart { margin: 0; margin-right: 30px; } .template_cart_mini .cartPreview .closeButton { background-image: url("../../files/mei-schee/themes/misc/closeIcon.png"); background-position: left center; background-repeat: no-repeat; background-size: contain; width: 20px; height: 20px; position: absolute; right: 10px; top: 10px; cursor: pointer; } .template_cart_mini .cartPreview > h3 { border-bottom: 1px solid #cdcdcd; margin-bottom: 20px; padding-bottom: 5px; } .template_cart_mini .cartPreview { display: none; background-color: #ffffff; padding: 20px; position: absolute; left: 0px; top: 25px; width: 570px; z-index: 10050; /* must be high enough to place the element above the mediabox */ box-shadow: 0px 32px 20px rgba(0, 0, 0, 0.5); line-height: normal; overflow: hidden; } .template_cart_mini .cartPreview .linkToCart { margin-top: 20px; text-align: right; } .template_cart_mini .cartPreview .linkToCartTop { margin: 0; position: relative; top: 40px; } .template_cart_mini .cartPreview .shopProduct { display: block; position: relative; padding-bottom: 10px; } .template_cart_mini .cartPreview .shopProduct:not(:last-child) { border-bottom: 1px solid #cdcdcd; margin-bottom: 10px; } .template_cart_mini .cartPreview .shopProduct .fieldLabel { font-weight: bold; } .template_cart_mini .cartPreview .shopProduct .image { display: inline-block; vertical-align: top; width: 80px; margin-right: 10px; } .template_cart_mini .cartPreview .shopProduct .productDetails { display: inline-block; vertical-align: top; width: 190px; margin-right: 10px; } .template_cart_mini .cartPreview .shopProduct .productDetails h3 { margin: 0; font-weight: bold; } .template_cart_mini .cartPreview .shopProduct .productDetails h4 { margin: 0; font-weight: normal; } .template_cart_mini .cartPreview .shopProduct .priceSingle { display: inline-block; vertical-align: top; width: 120px; margin-right: 10px; } .template_cart_mini .cartPreview .shopProduct .quantity { display: inline-block; vertical-align: top; width: 80px; margin-right: 10px; } /* * <- MINI CART */ /* * PRODUCT OVERVIEW -> */ /* * IMAGE CONTAINER -> */ .imageContainer { position: relative; text-align: center; } .imageContainer img { max-width: 90%; } .productImageOverlay.isOnSale { position: absolute; right: 0; top: 0; } .productImageOverlay.isNew { position: absolute; left: 0; top: 0; } /* * <- IMAGE CONTAINER */ .productList .productMainImageBlock { margin-bottom: 10px; min-width: 100%; min-height: 100%; } .productList .productInfoBlock02 { text-align: left; width: 100%; margin-bottom: 10px; position: absolute; bottom: 0; } .productList .shopProduct { position: relative; width: 213px; height: 310px; padding: 8px; margin-bottom: 10px; border: 1px solid #DDDDDD; float: left; margin-left: 10px; background-color: #FFFFFF; } .productList .shopProduct .backgroundLinkToShopProduct { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .productList .shopProduct:hover { box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75); transition: all 0.4s ease-out 0s; } .productList .shopProduct:hover .quickview { opacity: 1; transition: all 0.8s ease-out 0s; } .currentPrice .unscaledSinglePrice { font-weight: bold; } .oldPrice { color: #aa0000; text-decoration: line-through !important; } .currentPrice .label, .currentPrice .value { display: inline-block; } .currentPrice .value { text-align: right; float: right; margin-left: 5px; } .unscaledSinglePrice .finalPrice { margin-bottom: 10px; } .unscaledSinglePrice .finalPrice .value { font-size: 1.2rem; color: #9bc83c; } .producer { font-size: 0.7rem; } .gotoProductDetails .button { margin-top: 10px; } /* * <- PRODUCT OVERVIEW */ /* * PRODUCT SINGLEVIEW -> */ /* * lsNavtabGallery -> */ .lsNavtabGallery { position: relative; margin-bottom: 10px; } .lsNavtabGallery .navigation, [data-lsjs-component="navtab"] .navigation { display: none; } .lsNavtabGallery .navigation .prev, .lsNavtabGallery .navigation .next, .lsNavtabGallery .navigation .play, .lsNavtabGallery .navigation .stop { display: inline-block; margin-right: 5px; margin-bottom: 5px; padding: 3px; cursor: pointer; background-color: #FFFFFF; } .lsNavtabGallery .labels .label, [data-lsjs-component="navtab"] [data-lsjs-element="navtabLabel"] { display: inline-block; margin-right: 5px; margin-top: 5px; cursor: pointer; } .lsNavtabGallery .contents, [data-lsjs-component="navtab"] [data-lsjs-element="navtabContentContainer"] { position: relative; overflow: hidden; } .lsNavtabGallery .contents .content, [data-lsjs-component="navtab"] [data-lsjs-element="navtabContent"] { display: none; opacity: 0; } .lsNavtabGallery .contents .content.noJsDefault, [data-lsjs-component="navtab"] .noJsDefault[data-lsjs-element="navtabContent"] { display: block; opacity: 1; } .lsNavtabGallery .contents img, [data-lsjs-component="navtab"] [data-lsjs-element="navtabContent"] img { height: auto; width: 100%; } /* * <- lsNavtabGallery */ .socialMediaButtons ul li { display: inline-block; margin-right: 10px; } .socialMediaButtons ul li img { box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3); } .template_productDetails .oldPrice { text-align: right; } .template_productDetails .taxInfo, .template_productDetails .shippingInfo { text-align: right; } .template_productDetails .currentPrice { margin-bottom: 20px; float: none; } .template_productDetails .currentPrice .scalePriceInformation, .template_productDetails .currentPrice .unscaledSinglePrice .basePrice, .template_productDetails .currentPrice .unscaledSinglePrice .configuratorPrice { color: #000000; } .template_productDetails .currentPrice .unscaledSinglePrice .configuratorPrice { margin-bottom: 10px; } .template_productDetails .pricesNotInfluencedByConfigurator .scalePriceStepMinQuantity { float: left; } .template_productDetails .currentPrice .scalePriceStep { margin-top: 10px; } .template_productDetails .currentPrice .basePrice, .template_productDetails .currentPrice .configuratorPrice { font-weight: normal; } .template_productDetails .deliveryMessageContainer, .template_productDetails .stockInfo { text-align: right; } .template_productDetails .deliveryMessageContainer p, .template_productDetails .stockInfo span { display: inline-block; padding: 4px; width: auto; margin: 0; color: #7dc8d7 !important; } .template_productDetails .deliveryMessageContainer i { color: #7dc8d7 !important; } .template_productDetails .stockInfo { margin-bottom: 10px; } .template_productDetails .deliveryTimeAlert { color: #AA0000; } .template_productDetails .priceContainer { float: right; } .template_productDetails .inputQuantity { margin-top: 10px; } .template_productDetails .inputQuantity input[name="quantity"] { padding: 10px; text-align: right; width: 50px; font-size: 1.2rem; } .template_productDetails .inputQuantity .submit { font-size: 1.2rem; background-color: #9bc83c; } .template_productDetails .inputQuantity .submit:hover { background-color: #7dc8d7; transition: all 0.4s ease-out 0s; } .template_productDetails .backButtonBox { float: right; margin-bottom: 10px; text-align: right; } .productAttributes, .variantAttributes { margin-bottom: 10px; } .productAttributes h4, .variantAttributes h4 { margin-bottom: 0px; } .variantSelector form { margin: 0; } .variantSelector .variantSelectorWidget, .variantSelector .variantSelectorSubmit { display: inline-block; margin-right: 10px; margin-bottom: 10px; } .variantSelector .variantSelectorWidget label, .variantSelector .variantSelectorWidget select { display: inline-block; margin-right: 10px; } .template_productDetails .productInfoBlock01 { margin-bottom: 10px; } .template_productDetails .productInfoBlock02 { margin-bottom: 20px; } .template_productDetails .productInfoBlock03 { float: left; min-width: 150px; max-width: 320px; width: 40%; margin-right: 2%; } .template_productDetails .productInfoBlock04 { float: right; width: 58%; text-align: right; } .template_productDetails .productInfoBlock05 { float: right; width: 58%; margin-bottom: 20px; margin-top: 10px; } .template_productDetails .productInfoBlock06 { clear: both; margin-bottom: 20px; } @media only screen and (max-width: 470px) { .template_productDetails .productInfoBlock03, .template_productDetails .productInfoBlock04, .template_productDetails .productInfoBlock05 { clear: both; width: 100%; margin: 0; } } /* * <- PRODUCT SINGLEVIEW */ /* * CART -> */ /* * Checkout flow bar -> */ .checkoutFlowStep { display: inline-block; margin-right: 10px; color: #CCCCCC; background-color: #6B87A0; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3); border-radius: 2px; } .checkoutFlowStep a, .checkoutFlowStep span { display: block; padding: 10px 10px; color: inherit; } .checkoutFlowStep.allowed { color: #FFFFFF; } .checkoutFlowStep.allowed:hover { background-color: #7B93A0; transition: all 0.4s ease-out 0s; } .checkoutFlowStep.allowed a { color: #FFFFFF; } .checkoutFlowStep.valid { color: #FFFFFF; } .checkoutFlowStep.valid a { color: #FFFFFF; } .checkoutFlowStep.active { color: #FFFFFF; } .checkoutFlowStep.active a { color: inherit; } .checkoutFlowStep.active.valid { background-color: #11AA13;; color: #FFFFFF; } .checkoutFlowBar { margin-bottom: 20px; } /* * <- Checkout flow bar */ /* * products in cart -> */ .ls_r_table.productsInCart { width: 100%; } .ls_r_table.productsInCart .ls_r_td.title .imgBox { float: left; width: 25%; margin-right: 5%; } .ls_r_table.productsInCart .ls_r_td.title .imgBox img { height: auto; width: 100%; } .ls_r_table.productsInCart .productDetailsBox { width: 70%; display: inline-block; } .ls_r_table.productsInCart .configuratorRepresentation { margin-top: 10px; margin-bottom: 10px; } .ls_r_table.productsInCart .formQuantity { margin: 0; } .ls_r_table.productsInCart .fieldLabel { display: none; } .ls_r_table.productsInCart .ls_r_tr.header { font-weight: bold; } .ls_r_table.productsInCart .ls_r_td { padding: 4px; border-bottom: 1px solid #000000; } .ls_r_table.productsInCart .ls_r_td.quantity input.quantity { width: 22px; text-align: right; display: inline-block; margin: 0; } .ls_r_table.productsInCart .ls_r_td.quantity input.submit { display: inline-block; margin: 0; } .ls_r_table.productsInCart .ls_r_td.price, .ls_r_table.productsInCart .ls_r_td.priceSingle, .ls_r_table.productsInCart .ls_r_td.priceCumulative, .ls_r_table.productsInCart .ls_r_td.taxClass, .ls_r_table.productsInCart .ls_r_td.delete { text-align: right; } .ls_r_table.productsInCart .ls_r_td.delete { width: 75px; } .ls_r_table.productsInCart .ls_r_td.taxClass { width: 90px; } .ls_r_table.productsInCart .ls_r_td.price { width: 110px; } .ls_r_table.productsInCart .ls_r_td.quantity { width: 100px; } /* * <- products in cart */ /* * calculation -> */ .ls_r_table.calculation { width: 100%; } .ls_r_table.calculation .ls_r_td { padding: 4px; } .ls_r_table.calculation .ls_r_td.price, .ls_r_table.calculation .ls_r_td.taxClass { text-align: right; } .ls_r_table.calculation .ls_r_td.delete { width: 75px; } .ls_r_table.calculation .ls_r_td.taxClass { width: 90px; } .ls_r_table.calculation .ls_r_td.price { width: 110px; } .ls_r_table.calculation .ls_r_td.label { width: 250px; } .ls_r_table.calculation .ls_r_tr.info .ls_r_td { font-style: italic; color: #AAAAAA; } @media only screen and (max-width: 930px) { /* * remove table behaviour -> */ .ls_r_table.productsInCart { display: block; } .ls_r_table.productsInCart .ls_r_thead { display: block; } .ls_r_table.productsInCart .ls_r_tbody { display: block; } .ls_r_table.productsInCart .ls_r_tfoot { display: block; } .ls_r_table.productsInCart .ls_r_tr { display: block; } .ls_r_table.productsInCart .ls_r_td { display: block; } .ls_r_table.productsInCart .ls_r_caption { display: block; } .ls_r_table.productsInCart .ls_r_colgroup { display: block; } .ls_r_table.productsInCart .ls_r_col { display: block; } /* * <- remove table behaviour */ .checkoutFlowStep { display: block; margin: 0 0 5px 0; } .ls_r_table.productsInCart .fieldLabel { display: block; font-weight: bold; } .ls_r_table.productsInCart .ls_r_tr.header { display: none; } .ls_r_table.productsInCart .ls_r_tr.shopProduct { padding-bottom: 70px; margin-bottom: 10px; border-bottom: 1px solid #000000; position: relative; } .ls_r_table.productsInCart .ls_r_td { padding: 4px; border: none; } .ls_r_table.productsInCart .ls_r_tr.shopProduct .ls_r_td.priceSingle { bottom: 10px; display: block; position: absolute; right: 210px; height: 55px; } .ls_r_table.productsInCart.showTaxColumn .ls_r_tr.shopProduct .ls_r_td.priceSingle { right: 300px; } .ls_r_table.productsInCart .ls_r_tr.shopProduct .ls_r_td.quantity { bottom: 10px; display: block; position: absolute; right: 100px; height: 55px; } .ls_r_table.productsInCart.showTaxColumn .ls_r_tr.shopProduct .ls_r_td.quantity { right: 190px; } .ls_r_table.productsInCart .ls_r_tr.shopProduct .ls_r_td.priceCumulative { bottom: 10px; display: block; position: absolute; right: 0px; height: 55px; } .ls_r_table.productsInCart.showTaxColumn .ls_r_tr.shopProduct .ls_r_td.priceCumulative { right: 90px; } .ls_r_table.productsInCart .ls_r_tr.shopProduct .ls_r_td.taxClass { bottom: 10px; display: block; position: absolute; right: 0px; height: 55px; } .ls_r_table.productsInCart.showTaxColumn .ls_r_tr.shopProduct .ls_r_td.delete { position: absolute; top: 0px; right: 0px; } .ls_r_table.calculation .ls_r_td.delete { display: none; } } @media only screen and (max-width: 480px) { .ls_r_table.productsInCart .ls_r_td.title .imgBox { float: none; width: 100%; margin-right: 0; text-align: center; } .ls_r_table.productsInCart .ls_r_td.title .imgBox img { height: auto; width: 70%; } .ls_r_table.productsInCart .productDetailsBox { width: 100%; } .ls_r_table.productsInCart .ls_r_tr.shopProduct .ls_r_td.priceSingle, .ls_r_table.productsInCart .ls_r_tr.shopProduct .ls_r_td.quantity, .ls_r_table.productsInCart .ls_r_tr.shopProduct .ls_r_td.priceCumulative, .ls_r_table.productsInCart .ls_r_tr.shopProduct .ls_r_td.taxClass { position: relative !important; right: auto !important; bottom: auto !important; width: 100%; height: auto; text-align: left; } .ls_r_table.productsInCart .fieldLabel { display: inline-block; margin-right: 10px; } .ls_r_table.productsInCart .fieldContent { display: inline-block; } .ls_r_table.productsInCart .ls_r_tr.shopProduct { padding-bottom: 10px; margin-bottom: 10px; } } /* * <- calculation */ /* * coupons -> */ .headlineMainSection.coupon { margin-top: 20px; } .availableCoupons input#ctrl_use_coupon, .availableCoupons input#ctrl_use_coupon_submit { display: inline-block; margin-left: 10px; } .availableCoupons .couponUsed .couponTitle, .availableCoupons .couponUsed a { display: inline-block; margin-right: 10px; } .template_cart_big .submitBox { width: 100%; text-align: right; margin-top: 20px; } .template_cart_big .ls_r_table input { padding: 2px; } @media only screen and (max-width: 485px) { .availableCoupons input#ctrl_use_coupon, .availableCoupons input#ctrl_use_coupon_submit { display: block; margin-top: 5px; margin-left: 0px; width: 100% !important; } } /* * <- coupons */ /* * <- CART */ /* * CHECKOUT -> */ .template_cart_big .backButtonBox { text-align: right; width: 100%; } .customerData .feLogin { margin-bottom: 20px; } .customerData .feLogin label { font-weight: bold; display: inline-block; margin-right: 10px; } .customerData .feLogin input { display: inline-block; margin-right: 20px; } .customerData .feLogin br { display: none; } .customerData .feLogin .submit_container { display: inline-block; margin-top: 10px; } .customerData .feLogin .submit_container input { margin: 0; } .formCustomerData fieldset.left { float: left; width: 49%; } .formCustomerData fieldset.right { float: right; width: 49%; } .formCustomerData fieldset.bottom { clear: both; } .reviewCheckoutData { padding-bottom: 50px; position: relative; } .submit_container.buttonBuy { bottom: 0; position: absolute; } .submit_container.buttonBuy input { background-color: #11aa13; font-size: 1.2rem; } .reviewCheckoutData .confirmOrder fieldset { border: none !important; padding: 0px !important; } .formConfirmOrder .explanation { border: 1px solid #cccccc; height: 150px; overflow-y: scroll; padding: 10px; } .formCustomerData .widget { margin-bottom: 10px; } .formCustomerData label { font-weight: bold; display: inline-block; } .formCustomerData .bottom label { display: block; } .formCustomerData .bottom textarea { display: block; width: 100%; } .formCustomerData .submit_container { margin-top: 10px; } @media only screen and (max-width: 865px) { .customerData .feLogin br { display: block; } .customerData .feLogin label { width: 100px; } .customerData .feLogin input { margin-bottom: 10px; } .customerData .feLogin .submit_container { display: block; } } @media only screen and (max-width: 485px) { .formCustomerData fieldset.left, .formCustomerData fieldset.right { float: none; clear: both; width: 100%; } } /* * <- CHECKOUT */ /* * PAYMENT AND SHIPPING OPTIONS -> */ #ctrl_fflSelectPaymentMethod span.paymentAndShippingOptionContainer, #ctrl_fflSelectShippingMethod span.paymentAndShippingOptionContainer { background-color: #EEEEEE; display: block; position: relative; padding-right: 40px; } #ctrl_fflSelectPaymentMethod span.paymentAndShippingOptionContainer:last-child, #ctrl_fflSelectShippingMethod span.paymentAndShippingOptionContainer:last-child { border-bottom: none; } #ctrl_fflSelectPaymentMethod span.paymentAndShippingOptionContainer input, #ctrl_fflSelectShippingMethod span.paymentAndShippingOptionContainer input { position: absolute; top: 10px; right: 10px; } #ctrl_fflSelectPaymentMethod span.paymentAndShippingOptionContainer label, #ctrl_fflSelectShippingMethod span.paymentAndShippingOptionContainer label { display: block; margin-top: 10px; margin-bottom: 10px; cursor: pointer; padding-left: 220px; background-repeat: no-repeat; background-position: left center; min-height: 75px; } #ctrl_fflSelectPaymentMethod span.paymentAndShippingOptionContainer label .title, #ctrl_fflSelectShippingMethod span.paymentAndShippingOptionContainer label .title { font-weight: bold; display: block; padding-top: 10px; } #ctrl_fflSelectPaymentMethod span.paymentAndShippingOptionContainer label .description, #ctrl_fflSelectShippingMethod span.paymentAndShippingOptionContainer label .description { display: block; } #ctrl_fflSelectPaymentMethod span#debtOrder.paymentAndShippingOptionContainer label { background-image: url("../../files/mei-schee/themes/images/paymentOptions/debtOrder.png"); } #ctrl_fflSelectPaymentMethod span#purchaseOnAccount.paymentAndShippingOptionContainer label { background-image: url("../../files/mei-schee/themes/images/paymentOptions/purchaseOnAccount.png"); } #ctrl_fflSelectPaymentMethod span#prepayment.paymentAndShippingOptionContainer label { background-image: url("../../files/mei-schee/themes/images/paymentOptions/prepayment.png"); } #ctrl_fflSelectPaymentMethod span#paymentOnDelivery.paymentAndShippingOptionContainer label { background-image: url("../../files/mei-schee/themes/images/paymentOptions/paymentOnDelivery.png"); } #ctrl_fflSelectPaymentMethod span.paymentAndShippingOptionContainer#sofortbanking label { background-image: url("../../files/mei-schee/themes/images/paymentOptions/sofortBanking.png"); } #ctrl_fflSelectPaymentMethod span.paymentAndShippingOptionContainer#payPal label { background-image: url("../../files/mei-schee/themes/images/paymentOptions/payPal.png"); } #ctrl_fflSelectPaymentMethod span.paymentAndShippingOptionContainer#payPalPlus label { background-image: url("../../files/mei-schee/themes/images/paymentOptions/payPalPlus.png"); } #ctrl_fflSelectPaymentMethod span.paymentAndShippingOptionContainer#santander label { background-image: url("../../files/mei-schee/themes/images/paymentOptions/santander.png"); } /* * SANTANDER WEB QUICK -> */ form.santanderWebQuickBirthday .inputBlock { display: inline-block; margin-right: 5px; vertical-align: bottom; } form.santanderWebQuickBirthday .inputBlock label, form.santanderWebQuickBirthday .inputBlock input { display: block; } form.santanderWebQuickBirthday .inputBlock label { font-weight: bold; } form.santanderWebQuickBirthday [name="santanderWebQuickBirthdayDay"], form.santanderWebQuickBirthday [name="santanderWebQuickBirthdayMonth"]{ width: 70px !important; } form.santanderWebQuickBirthday [name="santanderWebQuickBirthdayYear"]{ width: 90px !important; } form.santanderWebQuickBirthday .submit { margin-bottom: 0 !important; } /* * <- SANTANDER WEB QUICK */ #ctrl_fflSelectShippingMethod span.paymentAndShippingOptionContainer#dhl label { background-image: url("../../files/mei-schee/themes/images/shippingOptions/dhl.png"); } #ctrl_fflSelectShippingMethod span.paymentAndShippingOptionContainer#pickupByCustomer label { background-image: url("../../files/mei-schee/themes/images/shippingOptions/pickupByCustomer.png"); } .customPaymentMethodUserInterface, .formPaymentMethodAdditionalData, .customShippingMethodUserInterface, .formShippingMethodAdditionalData { border: 4px solid #CCCCCC; padding: 2px 10px 10px; margin-bottom: 10px; } .confirmCheckoutMessageSofortbanking { border: 4px solid #11AA13; margin-bottom: 30px; margin-top: 10px; padding: 10px; } .shippingFee.shippingFeeLabel, .paymentFee.paymentFeeLabel { display: inline-block; margin-top: 20px; } .shippingFee.shippingFeeLabel p, .paymentFee.paymentFeeLabel p { color: #11AA13; font-size: 1.12rem; } @media only screen and (max-width: 560px) { #ctrl_fflSelectPaymentMethod span.paymentAndShippingOptionContainer label, #ctrl_fflSelectShippingMethod span.paymentAndShippingOptionContainer label { padding: 100px 10px 10px 10px !important; background-position: center top !important; } } /* * <- PAYMENT AND SHIPPING OPTIONS */ /* * REVIEW -> */ .formConfirmOrder fieldset { margin-top: 10px; margin-bottom: 10px; } /* * <- REVIEW */ /* * MY ORDERS -> */ .sortingForm { text-align: right; } .numPerPageBox, .sortingBox, .submitBox { display: inline-block; width: auto; margin-bottom: 5px; } .ls_r_table.myOrdersTable { width: 100%; margin-bottom: 10px; } .ls_r_table.myOrdersTable .ls_r_tr.header { font-weight: bold; } .ls_r_table.myOrdersTable .ls_r_td { padding: 4px; } .ls_r_table.myOrdersTable .ls_r_tr:not(.last) .ls_r_td { border-bottom: 1px solid #000000; } .ls_r_table.myOrdersTable .ls_r_td .label { display: none; } @media only screen and (max-width: 500px) { /* * remove table behaviour -> */ .ls_r_table.myOrdersTable { display: block; } .ls_r_table.myOrdersTable .ls_r_thead { display: block; } .ls_r_table.myOrdersTable .ls_r_tbody { display: block; } .ls_r_table.myOrdersTable .ls_r_tfoot { display: block; } .ls_r_table.myOrdersTable .ls_r_tr { display: block; } .ls_r_table.myOrdersTable .ls_r_td { display: block; } .ls_r_table.myOrdersTable .ls_r_caption { display: block; } .ls_r_table.myOrdersTable .ls_r_colgroup { display: block; } .ls_r_table.myOrdersTable .ls_r_col { display: block; } /* * <- remove table behaviour */ .ls_r_table.myOrdersTable .ls_r_tr.header { display: none; } .ls_r_table.myOrdersTable .ls_r_tr:not(.last) { padding-bottom: 10px; border-bottom: 1px solid #000000; margin-bottom: 10px; } .ls_r_table.myOrdersTable .ls_r_td { border: none; padding: 0; margin-bottom: 5px; } .ls_r_table.myOrdersTable .ls_r_td .label { display: inline-block; font-weight: bold; margin-right: 10px; } .ls_r_table.myOrdersTable .ls_r_td .value { display: inline-block; } } /* * <- MY ORDERS */ /* * LSZOOM -> */ .lsZoomImageWrapper { display: block; } .lsZoomBigBox { background-color: #FFFFFF; display: none; overflow: hidden; position: absolute; z-index: 10005; } .lsZoomBigBox img { position: relative; max-width: none; height: auto !important; width: auto !important; } .lsZoomPreloader { width: 100%; height: 100%; background: url("../../files/mei-schee/themes/misc/loading.gif") center center no-repeat; } .lsZoomAreaMarker { width: 20px; height: 20px; top: 0px; left: 0px; border: 2px solid #FFFFFF; position: absolute; z-index: 10003; display: none; } /* * <- LSZOOM */ /* * Filter form -> */ .template_filterForm_default { border: 1px solid #cdcdcd; margin-left: auto; margin-right: auto; margin-bottom: 20px; width: 100%; } .template_filterForm_default h2 { background-color: #6B87A0 !important; color: #ffffff; margin-bottom: 0px; margin-top: 0; padding: 6px; position: relative; } .template_filterForm_default .filterContent { overflow: hidden; } .template_filterForm_default.useLsUnfold h2 { cursor: pointer; } .template_filterForm_default.useLsUnfold h2:after { position: absolute; right: 10px; top: 1px; font-size: 1.7rem; transition: opacity 0.4s linear; } .template_filterForm_default.useLsUnfold.lsUnfoldClosed h2:after { content: "+"; opacity: 1; } .template_filterForm_default.useLsUnfold.lsUnfoldOpen h2:after { content: "-"; opacity: 1; } .template_filterForm_default.useLsUnfold.lsUnfoldRunning h2:after { opacity: 0; } .template_filterForm_default.nothingToFilter { display: none; } .template_filterForm_default form { padding: 20px; } .template_filterForm_default .noMatch { color: #AAAAAA; font-style: italic; } .template_filterForm_default .checkAll { color: #AAAAAA; font-style: italic; } .template_filterForm_default .noSelection { color: #AAAAAA; font-style: italic; } .filterOptionsBox, .filterPriceBox { display: inline-block; margin-bottom: 10px; margin-right: 10px; padding: 0px; vertical-align: top; width: 220px; } .filterOptionsBox .label, .filterPriceBox .label { margin: 0px; padding: 5px 26px 5px 5px; position: relative; cursor: pointer; background-color: #6B87A0; color: #FFFFFF; } .filterOptionsBox.useLsUnfold .label, .filterPriceBox.useLsUnfold .label { cursor: pointer; } .filterOptionsBox.useLsUnfold .label:after, .filterPriceBox.useLsUnfold .label:after { position: absolute; right: 5px; top: 0px; font-size: 1.5rem; transition: opacity 0.4s linear; } .filterOptionsBox.useLsUnfold.lsUnfoldClosed .label:after, .filterPriceBox.useLsUnfold.lsUnfoldClosed .label:after { content: "+"; opacity: 1; } .filterOptionsBox.useLsUnfold.lsUnfoldOpen .label:after, .filterPriceBox.useLsUnfold.lsUnfoldOpen .label:after { content: "-"; opacity: 1; } .filterOptionsBox.useLsUnfold.lsUnfoldRunning .label:after, .filterPriceBox.useLsUnfold.lsUnfoldRunning .label:after { opacity: 0; } .filterOptionsBox .showAndHideOptionsIcon { position: absolute; bottom: 5px; right: 5px; width: 16px; height: 16px; cursor: pointer; font-weight: bold; font-size: 1.5rem; } .filterOptionsBox .showAndHideOptionsIcon:after { content: "-"; } .filterOptionsBox .showAndHideOptionsIcon.currentlyHiding:after { content: "+"; } .filterOptionsBox .showAndHideOptionsIcon.hidden { display: none; } .filterOptionsBox .content, .filterPriceBox .content { display: block; position: relative; overflow: hidden; height: auto; padding-top: 5px; } .filterOptionsBox .filterOption { display: block; margin: 4px 0; } .filterOptionsBox .filterOption.hidden { display: none; } .filterOptionsBox .filterOption input { display: inline-block; margin-right: 5px; width: auto; } .filterOptionsBox .checkAll { display: none; } .template_filterForm_default #ctrl_priceLow, .template_filterForm_default #ctrl_priceHigh { width: 40px; } .msgFilterHidesSomeProducts, .msgVariantDoesNotMatchFilter { color: #C61B1B; margin-top: 10px; margin-bottom: 10px; } .filterOption label { padding: 2px; cursor: pointer; } .filterOption:not(.checkAll) *:checked + label { background: #bf3737 none repeat scroll 0 0; transition: background 0.4s linear; border-radius: 3px; color: #FFFFFF; } /* * <- Filter form */ /* * FooterBottom CrossSeller -> */ .crossSellerCTE { border: 1px solid #cdcdcd; margin-left: auto; margin-right: auto; margin-bottom: 20px; width: 100%; position: relative; } .crossSellerCTE .lsSlideboxContainer { height: 270px; } .crossSellerCTE .crossSeller > h2, #ergebnisliste-produkt-suche h2 { background-color: #6B87A0 !important; color: #ffffff; margin-bottom: 0px; margin-top: 0; padding: 6px; } .crossSellerCTE .crossSeller.useLsUnfold > h2 { cursor: pointer; } .crossSellerCTE .crossSeller.useLsUnfold > h2:after { position: absolute; right: 10px; top: 1px; font-size: 1.7rem; transition: opacity 0.4s linear; } .crossSellerCTE .crossSeller.useLsUnfold.lsUnfoldClosed > h2:after { content: "+"; opacity: 1; } .crossSellerCTE .crossSeller.useLsUnfold.lsUnfoldOpen > h2:after { content: "-"; opacity: 1; } .crossSellerCTE .crossSeller.useLsUnfold.lsUnfoldRunning > h2:after { opacity: 0; } #ergebnisliste-produkt-suche h1 { margin-bottom: 0; } .crossSellerCTE .productList { padding: 10px; } .crossSellerCTE .productList .shopProduct { width: 158px !important; height: 250px; padding: 8px; border: none; float: left !important; margin: 0 5px 30px 0 !important; background-color: #FFFFFF; } .crossSellerCTE .lsSlideboxContainer .buttonLeft, .crossSellerCTE .lsSlideboxContainer .buttonRight { cursor: pointer; height: 24px; width: 40px; max-width: 40px; position: absolute; top: 110px !important; bottom: -10px !important; border: none; width: 50px !important; height: 50px !important; background-color: rgba(255,255,255,0.3); } .crossSellerCTE .lsSlideboxContainer .buttonLeft { background-image: url("../../files/mei-schee/themes/vendor/leadingSystems/lsSlides/images/left.png"); background-position: center center; background-repeat: no-repeat; left: 8px !important; } .crossSellerCTE .lsSlideboxContainer .buttonRight { background-image: url("../../files/mei-schee/themes/vendor/leadingSystems/lsSlides/images/right.png"); background-position: center center; background-repeat: no-repeat; right: 8px !important; } .crossSellerCTE .lsSlideboxContainer .buttonUp { display: none; } .crossSellerCTE .lsSlideboxContainer .buttonDown { display: none; } /* * <- FooterBottom CrossSeller */ /* * MISC -> */ .shopLogo { float: left; margin-bottom: 20px; position: relative; z-index: 10010; } .shopLogo img { max-width: 200px; height: auto; } #header .ls_languageSelector { float: right; margin-left: 2%; margin-bottom: 20px; overflow: visible; padding-top: 5px; } #slideshowHeader { width: 100%; display: inline-block; } #slideshowHeader img{ width: 100%; height: auto; margin-top: 10px; } .mod_personalData .submit_container { margin-top: 10px; } .mod_registration .submit_container { margin-top: 10px; } /* * Search field/LiveHits -> */ .template_productSearch_default { width: 100%; display: inline-block; text-align: center; margin-bottom: 8px; } .template_productSearch_default #ctrl_merconis_searchWord { padding-right: 20px !important; width: 48%; background-color: #F5F6FA; } .template_productSearch_default #ctrl_merconis_searchWord:hover, .template_productSearch_default #ctrl_merconis_searchWord:focus { border-color: #BF3737; } .template_productSearch_default #ctrl_merconis_searchWord_submit { max-width: 120px; border-radius: 2px; } .template_productSearch_default .merconisHitSelector { width: 220px; margin-top: 10px; box-shadow: 4px 4px 6px 0 rgba(0, 0, 0, 0.3); } .template_productSearch_default .merconisHitSelector .hit { background-color: #FFFFFF; cursor: pointer; padding: 2px 10px; border-left: 4px solid #FFFFFF; border-right: 4px solid #FFFFFF; } .template_productSearch_default .merconisHitSelector .hit:hover, .template_productSearch_default .merconisHitSelector .hit.active { border-left: 4px solid #BF3737; border-right: 4px solid #BF3737; transition: all 0.4s ease-out 0s; } .template_productSearch_default .merconisHitSelector .hit ._mainImage { min-width: 90px !important; float: left; margin-right: 5px; margin-bottom: 5px; text-align: left; } .template_productSearch_default .merconisHitSelector .hit ._title { margin-bottom: 5px; text-align: right; } .template_productSearch_default .merconisHitSelector .hit ._priceAfterTaxFormatted { margin-top: 5px; text-align: right; } /* * <- Search field/LiveHits */ .hasBeenPutInCart { color: #11AA13;; margin-top: 10px; margin-bottom: 10px; } .watchlistContainer .favoriteSwitchBox input[name="favoriteAddOrRemoveSubmit"] { padding: 1px; font-size: 80%; font-size: 0.6rem; } .watchlistContainer.inMyWatchlist .favoriteSwitchBox input[name="favoriteAddOrRemoveSubmit"] { background-color: #11AA13; } .watchlistContainer .favoriteSwitchBox .success { font-size: 80%; font-size: 0.6rem; } .watchlistContainer .favoriteSwitchBox form { margin-bottom: 0; margin-top: 6px; } #tl_login td.col_0, #tl_login td.col_1 { padding-bottom: 5px; padding-right: 20px; vertical-align: middle; } /* * <- MISC */ /* * example footer -> */ #footer { overflow:hidden; background-color: #6B87A0; } #footer div.footerColumn { float: left; margin-left: 2%; margin-right: 2%; width: 28%; color: #FFFFFF; } #footer div.footerColumn04 { clear: left; } /* * <- example footer */ /* * example payment options info -> */ #paymentOptionsInfo div { float: left; width: 50%; padding: 5px; color: #FFFFFF; } #paymentOptionsInfo img { width: 100%; } /* * <- example payment options info */ /* * loading overlay for lsMerconisPaymentAndShippingFormController -> */ #waitingForShippingOrPaymentSelection { position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; background-color: rgba(0,0,0,0.5); } #waitingForShippingOrPaymentSelection:after { content: "loading..."; color: #FFFFFF; width: 100px; font-weight: bold; font-size: 1.5rem; position: absolute; left: 50%; top: 50%; } /* * <- loading overlay for lsMerconisPaymentAndShippingFormController */ /* * NAVIGATION -> */ /* * breadcrum navi/navigation path -> */ .mod_breadcrumb { margin-top: 5px; line-height: normal; font-size: 0.7rem; } .mod_breadcrumb ul { margin: 0; text-align:left; } .mod_breadcrumb ul li { display: inline-block; white-space: nowrap; } .mod_breadcrumb ul li:not(:last-child):after { padding-left: 10px; padding-right: 10px; content: ">"; } /* * <- breadcrum navi/navigation path */ /* * main navigation in header (big screen) -> */ #header .mainNavigation { margin-top: 10px; border-bottom: 1px solid #bf3737; overflow: visible; position: relative; text-align: center; z-index: 10015; } #header .mainNavigation ul { margin: 0; } #header .mainNavigation ul li { position: relative; } #header .mainNavigation ul li a { color: #777777; font-size: 130%; font-size: 1rem; text-decoration: none; padding-right: 15px; } #header .mainNavigation ul.level_1 > li { display: inline-block; margin-right: 15px; padding-bottom: 10px; padding-top: 10px; } #header .mainNavigation a:hover, #header .mainNavigation strong.active, #header .mainNavigation a.active, #header .mainNavigation a.trail { color: #BF3737 } #header .mainNavigation a.submenu { background-image: url("../../files/mei-schee/themes/misc/arrow_right.png"); background-size: 10px; background-position: right center; background-repeat: no-repeat; } #header .mainNavigation a.trail { background-image: url("../../files/mei-schee/themes/misc/arrow_down.png"); background-size: 10px; background-position: right center; background-repeat: no-repeat; } #header .mainNavigation .submenu ul { position: absolute; display: none; background-color: rgba(255,255,255,1.0); box-shadow: 3px 15px 10px rgba(0,0,0,0.8); padding: 20px; padding-right: 10px; } #header .mainNavigation .submenu:hover > ul { display: block; } #header .mainNavigation .submenu ul.level_2 { top: 100%; left: 0px; border-top: 1px solid #BF3737; text-align: left; } #header .mainNavigation .submenu ul.level_2 ul { top: 0px; left: 100%; } #header .mainNavigation .submenu ul li { padding-top: 5px; padding-bottom: 5px; padding-right: 10px; margin-right: 0px; white-space: nowrap; } /* * <- main navigation in header (big screen) */ /* * main navigation submenu (big screen) -> */ .mainNavigationSubmenu { margin-bottom: 20px; } .mainNavigationSubmenu ul { margin-bottom: -5px; } .mainNavigationSubmenu ul li { position: relative; padding-top: 5px; padding-bottom: 5px; } .mainNavigationSubmenu ul li:not(:last-child) { border-bottom: 1px solid #CDCDCD; } .mainNavigationSubmenu ul.level_2 li:first-child { border-top: 1px solid #CDCDCD; } .mainNavigationSubmenu ul li:last-child { margin-bottom: 10px; } .mainNavigationSubmenu ul.level_2 li { margin-left: 15px; margin-right: 0px; margin-bottom: 0px; } .mainNavigationSubmenu ul.level_1 > li > a { font-weight: normal; } /* .mainNavigationSubmenu ul li span, .mainNavigationSubmenu ul li a { color: #777777; font-size: 100%; font-size: 0.85rem; text-decoration: none; padding-right: 15px; } .mainNavigationSubmenu span:hover, .mainNavigationSubmenu a:hover, .mainNavigationSubmenu strong.active, .mainNavigationSubmenu a.active, .mainNavigationSubmenu span.trail, .mainNavigationSubmenu a.trail { color: #BF3737; }*/ .mainNavigationSubmenu ul li .ocSubnaviToggler { display: block; height: 23px; width: 20px; position: absolute; top: 0px; right: 0px; cursor: pointer; background-size: 10px; background-position: center center; background-repeat: no-repeat; background-color: #F4F4F4; } .mainNavigationSubmenu ul li.lsUnfoldClosed > .ocSubnaviToggler { background-image: url("../../files/mei-schee/themes/misc/arrow_down.png"); } .mainNavigationSubmenu ul li.lsUnfoldOpen > .ocSubnaviToggler { background-image: url("../../files/mei-schee/themes/misc/arrow_up.png"); } .mainNavigationSubmenu ul li.lsUnfoldOpen.lsUnfoldRunning > .ocSubnaviToggler { background-image: url("../../files/mei-schee/themes/misc/arrow_down.png"); } .mainNavigationSubmenu ul li.lsUnfoldClosed.lsUnfoldRunning > .ocSubnaviToggler { background-image: url("../../files/mei-schee/themes/misc/arrow_up.png"); } /* * If the body class "useOcNavi" is set by the javascript off canvas navigation * module, we know that javascript is active. Therefore, in this case we hide * navigation levels below level_1 because we know that the unfolding script will * be used to show them. */ body.useOcNavi .mainNavigationSubmenu ul.level_1 ul { margin-top: 5px; overflow: hidden; display: none; } /* * <- main navigation submenu (big screen) */ /* * second navigation in header (big screen) -> */ #header .secondNavigation { float: right; text-align: right; margin-bottom: 20px; padding-top: 5px; } #header .secondNavigation ul li { display: inline-block; margin-left: 10px; } #header .secondNavigation a:hover, #header .secondNavigation strong.active, #header .secondNavigation a.active, #header .secondNavigation a.trail { color: #BF3737; } #header .secondNavigation a.submenu { background-image: url("../../files/mei-schee/themes/misc/arrow_right.png"); background-size: 10px; background-position: right center; background-repeat: no-repeat; } #header .secondNavigation a.trail { background-image: url("../../files/mei-schee/themes/misc/arrow_down.png"); background-size: 10px; background-position: right center; background-repeat: no-repeat; } /* * <- second navigation in header (big screen) */ /* * -> small screen navigation (containing main navigation, second navigation * and a few other things, e.g. languageSelector and search form) */ #smallScreenNaviToggler { width: 30px; height: 30px; cursor: pointer; background-image: url("../../files/mei-schee/themes/misc/smallScreenNaviToggler.png"); background-size: contain; display: none; position: absolute; z-index: 10100; top: 10px; right: 10px; } #merconisSmallScreenNavigation { padding: 10px; position: relative; overflow: hidden; display: none; box-shadow: 0 4px 10px #666666; margin-bottom: 20px !important; } /* * language selector in small screen navi -> */ #merconisSmallScreenNavigation .ls_languageSelector { margin-left: -5px; margin-bottom: 20px; overflow: visible; } #merconisSmallScreenNavigation .ls_languageSelector img { padding: 5px; display: inline-block; } /* * <- language selector in small screen navi */ /* * product search form in small screen navi -> */ #merconisSmallScreenNavigation .template_productSearch_default { text-align: center; } /* * <- product search form in small screen navi */ /* * navigation modules in small screen navi -> */ .mobile_menu .inner { background-color: #fff; } #merconisSmallScreenNavigation .mainNavigation, .mobile_menu .mainNavigation { padding-bottom: 20px; } #merconisSmallScreenNavigation .mainNavigation ul li, .mobile_menu .mod_navigation ul li { position: relative; padding: 0; } #merconisSmallScreenNavigation .mainNavigation ul li:not(:last-child), .mobile_menu .mod_navigation ul li:not(:last-child) { border-bottom: 1px solid #876e5a; } #merconisSmallScreenNavigation .mainNavigation ul.level_2 li:first-child, .mobile_menu .mod_navigation ul.level_2 li:first-child { border-top: 1px solid #876e5a; } #merconisSmallScreenNavigation .mainNavigation ul li:last-child, .mobile_menu .mod_navigation ul li:last-child { margin-bottom: 10px; } #merconisSmallScreenNavigation .mainNavigation ul.level_2 li, .mobile_menu .mod_navigation ul.level_2 li{ margin-left: 15px; margin-right: 0px; margin-bottom: 0px; } #merconisSmallScreenNavigation .mainNavigation ul.level_1 > li > a, .mobile_menu .mod_navigation ul.level_1 > li > a, .mobile_menu .mod_navigation ul.level_1 > li.active > strong, .mobile_menu .mod_navigation ul.level_1 > li > strong.trail { font-weight: normal; } #merconisSmallScreenNavigation .mainNavigation ul li a, .mobile_menu .mod_navigation ul li.active strong, .mobile_menu .mod_navigation ul li a, .mobile_menu .mod_navigation ul li strong.trail { display: block; padding: 10px 20px; font-size: 1.2rem; color: #000; } #merconisSmallScreenNavigation .mainNavigation a:hover, #merconisSmallScreenNavigation .mainNavigation strong.active, #merconisSmallScreenNavigation .mainNavigation a.active, #merconisSmallScreenNavigation .mainNavigation a.trail, .mobile_menu .mod_navigation a:hover, .mobile_menu .mod_navigation ul li.active strong.active, .mobile_menu .mod_navigation ul li strong.trail, .mobile_menu .mod_navigation a.trail { color: #fff; background-color: #AFCB3a; text-decoration: none !important; } #merconisSmallScreenNavigation .mod_navigation ul li .ocSubnaviToggler, #merconisSmallScreenNavigation .mainNavigation ul li .ocSubnaviToggler, #merconisSmallScreenNavigation .mod_navigation ul li .foldedNaviToggler, #merconisSmallScreenNavigation .mainNavigation ul li .foldedNaviToggler { display: block; height: 28px; width: 40px; position: absolute; top: 0px; right: 0px; cursor: pointer; background-size: 16px; background-position: center center; background-repeat: no-repeat; background-color: rgba(255, 255, 255, 0); } #merconisSmallScreenNavigation .mod_navigation ul li.lsUnfoldClosed > .ocSubnaviToggler, #merconisSmallScreenNavigation .mainNavigation ul li.lsUnfoldClosed > .ocSubnaviToggler, #merconisSmallScreenNavigation .mod_navigation ul li.lsUnfoldClosed > .foldedNaviToggler, #merconisSmallScreenNavigation .mainNavigation ul li.lsUnfoldClosed > .foldedNaviToggler{ background-image: url("../../files/mei-schee/themes/misc/arrow_down.png"); } #merconisSmallScreenNavigation .mod_navigation ul li.lsUnfoldOpen > .ocSubnaviToggler, #merconisSmallScreenNavigation .mainNavigation ul li.lsUnfoldOpen > .ocSubnaviToggler, #merconisSmallScreenNavigation .mod_navigation ul li.lsUnfoldOpen > .foldedNaviToggler, #merconisSmallScreenNavigation .mainNavigation ul li.lsUnfoldOpen > .foldedNaviToggler{ background-image: url("../../files/mei-schee/themes/misc/arrow_up.png"); } #merconisSmallScreenNavigation .mod_navigation ul li.lsUnfoldOpen.lsUnfoldRunning > .ocSubnaviToggler, #merconisSmallScreenNavigation .mainNavigation ul li.lsUnfoldOpen.lsUnfoldRunning > .ocSubnaviToggler, #merconisSmallScreenNavigation .mod_navigation ul li.lsUnfoldOpen.lsUnfoldRunning > .foldedNaviToggler, #merconisSmallScreenNavigation .mainNavigation ul li.lsUnfoldOpen.lsUnfoldRunning > .foldedNaviToggler { background-image: url("../../files/mei-schee/themes/misc/arrow_down.png"); } #merconisSmallScreenNavigation .mod_navigation ul li.lsUnfoldClosed.lsUnfoldRunning > .ocSubnaviToggler, #merconisSmallScreenNavigation .mainNavigation ul li.lsUnfoldClosed.lsUnfoldRunning > .ocSubnaviToggler, #merconisSmallScreenNavigation .mod_navigation ul li.lsUnfoldClosed.lsUnfoldRunning > .foldedNaviToggler, #merconisSmallScreenNavigation .mainNavigation ul li.lsUnfoldClosed.lsUnfoldRunning > .foldedNaviToggler { background-image: url("../../files/mei-schee/themes/misc/arrow_up.png"); } /* MobileNavigation nach Update */ .useFoldedNavi .foldedNaviToggler { border: 0px; } .useFoldedNavi .foldedNaviToggler.lsUnfoldClosed::after { content: ""; } /* * If the body class "useOcNavi" is set by the javascript off canvas navigation * module, we know that javascript is active. Therefore, in this case we hide * navigation levels below level_1 because we know that the unfolding script will * be used to show them. */ body.useOcNavi #merconisSmallScreenNavigation .mod_navigation ul.level_1 ul, body.useOcNavi #merconisSmallScreenNavigation .mainNavigation ul.level_1 ul { margin-top: 5px; overflow: hidden; display: none; } /* * <- navigation modules in small screen navi */ /* * Show the small screen navi toggler regardless of the screen size if * the ocNavi is open. Otherwise the ocNavi could not be closed if the screen * has increased while the ocNavi has been open. */ body.useOcNavi.lsOcNaviOpen #smallScreenNaviToggler { display: block; } /* * <- small screen navigation */ @media only screen and (max-width: 900px) { /* hide the big screen navigation elements */ #header .secondNavigation, #header .mainNavigation, .mainNavigationSubmenu, .mod_breadcrumb { display: none; } /* show the small screen navigation */ #merconisSmallScreenNavigation, #smallScreenNaviToggler { display: block; } /* * hide the small screen navi if the javascript * off canvas navigation is active */ body.useOcNavi #merconisSmallScreenNavigation { display: none; margin-bottom: 0; } /* * show the small screen navi toggler if the * javascript off canvas navigation is active */ body.useOcNavi #smallScreenNaviToggler { display: block; } } /* * <- NAVIGATION */ /* * MERCONIS Linkbox -> */ .merconisLinkbox { width: 48%; height: auto; float: left; margin-right: 4%; margin-bottom: 20px; position: relative; } .merconisLinkbox.even { float: none; margin-right: 0; } .merconisLinkboxImage img { width: 100%; height: auto; margin-bottom: -3px; } .merconisLinkboxText { background-color: #6B87A0; width: 100%; padding: 5px 10px 10px 10px; } .merconisLinkboxText p, .merconisLinkboxText h2 { color: #FFFFFF; } .merconisLinkboxText2 p { font-size: 1.3rem; } .merconisLinkboxLink { top: 5%; left: 5%; position: absolute; text-align: left; width: 100%; } .merconisLinkboxLink a { display: inline-block; font-size: 1.5rem; padding: 15px; background-color: rgba(255,255,255,0.5); color: #555555; border-radius: 2px; } .merconisLinkboxLink a:hover { background-color: rgba(255,255,255,0.8); transition: all 0.4s ease-out 0s; } @media only screen and (max-width: 760px) { .merconisLinkbox { width: 100%; clear: both; margin-bottom: 20px; } } /* * <- MERCONIS Linkbox */ /* * Example content -> */ #examplecrosssellernewproducts { clear: both; } .ls_exampleContent { margin-top: 30px; margin-bottom: 30px; } /* * <- Example content */ /* * Misc. Media Queries -> */ /* @media only screen and (max-width: 900px) { #left { width: 28%; } #main { width: 70%; } }*/ @media only screen and (max-width: 900px) { body { background-color: #FFFFFF; padding: 0; background-image: none; } #wrapper { padding: 10px; box-shadow: none; } #main { width: 100%; } #header .template_productSearch_default, #header .ls_languageSelector, #slideshowHeader, #paymentOptionsInfo { display: none; } #left { display: none; } .template_cart_mini .cartPreview { width: 360px; } .template_cart_mini .cartPreview .linkToCartTop { margin: 0; margin-top: 20px; text-align: left; top: 0; } .template_cart_mini .cartPreview .shopProduct .productDetails { margin-right: 0; margin-bottom: 40px; } .template_cart_mini .cartPreview .shopProduct .priceSingle { margin: 0; position: absolute; right: 107px; bottom: 10px; } .template_cart_mini .cartPreview .shopProduct .quantity { margin: 0; position: absolute; right: 10px; bottom: 10px; } } @media only screen and (max-width: 550px) { .template_cart_mini .cartPreview { left: -120px; } } @media only screen and (max-width: 410px) { .template_cart_mini .cartPreview { width: 300px; } .template_cart_mini .cartPreview .shopProduct .productDetails { width: 160px; } .template_cart_mini .cartPreview .shopProduct .image { margin-bottom: 40px; } .template_cart_mini .cartPreview .shopProduct .priceSingle { right: auto; left: 0px; bottom: 10px; } } @media only screen and (max-width: 359px) { .template_cart_mini { margin-left: 7%; } } @media only screen and (max-width: 860px) { .quickview { display: none; } #footer div.footerColumn { float: none; margin: 20px 0; width: 100%; border-bottom: 1px solid #CDCDCD; } } @media only screen and (max-width: 665px) { .template_productDetails .productInfoBlock05 { width: 100%; display: inline-block; margin-top: 10px; } } @media only screen and (max-width: 319px) { .productList .shopProduct { float: none; margin: 0px; margin-bottom: 10px; width: 100%; } } @media only screen and (min-width: 320px) { .productList .shopProduct { margin-left: 0; margin-right: 2%; width: 48%; } } @media only screen and (min-width: 967px) { .productList .shopProduct { margin-left: 0; margin-right: 1.5%; width: 31.5%; } } @media only screen and (min-width: 1280px) { .productList .shopProduct { margin-left: 0; margin-right: 0.9%; /* width: 24%;*/ } } /* * <- Misc. Media Queries */ /*############################## MERCONIS ##############################*/ /*######################################################################*/ /*########## PRODUCT STORY ########## ->*/ .storySingleProduct { } /*########## PRODUCT STORY ########## <-*/ /*########## ICONS ########## ->*/ .ls_icon.x-h.y-a:after { content:"\f4c4"; opacity:1; font-family:Ionicons; cursor:pointer; position:absolute; right:10px; top:0; } /*########## ICONS ########## <-*/ /*########## CHECKOUT REVIEW ########## ->*/ #checkoutStepCart-review .shopProduct .image, #checkoutStepCart-review .shopProduct .changeConfiguration { display:none; } /*########## CHECKOUT REVIEW ########## <-*/ /*########## SEARCH BAR ########## ->*/ .template_productSearch_default .merconisHitSelector { width:100%; margin-top:10px; } .template_productSearch_default .merconisHitSelector .hit { cursor:pointer; overflow:hidden; } .template_productSearch_default .merconisHitSelector .hit:not(.first) { border-top:none; } .template_productSearch_default .merconisHitSelector .hit:hover, .template_productSearch_default .merconisHitSelector .hit.active { opacity:0.7; } .template_productSearch_default .merconisHitSelector .hit ._mainImage img { max-width:100%; max-height:60px; } .template_productSearch_default .merconisHitSelector .hit ._title { margin-top:20px; } .template_productSearch_default .merconisHitSelector .hit ._priceAfterTaxFormatted { margin-top:5px; text-align:right; } .template_productSearch_default #merconis_searchWord { width:100%; background:#FFFFFF; float:left; padding-left: 12px; padding-right:50px; border:1px solid #D7E1ED; border-radius:5px; padding-top:8px; padding-bottom:8px; } .template_productSearch_default #merconis_searchWord:focus { box-shadow:0 2px 2px rgba(88,88,88,0.4) inset, 0 0 3px #AA0000; outline:medium none; } .template_productSearch_default label{ display:none; } .template_productSearch_default .submit { float:left; margin-top:-7px; margin-left:-45px; background:transparent; border:0; } /*########## SEARCH BAR ########## <-*/ /*########## LANGUAGE SELECTOR ########## ->*/ .ls_languageSelector span { font-weight:bold; } /*########## LANGUAGE SELECTOR ########## <-*/ /*########## PRODUCT OVERVIEW ########## ->*/ .productList .shopProduct:not(.template_productOverview_CS) .boxInnerWrapper { position:relative; border:2px solid #EEEEEE; } .productList .shopProduct .boxInnerWrapper { display: flex; justify-content: space-between; flex-direction: column; } .productList .shopProduct:not(.template_productOverview_CS) .boxInnerWrapper:hover { border:2px solid #D51515; } .productList .shopProduct .imageContainer .productMainImage.boxImage img { max-width:100% !important; margin-left:auto; margin-right:auto; } .shopProduct .oldPrice { text-decoration:line-through; } .productList .shopProduct .inputQuantity .quantityWrapper { display:none; } /*########## PRODUCT OVERVIEW ########## <-*/ /*########## PRODUCT SINGLEVIEW ########## ->*/ .template_productDetails.shopProduct .outerGalleryWrapper { position:relative; } .template_productDetails.shopProduct .inputQuantity label { display:none; } .template_productDetails.shopProduct .inputQuantity input[name="quantity"] { text-align:center; width:50px; } .template_productDetails.shopProduct .inputQuantity button { } /*########## LSNAVTAB GALLERY ########## ->*/ [data-lsjs-component="navtab"] { margin-bottom:0; } [data-lsjs-component="navtab"] [data-lsjs-element="navtabLabel"] { display:inline-block; margin:0 5px 5px 0; border:0; } [data-lsjs-component="navtab"] [data-lsjs-element="navtabLabel"].active { display:inline-block; margin:0 5px 5px 0; border:0; } [data-lsjs-component="navtab"] [data-lsjs-element="navtabLabel"] img { width:100%; height:auto; border:1px solid transparent; } [data-lsjs-component="navtab"] [data-lsjs-element="navtabLabel"].active img { box-shadow:0 0 2px #000000; } /*########## LSNAVTAB GALLERY ########## <-*/ /*########## PRODUCT SINGLEVIEW ########## <-*/ /*########## SHOP PRODUCT ########## ->*/ .shopProduct .hasBeenPutInCart, .shopProduct .notPutInCart { margin:auto; padding:40px; max-width:60%; text-align:center; z-index:9000; } /*########## SHOP PRODUCT ########## <-*/ /*########## NEW / ON SALE ########## ->*/ .imageContainer { position:relative; } /*.productImageOverlay.isOnSale, .productImageOverlay.isNew { display:inline-block; width:auto; height:auto; }*/ .productImageOverlay.isOnSale img, .productImageOverlay.isNew img { width:100%; height:auto; } /*########## NEW / ON SALE ########## <-*/ /*########## CONFIGURATOR ########## ->*/ .changeConfiguration a { display:inline-block; } /*########## CONFIGURATOR ########## <-*/ /*########## USER SORTING FORM ########## ->*/ .userSortingForm { text-align:right; margin-bottom:10px; } /*########## USER SORTING FORM ########## <-*/ /*########## FILTER FORM ########## ->*/ .template_filterForm_default { margin-bottom:40px; } .template_filterForm_default h2 { position:relative; } .template_filterForm_default.useLsUnfold h2 { cursor:pointer; margin-top:0; margin-bottom:0; } .template_filterForm_default.useLsUnfold h2:after { position:absolute; font-size:1.7rem; transition:opacity 0.4s linear; font-weight:bold; } .template_filterForm_default.useLsUnfold.lsUnfoldClosed h2:after { content:"\f35f"; opacity:1; font-family:Ionicons; cursor:pointer; right:28px; top:5px; } .template_filterForm_default.useLsUnfold.lsUnfoldOpen h2:after { content:"\f365"; opacity:1; font-family:Ionicons; cursor:pointer; right:28px; top:5px; } .template_filterForm_default.useLsUnfold.lsUnfoldRunning h2:after { opacity:0; } .template_filterForm_default .noMatch { color:#AAAAAA; font-style:italic; } .template_filterForm_default .checkAll { color:#AAAAAA; font-style:italic; } .template_filterForm_default .noSelection { color:#AAAAAA; font-style:italic; } .filterOptionsBox, .filterPriceBox { margin-bottom:5px; padding:0px; } .filterOptionsBox .label, .filterPriceBox .label { margin:0px; font-weight:bold; padding:5px 26px 5px 5px; position:relative; cursor:pointer; } .filterOptionsBox.useLsUnfold .label, .filterPriceBox.useLsUnfold .label { cursor:pointer; border-bottom:1px solid #DEDCDC; } .filterOptionsBox.useLsUnfold .label:after, .filterPriceBox.useLsUnfold .label:after { position:absolute; right:5px; top:0px; font-size:1.2rem; transition:opacity 0.4s linear; font-weight:bold; } .filterOptionsBox.useLsUnfold.lsUnfoldClosed .label:after, .filterPriceBox.useLsUnfold.lsUnfoldClosed .label:after { content:"\f365"; opacity:1; font-family:Ionicons; cursor:pointer; right:10px; top:-4px; } .filterOptionsBox.useLsUnfold.lsUnfoldOpen .label:after, .filterPriceBox.useLsUnfold.lsUnfoldOpen .label:after { content:"\f35f"; opacity:1; font-family:Ionicons; cursor:pointer; right:10px; top:6px; } .filterOptionsBox.useLsUnfold.lsUnfoldRunning .label:after, .filterPriceBox.useLsUnfold.lsUnfoldRunning .label:after { opacity:0; } .filterOptionsBox .showAndHideOptionsIcon { cursor:pointer; display:inline-block; } .filterOptionsBox .showAndHideOptionsIcon:after { content:"\f462"; opacity:1; font-family:Ionicons; cursor:pointer; right:1px; top:-4px; } .filterOptionsBox .showAndHideOptionsIcon.currentlyHiding:after { content:"\f2c7"; opacity:1; font-family:Ionicons; cursor:pointer; right:1px; top:6px; } .filterOptionsBox .showAndHideOptionsIcon.hidden { display:none; } .filterOptionsBox .content, .filterPriceBox .content { padding:5px; display:block; position:relative; } .filterOptionsBox.closed .content { display:none; } .filterOptionsBox .filterOption.hidden { display:none; } .filterOptionsBox .checkAll { display:none; } .template_filterForm_default #priceLow, .template_filterForm_default #priceHigh { width:40px; } .template_filterForm_default input.submitFilter { width:auto; float:left; margin-right:10px; } .template_filterForm_default input.resetFilter { width:auto; } .template_filterForm_default.nothingToFilter { display:none; } @media only screen and (max-width:400px) { .template_filterForm_default input.submitFilter, .template_filterForm_default input.resetFilter { float:none; width:100%; margin-right:0; margin-top:5px; } } /*########## FILTER FORM ########## <-*/ /*########## CROSS SELLER ########## ->*/ .crossSellerCTE { margin-top:20px; margin-bottom:20px; } .crossSellerCTE .productList .shopProduct.template_productOverview_CS { max-width:180px; } .crossSellerCTE .frontendProductSearch .productList .shopProduct { max-width:100%; } .crossSellerCTE .productList .shopProduct .imageContainer .productMainImage.boxImage img { max-width:100%; margin-left:auto; margin-right:auto; } .crossSellerCTE .buttonLeft { position:absolute; left:10px; padding:20px 20px 20px 0; } .crossSellerCTE .buttonRight { position:absolute; right:10px; padding:20px 0 20px 20px; } .crossSellerCTE .button { font-family:Ionicons; font-size:3rem; color:#FFFFFF; cursor:pointer; text-shadow:0 0 5px #000000; background:transparent; border:0; z-index:1; } .crossSellerCTE .button.buttonLeft:before { content:"\f124"; } .crossSellerCTE .button.buttonRight:before { content:"\f125"; } .crossSellerCTE .button.buttonUp:before { content:"\f126"; } .crossSellerCTE .button.buttonDown:before { content:"\f123"; } .crossSellerCTE .buttonUp { position:absolute; top:10px; display:none; } .crossSellerCTE .buttonDown { position:absolute; bottom:10px; display:none; } .leftImpossible .buttonLeft,.rightImpossible .buttonRight,.upImpossible .buttonUp,.downImpossible .buttonDown { display:none; } .crossSellerCTE .gotoProductDetails { display:none; } /*########## CROSS SELLER ########## <-*/ /*########## CART / CHECKOUT ########## ->*/ /*########## CART ICON ########## ->*/ /*.template_cart_mini #cart-checkout > a.gotoCart { width:40px; position:absolute; left:-40px; display:block; padding:5px; top:48px; line-height:normal; border-radius:3px 0 0 3px; } .template_cart_mini #cart-checkout > .gotoCart .cart-icon img { width:50px; height:auto; } .template_cart_mini #cart-checkout > .gotoCart .cart-num-items { display:block; } .template_cart_mini #cart-checkout > .gotoCart span { margin-bottom:0; text-align:center; width:100%; } .template_cart_mini #cart-checkout > a.gotoCart .cart-label { display:none; }*/ /*########## CART ICON ########## <-*/ /*########## MISC ########## ->*/ /* body.mini-cart-open { overflow:hidden; } .template_cart_mini { position:fixed; top:0; bottom:0; width:100%; left:100%; z-index:100000; transition:all 1s ease; height:20%; } .template_cart_mini.lsUnfoldClosed.lsUnfoldRunning, .template_cart_mini.lsUnfoldOpen:not(.lsUnfoldRunning) { left:0%; top:0px; height:100%; } .template_cart_mini a, .template_cart_big a, .template_orderReview_default a { position:relative; } .template_cart_mini p.msgNoProductsInCart, .template_cart_big p.msgNoProductsInCart, .template_orderReview_default p.msgNoProductsInCart { margin:0; margin-right:30px; } */ .template_cart_mini .cartPreview .insideContainer, .template_cart_big .cartPreview .insideContainer, .template_orderReview_default .cartPreview .insideContainer { width:100%; } /* .template_cart_mini .cartPreview, .template_cart_big .cartPreview, .template_orderReview_default .cartPreview { display:block; background-color:#262C33; padding:0px; width:0px; box-shadow:-10px 10px 42px 0px rgba(0, 0, 0, 0.5); line-height:normal; height:100%; transition:all 1s ease-in-out; } .template_cart_big .cartPreview, .template_orderReview_default .cartPreview { width: 100%; box-shadow: none; position: fixed; top: 0; bottom: 0; left: 0; } .template_cart_mini .cartPreview .topLine, .template_cart_big .cartPreview .topLine, .template_orderReview_default .cartPreview .topLine { height:99px; position:absolute; top:0px; left:0px; width:100%; } */ .template_cart_mini .cartPreview .topLine .jumpTo, .template_cart_big .cartPreview .topLine .jumpTo, .template_orderReview_default .cartPreview .topLine .jumpTo { display:inline-block; vertical-align:middle; } .template_cart_mini .cartPreview .bottomLine, .template_cart_big .cartPreview .bottomLine, .template_orderReview_default .cartPreview .bottomLine { height:30px; position:absolute; bottom:0px; left:0px; width:100%; } .template_cart_big .cartPreview .bottomLine, .template_orderReview_default .cartPreview .bottomLine { /*position: fixed;*/ } /* .template_cart_mini #checkoutContent, .template_cart_big #checkoutContent, .template_orderReview_default #checkoutContent { position:absolute; top:99px; bottom:30px; right:0px; overflow-y:scroll; width:100%; } */ .template_cart_mini #checkoutContent .headlineMainSection, .template_cart_big #checkoutContent .headlineMainSection, .template_orderReview_default #checkoutContent .headlineMainSection { display:inline-block; padding:6px 12px 12px 12px; } .checkoutStep { position:relative; } .checkoutStep [data-lsjs-element="openFormToggler"] { position:absolute; top:10px; right:10px; z-index:1; } .formReviewerApplied.formClosed form { opacity:0.7; } @media screen and (min-width:481px) { .template_cart_mini .jumpTo, .template_cart_big .jumpTo, .template_orderReview_default .jumpTo { margin-left:2%; margin-right:2%; } } @media screen and (max-width:480px) { .template_cart_mini .jumpTo, .template_cart_big .jumpTo, .template_orderReview_default .jumpTo { margin-left:3%; margin-right:3%; } } /*########## MISC ########## <-*/ /*########## PRODUCT REPRESENTATION FIELDS ########## ->*/ .newCart p.msgNoProductsInCart { margin:0; margin-right:30px; } .newCart .shopProduct { display:block; position:relative; background-color: #fff; padding: 1rem; } .newCart .shopProduct::after { clear:both; display:table; content:""; } .newCart .shopProduct.statusTogglerApplied[data-misc-changeQuantityMode="no"] .field.changeQuantity { display:none; height:0px; } .field.changeQuantity .inside-box .toggler { position:absolute; top:5px; right:5px; } .field.changeQuantity .field-content { text-align:center; } .field.changeQuantity form { display:inline-block; } .field.changeQuantity form.formQuantity label { display:none; } .field.changeQuantity form.formQuantity #quantity_item { width:50px; text-align:center; padding:5px; border:1px solid #000000; vertical-align:middle; } .field.changeQuantity form.formQuantity p.error { position:absolute; bottom:-8px; font-size:0.9rem; } .newCart .shopProduct .image img { max-width:100%; max-height:100%; } /*########## PRODUCT REPRESENTATION FIELDS ########## <-*/ /*########## CALCULATION ########## ->*/ .calculation .field-group.statusTogglerApplied[data-misc-highlighted="no"] .field.hideWhenNotHighlighted { display:none; } /*########## CALCULATION ########## <-*/ /*########## LOGIN ########## ->*/ .customerLogin .feLogin label { display:inline-block; width:20%; min-width:110px; } .customerLogin .feLogin input { display:inline-block; width:76%; } #loginTop { display:none; position:fixed; top:76px; right:75px; max-width:250px; padding:20px; } #loginTop label, #loginTop input { display:block; text-align:left; width:100%; } #iconLogin:hover #loginTop { display:block !important; } /*########## LOGIN ########## <-*/ /*########## CUSTOMER DATA ########## ->*/ .formCustomerData .widget { margin-bottom:10px; } .formCustomerData label { display:inline-block; width:20%; min-width:110px; } .formCustomerData input:not(.submit), .formCustomerData select:not(.submit) { display:inline-block; width:76%; } .customerDataForm fieldset.useDeviantShippingAddress fieldset span > input.checkbox { width:auto; } .customerDataForm fieldset.useDeviantShippingAddress fieldset span > label { width:auto; margin-left:10px; } .formCustomerData .bottom label { display:block; } .formCustomerData .bottom textarea { display:block; width:100%; } .formConfirmOrder .scrollableField { padding:0; } .formConfirmOrder fieldset { margin-bottom:10px; } .customerDataForm.formClosed button.submit { display: none; } /*########## CUSTOMER DATA ########## <-*/ /*########## PAYMENT AND SHIPPING ########## ->*/ .paymentAndShippingOptionContainer { position:relative; vertical-align:top; display:block; } .paymentAndShippingOptionContainer.selected { border:1px solid; z-index:1; } .paymentAndShippingOptionContainer > a { display:block; min-height:75px; cursor:pointer; background-repeat:no-repeat; background-position:left top; text-align:center; } #waitingForShippingOrPaymentSelection { position:fixed; top:0px; right:0px; bottom:0px; left:0px; background-color:rgba(0,0,0,0.5); } #waitingForShippingOrPaymentSelection:after { content:"loading..."; color:#FFFFFF; width:100px; font-weight:bold; font-size:1.5rem; position:absolute; left:50%; top:50%; } /*########## PAYMENT AND SHIPPING ########## <-*/ /*########## SANTANDER WEB QUICK ########## ->*/ form.santanderWebQuickBirthday .inputBlock { display:inline-block; margin-right:5px; vertical-align:bottom; } form.santanderWebQuickBirthday .inputBlock label, form.santanderWebQuickBirthday .inputBlock input { display:block; } form.santanderWebQuickBirthday .inputBlock label { font-weight:bold; } form.santanderWebQuickBirthday [name="santanderWebQuickBirthdayDay"], form.santanderWebQuickBirthday [name="santanderWebQuickBirthdayMonth"]{ width:70px !important; } form.santanderWebQuickBirthday [name="santanderWebQuickBirthdayYear"]{ width:90px !important; } form.santanderWebQuickBirthday .submit { margin-bottom:0 !important; } /*########## SANTANDER WEB QUICK ########## <-*/ .buttonBuy { padding:10px 20px; } /*########## CART / CHECKOUT ########## <-*/ /*########## LSZOOM ########## ->*/ .lsZoomImageWrapper { display:block; margin-bottom:0; } .lsZoomBigBox { background-color:#FFFFFF; display:none; overflow:hidden; position:absolute; z-index:8001; } .lsZoomBigBox img { position:relative; max-width:none; height:auto !important; width:auto !important; } .lsZoomPreloader { width:100%; height:100%; background: url("../../files/mei-schee/themes/misc/loading.gif") center center no-repeat; } .lsZoomAreaMarker { width:20px; height:20px; top:0px; left:0px; border:2px solid #FFFFFF; position:absolute; z-index:8000; display:none; } /*########## LSZOOM ########## <-*/ @media screen and (max-width:480px) { /*########## SEARCH BAR ########## ->*/ .template_productSearch_default { padding-right:60px; } .template_productSearch_default #merconis_searchWord { width:100%; } /*########## SEARCH BAR ########## <-*/ /*########## MISC ########## ->*/ .template_cart_mini #cart-checkout > a.gotoCart { top:7px; } /*########## MISC ########## <-*/ } #cookiebar-text { color:#fff; } .cookiebar { background-color:#462305; } .useFoldedNavi .foldedNaviToggler.lsUnfoldOpen::after { display:none; } .productImageOverlay.isOnSale { left:0; right: auto; } .productImageOverlay img { padding: 0 !important; border: 0 !important; max-width: 100%; } #ctrl_fflSelectShippingMethod span#shippingfree.paymentAndShippingOptionContainer label { background-image:url("/files/mei-schee/themes/shippingOptions/versandkostenfrei.png"); } div.formCustomerData, div.formCustomerData div, div.calculation div { font-size:1.1rem; } .template_cart_big .submitBox { text-align:left; font-size:1.1rem; } .ls_r_table.productsInCart .ls_r_td.quantity input.quantity { width:30px; } .ls_r_table.productsInCart .error, .ls_r_table.calculation .error { font-size:.85rem; } .ls_r_table.calculation.showTaxColumn { margin-bottom:2em; border-bottom:1px solid #000; } .ls_r_tr.sum.invoicedAmount { font-weight:bold; } .orderRepresentation div { font-size:1.1rem; } .formCustomerData .bottom textarea { width: auto; } .deliveryTimeMessage p { font-size:.85rem; } .hasBeenPutInCart, .shippingFee.shippingFeeLabel p, .paymentFee.paymentFeeLabel p { color:#825f3c; } .ce_download { font-size:1.2rem; } .contactform .formbody input, .contactform .formbody textarea { width: auto; } #tl_registration .formbody input, #tl_registration .formbody textarea, #tl_registration .formbody select { width:100%; } .ce_text ul { padding-left:40px; font-size:1.2rem; list-style-type:disc; } a { color:#9bc83c; } a:hover { text-decoration: underline !important; } form .widget, form .widget p, form .widget span { font-size:1.1rem; } .formbody .widget-radio span { display:block; } form legend { padding-top:1.5rem; margin-bottom:0.5rem; font-size:1.2rem; font-weight:bold; } .formbody input, .formbody select, .formbody textarea, .formbody table tr td input, .formbody select, .formbody textarea { min-width:30%; } .formbody input.checkbox, .formbody input.radio { width:2rem; min-width:2rem; } .formbody .widget-textarea label { vertical-align:top; } .formbody .submit { margin-top:.2rem; font-size:1.2rem; } .formbody div label, .formbody table tr td label { margin-top:10px; font-size:1.1rem; } .checkoutFlowStep.active.valid { background-color:#9bc83c; } .checkoutFlowStep { background-color:#825f3c; } .checkoutFlowStep.allowed:hover { background-color:#7dc8d7; } .headerbild img, .rs-columns img { max-width:100%; max-height:266px; height: auto; } .ce_image img { max-height: 100%; } .rs-columns figcaption { text-align:center; font-size:.95rem; } .ce_gallery figcaption.caption { min-height:3em; text-align:center; } /* Erfolgsmeldung */ .success, .watchlistContainer.inMyWatchlist .favoriteSwitchBox input[name="favoriteAddOrRemoveSubmit"] { background-color:#9bc83c; font-size:.75rem; } /* Produktliste Crossseller */ .crossSellerCTE .productList .productInfoBlock02 { width:90%; } /* Produktliste Crossseller */ .crossSellerCTE .productList .shopProduct { border:1px solid #876e5a; } /* Produktliste Preis */ .currentPrice, .priceContainer { text-align:right; font-size:1.4rem; color:#462305; } /* Produkttitel in Liste */ a.productTitle { font-size:1.5rem; line-height:2rem; font-weight:bold; text-decoration:none; color:#462305; } /* Block Preis und Warenkorb */ .template_productDetails .productInfoBlock04 { width:40%; margin-right:2%; } /* Detailseite Vorschaubilder */ .lsNavtabGallery .labels, [data-lsjs-component="navtab"] [data-lsjs-element="navtabLabelContainer"] { /*max-width:260px;*/ float:right; clear:both; } [data-lsjs-component="navtab"] .visible[data-lsjs-element="navtabNavigation"] { display:none; } /* Detailseite Bilder Rahmen */ .lsNavtabGallery .contents img, .lsNavtabGallery .labels img, [data-lsjs-component="navtab"] [data-lsjs-element="navtabLabel"] img, [data-lsjs-component="navtab"] [data-lsjs-element="navtabContentContainer"] img { padding:5px; border:1px solid #876e5a; } [data-lsjs-component="navtab"] [data-lsjs-element="navtabContentContainer"] .imageContainer { text-align:left; } [data-lsjs-component="navtab"] .active[data-lsjs-element="navtabLabel"] { border:1px solid #fff; } /* Detailseite großes Bild */ .lsNavtabGallery .contents span.lsZoomBigBox img { padding:0; border:0px solid #876e5a; } .lsNavtabGallery .imageContainer { text-align:left; } .ce_gallery ul.cols_3 li { width:32%; float:left; } .ce_gallery ul.cols_3 li img { width:100%; height: auto; } body.useOcNavi .mainNavigationSubmenu ul.level_1 ul { margin-top:0; margin-bottom:0; } /* Rahmen Produktliste */ .productList .shopProduct { /*width:31.5% !important;*/ height:390px; border:1px solid #876e5a; } /* Produktliste Crossseller */ .crossSellerCTE .productList a.productTitle { font-size:1.2rem; line-height:1.5rem; } /* Produktliste Crossseller */ .crossSellerCTE .productList .currentPrice { font-size:1.1rem; } /* Produktliste */ .productList .productInfoBlock02 { width:95%; } /* Crossseller Balken */ .crossSellerCTE .crossSeller > h2, #ergebnisliste-produkt-suche h2 { background-color: #825f3c !important; } .crossSellerCTE p { padding:1em; } /* Breadcrumb */ .mod_breadcrumb { margin-top:0; margin-bottom:2.3rem; font-size:1rem; text-align: left; } #footer { padding-bottom:50px; background-color:#462305; color:#fff; } footer div { color:#fff; } footer a { font-weight:bold; color:#fff; } footer ul a, footer ul li.active strong { font-size:1.2rem; font-weight:normal; } #footer a:hover, #footer li.active strong { text-decoration:underline !important; } /*.mainNavigationSubmenu span:hover,*/ .mainNavigationSubmenu a:hover, .mainNavigationSubmenu strong.active, .mainNavigationSubmenu li.active strong, /*.mainNavigationSubmenu span.trail,*/ .mainNavigationSubmenu a.trail { background-color:#9bc83c; color:#fff; text-decoration:none !important; } .template_productSearch_default #ctrl_merconis_searchWord { width:20%; min-width:20%; padding:8px; } .template_productSearch_default #ctrl_merconis_searchWord_submit, input.submit { font-size:100%; -webkit-appearance: none; } /* Produktsuche */ .template_productSearch_default { text-align:right; } /* Navigation Left a */ .mainNavigationSubmenu ul li a, .mainNavigationSubmenu ul li.active strong { display:block; padding:10px 20px; border-bottom:1px solid #876e5a; font-size:1.2rem; } .mainNavigationSubmenu ul li a { color:#000; } /* Facebook Login */ .fb-button { float:right; display:inline-block; margin-top:5px; margin-left:20px; } /* Button Farbe */ .submit, .button, .submit_container.buttonBuy input { background-color:#7dc8d7; } .button:hover, .submit:hover, .submit_container.buttonBuy input:hover, .lsfwk-bgc-price:not(.widget):not(.submit_container):hover{ background-color:#9bc83c !important; } .template_productDetails .backButtonBox { float:none; text-align:left; } /* Font */ @font-face { font-family: 'Chalkduster'; src:url('../../files/mei-schee/themes/css/files/mei-schee/themes/fonts/Chalkduster.ttf.woff') format('woff'), url('../../files/mei-schee/themes/css/files/mei-schee/themes/fonts/Chalkduster.ttf.svg#Chalkduster') format('svg'), url('../../files/mei-schee/themes/css/files/mei-schee/themesfonts/Chalkduster.ttf.eot'), url('../../files/mei-schee/themes/css/files/mei-schee/themes/fonts/Chalkduster.ttf.eot?#iefix') format('embedded-opentype'); font-weight: normal; font-style: normal; } body { padding-top:0; padding-bottom:0; background:#fff url("/files/mei-schee/themes/background/holz-hintergrund.jpg") center center no-repeat; font-family:"PT Sans",Arial,sans-serif; background-size: cover; background-attachment:fixed; } /* Überschriften */ h1 { font-family:'Miltonian Tattoo',serif; color:#462305; } /* Überschriften */ h2, h3 { font-family:'Source Sans Pro',sans-serif; color:#462305; } #main h2 { font-size:1.6667em; } #main h3 { font-size:1.5em; } #main h4 { font-size:1.4em; } /* Überschriften h1 */ #main h1 { margin-bottom:2rem; border-bottom:2px solid #876e5a; font-size:2.5rem; } /* Block für Bilder */ .template_productDetails .productInfoBlock03 { width:100%; max-width:960px; } /* Produktbeschreibung */ .template_productDetails .productInfoBlock05 { float:left; } /* Logo */ .shopLogo img { width:100%; max-width:100%; } /* Header Subnavigation */ #header .secondNavigation { float:none; margin-bottom:7px; padding-top:12px; } /* Header Subnavigation a */ #header .secondNavigation a { font:1.2rem "PT Sans",Arial,sans-serif; color:#462305; } #header .secondNavigation span:hover, #header .secondNavigation a:hover, #header .secondNavigation strong.active, #header .secondNavigation a.active, #header .secondNavigation span.trail, #header .secondNavigation a.trail { font:1.2rem "PT Sans",Arial,sans-serif; color:#9bc83c; } /* Navigation Left */ .mainNavigationSubmenu h2::after, .mainNavigationSubmenu ul li a:hover::after, .mainNavigationSubmenu ul li.active strong::after, .mainNavigationSubmenu ul li a:focus::after, .mainNavigationSubmenu ul li a.trail::after { float:right; content: url("/files/mei-schee/themes/misc/herz-weiss.svg"); } footer li.active span { font-size:1.2rem; text-decoration:underline; } /* Navigation Left H2 */ .mainNavigationSubmenu h2 { margin-top:0; margin-bottom:0; padding:15px 20px; background-color:#825f3c; font:1.5rem "Source Sans Pro",Arial,sans-serif; color:#fff; } .image-above-right figure { text-align:right; } /* Navigation Left */ #left .mainNavigationSubmenu { padding:0; box-shadow: none; } #left { width:23%; } /* Navigation Left li */ .mainNavigationSubmenu ul li:not(:last-child), .mainNavigationSubmenu ul li:last-child { border-bottom:0px solid #876e5a; } /* Level2 Borderr top entfernen */ .mainNavigationSubmenu ul.level_2 li:first-child { border-top:0; } /* Navigation Left li */ .mainNavigationSubmenu ul li { position:relative; padding:0; } /* Level2 */ .mainNavigationSubmenu ul.level_2 li { margin-left:0; } /* Level2 */ .mainNavigationSubmenu ul.level_2 li a { padding-left:50px; } /* #main */ #main { width:75%; } /* Warenkorb mini */ .template_cart_mini { width:23%; top:0; margin-bottom:0; margin-left:0; padding:15px 20px; background-color:#825f3c; font-size:1.2rem; background-image: none; height: auto; } /* Warenkorb mini */ .template_cart_mini:after { width:20px; float:right; content: url("/files/mei-schee/themes/misc/herz-weiss.svg"); } /* Warenkorb mini */ header #cart-checkout { display: inline-block; } .template_cart_mini a, a.lsfwk-bgc-standard:not(.widget):not(.submit_container){ background-color:#825f3c !important; } .template_cart_mini a span { color:#fff; font-size: 1.2rem; } .template_cart_mini a:hover { color: #fff; } /* Warenkorb */ .lsfwk-bgc-spotcolor1:not(.widget):not(.submit_container) { background-color:#825f3c !important; } /*.hasBeenPutInCart.lsfwk-bgc-spotcolor1:not(.widget):not(.submit_container) { background-color:#fff !important; border: 1px solid #825f3c; } .lsfwk-txc-inverted { color:#825f3c !important; }*/ #main .lsfwk-txc-spotcolor1, #main .lsfwk-txc-spotcolor1-all, #main .lsfwk-txc-spotcolor1-all * { color:#825f3c !important; } /* Wrapper Rand */ body:not(.merconisThemeLayoutQuickview) #wrapper { padding:0; } /* Bilder Sprachwechsler */ #header .ls_languageSelector img { width:40px; } /* Produktliste Bild */ .productMainImageBlock .imageContainer img { max-width:100%; } /* Sprachwechsler Abstand */ #header .ls_languageSelector { margin-bottom:0; margin-left:5px; } /* Rand */ #header, #container { margin-right:10px; margin-left:10px; } @media screen and (max-width: 1250px) { .productList .shopProduct { width:31%; } #left { width:28%; } .template_cart_mini { width:28%; } .mainNavigationSubmenu h2 { font-size:1.2rem; } #main { width:70%; } } @media screen and (max-width: 399px) { .productList .shopProduct { width:98%; } } @media screen and (max-width: 599px) { .formbody input, .formbody select, .formbody textarea, .formbody table tr td input, .formbody select, .formbody textarea { width:60%; min-width:60%; } .ce_gallery ul.cols_3 li { width:98%; } .lsNavtabGallery .labels, [data-lsjs-component="navtab"] [data-lsjs-element="navtabLabelContainer"] { float:none; max-width: 100%; } .productList .shopProduct { width:48%; height:450px; } } @media screen and (max-width: 900px) { .ce_gallery ul.cols_3 li { width:48%; } #main .template_productSearch_default { display:none; } body { background-image: none; } #merconisSmallScreenNavigation .mod_navigation ul li:not(:last-child), #merconisSmallScreenNavigation .mainNavigation ul li:not(:last-child) { border-bottom:1px solid #876e5a; } #merconisSmallScreenNavigation .mod_navigation ul li, #merconisSmallScreenNavigation .mainNavigation ul li { padding:0; } #merconisSmallScreenNavigation .mod_navigation ul li span, #merconisSmallScreenNavigation .mod_navigation ul li a, #merconisSmallScreenNavigation .mainNavigation ul li span, #merconisSmallScreenNavigation .mainNavigation ul li a { display:block; padding:10px 20px; font-size:1.2rem; color:#000; } #merconisSmallScreenNavigation .mod_navigation span:hover, #merconisSmallScreenNavigation .mod_navigation a:hover, #merconisSmallScreenNavigation .mod_navigation strong.active, #merconisSmallScreenNavigation .mod_navigation a.active, #merconisSmallScreenNavigation .mod_navigation span.trail, #merconisSmallScreenNavigation .mod_navigation a.trail, #merconisSmallScreenNavigation .mainNavigation span:hover, #merconisSmallScreenNavigation .mainNavigation a:hover, #merconisSmallScreenNavigation .mainNavigation strong.active, #merconisSmallScreenNavigation .mainNavigation a.active, #merconisSmallScreenNavigation .mainNavigation span.trail, #merconisSmallScreenNavigation .mainNavigation a.trail { background-color:#AFCB3a; color:#fff; } #merconisSmallScreenNavigation .mod_navigation ul.level_2 li:first-child, #merconisSmallScreenNavigation .mainNavigation ul.level_2 li:first-child { border-top:1px solid #876e5a; } #main { width:100%; } #left { width:0%; } .productList .shopProduct { width:31%; } .shopLogo { clear:both; } .fb-button { float:none; margin-top:9px; } .template_cart_mini { width:auto; } }