.download-element a{padding:3px 6px 3px 22px;background:url(../../assets/contao/images/iconPLAIN.svg) left center no-repeat}ul.enclosure{padding-left:0}li.download-element{list-style-type:none}.ext-xl a{background-image:url(../../assets/contao/images/iconXL.svg)}.ext-xls a{background-image:url(../../assets/contao/images/iconXLS.svg)}.ext-xlsx a{background-image:url(../../assets/contao/images/iconXLSX.svg)}.ext-hqx a{background-image:url(../../assets/contao/images/iconHQX.svg)}.ext-cpt a{background-image:url(../../assets/contao/images/iconCPT.svg)}.ext-bin a{background-image:url(../../assets/contao/images/iconBIN.svg)}.ext-doc a{background-image:url(../../assets/contao/images/iconDOC.svg)}.ext-docx a{background-image:url(../../assets/contao/images/iconDOCX.svg)}.ext-word a{background-image:url(../../assets/contao/images/iconWORD.svg)}.ext-cto a{background-image:url(../../assets/contao/images/iconCTO.svg)}.ext-dms a{background-image:url(../../assets/contao/images/iconDMS.svg)}.ext-lha a{background-image:url(../../assets/contao/images/iconLHA.svg)}.ext-lzh a{background-image:url(../../assets/contao/images/iconLZH.svg)}.ext-exe a{background-image:url(../../assets/contao/images/iconEXE.svg)}.ext-class a{background-image:url(../../assets/contao/images/iconCLASS.svg)}.ext-so a{background-image:url(../../assets/contao/images/iconSO.svg)}.ext-sea a{background-image:url(../../assets/contao/images/iconSEA.svg)}.ext-dll a{background-image:url(../../assets/contao/images/iconDLL.svg)}.ext-oda a{background-image:url(../../assets/contao/images/iconODA.svg)}.ext-pdf a{background-image:url(../../assets/contao/images/iconPDF.svg)}.ext-ai a{background-image:url(../../assets/contao/images/iconAI.svg)}.ext-eps a{background-image:url(../../assets/contao/images/iconEPS.svg)}.ext-ps a{background-image:url(../../assets/contao/images/iconPS.svg)}.ext-pps a{background-image:url(../../assets/contao/images/iconPPS.svg)}.ext-ppt a{background-image:url(../../assets/contao/images/iconPPT.svg)}.ext-pptx a{background-image:url(../../assets/contao/images/iconPPTX.svg)}.ext-smi a{background-image:url(../../assets/contao/images/iconSMI.svg)}.ext-smil a{background-image:url(../../assets/contao/images/iconSMIL.svg)}.ext-mif a{background-image:url(../../assets/contao/images/iconMIF.svg)}.ext-odc a{background-image:url(../../assets/contao/images/iconODC.svg)}.ext-odf a{background-image:url(../../assets/contao/images/iconODF.svg)}.ext-odg a{background-image:url(../../assets/contao/images/iconODG.svg)}.ext-odi a{background-image:url(../../assets/contao/images/iconODI.svg)}.ext-odp a{background-image:url(../../assets/contao/images/iconODP.svg)}.ext-ods a{background-image:url(../../assets/contao/images/iconODS.svg)}.ext-odt a{background-image:url(../../assets/contao/images/iconODT.svg)}.ext-wbxml a{background-image:url(../../assets/contao/images/iconWBXML.svg)}.ext-wmlc a{background-image:url(../../assets/contao/images/iconWMLC.svg)}.ext-dmg a{background-image:url(../../assets/contao/images/iconDMG.svg)}.ext-dcr a{background-image:url(../../assets/contao/images/iconDCR.svg)}.ext-dir a{background-image:url(../../assets/contao/images/iconDIR.svg)}.ext-dxr a{background-image:url(../../assets/contao/images/iconDXR.svg)}.ext-dvi a{background-image:url(../../assets/contao/images/iconDVI.svg)}.ext-gtar a{background-image:url(../../assets/contao/images/iconGTAR.svg)}.ext-inc a{background-image:url(../../assets/contao/images/iconINC.svg)}.ext-php a{background-image:url(../../assets/contao/images/iconPHP.svg)}.ext-php3 a{background-image:url(../../assets/contao/images/iconPHP3.svg)}.ext-php4 a{background-image:url(../../assets/contao/images/iconPHP4.svg)}.ext-php5 a{background-image:url(../../assets/contao/images/iconPHP5.svg)}.ext-phtml a{background-image:url(../../assets/contao/images/iconPHTML.svg)}.ext-phps a{background-image:url(../../assets/contao/images/iconPHPS.svg)}.ext-js a{background-image:url(../../assets/contao/images/iconJS.svg)}.ext-psd a{background-image:url(../../assets/contao/images/iconPSD.svg)}.ext-rar a{background-image:url(../../assets/contao/images/iconRAR.svg)}.ext-fla a{background-image:url(../../assets/contao/images/iconFLA.svg)}.ext-swf a{background-image:url(../../assets/contao/images/iconSWF.svg)}.ext-sit a{background-image:url(../../assets/contao/images/iconSIT.svg)}.ext-tar a{background-image:url(../../assets/contao/images/iconTAR.svg)}.ext-tgz a{background-image:url(../../assets/contao/images/iconTGZ.svg)}.ext-xhtml a{background-image:url(../../assets/contao/images/iconXHTML.svg)}.ext-xht a{background-image:url(../../assets/contao/images/iconXHT.svg)}.ext-zip a{background-image:url(../../assets/contao/images/iconZIP.svg)}.ext-m4a a{background-image:url(../../assets/contao/images/iconM4A.svg)}.ext-mp3 a{background-image:url(../../assets/contao/images/iconMP3.svg)}.ext-wma a{background-image:url(../../assets/contao/images/iconWMA.svg)}.ext-mpeg a{background-image:url(../../assets/contao/images/iconMPEG.svg)}.ext-wav a{background-image:url(../../assets/contao/images/iconWAV.svg)}.ext-ogg a{background-image:url(../../assets/contao/images/iconOGG.svg)}.ext-mid a{background-image:url(../../assets/contao/images/iconMID.svg)}.ext-midi a{background-image:url(../../assets/contao/images/iconMIDI.svg)}.ext-aif a{background-image:url(../../assets/contao/images/iconAIF.svg)}.ext-aiff a{background-image:url(../../assets/contao/images/iconAIFF.svg)}.ext-aifc a{background-image:url(../../assets/contao/images/iconAIFC.svg)}.ext-ram a{background-image:url(../../assets/contao/images/iconRAM.svg)}.ext-rm a{background-image:url(../../assets/contao/images/iconRM.svg)}.ext-rpm a{background-image:url(../../assets/contao/images/iconRPM.svg)}.ext-ra a{background-image:url(../../assets/contao/images/iconRA.svg)}.ext-bmp a{background-image:url(../../assets/contao/images/iconBMP.svg)}.ext-gif a{background-image:url(../../assets/contao/images/iconGIF.svg)}.ext-jpeg a{background-image:url(../../assets/contao/images/iconJPEG.svg)}.ext-jpg a{background-image:url(../../assets/contao/images/iconJPG.svg)}.ext-jpe a{background-image:url(../../assets/contao/images/iconJPE.svg)}.ext-png a{background-image:url(../../assets/contao/images/iconPNG.svg)}.ext-tiff a{background-image:url(../../assets/contao/images/iconTIFF.svg)}.ext-tif a{background-image:url(../../assets/contao/images/iconTIF.svg)}.ext-svg a{background-image:url(../../assets/contao/images/iconSVG.svg)}.ext-svgz a{background-image:url(../../assets/contao/images/iconSVGZ.svg)}.ext-webp a{background-image:url(../../assets/contao/images/iconWEBP.svg)}.ext-avif a{background-image:url(../../assets/contao/images/iconAVIF.svg)}.ext-heic a{background-image:url(../../assets/contao/images/iconHEIC.svg)}.ext-jxl a{background-image:url(../../assets/contao/images/iconJXL.svg)}.ext-eml a{background-image:url(../../assets/contao/images/iconEML.svg)}.ext-asp a{background-image:url(../../assets/contao/images/iconASP.svg)}.ext-css a{background-image:url(../../assets/contao/images/iconCSS.svg)}.ext-scss a{background-image:url(../../assets/contao/images/iconSCSS.svg)}.ext-less a{background-image:url(../../assets/contao/images/iconLESS.svg)}.ext-html a{background-image:url(../../assets/contao/images/iconHTML.svg)}.ext-htm a{background-image:url(../../assets/contao/images/iconHTM.svg)}.ext-md a{background-image:url(../../assets/contao/images/iconMD.svg)}.ext-shtml a{background-image:url(../../assets/contao/images/iconSHTML.svg)}.ext-txt a{background-image:url(../../assets/contao/images/iconTXT.svg)}.ext-text a{background-image:url(../../assets/contao/images/iconTEXT.svg)}.ext-log a{background-image:url(../../assets/contao/images/iconLOG.svg)}.ext-rtx a{background-image:url(../../assets/contao/images/iconRTX.svg)}.ext-rtf a{background-image:url(../../assets/contao/images/iconRTF.svg)}.ext-xml a{background-image:url(../../assets/contao/images/iconXML.svg)}.ext-xsl a{background-image:url(../../assets/contao/images/iconXSL.svg)}.ext-mp4 a{background-image:url(../../assets/contao/images/iconMP4.svg)}.ext-m4v a{background-image:url(../../assets/contao/images/iconM4V.svg)}.ext-mov a{background-image:url(../../assets/contao/images/iconMOV.svg)}.ext-wmv a{background-image:url(../../assets/contao/images/iconWMV.svg)}.ext-webm a{background-image:url(../../assets/contao/images/iconWEBM.svg)}.ext-qt a{background-image:url(../../assets/contao/images/iconQT.svg)}.ext-rv a{background-image:url(../../assets/contao/images/iconRV.svg)}.ext-avi a{background-image:url(../../assets/contao/images/iconAVI.svg)}.ext-ogv a{background-image:url(../../assets/contao/images/iconOGV.svg)}.ext-movie a{background-image:url(../../assets/contao/images/iconMOVIE.svg)} #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} .cc-head>*:first-child{margin-top:0}.cc-head>*:last-child{margin-bottom:15px}.contao-cookiebar{--ccb-backdrop: rgba(0, 0, 0, .75);--ccb-anim-duration: .5s;--ccb-checked-clr: #399d32;--ccb-checked-bg: #dcf3db;--ccb-unchecked-clr: #9c9b99;--ccb-unchecked-bg: #fff;--ccb-disabled-clr: #c8c7c5;--ccb-disabled-bg: #f4f4f4;--ccb-focus-clr: #00a4f4;position:fixed;inset:0;z-index:9999;display:flex;align-items:var(--ccb-align, center);justify-content:var(--ccb-justify, center);letter-spacing:0;padding:15px;max-height:100dvh;box-sizing:border-box;pointer-events:none;overflow:hidden;color:var(--ccb-clr, #444)}.contao-cookiebar *{box-sizing:border-box}.contao-cookiebar p{color:var(--ccb-text, #868686);line-height:1.4}.contao-cookiebar label{position:relative;display:block;padding:8px 13px 8px 0;line-height:1.2rem}.contao-cookiebar label.group{font-weight:600}.contao-cookiebar input{position:absolute;width:1px;height:1px;outline:0 none;opacity:0}.contao-cookiebar input+label{padding:8px 13px 8px 45px;cursor:pointer}.contao-cookiebar input+label:before,.contao-cookiebar input+label:after{content:"";position:absolute;border-radius:10px}.contao-cookiebar input+label:before{top:7px;left:0;width:35px;height:18px;margin:0;box-sizing:content-box;background:var(--ccb-unchecked-bg);border:1px solid var(--ccb-unchecked-clr);transition:border-color .2s}.contao-cookiebar input+label:after{display:block;top:11px;left:4px;width:12px;height:12px;background:var(--ccb-unchecked-clr);transition:background .2s,margin-left .2s,padding .2s}.contao-cookiebar input+label:active:after{padding-left:5px}.contao-cookiebar input.cc-group-half+label:after{background:linear-gradient(to right, var(--ccb-unchecked-clr) 0%, var(--ccb-unchecked-clr) 50%, var(--ccb-checked-clr) 50%, var(--ccb-checked-clr) 100%)}.contao-cookiebar input:checked+label:after{background:var(--ccb-checked-clr);margin-left:17px}.contao-cookiebar input:checked+label:active:after{margin-left:12px}.contao-cookiebar input:checked+label:before{background:var(--ccb-checked-bg);border-color:var(--ccb-checked-clr)}.contao-cookiebar input:disabled+label{pointer-events:none}.contao-cookiebar input:disabled+label:after{background:var(--ccb-disabled-clr)}.contao-cookiebar input:disabled+label:before{background:var(--ccb-disabled-bg);border-color:var(--ccb-disabled-clr)}.contao-cookiebar input:focus-visible:not(.cc-hide-focus)+label:before{outline:3px dashed var(--ccb-focus-clr);outline-offset:2px}.contao-cookiebar .cc-btn{display:inline-block;cursor:pointer;width:100%;padding:8px 14px;margin-bottom:8px;font-size:15px;outline:0 none;border:1px solid var(--ccb-btn-bdr, #cfcfcf);border-radius:4px;color:var(--ccb-btn-clr, #444);background:var(--ccb-btn-bg, #f5f5f5)}.contao-cookiebar .cc-btn:hover,.contao-cookiebar .cc-btn:focus{background:var(--ccb-btn-bg-hvr, #ececec)}.contao-cookiebar .cc-btn:last-child{margin-bottom:0}.contao-cookiebar .grayscale{--ccb-btn-bg: #f1efef;--ccb-btn-bg-hvr: #ececec}.contao-cookiebar .grayscale .success{--ccb-btn-bg: #fbfbfb;--ccb-btn-bg-hvr: #f7f7f7}.contao-cookiebar .highlight .success{--ccb-btn-bg: #4e9e3e;--ccb-btn-bg-hvr: #4c933f;--ccb-btn-bdr: #3e7830;--ccb-btn-clr: #fff}.cc-focus:not(.cc-hide-focus):focus-visible{outline:3px dashed var(--ccb-focus-clr);outline-offset:-3px}.cc-invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;float:left}.cc-inner{display:inline-block;overflow-y:auto;max-height:100%;max-width:100%;padding:23px;border-radius:3px;opacity:0;pointer-events:none;visibility:hidden;font-size:1rem;text-align:left;background:var(--ccb-bg, #fff);box-shadow:var(--ccb-box-shadow, rgba(99, 99, 99, 0.2)) 0 2px 8px 0;animation:var(--ccb-anim, cookiebar-middle-in) var(--ccb-anim-duration) ease-in-out forwards}.cc-group{position:relative;border:1px solid var(--ccb-bdr, #d0d0d0);border-radius:5px;margin-bottom:10px}.cc-cookie-info{font-size:.875rem;background:var(--ccb-info-bg, #fff);border:1px solid var(--ccb-info-bdr, #efefef);padding:10px;border-radius:5px}.cc-cookie-info>div>span{font-weight:600}.cc-cookie-info>div+div{margin-top:5px;word-wrap:break-word}.cc-cookie-info+button.cc-detail-btn-details{margin-top:15px}.cc-cookies{background:var(--ccb-cookies-bg, #fbfbfb);border-radius:0 0 5px 5px}.cc-cookies>p{font-size:.875rem}.cc-cookies>p,.cc-cookies>.cc-cookie{margin:0;padding:15px;border-top:1px solid var(--ccb-cookies-bdr, #fbfbfb)}.cc-cookie label.cookie+*{margin-top:10px}.cc-cookie p{margin:0 0 15px;font-size:.875rem}.cc-cookie-desc p{margin-bottom:0}.cc-footer,.cc-info{text-align:center}.cc-info{margin-top:15px}.cc-info>p{font-size:.875rem}.cc-info>a{display:inline-block;font-size:.813rem;color:var(--ccb-detail-clr, #a2a2a2);text-decoration:none}.cc-info>a:hover{color:var(--ccb-detail-clr-hvr, #717171)}.cc-info>a+a:before{display:inline-block;content:"·";margin-right:5px}.cc-active .cc-inner{opacity:1;pointer-events:auto;visibility:visible}.cc-active.cc-blocked{pointer-events:auto;animation:cookiebar-overlay-in var(--ccb-anim-duration) ease-in-out forwards}.cc-saved.cc-inner{opacity:0;pointer-events:none;visibility:hidden}.cc-saved.cc-blocked{pointer-events:none;animation:cookiebar-overlay-out var(--ccb-anim-duration) ease-in-out forwards}.cc-left{--ccb-justify: flex-start}.cc-right{--ccb-justify: flex-end}.cc-top{--ccb-align: flex-start}.cc-top.cc-active{--ccb-anim: cookiebar-top-in}.cc-top.cc-saved{--ccb-anim: cookiebar-top-out}.cc-middle.cc-active{--ccb-anim: cookiebar-middle-in}.cc-middle.cc-saved{--ccb-anim: cookiebar-middle-out}.cc-bottom{--ccb-align: flex-end}.cc-bottom.cc-active{--ccb-anim: cookiebar-bottom-in}.cc-bottom.cc-saved{--ccb-anim: cookiebar-bottom-out}@media(min-width: 768px){.contao-cookiebar .cc-btn{width:auto;margin-bottom:0}.cc-inner{max-width:var(--ccb-max-width, 750px)}}@media(forced-colors){.contao-cookiebar input+label:after{border:1px solid currentColor}.cc-inner{border:1px solid currentColor}input.cc-group-half+label:after{margin-left:9px}}@media(prefers-reduced-motion){.contao-cookiebar{--ccb-anim-duration: 2s}}@media print{.contao-cookiebar{opacity:0}}@keyframes cookiebar-overlay-in{0%{background:rgba(0,0,0,0)}to{background:var(--ccb-backdrop)}}@keyframes cookiebar-overlay-out{0%{background:var(--ccb-backdrop)}to{background:rgba(0,0,0,0);visibility:hidden}}@keyframes cookiebar-top-in{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-top-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(-100%)}}@keyframes cookiebar-middle-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes cookiebar-middle-out{0%{opacity:1;visibility:visible;transform:scale(1)}to{opacity:0;visibility:hidden;transform:scale(0)}}@keyframes cookiebar-bottom-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-bottom-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(100%)}}.cc-group{display:flex;flex-wrap:wrap;justify-content:space-between;align-content:center}.cc-group>label{flex-grow:1;margin:5px 0 5px 10px}.cc-cookies{display:none;width:100%}.cc-detail-btn{padding:8px 10px;line-height:1.2rem}.cc-detail-btn-details{text-decoration:underline;padding:0;margin:0 0 10px}.cc-detail-btn,.cc-detail-btn-details{display:inline-block;color:var(--ccb-detail-clr, #a2a2a2);border:0 none;outline:0 none;background:rgba(0,0,0,0);font-size:13px;letter-spacing:0;text-transform:initial;cursor:pointer}.cc-detail-btn span:nth-child(2),.cc-detail-btn-details span:nth-child(2){display:none}.cc-detail-btn.cc-active span:nth-child(1),.cc-detail-btn-details.cc-active span:nth-child(1){display:none}.cc-detail-btn.cc-active span:nth-child(2),.cc-detail-btn-details.cc-active span:nth-child(2){display:inline}.cc-detail-btn:hover,.cc-detail-btn-details:hover{background:rgba(0,0,0,0);color:var(--ccb-detail-clr-hvr, #717171)} /* normalize.css 2012-03-11T12:53 UTC - http://github.com/necolas/normalize.css */ /* ============================================================================= * HTML5 display definitions * ========================================================================== */ /* Corrects block display not defined in IE6/7/8/9 & FF3 */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; } /* Corrects inline-block display not defined in IE6/7/8/9 & FF3 */ audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } /* Prevents modern browsers from displaying 'audio' without controls * Remove excess height in iOS5 devices */ audio:not([controls]) { display: none; height: 0; } /* Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4 * Known issue: no IE6 support */ [hidden] { display: none; } /* ============================================================================= * Base * ========================================================================== */ /* 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units * http://clagnut.com/blog/348/#c790 * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom * www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ html { font-size: 100%; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ font-family: sans-serif; } /* Addresses font-family inconsistency between 'textarea' and other form elements. */ button, input, select, textarea { font-family: sans-serif; } /* Addresses margins handled incorrectly in IE6/7 */ body { margin: 0; } /* ============================================================================= * Links * ========================================================================== */ /* Addresses outline displayed oddly in Chrome */ a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } /* Improves readability when focused and also mouse hovered in all browsers * people.opera.com/patrickl/experiments/keyboard/test */ /* ============================================================================= * Typography * ========================================================================== */ /* Addresses font sizes and margins set differently in IE6/7 * Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5 */ h1 { font-size: 2em; margin: 0.67em 0; } h2 { font-size: 1.5em; margin: 0.83em 0; } h3 { font-size: 1.17em; margin: 1em 0; } h4 { font-size: 1em; margin: 1.33em 0; } h5 { font-size: 0.83em; margin: 1.67em 0; } h6 { font-size: 0.75em; margin: 2.33em 0; } /* Addresses styling not present in IE7/8/9, S5, Chrome */ abbr[title] { border-bottom: 1px dotted; } /* Addresses style set to 'bolder' in FF3+, S4/5, Chrome */ b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } /* Addresses styling not present in S5, Chrome */ dfn { font-style: italic; } /* Addresses styling not present in IE6/7/8/9 */ mark { background: yellow; color: black; } /* Addresses margins set differently in IE6/7 */ p { margin: 1em 0; } pre { margin: 1em 0; font-family: monospace, serif; _font-family: "courier new", monospace; font-size: 1em; } /* Corrects font family set oddly in IE6, S4/5, Chrome * en.wikipedia.org/wiki/User:Davidgothberg/Test59 */ code, kbd, samp { font-family: monospace, serif; _font-family: "courier new", monospace; font-size: 1em; } /* Improves readability of pre-formatted text in all browsers */ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } /* 1. Addresses CSS quotes not supported in IE6/7 * 2. Addresses quote property not supported in S4 */ /* 1 */ q { quotes: none; } q:before, q:after { content: ""; content: none; } /* 2 */ small { font-size: 75%; } /* Prevents sub and sup affecting line-height in all browsers * gist.github.com/413930 */ sub { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; top: -0.25em; } sub { bottom: -0.2em; } /* ============================================================================= * Lists * ========================================================================== */ /* Addresses margins set differently in IE6/7 */ dl, menu, ol, ul { margin: 1em 0; } dd { margin: 0 0 0 40px; } /* Addresses paddings set differently in IE6/7 */ menu, ol, ul { padding: 0 0 0 40px; } /* Corrects list images handled incorrectly in IE7 */ nav ul, nav ol { list-style: none; list-style-image: none; } /* ============================================================================= * Embedded content * ========================================================================== */ /* 1. Removes border when inside 'a' element in IE6/7/8/9, FF3 * 2. Improves image quality when scaled in IE7 * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */ img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ } /* Corrects overflow displayed oddly in IE9 */ svg:not(:root) { overflow: hidden; } /* ============================================================================= * Figures * ========================================================================== */ /* Addresses margin not present in IE6/7/8/9, S5, O11 */ figure, form { margin: 0; } /* ============================================================================= * Forms * ========================================================================== */ /* Corrects margin displayed oddly in IE6/7 */ /* Define consistent border, margin, and padding */ fieldset { border: 1px solid silver; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /* 1. Corrects color not being inherited in IE6/7/8/9 * 2. Corrects text not wrapping in FF3 * 3. Corrects alignment displayed oddly in IE6/7 */ legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ *margin-left: -7px; /* 3 */ } /* 1. Corrects font size not being inherited in all browsers * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome * 3. Improves appearance and consistency in all browsers */ button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ } /* Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet */ button, input { line-height: normal; /* 1 */ } /* 1. Improves usability and consistency of cursor style between image-type 'input' and others * 2. Corrects inability to style clickable 'input' types in iOS * 3. Removes inner spacing in IE7 without affecting normal text inputs * Known issue: inner spacing remains in IE6 */ button { cursor: pointer; /* 1 */ -webkit-appearance: button; /* 2 */ *overflow: visible; /* 3 */ } input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; /* 1 */ -webkit-appearance: button; /* 2 */ *overflow: visible; /* 3 */ } /* Re-set default cursor for disabled elements */ button[disabled] { cursor: default; } input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */ } input[type="search"] { -webkit-appearance: textfield; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } /* 1. Addresses box sizing set to content-box in IE8/9 * 2. Removes excess padding in IE8/9 * 3. Removes excess padding in IE7 * Known issue: excess padding remains in IE6 */ /* 1. Addresses appearance set to searchfield in S5, Chrome * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof) */ /* Removes inner padding and search cancel button in S5, Chrome on OS X */ /* Removes inner padding and border in FF3+ * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* 1. Removes default vertical scrollbar in IE6/7/8/9 * 2. Improves readability and alignment in all browsers */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /* ============================================================================= * Tables * ========================================================================== */ /* Remove most spacing between table cells */ table { border-collapse: collapse; border-spacing: 0; } /* =========================================== * Icon classes * ======================================== */ .icon-3d:before { content: "\e150"; } .icon-addressbook:before { content: "\e001"; } .icon-airplane:before { content: "\e002"; } .icon-amazon:before { content: "\e004"; } .icon-amazon-2:before { content: "\e003"; } .icon-ampersand:before { content: "\26"; } .icon-anchor:before { content: "\e005"; } .icon-android:before { content: "\e006"; } .icon-aperture:before { content: "\e007"; } .icon-apple:before { content: "\e008"; } .icon-arrow-2-down:before { content: "\e009"; } .icon-arrow-2-left:before { content: "\e00a"; } .icon-arrow-2-right:before { content: "\e00b"; } .icon-arrow-2-up:before { content: "\e00c"; } .icon-arrow-3-down:before { content: "\2193"; } .icon-arrow-3-down-left:before { content: "\e00d"; } .icon-arrow-3-down-right:before { content: "\e00e"; } .icon-arrow-3-left:before { content: "\2190"; } .icon-arrow-3-right:before { content: "\2192"; } .icon-arrow-3-up:before { content: "\2191"; } .icon-arrow-3-up-left:before { content: "\e00f"; } .icon-arrow-3-up-right:before { content: "\e010"; } .icon-arrow-4-down:before { content: "\e011"; } .icon-arrow-4-left:before { content: "\e012"; } .icon-arrow-4-right:before { content: "\e013"; } .icon-arrow-4-up:before { content: "\e014"; } .icon-arrow-5-down:before { content: "\e015"; } .icon-arrow-5-first:before { content: "\e016"; } .icon-arrow-5-last:before { content: "\e017"; } .icon-arrow-5-left:before { content: "\e018"; } .icon-arrow-5-right:before { content: "\e019"; } .icon-arrow-5-up:before { content: "\e01a"; } .icon-arrow-down:before { content: "\e01d"; } .icon-arrow-down-left:before { content: "\e01b"; } .icon-arrow-down-right:before { content: "\e01c"; } .icon-arrow-left:before { content: "\e01e"; } .icon-arrow-right:before { content: "\e01f"; } .icon-arrow-up:before { content: "\e022"; } .icon-arrow-up-left:before { content: "\e020"; } .icon-arrow-up-right:before { content: "\e021"; } .icon-at:before { content: "\40"; } .icon-award:before { content: "\e023"; } .icon-backspace:before { content: "\e024"; } .icon-baidu:before { content: "\e025"; } .icon-bars:before { content: "\e026"; } .icon-basket:before { content: "\e027"; } .icon-beaker:before { content: "\e028"; } .icon-bell:before { content: "\e029"; } .icon-binoculars:before { content: "\e02a"; } .icon-blogger:before { content: "\e02c"; } .icon-blogger-2:before { content: "\e02b"; } .icon-bluetooth:before { content: "\e02d"; } .icon-bolt:before { content: "\2301"; } .icon-bolt-2:before { content: "\e02e"; } .icon-book:before { content: "\e031"; } .icon-book-2:before { content: "\e02f"; } .icon-book-3:before { content: "\e030"; } .icon-bookmark:before { content: "\e032"; } .icon-box:before { content: "\e033"; } .icon-brush:before { content: "\e034"; } .icon-calc:before { content: "\e035"; } .icon-calendar:before { content: "\e037"; } .icon-calendar-stroke:before { content: "\e036"; } .icon-camera:before { content: "\e038"; } .icon-cart:before { content: "\e03a"; } .icon-cart-2:before { content: "\e039"; } .icon-case:before { content: "\e03b"; } .icon-cc:before { content: "\e03c"; } .icon-cd:before { content: "\e03d"; } .icon-chart:before { content: "\25d5"; } .icon-chart-down:before { content: "\e03f"; } .icon-chart-down-2:before { content: "\e03e"; } .icon-chart-up:before { content: "\e041"; } .icon-chart-up-2:before { content: "\e040"; } .icon-chat:before { content: "\e043"; } .icon-chat-stroke:before { content: "\e042"; } .icon-check:before { content: "\2713"; } .icon-check-2:before { content: "\e044"; } .icon-check-3:before { content: "\2714"; } .icon-chrome:before { content: "\e045"; } .icon-clef:before { content: "\e047"; } .icon-clef-2:before { content: "\e046"; } .icon-clipboard:before { content: "\e048"; } .icon-clock:before { content: "\e049"; } .icon-cloud:before { content: "\2601"; } .icon-cloud-download:before { content: "\e04a"; } .icon-cloud-upload:before { content: "\e04b"; } .icon-code:before { content: "\e04c"; } .icon-coffee:before { content: "\e04d"; } .icon-cog:before { content: "\2699"; } .icon-cogs:before { content: "\e04e"; } .icon-command:before { content: "\e04f"; } .icon-comment:before { content: "\e053"; } .icon-comment-2:before { content: "\e051"; } .icon-comment-2-stroke:before { content: "\e050"; } .icon-comment-stroke:before { content: "\e052"; } .icon-cone:before { content: "\e055"; } .icon-cone-2:before { content: "\e054"; } .icon-contao:before { content: "\e056"; } .icon-contrast:before { content: "\e057"; } .icon-creditcard:before { content: "\e059"; } .icon-creditcard-2:before { content: "\e058"; } .icon-css3:before { content: "\e05a"; } .icon-cursor:before { content: "\2196"; } .icon-curved-arrow:before { content: "\e05b"; } .icon-delicious:before { content: "\e05c"; } .icon-denied:before { content: "\2298"; } .icon-deviantart:before { content: "\e05e"; } .icon-deviantart-2:before { content: "\e05d"; } .icon-direction:before { content: "\e05f"; } .icon-document:before { content: "\e06a"; } .icon-document-add:before { content: "\e060"; } .icon-document-css:before { content: "\e061"; } .icon-document-excel:before { content: "\e062"; } .icon-document-openoffice:before { content: "\e063"; } .icon-document-pdf:before { content: "\e064"; } .icon-document-powerpoint:before { content: "\e065"; } .icon-document-remove:before { content: "\e066"; } .icon-document-word:before { content: "\e067"; } .icon-document-xml:before { content: "\e068"; } .icon-document-zip:before { content: "\e069"; } .icon-documents:before { content: "\e06c"; } .icon-documents-2:before { content: "\e06b"; } .icon-download:before { content: "\e06d"; } .icon-download-2:before { content: "\2913"; } .icon-dribbble:before { content: "\e06f"; } .icon-dribbble-2:before { content: "\e06e"; } .icon-dropbox:before { content: "\e070"; } .icon-eject:before { content: "\23cf"; } .icon-ember:before { content: "\e071"; } .icon-equalizer:before { content: "\e072"; } .icon-external:before { content: "\e151"; } .icon-eye:before { content: "\e073"; } .icon-eyedropper:before { content: "\e074"; } .icon-facebook:before { content: "\e076"; } .icon-facebook-2:before { content: "\e075"; } .icon-fan:before { content: "\e077"; } .icon-fax:before { content: "\e078"; } .icon-feed:before { content: "\e07a"; } .icon-feed-2:before { content: "\e079"; } .icon-female:before { content: "\e07b"; } .icon-firefox:before { content: "\e07c"; } .icon-firewire:before { content: "\e07d"; } .icon-first:before { content: "\21e4"; } .icon-flag:before { content: "\e07f"; } .icon-flag-2:before { content: "\e07e"; } .icon-flickr:before { content: "\e081"; } .icon-flickr-2:before { content: "\e080"; } .icon-floppy:before { content: "\e082"; } .icon-folder:before { content: "\e083"; } .icon-folders:before { content: "\e084"; } .icon-font:before { content: "\e086"; } .icon-font-2:before { content: "\e085"; } .icon-fork:before { content: "\2443"; } .icon-forrst:before { content: "\e088"; } .icon-forrst-2:before { content: "\e087"; } .icon-fullscreen:before { content: "\e08a"; } .icon-fullscreen-exit:before { content: "\e089"; } .icon-funnel:before { content: "\e08b"; } .icon-gallery:before { content: "\e08c"; } .icon-game:before { content: "\e08d"; } .icon-git:before { content: "\e090"; } .icon-git-2:before { content: "\e08e"; } .icon-git-3:before { content: "\e08f"; } .icon-github:before { content: "\e093"; } .icon-github-2:before { content: "\e091"; } .icon-github-cat:before { content: "\e092"; } .icon-glasses:before { content: "\e094"; } .icon-globe:before { content: "\e095"; } .icon-gplus:before { content: "\e098"; } .icon-gplus-2:before { content: "\e096"; } .icon-gplus-3:before { content: "\e097"; } .icon-grid:before { content: "\e09a"; } .icon-grid-2:before { content: "\e099"; } .icon-hash:before { content: "\23"; } .icon-hd:before { content: "\e09b"; } .icon-headphones:before { content: "\e09c"; } .icon-heart:before { content: "\e09e"; } .icon-heart-stroke:before { content: "\e09d"; } .icon-heartbeat:before { content: "\e09f"; } .icon-help:before { content: "\e0a0"; } .icon-home:before { content: "\2302"; } .icon-home-2:before { content: "\e0a1"; } .icon-html5:before { content: "\e0a3"; } .icon-html5-stroke:before { content: "\e0a2"; } .icon-ie:before { content: "\e0a4"; } .icon-infinity:before { content: "\e0a5"; } .icon-info:before { content: "\2139"; } .icon-info-2:before { content: "\e0a6"; } .icon-ipad:before { content: "\e0a7"; } .icon-iphone:before { content: "\e0a8"; } .icon-ipod:before { content: "\e0a9"; } .icon-key:before { content: "\e0ab"; } .icon-key-stroke:before { content: "\e0aa"; } .icon-laptop:before { content: "\e0ad"; } .icon-laptop-2:before { content: "\e0ac"; } .icon-last:before { content: "\21e5"; } .icon-lastfm:before { content: "\e0af"; } .icon-lastfm-2:before { content: "\e0ae"; } .icon-layers:before { content: "\e0b0"; } .icon-leave:before { content: "\e0b1"; } .icon-left-quote:before { content: "\201c"; } .icon-left-quote-2:before { content: "\e0b2"; } .icon-like:before { content: "\e0b3"; } .icon-link:before { content: "\e0b5"; } .icon-link-2:before { content: "\e0b4"; } .icon-linkedin:before { content: "\e0b6"; } .icon-list:before { content: "\e0b8"; } .icon-list-2:before { content: "\e0b7"; } .icon-load-0:before { content: "\e0b9"; } .icon-load-1:before { content: "\e0ba"; } .icon-load-2:before { content: "\e0bb"; } .icon-load-3:before { content: "\e0bc"; } .icon-load-4:before { content: "\e0bd"; } .icon-load-5:before { content: "\e0be"; } .icon-load-6:before { content: "\e0bf"; } .icon-load-7:before { content: "\e0c0"; } .icon-lock:before { content: "\e0c3"; } .icon-lock-2:before { content: "\e0c1"; } .icon-lock-stroke:before { content: "\e0c2"; } .icon-loop:before { content: "\27f3"; } .icon-loop-double:before { content: "\e0c4"; } .icon-loop-left:before { content: "\e0c6"; } .icon-loop-left-2:before { content: "\e0c5"; } .icon-loop-right:before { content: "\e0c8"; } .icon-loop-right-2:before { content: "\e0c7"; } .icon-magnifying-glass:before { content: "\e0cb"; } .icon-magnifying-glass-2:before { content: "\e0c9"; } .icon-magnifying-glass-3:before { content: "\e0ca"; } .icon-mail:before { content: "\2709"; } .icon-mail-2:before { content: "\e0cc"; } .icon-mail-3:before { content: "\e0cd"; } .icon-mail-stroke:before { content: "\e0ce"; } .icon-male:before { content: "\e0cf"; } .icon-map-pin:before { content: "\e0d3"; } .icon-map-pin-2:before { content: "\e0d1"; } .icon-map-pin-2-stroke:before { content: "\e0d0"; } .icon-map-pin-stroke:before { content: "\e0d2"; } .icon-megaphone:before { content: "\e0d4"; } .icon-mic:before { content: "\e0d6"; } .icon-mic-2:before { content: "\e0d5"; } .icon-minus:before { content: "\2212"; } .icon-minus-2:before { content: "\2296"; } .icon-monitor:before { content: "\e0d7"; } .icon-moon:before { content: "\e0d8"; } .icon-moon-stroke:before { content: "\263e"; } .icon-mouse:before { content: "\e0d9"; } .icon-move:before { content: "\e0da"; } .icon-move-horizontal:before { content: "\2194"; } .icon-move-vertical:before { content: "\2195"; } .icon-movie:before { content: "\e0db"; } .icon-new-window:before { content: "\e0dc"; } .icon-news:before { content: "\e0dd"; } .icon-opera:before { content: "\e0de"; } .icon-paperclip:before { content: "\e0df"; } .icon-paperplane:before { content: "\e0e0"; } .icon-pause:before { content: "\e0e2"; } .icon-pause-2:before { content: "\e0e1"; } .icon-pen:before { content: "\270f"; } .icon-pen-2:before { content: "\e0e4"; } .icon-pen-2-stroke:before { content: "\e0e3"; } .icon-pen-3:before { content: "\e0e5"; } .icon-phone:before { content: "\e0e8"; } .icon-phone-2:before { content: "\e0e6"; } .icon-phone-mobile:before { content: "\e0e7"; } .icon-picasa:before { content: "\e0ea"; } .icon-picasa-2:before { content: "\e0e9"; } .icon-pilcrow:before { content: "\b6"; } .icon-pin:before { content: "\e0eb"; } .icon-pinterest:before { content: "\e0ed"; } .icon-pinterest-2:before { content: "\e0ec"; } .icon-play:before { content: "\25b6"; } .icon-play-2:before { content: "\e0ee"; } .icon-plus:before { content: "\2b"; } .icon-plus-2:before { content: "\e0ef"; } .icon-plus-3:before { content: "\2295"; } .icon-podcast:before { content: "\e0f1"; } .icon-podcast-2:before { content: "\e0f0"; } .icon-polaroids:before { content: "\e0f2"; } .icon-power:before { content: "\e0f3"; } .icon-printer:before { content: "\e0f5"; } .icon-printer-2:before { content: "\e0f4"; } .icon-puzzle:before { content: "\e0f6"; } .icon-question:before { content: "\e0f7"; } .icon-question-mark:before { content: "\3f"; } .icon-rain:before { content: "\e0f8"; } .icon-read:before { content: "\e0f9"; } .icon-recycle:before { content: "\e0fa"; } .icon-reload:before { content: "\21bb"; } .icon-responsive:before { content: "\e0fb"; } .icon-right-quote:before { content: "\201d"; } .icon-right-quote-2:before { content: "\e0fc"; } .icon-rocket:before { content: "\e0fd"; } .icon-rss:before { content: "\e0ff"; } .icon-rss-2:before { content: "\e0fe"; } .icon-ruler:before { content: "\e100"; } .icon-safari:before { content: "\e101"; } .icon-save:before { content: "\e102"; } .icon-seo:before { content: "\e103"; } .icon-share:before { content: "\e105"; } .icon-share-2:before { content: "\e104"; } .icon-shield:before { content: "\e108"; } .icon-shield-2:before { content: "\e107"; } .icon-shield-2-stroke:before { content: "\e106"; } .icon-shuffle:before { content: "\e109"; } .icon-skype:before { content: "\e10a"; } .icon-smiles:before { content: "\e10b"; } .icon-snowflake:before { content: "\e10c"; } .icon-soundcloud:before { content: "\e10e"; } .icon-soundcloud-2:before { content: "\e10d"; } .icon-speedometer:before { content: "\e112"; } .icon-speedometer-2:before { content: "\e111"; } .icon-speedometer-2-low:before { content: "\e10f"; } .icon-speedometer-2-medium:before { content: "\e110"; } .icon-spin:before { content: "\e113"; } .icon-star:before { content: "\2605"; } .icon-star-2:before { content: "\e116"; } .icon-star-2-half:before { content: "\e114"; } .icon-star-2-stroke:before { content: "\e115"; } .icon-star-half:before { content: "\e117"; } .icon-star-stroke:before { content: "\e118"; } .icon-stop:before { content: "\25a0"; } .icon-stop-2:before { content: "\e119"; } .icon-stumbleupon:before { content: "\e11b"; } .icon-stumbleupon-2:before { content: "\e11a"; } .icon-sun:before { content: "\2600"; } .icon-sun-stroke:before { content: "\263c"; } .icon-support:before { content: "\e11c"; } .icon-tag:before { content: "\e120"; } .icon-tag-left:before { content: "\e11d"; } .icon-tag-right:before { content: "\e11e"; } .icon-tag-stroke:before { content: "\e11f"; } .icon-target:before { content: "\e122"; } .icon-target-2:before { content: "\e121"; } .icon-temperature:before { content: "\e124"; } .icon-temperature-2:before { content: "\e123"; } .icon-thumb-down:before { content: "\e125"; } .icon-thumb-up:before { content: "\e126"; } .icon-tie:before { content: "\e127"; } .icon-tools:before { content: "\e129"; } .icon-tools-2:before { content: "\e128"; } .icon-transfer:before { content: "\21c4"; } .icon-trash:before { content: "\e12d"; } .icon-trash-2:before { content: "\e12a"; } .icon-trash-3:before { content: "\e12c"; } .icon-trash-3-stroke:before { content: "\e12b"; } .icon-truck:before { content: "\e12e"; } .icon-tumblr:before { content: "\e130"; } .icon-tumblr-2:before { content: "\e12f"; } .icon-twitter-bird:before { content: "\e132"; } .icon-twitter-bird-2:before { content: "\e131"; } .icon-umbrella:before { content: "\2602"; } .icon-undo:before { content: "\238c"; } .icon-unlock:before { content: "\e134"; } .icon-unlock-stroke:before { content: "\e133"; } .icon-upload:before { content: "\e135"; } .icon-upload:before { content: "\2912"; } .icon-usb:before { content: "\e136"; } .icon-user:before { content: "\e138"; } .icon-user-2:before { content: "\e137"; } .icon-users:before { content: "\e139"; } .icon-vcard:before { content: "\e13a"; } .icon-vector:before { content: "\e13c"; } .icon-vector-2:before { content: "\e13b"; } .icon-video:before { content: "\e13d"; } .icon-vimeo:before { content: "\e13f"; } .icon-vimeo-2:before { content: "\e13e"; } .icon-volume:before { content: "\e141"; } .icon-volume-mute:before { content: "\e140"; } .icon-wand:before { content: "\e142"; } .icon-warning:before { content: "\e144"; } .icon-warning-2:before { content: "\e143"; } .icon-windows:before { content: "\e145"; } .icon-wireless:before { content: "\e146"; } .icon-wordpress:before { content: "\e148"; } .icon-wordpress-2:before { content: "\e147"; } .icon-wrench:before { content: "\e149"; } .icon-x:before { content: "\d7"; } .icon-x-2:before { content: "\2297"; } .icon-x-2-stroke:before { content: "\e14a"; } .icon-xing:before { content: "\e14b"; } .icon-yahoo:before { content: "\e14d"; } .icon-yahoo-2:before { content: "\e14c"; } .icon-youtube:before { content: "\e14f"; } .icon-youtube-2:before { content: "\e14e"; } /* * Main Stylesheet * * @copyright Copyright (c) 2012 rocksolidthemes.com * @license http://rocksolidthemes.com/agb No free usage allowed */ /* =========================================== * # Index: The structure of this stylesheet * * - Imports (Sass only) * - Fonts * - Basic settings (Sass only) * - Colors (Sass only) * - General * - Buttons * - Wrapper elements * - Layout in order of appearance in HTML * - Content * - Forms * - Content elements * - Modules (Search, FAQ, News, Events, Comments) * - Sidebar / Widgets * - Footer * - Slider * - Grid (design + production helper) * ======================================== */ /* =========================================== * Fonts * ======================================== */ @font-face { font-family: "RockSolid Icons"; src: url("../../files/tao/fonts/rocksolid-icons.eot"); src: url("../../files/tao/fonts/rocksolid-icons.eot?#iefix") format('eot'), url("../../files/tao/fonts/rocksolid-icons.woff") format('woff'), url("../../files/tao/fonts/rocksolid-icons.ttf") format('truetype'), url("../../files/tao/fonts/rocksolid-icons.svg") format('svg'); font-weight: normal; font-style: normal; } /* =========================================== * General * ======================================== */ html { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: #850025; } body { font: 16px/1.5625 Open Sans, sans-serif; color: #672f03; background: #e1e38a none 50% 0 no-repeat scroll; background-size: auto; } @media screen and (max-width: 599px) { body { font-size: 14px; } } body[class^="icon-"]:before, body[class*=" icon-"]:before { /* Ignore icon classes on the body element */ content: none; } body.background-variation-1 { background: url("../../files/tao/img/demo/background-1.jpg") 50% 0 no-repeat; background-attachment: fixed; } body.background-variation-2 { background: url("../../files/tao/img/demo/background-10.jpg") 50% 0 no-repeat; background-size: cover; background-attachment: fixed; } * { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; } .rs-columns { clear: both; display: inline-block; vertical-align: top; width: 100%; } .rs-column { float: left; width: 100%; margin-top: 6.25%; margin-right: 6.25%; } .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.875%; } .rs-column.-large-col-2-2 { width: 100%; } .rs-column.-large-col-3-1 { width: 29.16667%; } .rs-column.-large-col-3-2 { width: 64.58333%; } .rs-column.-large-col-3-3 { width: 100%; } .rs-column.-large-col-4-1 { width: 20.3125%; } .rs-column.-large-col-4-2 { width: 46.875%; } .rs-column.-large-col-4-3 { width: 73.4375%; } .rs-column.-large-col-4-4 { width: 100%; } .rs-column.-large-col-5-1 { width: 15%; } .rs-column.-large-col-5-2 { width: 36.25%; } .rs-column.-large-col-5-3 { width: 57.5%; } .rs-column.-large-col-5-4 { width: 78.75%; } .rs-column.-large-col-5-5 { width: 100%; } .rs-column.-large-col-6-1 { width: 11.45833%; } .rs-column.-large-col-6-2 { width: 29.16667%; } .rs-column.-large-col-6-3 { width: 46.875%; } .rs-column.-large-col-6-4 { width: 64.58333%; } .rs-column.-large-col-6-5 { width: 82.29167%; } .rs-column.-large-col-6-6 { width: 100%; } .rs-column.-large-col-7-1 { width: 8.92857%; } .rs-column.-large-col-7-2 { width: 24.10714%; } .rs-column.-large-col-7-3 { width: 39.28571%; } .rs-column.-large-col-7-4 { width: 54.46429%; } .rs-column.-large-col-7-5 { width: 69.64286%; } .rs-column.-large-col-7-6 { width: 84.82143%; } .rs-column.-large-col-7-7 { width: 100%; } .tao-no-sidebar .rs-column, .mega-dropdown .rs-column, .page-footer .rs-column { margin-top: 4%; margin-right: 4%; } .tao-no-sidebar .rs-column.-large-last, .mega-dropdown .rs-column.-large-last, .page-footer .rs-column.-large-last { margin-right: -5px; } .tao-no-sidebar .rs-column.-large-first-row, .mega-dropdown .rs-column.-large-first-row, .page-footer .rs-column.-large-first-row { margin-top: 0; } .tao-no-sidebar .rs-column.-large-col-1-1, .mega-dropdown .rs-column.-large-col-1-1, .page-footer .rs-column.-large-col-1-1 { width: 100%; } .tao-no-sidebar .rs-column.-large-col-2-1, .mega-dropdown .rs-column.-large-col-2-1, .page-footer .rs-column.-large-col-2-1 { width: 48%; } .tao-no-sidebar .rs-column.-large-col-2-2, .mega-dropdown .rs-column.-large-col-2-2, .page-footer .rs-column.-large-col-2-2 { width: 100%; } .tao-no-sidebar .rs-column.-large-col-3-1, .mega-dropdown .rs-column.-large-col-3-1, .page-footer .rs-column.-large-col-3-1 { width: 30.66667%; } .tao-no-sidebar .rs-column.-large-col-3-2, .mega-dropdown .rs-column.-large-col-3-2, .page-footer .rs-column.-large-col-3-2 { width: 65.33333%; } .tao-no-sidebar .rs-column.-large-col-3-3, .mega-dropdown .rs-column.-large-col-3-3, .page-footer .rs-column.-large-col-3-3 { width: 100.0%; } .tao-no-sidebar .rs-column.-large-col-4-1, .mega-dropdown .rs-column.-large-col-4-1, .page-footer .rs-column.-large-col-4-1 { width: 22%; } .tao-no-sidebar .rs-column.-large-col-4-2, .mega-dropdown .rs-column.-large-col-4-2, .page-footer .rs-column.-large-col-4-2 { width: 48%; } .tao-no-sidebar .rs-column.-large-col-4-3, .mega-dropdown .rs-column.-large-col-4-3, .page-footer .rs-column.-large-col-4-3 { width: 74%; } .tao-no-sidebar .rs-column.-large-col-4-4, .mega-dropdown .rs-column.-large-col-4-4, .page-footer .rs-column.-large-col-4-4 { width: 100%; } .tao-no-sidebar .rs-column.-large-col-5-1, .mega-dropdown .rs-column.-large-col-5-1, .page-footer .rs-column.-large-col-5-1 { width: 16.8%; } .tao-no-sidebar .rs-column.-large-col-5-2, .mega-dropdown .rs-column.-large-col-5-2, .page-footer .rs-column.-large-col-5-2 { width: 37.6%; } .tao-no-sidebar .rs-column.-large-col-5-3, .mega-dropdown .rs-column.-large-col-5-3, .page-footer .rs-column.-large-col-5-3 { width: 58.4%; } .tao-no-sidebar .rs-column.-large-col-5-4, .mega-dropdown .rs-column.-large-col-5-4, .page-footer .rs-column.-large-col-5-4 { width: 79.2%; } .tao-no-sidebar .rs-column.-large-col-5-5, .mega-dropdown .rs-column.-large-col-5-5, .page-footer .rs-column.-large-col-5-5 { width: 100.0%; } .tao-no-sidebar .rs-column.-large-col-6-1, .mega-dropdown .rs-column.-large-col-6-1, .page-footer .rs-column.-large-col-6-1 { width: 13.33333%; } .tao-no-sidebar .rs-column.-large-col-6-2, .mega-dropdown .rs-column.-large-col-6-2, .page-footer .rs-column.-large-col-6-2 { width: 30.66667%; } .tao-no-sidebar .rs-column.-large-col-6-3, .mega-dropdown .rs-column.-large-col-6-3, .page-footer .rs-column.-large-col-6-3 { width: 48.0%; } .tao-no-sidebar .rs-column.-large-col-6-4, .mega-dropdown .rs-column.-large-col-6-4, .page-footer .rs-column.-large-col-6-4 { width: 65.33333%; } .tao-no-sidebar .rs-column.-large-col-6-5, .mega-dropdown .rs-column.-large-col-6-5, .page-footer .rs-column.-large-col-6-5 { width: 82.66667%; } .tao-no-sidebar .rs-column.-large-col-6-6, .mega-dropdown .rs-column.-large-col-6-6, .page-footer .rs-column.-large-col-6-6 { width: 100%; } .tao-no-sidebar .rs-column.-large-col-7-1, .mega-dropdown .rs-column.-large-col-7-1, .page-footer .rs-column.-large-col-7-1 { width: 10.85714%; } .tao-no-sidebar .rs-column.-large-col-7-2, .mega-dropdown .rs-column.-large-col-7-2, .page-footer .rs-column.-large-col-7-2 { width: 25.71429%; } .tao-no-sidebar .rs-column.-large-col-7-3, .mega-dropdown .rs-column.-large-col-7-3, .page-footer .rs-column.-large-col-7-3 { width: 40.57143%; } .tao-no-sidebar .rs-column.-large-col-7-4, .mega-dropdown .rs-column.-large-col-7-4, .page-footer .rs-column.-large-col-7-4 { width: 55.42857%; } .tao-no-sidebar .rs-column.-large-col-7-5, .mega-dropdown .rs-column.-large-col-7-5, .page-footer .rs-column.-large-col-7-5 { width: 70.28571%; } .tao-no-sidebar .rs-column.-large-col-7-6, .mega-dropdown .rs-column.-large-col-7-6, .page-footer .rs-column.-large-col-7-6 { width: 85.14286%; } .tao-no-sidebar .rs-column.-large-col-7-7, .mega-dropdown .rs-column.-large-col-7-7, .page-footer .rs-column.-large-col-7-7 { width: 100%; } @media screen and (max-width: 900px) { .rs-column, .tao-no-sidebar .rs-column, .mega-dropdown .rs-column, .page-footer .rs-column { margin-top: 6.25%; margin-right: 6.25%; } .rs-column.-large-first, .tao-no-sidebar .rs-column.-large-first, .mega-dropdown .rs-column.-large-first, .page-footer .rs-column.-large-first { clear: none; } .rs-column.-large-last, .tao-no-sidebar .rs-column.-large-last, .mega-dropdown .rs-column.-large-last, .page-footer .rs-column.-large-last { margin-right: 6.25%; } .rs-column.-large-first-row, .tao-no-sidebar .rs-column.-large-first-row, .mega-dropdown .rs-column.-large-first-row, .page-footer .rs-column.-large-first-row { margin-top: 6.25%; } .rs-column.-medium-first, .tao-no-sidebar .rs-column.-medium-first, .mega-dropdown .rs-column.-medium-first, .page-footer .rs-column.-medium-first { clear: left; } .rs-column.-medium-last, .tao-no-sidebar .rs-column.-medium-last, .mega-dropdown .rs-column.-medium-last, .page-footer .rs-column.-medium-last { margin-right: -5px; } .rs-column.-medium-first-row, .tao-no-sidebar .rs-column.-medium-first-row, .mega-dropdown .rs-column.-medium-first-row, .page-footer .rs-column.-medium-first-row { margin-top: 0; } .rs-column.-medium-col-1-1, .tao-no-sidebar .rs-column.-medium-col-1-1, .mega-dropdown .rs-column.-medium-col-1-1, .page-footer .rs-column.-medium-col-1-1 { width: 100%; } .rs-column.-medium-col-2-1, .tao-no-sidebar .rs-column.-medium-col-2-1, .mega-dropdown .rs-column.-medium-col-2-1, .page-footer .rs-column.-medium-col-2-1 { width: 46.875%; } .rs-column.-medium-col-2-2, .tao-no-sidebar .rs-column.-medium-col-2-2, .mega-dropdown .rs-column.-medium-col-2-2, .page-footer .rs-column.-medium-col-2-2 { width: 100%; } .rs-column.-medium-col-3-1, .tao-no-sidebar .rs-column.-medium-col-3-1, .mega-dropdown .rs-column.-medium-col-3-1, .page-footer .rs-column.-medium-col-3-1 { width: 29.16667%; } .rs-column.-medium-col-3-2, .tao-no-sidebar .rs-column.-medium-col-3-2, .mega-dropdown .rs-column.-medium-col-3-2, .page-footer .rs-column.-medium-col-3-2 { width: 64.58333%; } .rs-column.-medium-col-3-3, .tao-no-sidebar .rs-column.-medium-col-3-3, .mega-dropdown .rs-column.-medium-col-3-3, .page-footer .rs-column.-medium-col-3-3 { width: 100%; } .rs-column.-medium-col-4-1, .tao-no-sidebar .rs-column.-medium-col-4-1, .mega-dropdown .rs-column.-medium-col-4-1, .page-footer .rs-column.-medium-col-4-1 { width: 20.3125%; } .rs-column.-medium-col-4-2, .tao-no-sidebar .rs-column.-medium-col-4-2, .mega-dropdown .rs-column.-medium-col-4-2, .page-footer .rs-column.-medium-col-4-2 { width: 46.875%; } .rs-column.-medium-col-4-3, .tao-no-sidebar .rs-column.-medium-col-4-3, .mega-dropdown .rs-column.-medium-col-4-3, .page-footer .rs-column.-medium-col-4-3 { width: 73.4375%; } .rs-column.-medium-col-4-4, .tao-no-sidebar .rs-column.-medium-col-4-4, .mega-dropdown .rs-column.-medium-col-4-4, .page-footer .rs-column.-medium-col-4-4 { width: 100%; } .rs-column.-medium-col-5-1, .tao-no-sidebar .rs-column.-medium-col-5-1, .mega-dropdown .rs-column.-medium-col-5-1, .page-footer .rs-column.-medium-col-5-1 { width: 15%; } .rs-column.-medium-col-5-2, .tao-no-sidebar .rs-column.-medium-col-5-2, .mega-dropdown .rs-column.-medium-col-5-2, .page-footer .rs-column.-medium-col-5-2 { width: 36.25%; } .rs-column.-medium-col-5-3, .tao-no-sidebar .rs-column.-medium-col-5-3, .mega-dropdown .rs-column.-medium-col-5-3, .page-footer .rs-column.-medium-col-5-3 { width: 57.5%; } .rs-column.-medium-col-5-4, .tao-no-sidebar .rs-column.-medium-col-5-4, .mega-dropdown .rs-column.-medium-col-5-4, .page-footer .rs-column.-medium-col-5-4 { width: 78.75%; } .rs-column.-medium-col-5-5, .tao-no-sidebar .rs-column.-medium-col-5-5, .mega-dropdown .rs-column.-medium-col-5-5, .page-footer .rs-column.-medium-col-5-5 { width: 100%; } .rs-column.-medium-col-6-1, .tao-no-sidebar .rs-column.-medium-col-6-1, .mega-dropdown .rs-column.-medium-col-6-1, .page-footer .rs-column.-medium-col-6-1 { width: 11.45833%; } .rs-column.-medium-col-6-2, .tao-no-sidebar .rs-column.-medium-col-6-2, .mega-dropdown .rs-column.-medium-col-6-2, .page-footer .rs-column.-medium-col-6-2 { width: 29.16667%; } .rs-column.-medium-col-6-3, .tao-no-sidebar .rs-column.-medium-col-6-3, .mega-dropdown .rs-column.-medium-col-6-3, .page-footer .rs-column.-medium-col-6-3 { width: 46.875%; } .rs-column.-medium-col-6-4, .tao-no-sidebar .rs-column.-medium-col-6-4, .mega-dropdown .rs-column.-medium-col-6-4, .page-footer .rs-column.-medium-col-6-4 { width: 64.58333%; } .rs-column.-medium-col-6-5, .tao-no-sidebar .rs-column.-medium-col-6-5, .mega-dropdown .rs-column.-medium-col-6-5, .page-footer .rs-column.-medium-col-6-5 { width: 82.29167%; } .rs-column.-medium-col-6-6, .tao-no-sidebar .rs-column.-medium-col-6-6, .mega-dropdown .rs-column.-medium-col-6-6, .page-footer .rs-column.-medium-col-6-6 { width: 100%; } .rs-column.-medium-col-7-1, .tao-no-sidebar .rs-column.-medium-col-7-1, .mega-dropdown .rs-column.-medium-col-7-1, .page-footer .rs-column.-medium-col-7-1 { width: 8.92857%; } .rs-column.-medium-col-7-2, .tao-no-sidebar .rs-column.-medium-col-7-2, .mega-dropdown .rs-column.-medium-col-7-2, .page-footer .rs-column.-medium-col-7-2 { width: 24.10714%; } .rs-column.-medium-col-7-3, .tao-no-sidebar .rs-column.-medium-col-7-3, .mega-dropdown .rs-column.-medium-col-7-3, .page-footer .rs-column.-medium-col-7-3 { width: 39.28571%; } .rs-column.-medium-col-7-4, .tao-no-sidebar .rs-column.-medium-col-7-4, .mega-dropdown .rs-column.-medium-col-7-4, .page-footer .rs-column.-medium-col-7-4 { width: 54.46429%; } .rs-column.-medium-col-7-5, .tao-no-sidebar .rs-column.-medium-col-7-5, .mega-dropdown .rs-column.-medium-col-7-5, .page-footer .rs-column.-medium-col-7-5 { width: 69.64286%; } .rs-column.-medium-col-7-6, .tao-no-sidebar .rs-column.-medium-col-7-6, .mega-dropdown .rs-column.-medium-col-7-6, .page-footer .rs-column.-medium-col-7-6 { width: 84.82143%; } .rs-column.-medium-col-7-7, .tao-no-sidebar .rs-column.-medium-col-7-7, .mega-dropdown .rs-column.-medium-col-7-7, .page-footer .rs-column.-medium-col-7-7 { width: 100%; } } @media screen and (max-width: 599px) { .rs-column, .tao-no-sidebar .rs-column, .page-footer .rs-column { margin-right: 6.25%; } .rs-column.-medium-first, .tao-no-sidebar .rs-column.-medium-first, .page-footer .rs-column.-medium-first { clear: none; } .rs-column.-medium-last, .tao-no-sidebar .rs-column.-medium-last, .page-footer .rs-column.-medium-last { margin-right: 6.25%; } .rs-column.-medium-first-row, .tao-no-sidebar .rs-column.-medium-first-row, .page-footer .rs-column.-medium-first-row { margin-top: 6.25%; } .rs-column.-small-first, .tao-no-sidebar .rs-column.-small-first, .page-footer .rs-column.-small-first { clear: left; } .rs-column.-small-last, .tao-no-sidebar .rs-column.-small-last, .page-footer .rs-column.-small-last { margin-right: -5px; } .rs-column.-small-first-row, .tao-no-sidebar .rs-column.-small-first-row, .page-footer .rs-column.-small-first-row { margin-top: 0; } .rs-column.-small-col-1-1, .tao-no-sidebar .rs-column.-small-col-1-1, .page-footer .rs-column.-small-col-1-1 { width: 100%; } .rs-column.-small-col-2-1, .tao-no-sidebar .rs-column.-small-col-2-1, .page-footer .rs-column.-small-col-2-1 { width: 46.875%; } .rs-column.-small-col-2-2, .tao-no-sidebar .rs-column.-small-col-2-2, .page-footer .rs-column.-small-col-2-2 { width: 100%; } .rs-column.-small-col-3-1, .tao-no-sidebar .rs-column.-small-col-3-1, .page-footer .rs-column.-small-col-3-1 { width: 29.16667%; } .rs-column.-small-col-3-2, .tao-no-sidebar .rs-column.-small-col-3-2, .page-footer .rs-column.-small-col-3-2 { width: 64.58333%; } .rs-column.-small-col-3-3, .tao-no-sidebar .rs-column.-small-col-3-3, .page-footer .rs-column.-small-col-3-3 { width: 100%; } .rs-column.-small-col-4-1, .tao-no-sidebar .rs-column.-small-col-4-1, .page-footer .rs-column.-small-col-4-1 { width: 20.3125%; } .rs-column.-small-col-4-2, .tao-no-sidebar .rs-column.-small-col-4-2, .page-footer .rs-column.-small-col-4-2 { width: 46.875%; } .rs-column.-small-col-4-3, .tao-no-sidebar .rs-column.-small-col-4-3, .page-footer .rs-column.-small-col-4-3 { width: 73.4375%; } .rs-column.-small-col-4-4, .tao-no-sidebar .rs-column.-small-col-4-4, .page-footer .rs-column.-small-col-4-4 { width: 100%; } .rs-column.-small-col-5-1, .tao-no-sidebar .rs-column.-small-col-5-1, .page-footer .rs-column.-small-col-5-1 { width: 15%; } .rs-column.-small-col-5-2, .tao-no-sidebar .rs-column.-small-col-5-2, .page-footer .rs-column.-small-col-5-2 { width: 36.25%; } .rs-column.-small-col-5-3, .tao-no-sidebar .rs-column.-small-col-5-3, .page-footer .rs-column.-small-col-5-3 { width: 57.5%; } .rs-column.-small-col-5-4, .tao-no-sidebar .rs-column.-small-col-5-4, .page-footer .rs-column.-small-col-5-4 { width: 78.75%; } .rs-column.-small-col-5-5, .tao-no-sidebar .rs-column.-small-col-5-5, .page-footer .rs-column.-small-col-5-5 { width: 100%; } .rs-column.-small-col-6-1, .tao-no-sidebar .rs-column.-small-col-6-1, .page-footer .rs-column.-small-col-6-1 { width: 11.45833%; } .rs-column.-small-col-6-2, .tao-no-sidebar .rs-column.-small-col-6-2, .page-footer .rs-column.-small-col-6-2 { width: 29.16667%; } .rs-column.-small-col-6-3, .tao-no-sidebar .rs-column.-small-col-6-3, .page-footer .rs-column.-small-col-6-3 { width: 46.875%; } .rs-column.-small-col-6-4, .tao-no-sidebar .rs-column.-small-col-6-4, .page-footer .rs-column.-small-col-6-4 { width: 64.58333%; } .rs-column.-small-col-6-5, .tao-no-sidebar .rs-column.-small-col-6-5, .page-footer .rs-column.-small-col-6-5 { width: 82.29167%; } .rs-column.-small-col-6-6, .tao-no-sidebar .rs-column.-small-col-6-6, .page-footer .rs-column.-small-col-6-6 { width: 100%; } .rs-column.-small-col-7-1, .tao-no-sidebar .rs-column.-small-col-7-1, .page-footer .rs-column.-small-col-7-1 { width: 8.92857%; } .rs-column.-small-col-7-2, .tao-no-sidebar .rs-column.-small-col-7-2, .page-footer .rs-column.-small-col-7-2 { width: 24.10714%; } .rs-column.-small-col-7-3, .tao-no-sidebar .rs-column.-small-col-7-3, .page-footer .rs-column.-small-col-7-3 { width: 39.28571%; } .rs-column.-small-col-7-4, .tao-no-sidebar .rs-column.-small-col-7-4, .page-footer .rs-column.-small-col-7-4 { width: 54.46429%; } .rs-column.-small-col-7-5, .tao-no-sidebar .rs-column.-small-col-7-5, .page-footer .rs-column.-small-col-7-5 { width: 69.64286%; } .rs-column.-small-col-7-6, .tao-no-sidebar .rs-column.-small-col-7-6, .page-footer .rs-column.-small-col-7-6 { width: 84.82143%; } .rs-column.-small-col-7-7, .tao-no-sidebar .rs-column.-small-col-7-7, .page-footer .rs-column.-small-col-7-7 { width: 100%; } } /* Resetting box model for moo_mediabox, moo_slimbox and j_colorbox */ #mbCenter, #colorbox, #lbCenter, #lbBottomContainer { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } ::selection { background: #37aadf; color: #ffffff; text-shadow: none !important; } ::-moz-selection { background: #37aadf; color: #ffffff; text-shadow: none !important; } button, input, select, textarea { font-family: inherit; } table { width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid #672f03; border-radius: 3px; background: #ffffff; } table th, table td { border: solid #e5e8ee; border-width: 1px 0 0 1px; } table th:first-child, table td:first-child { border-left: 0; } table > thead > tr:first-child > th, table > thead > tr:first-child > td, table > tbody:first-child > tr:first-child > th, table > tbody:first-child > tr:first-child > td, table > tfoot:first-child + tbody > tr:first-child > th, table > tfoot:first-child + tbody > tr:first-child > td { /* First row of the table */ border-top: 0; } table th { padding: 0.375em 0.625em; font-weight: bold; text-align: left; } table td { padding: 0.375em 0.625em; } table thead { background: rgba(0, 0, 0, 0.02); } table tfoot td { font-style: italic; } strong, b { font-weight: bold; } a { color: #850025; text-decoration: none; } a:hover, a:focus { text-decoration: underline; } a:hover, a:active { outline: 0; } a.external-link:after { font: 0.8125em/1 "RockSolid Icons"; content: "\e151"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; margin-left: 0.25em; } /* Icon attribute */ *[data-icon]:before, *[class^="icon-"]:before, *[class*=" icon-"]:before { font: 100%/1 "RockSolid Icons"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; margin-right: 0.25em; } *[data-icon]:before { content: attr(data-icon); } *[data-icon].after:before { content: none; } *[data-icon].after:after { font: 100%/1 "RockSolid Icons"; content: attr(data-icon); -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; margin-left: 0.25em; } .clear { clear: both; } .invisible { position: absolute; height: 1px !important; width: 1px !important; clip: rect(0 0 0 0); margin: -1px; padding: 0 !important; overflow: hidden; border: 0; } .-no-border { border: 0 !important; } .no-margin { margin: 0 !important; } .no-margin-top { margin-top: 0 !important; } .no-margin-bottom { margin-bottom: 0 !important; } .centered { display: block; margin-left: auto; margin-right: auto; text-align: center; } .pdf_link { margin: 0.75em 0 0 1.25em; float: right; } .pdf_link a { margin-left: 0.125em; } .mime_icon { margin-bottom: -0.25em; } .ce_toplink, .toplink { overflow: hidden; margin: 1.5em 0; } .ce_toplink:after, .toplink:after { content: ""; display: inline-block; vertical-align: middle; width: 100%; height: 0; overflow: visible; margin: 0 -100% 0 0.625em; border-top: 1px solid #672f03; } .ce_toplink > a:before, .toplink > a:before { font: 100%/1 "RockSolid Icons"; content: "\e00c"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; margin-right: 0.3125em; } /* Style for dlh_googlemaps (if you don't use the plugin, you might want to delete this) */ .dlh_googlemap { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .main-content .dlh_googlemap, .sidebar .dlh_googlemap { /* Setting the maps max-width to 100% is best practice, since it becomes fluid that way */ max-width: 100%; } .main-content .dlh_googlemap img { max-width: none; } hr, .headline-hr:before, .headline-hr:after { clear: both; height: 0; overflow: visible; margin: 2.25em 0; border: 0; border-top: 1px solid #672f03; } hr.-hr-dotted, .headline-hr.-hr-dotted:before, .headline-hr.-hr-dotted:after { border-top-style: dotted; border-top-color: #717c8e; } hr.-hr-shadow, .headline-hr.-hr-shadow:before, .headline-hr.-hr-shadow:after { height: 8px; background: -webkit-radial-gradient(rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0) 60%); background: -moz-radial-gradient(rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0) 60%); background: -o-radial-gradient(rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0) 60%); background: radial-gradient(rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0) 60%); background-size: 100% 16px; background-position: 50% -8px; } .headline-hr { overflow: hidden; } .headline-hr:before, .headline-hr:after { display: inline-block; vertical-align: middle; width: 100%; margin: 0 0.625em 0 -100%; } .headline-hr:after { content: ""; margin: 0 -100% 0 0.625em; } .headline-hr.-centered { text-align: center; } .headline-hr.-centered:before { content: ""; } .headline-hr.-align-right { text-align: right; } .headline-hr.-align-right:before { content: ""; } .headline-hr.-align-right:after { content: none; } .icon-hr { display: block; } .icon-hr:before { position: relative; display: block; bottom: -0.5em; width: 1.875em; margin: 0; background: #ffffff; } .icon-hr.-centered:before { width: 2.25em; margin: 0 auto; text-align: center; } .icon-hr.-align-right:before { margin: 0 0 0 auto; text-align: right; } .icon-hr hr { margin: 0; } .confirmation { color: #b5da44; } .information { color: #37aadf; } .warning { color: #df3763; } p.confirmation, p.information, p.warning, div.confirmation, div.information, div.warning, span.confirmation, span.information, span.warning { position: relative; display: block; overflow: hidden; margin: 1.5625em 0; padding: 1em 6.25% 1em 12.5%; border: 1px solid #672f03; border-radius: 3px; color: #8caf23; background: #ffffff; } @media screen and (max-width: 599px) { p.confirmation, p.information, p.warning, div.confirmation, div.information, div.warning, span.confirmation, span.information, span.warning { padding-left: 4em; } } p.confirmation:before, p.information:before, p.warning:before, div.confirmation:before, div.information:before, div.warning:before, span.confirmation:before, span.information:before, span.warning:before { font: 1.5em/1 "RockSolid Icons"; content: "\e044"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; position: absolute; top: 50%; left: -0.41667em; width: 1.16667em; height: 1.16667em; margin: -1.25em 0 0; padding: 0.66667em; border-radius: 100%; color: #ffffff; text-align: center; background: #b5da44; } p.information, div.information, span.information { color: #1c80ae; } p.information:before, div.information:before, span.information:before { content: "\e0a6"; background: #37aadf; } p.warning, div.warning, span.warning { color: #ae1c42; } p.warning:before, div.warning:before, span.warning:before { content: "\e143"; background: #df3763; } p.drop-cap:first-letter, span.drop-cap { float: left; margin: 0.11111em 0.33333em 0 0; padding: 0.19444em; border: 1px solid #672f03; border-radius: 3px; font-size: 2.25em; font-weight: normal; /* Fixes line-height difference between gecko and webkit */ line-height: 0.7; background: #ffffff; background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05)); background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05)); background-image: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05)); background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05)); } p.drop-cap:first-letter { /* IE8 and IE9 calculate em's from the parent element */ margin: 0.25em 0.75em 0 0 \9; } code { padding: 0.14286em 0.35714em; font-family: "Lucida Console", monospace; font-size: 0.875em; line-height: 1.35786; background-color: #e5e8ee; border-radius: 3px; } pre { margin: 1.71429em 0; padding: 0.5em 1em; display: block; overflow: auto; border-radius: 3px; font-family: "Lucida Console", monospace; font-size: 0.875em; line-height: 1.715; background-color: #e5e8ee; } pre code { font-size: 1em; padding: 0; line-height: inherit; background-color: transparent; } /* =========================================== * Buttons * ======================================== */ button.-secondary, .button.-secondary, input[type="submit"].-secondary, .header-login .formbody input[type=submit], .header-dropdown > ul input[type=submit], .pricing-table-plan.-highlighted a, .feature-box-link.-secondary, .headline-box-link.-secondary, button.-tertiary, .button.-tertiary, input[type="submit"].-tertiary, .rotating-boxes-item-content .rotating-boxes-item-link, .pricing-table-plan a, .feature-box-link.-tertiary, .headline-box-link.-tertiary, button.-quaternary, .button.-quaternary, input[type="submit"].-quaternary, .feature-box-link.-quaternary, .headline-box-link.-quaternary, .highlight-box-link, .feature-box-link, .headline-box-link, .footer-bar input[type=submit], .footer-bar button, button, .button, input[type="submit"], input[type="reset"], input[type="button"] { position: relative; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: inline-block; padding: 0.64286em 1.42857em; border: 1px solid; border-color: #23a0da #1f90c4 #1c80ae; border-radius: 3px; outline: none; font-size: 0.875em; line-height: 1.42929; color: #ffffff; text-align: center; text-decoration: none; text-transform: uppercase; text-shadow: 0 -1px 0 #1f90c4; background: #37aadf; background: -webkit-linear-gradient(#4db3e3, #2aa4dd); background: -moz-linear-gradient(#4db3e3, #2aa4dd); background: -o-linear-gradient(#4db3e3, #2aa4dd); background: linear-gradient(#4db3e3, #2aa4dd); box-shadow: inset 0 1px #73c3e8; } button.-secondary:hover, .button.-secondary:hover, input[type="submit"].-secondary:hover, .header-login .formbody input[type=submit]:hover, .header-dropdown > ul input[type=submit]:hover, button.-tertiary:hover, .button.-tertiary:hover, input[type="submit"].-tertiary:hover, .rotating-boxes-item-content .rotating-boxes-item-link:hover, .pricing-table-plan a:hover, button.-quaternary:hover, .button.-quaternary:hover, input[type="submit"].-quaternary:hover, .highlight-box-link:hover, .feature-box-link:hover, .headline-box-link:hover, .footer-bar input[type=submit]:hover, .footer-bar button:hover, button.-secondary:focus, .button.-secondary:focus, input[type="submit"].-secondary:focus, .header-login .formbody input[type=submit]:focus, .header-dropdown > ul input[type=submit]:focus, button.-tertiary:focus, .button.-tertiary:focus, input[type="submit"].-tertiary:focus, .rotating-boxes-item-content .rotating-boxes-item-link:focus, .pricing-table-plan a:focus, button.-quaternary:focus, .button.-quaternary:focus, input[type="submit"].-quaternary:focus, .highlight-box-link:focus, .feature-box-link:focus, .headline-box-link:focus, .footer-bar input[type=submit]:focus, .footer-bar button:focus, button:hover, button:focus, .button:hover, .button:focus, input[type="submit"]:hover, input[type="submit"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="button"]:hover, input[type="button"]:focus { border-color: #187098 #155f82 #114f6c; text-decoration: none; background: -webkit-linear-gradient(#5ab9e5, #229dd5); background: -moz-linear-gradient(#5ab9e5, #229dd5); background: -o-linear-gradient(#5ab9e5, #229dd5); background: linear-gradient(#5ab9e5, #229dd5); } button.-secondary:active, .button.-secondary:active, input[type="submit"].-secondary:active, .header-login .formbody input[type=submit]:active, .header-dropdown > ul input[type=submit]:active, button.-tertiary:active, .button.-tertiary:active, input[type="submit"].-tertiary:active, .rotating-boxes-item-content .rotating-boxes-item-link:active, .pricing-table-plan a:active, button.-quaternary:active, .button.-quaternary:active, input[type="submit"].-quaternary:active, .highlight-box-link:active, .feature-box-link:active, .headline-box-link:active, .footer-bar input[type=submit]:active, .footer-bar button:active, button:active, .button:active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active { background: -webkit-linear-gradient(#44b0e1, #33a8de); background: -moz-linear-gradient(#44b0e1, #33a8de); background: -o-linear-gradient(#44b0e1, #33a8de); background: linear-gradient(#44b0e1, #33a8de); } #colorbox button.-secondary, #colorbox .button.-secondary, #colorbox input[type="submit"].-secondary, #colorbox .header-login .formbody input[type=submit], .header-login .formbody #colorbox input[type=submit], #colorbox .header-dropdown > ul input[type=submit], .header-dropdown > ul #colorbox input[type=submit], #colorbox button.-tertiary, #colorbox .button.-tertiary, #colorbox input[type="submit"].-tertiary, #colorbox .rotating-boxes-item-content .rotating-boxes-item-link, .rotating-boxes-item-content #colorbox .rotating-boxes-item-link, #colorbox .pricing-table-plan a, .pricing-table-plan #colorbox a, #colorbox button.-quaternary, #colorbox .button.-quaternary, #colorbox input[type="submit"].-quaternary, #colorbox .highlight-box-link, #colorbox .feature-box-link, #colorbox .headline-box-link, #colorbox .footer-bar input[type=submit], .footer-bar #colorbox input[type=submit], #colorbox .footer-bar button, .footer-bar #colorbox button, #colorbox button, #colorbox .button, #colorbox input[type="submit"], #colorbox input[type="reset"], #colorbox input[type="button"] { /* Fix colorbox close button */ box-shadow: none; } button.-quaternary:hover, button.-quaternary:focus, .button.-quaternary:hover, .button.-quaternary:focus, input[type="submit"].-quaternary:hover, input[type="submit"].-quaternary:focus { border-color: currentColor; } button.-single, .button.-single, input[type="submit"].-single { margin: 0.75em 0; } button.-small, .button.-small, input[type="submit"].-small { padding: 0.41667em 0.83333em; font-size: 0.75em; } button.-secondary, .button.-secondary, input[type="submit"].-secondary, .header-login .formbody input[type=submit], .header-dropdown > ul input[type=submit], .pricing-table-plan.-highlighted a, .feature-box-link.-secondary, .headline-box-link.-secondary { border-color: #78619c #6c578c #604d7c; color: #ffffff; text-shadow: 0 -1px 0 #6c578c; background: #8570a6; background: -webkit-linear-gradient(#9280b0, #7d67a0); background: -moz-linear-gradient(#9280b0, #7d67a0); background: -o-linear-gradient(#9280b0, #7d67a0); background: linear-gradient(#9280b0, #7d67a0); box-shadow: inset 0 1px #a99ac0; } button.-secondary:hover, .button.-secondary:hover, input[type="submit"].-secondary:hover, .header-login .formbody input[type=submit]:hover, .header-dropdown > ul input[type=submit]:hover, .pricing-table-plan.-highlighted a:hover, .feature-box-link.-secondary:hover, .headline-box-link.-secondary:hover, button.-secondary:focus, .button.-secondary:focus, input[type="submit"].-secondary:focus, .header-login .formbody input[type=submit]:focus, .header-dropdown > ul input[type=submit]:focus, .pricing-table-plan.-highlighted a:focus, .feature-box-link.-secondary:focus, .headline-box-link.-secondary:focus { border-color: #53446c #473a5d #3b304d; background: -webkit-linear-gradient(#9a89b6, #755f98); background: -moz-linear-gradient(#9a89b6, #755f98); background: -o-linear-gradient(#9a89b6, #755f98); background: linear-gradient(#9a89b6, #755f98); } button.-secondary:active, .button.-secondary:active, input[type="submit"].-secondary:active, .header-login .formbody input[type=submit]:active, .header-dropdown > ul input[type=submit]:active, .pricing-table-plan.-highlighted a:active, .feature-box-link.-secondary:active, .headline-box-link.-secondary:active { background: -webkit-linear-gradient(#8d79ac, #826da4); background: -moz-linear-gradient(#8d79ac, #826da4); background: -o-linear-gradient(#8d79ac, #826da4); background: linear-gradient(#8d79ac, #826da4); } button.-tertiary, .button.-tertiary, input[type="submit"].-tertiary, .rotating-boxes-item-content .rotating-boxes-item-link, .pricing-table-plan a, .feature-box-link.-tertiary, .headline-box-link.-tertiary { border-color: #c5c9d7 #b6bbcc #a7adc2; color: #717c8e; text-shadow: 0 -1px 0 #d4d7e1; background: #f2f3f6; background: -webkit-linear-gradient(#ffffff, #e9ebf0); background: -moz-linear-gradient(#ffffff, #e9ebf0); background: -o-linear-gradient(#ffffff, #e9ebf0); background: linear-gradient(#ffffff, #e9ebf0); box-shadow: none; } button.-tertiary:hover, .button.-tertiary:hover, input[type="submit"].-tertiary:hover, .rotating-boxes-item-content .rotating-boxes-item-link:hover, .pricing-table-plan a:hover, .feature-box-link.-tertiary:hover, .headline-box-link.-tertiary:hover, button.-tertiary:focus, .button.-tertiary:focus, input[type="submit"].-tertiary:focus, .rotating-boxes-item-content .rotating-boxes-item-link:focus, .pricing-table-plan a:focus, .feature-box-link.-tertiary:focus, .headline-box-link.-tertiary:focus { border-color: #b6bbcc #a7adc2 #98a0b7; background: -webkit-linear-gradient(#ffffff, #e0e2e9); background: -moz-linear-gradient(#ffffff, #e0e2e9); background: -o-linear-gradient(#ffffff, #e0e2e9); background: linear-gradient(#ffffff, #e0e2e9); } button.-tertiary:active, .button.-tertiary:active, input[type="submit"].-tertiary:active, .rotating-boxes-item-content .rotating-boxes-item-link:active, .pricing-table-plan a:active, .feature-box-link.-tertiary:active, .headline-box-link.-tertiary:active { background: -webkit-linear-gradient(#fbfbfc, #eff0f4); background: -moz-linear-gradient(#fbfbfc, #eff0f4); background: -o-linear-gradient(#fbfbfc, #eff0f4); background: linear-gradient(#fbfbfc, #eff0f4); } button.-quaternary, .button.-quaternary, input[type="submit"].-quaternary, .feature-box-link.-quaternary, .headline-box-link.-quaternary { border: 2px solid #672f03; border-color: currentColor; border-radius: 6px; color: inherit; text-shadow: none; background: none; box-shadow: none; } button.-quaternary:after, .button.-quaternary:after, input[type="submit"].-quaternary:after, .feature-box-link.-quaternary:after, .headline-box-link.-quaternary:after { content: ""; position: absolute; top: 100%; right: 0; bottom: 0; left: 0; background: currentColor; opacity: 0.15; -webkit-transition: top 0.4s ease-in; -moz-transition: top 0.4s ease-in; -o-transition: top 0.4s ease-in; transition: top 0.4s ease-in; } button.-quaternary:hover, .button.-quaternary:hover, input[type="submit"].-quaternary:hover, .feature-box-link.-quaternary:hover, .headline-box-link.-quaternary:hover, button.-quaternary:focus, .button.-quaternary:focus, input[type="submit"].-quaternary:focus, .feature-box-link.-quaternary:focus, .headline-box-link.-quaternary:focus { background: none; } button.-quaternary:hover:after, .button.-quaternary:hover:after, input[type="submit"].-quaternary:hover:after, .feature-box-link.-quaternary:hover:after, .headline-box-link.-quaternary:hover:after, button.-quaternary:focus:after, .button.-quaternary:focus:after, input[type="submit"].-quaternary:focus:after, .feature-box-link.-quaternary:focus:after, .headline-box-link.-quaternary:focus:after { top: 0; -webkit-transition: top 0.2s ease-out; -moz-transition: top 0.2s ease-out; -o-transition: top 0.2s ease-out; transition: top 0.2s ease-out; } /* =========================================== * Wrapper Elements * ======================================== */ .header-bar-inner, .header-navigation-inner, .content-wrapper { max-width: 1188px; margin-right: auto; margin-left: auto; } .centered-wrapper-inner, .info-map-boxes { max-width: 1100px; margin-right: auto; margin-left: auto; } @media screen and (max-width: 1188px) { .centered-wrapper-inner, .info-map-boxes { max-width: none; margin-right: 3.7037%; margin-left: 3.7037%; } } @media screen and (max-width: 900px) { .centered-wrapper-inner, .info-map-boxes { margin-right: 5.55556%; margin-left: 5.55556%; } } .page { zoom: 1; position: relative; margin: 0 auto; background: #e1e38a; } .page:before { content: ""; display: table; } .page:after { content: ""; display: table; clear: both; } .tao-boxed .page { max-width: 1188px; border: solid #672f03; border-width: 0 1px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); } @media screen and (max-width: 1188px) { .page { } .tao-boxed .page { border: 0; box-shadow: none; } } .tao-not-boxed .page { max-width: none; border: 0; box-shadow: none; } /* =========================================== * Layout in order of appearance in HTML * ======================================== */ .page-header { position: relative; z-index: 20; } .page-header.is-fixed { position: fixed; top: 0; left: 0; width: 100%; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); } .header-bar { zoom: 1; border-bottom: 1px solid #3c2312; font-size: 0.8125em; background: #3c2312; } .header-bar:before { content: ""; display: table; } .header-bar:after { content: ""; display: table; clear: both; } @media screen and (max-width: 599px) { .header-bar { display: none; } } .tao-boxed .header-bar { max-width: 1188px; margin-right: auto; margin-left: auto; border-right: 1px solid #672f03; border-left: 1px solid #672f03; } @media screen and (max-width: 1188px) { .header-bar { } .tao-boxed .header-bar { border-right: 0; border-left: 0; } } .tao-not-boxed .header-bar { max-width: none; border-right: 0; border-left: 0; } .header-bar-inner { color: #fff6c9; } @media screen and (max-width: 900px) { .header-bar-inner { padding-right: 5.55556%; padding-left: 5.55556%; } } .header-links { float: left; margin: 0 0 0 3.7037%; padding: 0.61538em 0; } @media screen and (max-width: 900px) { .header-links { float: none; margin-left: 0; } } .header-links.-right { float: right; margin: 0 3.7037% 0 0; } @media screen and (max-width: 900px) { .header-links.-right { float: none; margin-right: 0; } } .header-links.-right a { margin-right: 0; margin-left: 1em; } .header-links li { display: inline; } .header-links a { display: inline-block; color: inherit; margin-right: 1em; } .header-links .icon-links-label { color: inherit; } .header-links.-secondary { padding-top: 0; padding-bottom: 0; } @media screen and (max-width: 900px) { .header-links.-secondary > li:first-child > a { margin-left: -0.625em; } } .header-links.-secondary a { float: left; position: relative; width: 2.76923em; height: 2.76923em; overflow: hidden; margin: 0; line-height: 0; /* Fixes Chrome bug */ letter-spacing: -1em; color: #fff6c9; text-indent: -99em; text-decoration: none; } .header-links.-secondary a:before, .header-links.-secondary a:after { font: 1.15385em/1 "RockSolid Icons"; content: attr(data-icon); -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; position: absolute; top: 0; left: 0; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 100%; padding-top: 0.06667em; line-height: 2.40067; letter-spacing: 0; text-align: center; background: #3c2312; -webkit-transition: top 0.2s ease-out; -moz-transition: top 0.2s ease-out; -o-transition: top 0.2s ease-out; transition: top 0.2s ease-out; } .header-links.-secondary a:after { top: 100%; color: #ffffff; background: transparent; } .header-links.-secondary a:hover:before, .header-links.-secondary a:focus:before { top: -100%; } .header-links.-secondary a:hover:after, .header-links.-secondary a:focus:after { top: 0; } .header-login, .header-dropdown { position: relative; float: right; z-index: 4; margin: 0.30769em 0.76923em -0.15385em 0; } @media screen and (max-width: 900px) { .header-login, .header-dropdown { margin-right: -0.61538em; margin-left: 1em; } } .header-login > h1, .header-login > h2, .header-login > h3, .header-login > h4, .header-login > h5, .header-login > h6, .header-dropdown > h1, .header-dropdown > h2, .header-dropdown > h3, .header-dropdown > h4, .header-dropdown > h5, .header-dropdown > h6 { position: relative; z-index: 1; margin: 0; padding: 0.38462em 0.76923em 0.61538em; border: 1px solid transparent; border-bottom: 0; border-radius: 3px 3px 0 0; outline: none; font-weight: normal; font-size: inherit; line-height: 1.5; color: inherit; cursor: pointer; } .header-login > h1:hover, .header-login > h1:focus, .header-login > h2:hover, .header-login > h2:focus, .header-login > h3:hover, .header-login > h3:focus, .header-login > h4:hover, .header-login > h4:focus, .header-login > h5:hover, .header-login > h5:focus, .header-login > h6:hover, .header-login > h6:focus, .header-dropdown > h1:hover, .header-dropdown > h1:focus, .header-dropdown > h2:hover, .header-dropdown > h2:focus, .header-dropdown > h3:hover, .header-dropdown > h3:focus, .header-dropdown > h4:hover, .header-dropdown > h4:focus, .header-dropdown > h5:hover, .header-dropdown > h5:focus, .header-dropdown > h6:hover, .header-dropdown > h6:focus { text-decoration: underline; } .header-login > h1:hover:after, .header-login > h1:focus:after, .header-login > h2:hover:after, .header-login > h2:focus:after, .header-login > h3:hover:after, .header-login > h3:focus:after, .header-login > h4:hover:after, .header-login > h4:focus:after, .header-login > h5:hover:after, .header-login > h5:focus:after, .header-login > h6:hover:after, .header-login > h6:focus:after, .header-dropdown > h1:hover:after, .header-dropdown > h1:focus:after, .header-dropdown > h2:hover:after, .header-dropdown > h2:focus:after, .header-dropdown > h3:hover:after, .header-dropdown > h3:focus:after, .header-dropdown > h4:hover:after, .header-dropdown > h4:focus:after, .header-dropdown > h5:hover:after, .header-dropdown > h5:focus:after, .header-dropdown > h6:hover:after, .header-dropdown > h6:focus:after { text-decoration: none !important; } .header-login > h1:after, .header-login > h2:after, .header-login > h3:after, .header-login > h4:after, .header-login > h5:after, .header-login > h6:after, .header-dropdown > h1:after, .header-dropdown > h2:after, .header-dropdown > h3:after, .header-dropdown > h4:after, .header-dropdown > h5:after, .header-dropdown > h6:after { font: 0.69231em/1 "RockSolid Icons"; content: "\e015"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; top: -0.11111em; margin-left: 0.44444em; } .header-dropdown:hover { color: #672f03; } .header-login .formbody, .header-dropdown > ul { position: absolute; top: 100%; right: 0; display: none; margin-top: -1px; padding: 1em 1.53846em 1.38462em; border: 1px solid #672f03; border-radius: 3px 0 3px 3px; color: #672f03; background: #fff6c9; box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); } .header-login .formbody .error, .header-dropdown > ul .error { margin-top: 0; min-width: 21.53846em; } .header-login .formbody .login_info, .header-dropdown > ul .login_info { margin-top: 0; white-space: nowrap; } .header-login .formbody label, .header-dropdown > ul label { display: block; margin: 0 0 0.3em; font-size: 0.76923em; text-transform: uppercase; } .header-login .formbody input, .header-dropdown > ul input { width: 100%; margin: 0 0 1.07692em; padding: 0.46154em 0.92308em; border-radius: 0; font-size: 1em; } .header-login .formbody input[type=submit], .header-dropdown > ul input[type=submit] { margin: 0; } .header-login .formbody .checkbox_container, .header-dropdown > ul .checkbox_container { margin: 0 0 1.07692em; } .header-login .formbody .checkbox_container input, .header-dropdown > ul .checkbox_container input { margin-bottom: 0; } .header-login .formbody .checkbox_container label, .header-dropdown > ul .checkbox_container label { display: inline; } .header-login .formbody { min-width: 16.92308em; } .header-dropdown > ul { min-width: 150%; padding: 0.76923em 0; list-style: none; } .header-dropdown > ul li:before { content: none; } .header-dropdown > ul a, .header-dropdown > ul strong.trail, .header-dropdown > ul strong.active, .header-dropdown > ul strong.forward { display: block; padding: 0.30769em 1.53846em; color: inherit; text-decoration: none; } .header-dropdown > ul a:hover, .header-dropdown > ul a:focus { text-decoration: underline; } .header-dropdown > ul strong.trail, .header-dropdown > ul strong.active, .header-dropdown > ul strong.forward { font-weight: bold; } .header-login.is-active > h1, .header-login.is-active > h2, .header-login.is-active > h3, .header-login.is-active > h4, .header-login.is-active > h5, .header-login.is-active > h6, .header-dropdown:hover > h1, .header-dropdown:hover > h2, .header-dropdown:hover > h3, .header-dropdown:hover > h4, .header-dropdown:hover > h5, .header-dropdown:hover > h6, .header-dropdown:focus > h1, .header-dropdown:focus > h2, .header-dropdown:focus > h3, .header-dropdown:focus > h4, .header-dropdown:focus > h5, .header-dropdown:focus > h6 { border-color: #672f03; color: #672f03; background-color: #fff6c9; } .header-login.is-active > h1:after, .header-login.is-active > h2:after, .header-login.is-active > h3:after, .header-login.is-active > h4:after, .header-login.is-active > h5:after, .header-login.is-active > h6:after { content: "\d7"; } .header-login.is-active .formbody, .header-dropdown:hover > ul, .header-dropdown:focus > ul { display: block; } .header-navigation { zoom: 1; position: relative; border-bottom: 1px solid #e5e8ee; background: #fff6c9; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); } .header-navigation:before { content: ""; display: table; } .header-navigation:after { content: ""; display: table; clear: both; } .tao-boxed .header-navigation { max-width: 1188px; margin-right: auto; margin-left: auto; border-right: 1px solid #672f03; border-left: 1px solid #672f03; } @media screen and (max-width: 1188px) { .header-navigation { } .tao-boxed .header-navigation { border-right: 0; border-left: 0; } } .tao-not-boxed .header-navigation { max-width: none; border-right: 0; border-left: 0; } .header-navigation-inner { position: relative; height: 5.25em; min-height: 3.125em; color: #fff6c9; } @media screen and (max-width: 900px) { .header-navigation-inner { height: auto; min-height: 0; } } .logo { position: absolute; top: 17.5%; bottom: 17.5%; left: 3.7037%; margin: 0; font-size: inherit; } @media screen and (max-width: 900px) { .logo { position: static; margin-left: 5.55556%; padding-top: 1.5em; padding-bottom: 0.75em; } } @media screen and (max-width: 599px) { .logo { text-align: center; margin-left: 0; padding-top: 0.75em; } } .logo a { display: block; height: 100%; } @media screen and (max-width: 900px) { .logo a { display: inline; } } .logo img { display: block; width: auto; height: 100%; } @media screen and (max-width: 900px) { .logo img { display: inline; height: auto; max-height: 4.0625em; } } .main-navigation-wrapper { position: relative; clear: both; border: 1px solid #672f03; background: #fff6c9; background: -webkit-linear-gradient(#fff8d3, #fff4bf); background: -moz-linear-gradient(#fff8d3, #fff4bf); background: -o-linear-gradient(#fff8d3, #fff4bf); background: linear-gradient(#fff8d3, #fff4bf); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(255, 255, 255, 0.5); } .main-navigation { float: right; height: 100%; margin-right: 5.55556%; padding-right: 2.75em; } @media screen and (max-width: 900px) { .main-navigation { position: relative; float: none; height: 3.125em; margin-right: 0; padding-right: 1.5em; padding-left: 1.5em; } } @media screen and (max-width: 599px) { .main-navigation { display: none; } } .main-navigation a:before, .main-navigation strong.active:before, .main-navigation strong.trail:before, .main-navigation strong.forward:before { content: none; display: none; } .main-navigation ul { display: inline; margin: 0; padding: 0; } .main-navigation > ul > li { position: relative; float: left; height: 100%; } .main-navigation > ul > li.-mega { position: static; } .main-navigation > ul > li:before { position: absolute; top: 50%; left: 0.5em; margin-top: -0.33333em; font-size: 0.75em; } .main-navigation > ul > li > a, .main-navigation > ul > li > strong.active, .main-navigation > ul > li > strong.trail, .main-navigation > ul > li > strong.forward { position: relative; float: left; height: 100%; padding: 0 1.429em; font-size: 0.875em; color: #fff6c9; } .main-navigation > ul > li > a:before, .main-navigation > ul > li > strong.active:before, .main-navigation > ul > li > strong.trail:before, .main-navigation > ul > li > strong.forward:before { content: ""; display: block; height: 50%; margin-bottom: -0.71429em; } .main-navigation > ul > li > a:after, .main-navigation > ul > li > strong.active:after, .main-navigation > ul > li > strong.trail:after, .main-navigation > ul > li > strong.forward:after { content: ""; position: absolute; top: -1px; right: 50%; left: 50%; border-top: 2px solid #fff6c9; -webkit-transition: right 0.4s ease-out, left 0.4s ease-out; -moz-transition: right 0.4s ease-out, left 0.4s ease-out; -o-transition: right 0.4s ease-out, left 0.4s ease-out; transition: right 0.4s ease-out, left 0.4s ease-out; } @media screen and (max-width: 900px) { .main-navigation > ul > li > a:after, .main-navigation > ul > li > strong.active:after, .main-navigation > ul > li > strong.trail:after, .main-navigation > ul > li > strong.forward:after { top: auto; bottom: -1px; } } .main-navigation > ul > li > a:hover, .main-navigation > ul > li > a:focus { color: #5eaa30; text-decoration: none; } .main-navigation > ul > li > a.active, .main-navigation > ul > li > a.trail, .main-navigation > ul > li > a.forward, .main-navigation > ul > li strong.active, .main-navigation > ul > li strong.trail, .main-navigation > ul > li strong.forward { color: #5eaa30; } .main-navigation > ul > li > ul { position: absolute; top: 100%; left: 0.5em; display: block; overflow: hidden; max-height: 0; min-width: 11.25em; padding: 0; border: solid #3c2312; border-width: 1px 1px 2px; border-top-color: #e5e8ee; border-radius: 0 0 3px 3px; background: #ffffff; opacity: 0; box-shadow: inset 0 6px 2px -5px rgba(0, 0, 0, 0.1); -webkit-transition: max-height 0s, padding 0s, opacity 0.3s; -webkit-transition-delay: 0.3s, 0.3s, 0s; -moz-transition: max-height 0s 0.3s, padding 0s 0.3s, opacity 0.3s; -o-transition: max-height 0s 0.3s, padding 0s 0.3s, opacity 0.3s; transition: max-height 0s 0.3s, padding 0s 0.3s, opacity 0.3s; pointer-events: none; } .main-navigation > ul > li > ul li { position: relative; display: block; padding: 0.125em 0.375em; border-bottom: 1px solid #e5e8ee; white-space: nowrap; } .main-navigation > ul > li > ul li li { margin: 0 -0.375em; border: 0; } .main-navigation > ul > li > ul li[data-icon]:before, .main-navigation > ul > li > ul li[class^="icon-"]:before, .main-navigation > ul > li > ul li[class*=" icon-"]:before { position: absolute; top: 0.64286em; left: 0.28571em; z-index: 1; font-size: 0.875em; } .main-navigation > ul > li > ul li[data-icon] a, .main-navigation > ul > li > ul li[data-icon] strong.active, .main-navigation > ul > li > ul li[data-icon] strong.trail, .main-navigation > ul > li > ul li[data-icon] strong.forward, .main-navigation > ul > li > ul li[class^="icon-"] a, .main-navigation > ul > li > ul li[class^="icon-"] strong.active, .main-navigation > ul > li > ul li[class^="icon-"] strong.trail, .main-navigation > ul > li > ul li[class^="icon-"] strong.forward, .main-navigation > ul > li > ul li[class*=" icon-"] a, .main-navigation > ul > li > ul li[class*=" icon-"] strong.active, .main-navigation > ul > li > ul li[class*=" icon-"] strong.trail, .main-navigation > ul > li > ul li[class*=" icon-"] strong.forward { padding-left: 1.71429em; } .main-navigation > ul > li > ul a, .main-navigation > ul > li > ul strong.active, .main-navigation > ul > li > ul strong.trail, .main-navigation > ul > li > ul strong.forward { position: relative; display: block; padding: 0.21429em 0.42857em; margin: 0 -0.42857em; font-size: 0.875em; } .main-navigation > ul > li > ul a { border-radius: 3px; color: #1782c5; -webkit-transition: background-color 0.6s ease-in, color 0.6s ease-in; -moz-transition: background-color 0.6s ease-in, color 0.6s ease-in; -o-transition: background-color 0.6s ease-in, color 0.6s ease-in; transition: background-color 0.6s ease-in, color 0.6s ease-in; } .main-navigation > ul > li > ul a:hover { text-decoration: none; color: #126498; background-color: #e5e8ee; -webkit-transition-duration: 0.05s; -moz-transition-duration: 0.05s; -o-transition-duration: 0.05s; transition-duration: 0.05s; } .main-navigation > ul > li > ul strong.active, .main-navigation > ul > li > ul strong.trail, .main-navigation > ul > li > ul strong.forward { color: #717c8e; } .main-navigation > ul > li > ul ul { display: block; padding-left: 0.625em; } .main-navigation > ul > li:hover:after { content: ""; position: absolute; top: 50%; right: 0; bottom: 0; left: 0; z-index: 1; margin-top: 0.625em; } .main-navigation > ul > li:hover > a, .main-navigation > ul > li:hover > strong.active, .main-navigation > ul > li:hover > strong.trail, .main-navigation > ul > li:hover > strong.forward { z-index: 2; } .main-navigation > ul > li:hover > a:after, .main-navigation > ul > li:hover > strong.active:after, .main-navigation > ul > li:hover > strong.trail:after, .main-navigation > ul > li:hover > strong.forward:after { right: 1.42857em; left: 1.42857em; -webkit-transition-duration: 0.1s, 0.1s; -moz-transition-duration: 0.1s, 0.1s; -o-transition-duration: 0.1s, 0.1s; transition-duration: 0.1s, 0.1s; } .main-navigation > ul > li:hover > ul { z-index: 1; max-height: 9999px; padding: 0.875em 1em; opacity: 1; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; pointer-events: auto; } .modernizr-no-pointerevents .main-navigation > ul > li > ul { border-width: 0; } .modernizr-no-pointerevents .main-navigation > ul > li:hover > ul { border-width: 1px 1px 2px; } .main-navigation > ul > li.last > ul { left: auto; right: -0.125em; } .mega-dropdown { position: absolute; top: 100%; left: 3.7037%; display: block; width: 92.59259%; max-height: 0; padding: 0; overflow: hidden; border: solid #3c2312; border-width: 1px 1px 2px; border-top-color: #e5e8ee; border-radius: 0 0 3px 3px; font-size: 0.875em; background: #ffffff; opacity: 0; box-shadow: inset 0 6px 2px -5px rgba(0, 0, 0, 0.1); -webkit-transition: max-height 0s, padding 0s, opacity 0.3s; -webkit-transition-delay: 0.3s, 0.3s, 0s; -moz-transition: max-height 0s 0.3s, padding 0s 0.3s, opacity 0.3s; -o-transition: max-height 0s 0.3s, padding 0s 0.3s, opacity 0.3s; transition: max-height 0s 0.3s, padding 0s 0.3s, opacity 0.3s; pointer-events: none; /* Fixes chrome text flicker */ -webkit-backface-visibility: hidden; } @media screen and (max-width: 900px) { .mega-dropdown { background-image: none !important; left: 0; width: 100%; } } li:hover > .mega-dropdown { z-index: 1; max-height: 9999px; overflow: visible; padding: 1.57143em 3.7037%; opacity: 1; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; pointer-events: auto; } .modernizr-no-pointerevents .mega-dropdown { border-width: 0; } .modernizr-no-pointerevents li:hover > .mega-dropdown { border-width: 1px 1px 2px; } .mega-dropdown-column h1, .mega-dropdown-column h2, .mega-dropdown-column h3 { margin: 0 0 0.71429em; font-size: inherit; font-weight: bold; color: #126498; } .mega-dropdown-column h1 a, .mega-dropdown-column h2 a, .mega-dropdown-column h3 a { color: inherit; } .mega-dropdown-column p { margin: 1em 0; } .mega-dropdown-column ul a { display: inline-block; padding: 0.28571em 0 0.21429em; color: #1782c5; } .mega-dropdown-column ul a:hover { color: #126498; } .mega-dropdown-image { margin: 1.42857em 0; } .mega-dropdown-image img { display: block; width: 100%; height: auto; } .main-navigation-search { position: absolute; top: 50%; right: 3.7037%; z-index: 3; height: 2.85714em; min-width: 3.42857em; margin-top: -1.35714em; border-radius: 3px; overflow: hidden; font-size: 0.875em; background: #fff6c9; } @media screen and (max-width: 900px) { .main-navigation-search { right: 5.55556%; top: auto; bottom: 4.6875em; margin-top: 0; z-index: 0; } } @media screen and (max-width: 599px) { .main-navigation-search { display: none; } } .main-navigation-search:after { content: ""; position: absolute; top: 50%; left: 0; height: 1.07143em; margin: -0.5em 0 0; border-left: 1px solid #e5e8ee; } .main-navigation-search input { /* Fixes border-radius on iOS 7 */ -webkit-appearance: none; float: right; width: 11.78571em; margin: 0.57143em 0.85714em 0 -10.35714em; padding: 0.14286em 0 0.21429em; border: 0; border-bottom: 1px solid #fff6c9; border-radius: 0; font-size: inherit; background: none; box-shadow: none; -webkit-transition: margin-left 0.2s ease-out; -moz-transition: margin-left 0.2s ease-out; -o-transition: margin-left 0.2s ease-out; transition: margin-left 0.2s ease-out; } .main-navigation-search:hover, .main-navigation-search.focus { margin-right: -1px; border: 1px solid #e5e8ee; } .main-navigation-search:hover input, .main-navigation-search.focus input { margin-left: 0.85714em; border-color: #672f03; box-shadow: none; } .main-navigation-search:hover:after, .main-navigation-search.focus:after { content: none; } @media screen and (max-width: 900px) { .main-navigation-search { margin-right: -1px; border: 1px solid #e5e8ee; } .main-navigation-search input { margin-left: 0.85714em; border-color: #672f03; box-shadow: none; } .main-navigation-search:after { content: none; } } .main-navigation-search button { position: absolute; top: 0; right: 0; width: 3.57143em; height: 100%; margin: 0; padding: 0; border: 0; color: #fff6c9; text-align: left; text-indent: -99em; text-shadow: none; line-height: 0; background: none; box-shadow: none; } .main-navigation-search button:after { font: 1.14286em/1 "RockSolid Icons"; content: "\e0cb"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; display: block; text-align: center; } .main-navigation-search button:hover, .main-navigation-search button:focus { color: #5eaa30; } .main-navigation-mobile-open { position: absolute; top: 41px; left: 6.66667%; width: 44px; height: 39px; margin: -20px 0 0 -11px; padding: 11px; display: none; z-index: 200; text-indent: -99em; line-height: 0; } .main-navigation-mobile-open:after { content: ""; display: block; height: 3px; border-radius: 2px; background: #fff6c9; box-shadow: 0 7px #fff6c9, 0 14px #fff6c9; } @media screen and (max-width: 599px) { .main-navigation-mobile-open { display: block; } } .main-navigation-mobile-close { position: absolute; top: 0; right: -17.64706%; display: none; width: 17.64706%; height: 100%; overflow: hidden; margin: 0; padding: 0; border: 0 !important; text-indent: -99em; background: none !important; box-shadow: none !important; } .is-active > .main-navigation-mobile-close { display: block; } .main-navigation-mobile { /* Hide mobile navigation by default */ display: none; padding: 0; border-top: 1px solid #000000; color: #ffffff; background: #242424; } @media screen and (max-width: 599px) { .main-navigation-mobile { display: block; } } .modernizr-js .main-navigation-mobile { display: none; } .main-navigation-mobile.is-enabled { position: absolute; top: 0; left: -85%; z-index: 201; width: 85%; min-height: 100%; -webkit-transition: left 0.2s ease-out; -moz-transition: left 0.2s ease-out; -o-transition: left 0.2s ease-out; transition: left 0.2s ease-out; } @media screen and (max-width: 599px) { .main-navigation-mobile.is-enabled { display: block; } } .modernizr-csstransforms3d .main-navigation-mobile.is-enabled { left: 0; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); -webkit-transition: -webkit-transform 0.2s ease-out; -moz-transition: -moz-transform 0.2s ease-out; -o-transition: -o-transform 0.2s ease-out; transition: transform 0.2s ease-out; } .main-navigation-mobile.is-active { left: 0; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); } .modernizr-csstransforms3d .main-navigation-mobile.is-active { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .main-navigation-mobile ul { display: block; margin: 0; padding: 0; } .main-navigation-mobile ul ul { background: #242424; box-shadow: inset 0 40px 40px -20px rgba(0, 0, 0, 0.04), inset 0 -40px 40px -20px rgba(0, 0, 0, 0.04); } .main-navigation-mobile .is-collapsed > ul { display: none; } .main-navigation-mobile li { position: relative; display: block; } .main-navigation-mobile li:before { content: none; } .main-navigation-mobile a, .main-navigation-mobile strong.active, .main-navigation-mobile strong.trail, .main-navigation-mobile strong.forward { display: block; padding: 0.64286em 0.92857em 0.57143em; border-bottom: 1px solid #000000; color: inherit; background-color: #242424; box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -webkit-transition: background-color 0.6s ease-out; -moz-transition: background-color 0.6s ease-out; -o-transition: background-color 0.6s ease-out; transition: background-color 0.6s ease-out; } .main-navigation-mobile a:before, .main-navigation-mobile strong.active:before, .main-navigation-mobile strong.trail:before, .main-navigation-mobile strong.forward:before { margin-right: 0.42857em; } .main-navigation-mobile a:hover, .main-navigation-mobile a:focus, .main-navigation-mobile strong.active:hover, .main-navigation-mobile strong.active:focus, .main-navigation-mobile strong.trail:hover, .main-navigation-mobile strong.trail:focus, .main-navigation-mobile strongn.forward:hover, .main-navigation-mobile strong.forward:focus { outline: none; text-decoration: none; background-color: #171717; -webkit-transition: background-color 0.2s ease-out; -moz-transition: background-color 0.2s ease-out; -o-transition: background-color 0.2s ease-out; transition: background-color 0.2s ease-out; } .main-navigation-mobile a.active, .main-navigation-mobile a.trail, .main-navigation-mobile strong.active, .main-navigation-mobile strong.trail, .main-navigation-mobile strong.forward { font-weight: bold; } .main-navigation-mobile a.active, .main-navigation-mobile strong.active { background-color: #383838; box-shadow: inset 0 0 5px #242424; } .main-navigation-mobile li li { color: #bfbfbf; } .main-navigation-mobile li li a, .main-navigation-mobile li li strong.active, .main-navigation-mobile li li strong.trail, .main-navigation-mobile li li strong.forward { padding-left: 1.85714em; } .main-navigation-mobile li li li a, .main-navigation-mobile li li li strong.active, .main-navigation-mobile li li li strong.trail, .main-navigation-mobile li li li strong.forward { padding-left: 2.78571em; } .main-navigation-mobile li li li li a, .main-navigation-mobile li li li li strong.active, .main-navigation-mobile li li li li strong.trail, .main-navigation-mobile li li li li strong.forward { padding-left: 3.71429em; } .main-navigation-mobile li li li li li a, .main-navigation-mobile li li li li li strong.active, .main-navigation-mobile li li li li li strong.trail, .main-navigation-mobile li li li li li strong.forward { padding-left: 4.64286em; } .main-navigation-mobile .main-navigation-mobile-expand { position: absolute; top: 0.21429em; right: 0; overflow: hidden; margin: 0; padding: 0.57143em 0.92857em; border: solid transparent; border-width: 0.21429em 0; box-shadow: inset 1px 0 #1f1f1f; border-radius: 0; outline: none; line-height: 0; color: inherit; text-indent: -99em; text-shadow: none; background: none; } .main-navigation-mobile .main-navigation-mobile-expand:after { font: 1.14286em/1 "RockSolid Icons"; content: "\e009"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; display: block; } .main-navigation-mobile .is-expanded > .main-navigation-mobile-expand:after { content: "\e00c"; } .main-navigation-mobile-search { position: relative; margin: 5%; } .main-navigation-mobile-search input, .main-navigation-mobile-search input:hover, .main-navigation-mobile-search input:focus { width: 100%; border: 1px solid #000000; background: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); } .main-navigation-mobile-search button { position: absolute; top: 0.07143em; right: 0; width: 3.57143em; height: 100%; margin: 0; padding: 0; border: 0; text-align: left; text-indent: -99em; text-shadow: none; line-height: 0; background: none; box-shadow: none; } .main-navigation-mobile-search button:after { font: 1.14286em/1 "RockSolid Icons"; content: "\e0cb"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; display: block; text-align: center; } .main-navigation-mobile-icons.main-navigation-mobile-icons { margin: 1em 0; text-align: center; } .main-navigation-mobile-icons.main-navigation-mobile-icons li { display: inline; padding: 0; } .main-navigation-mobile-icons.main-navigation-mobile-icons a { display: inline-block; width: 2.85714em; height: 2.85714em; overflow: hidden; padding: 0; border: 0; border-radius: 3px; box-shadow: none; } .main-navigation-mobile-icons.main-navigation-mobile-icons a:before { font-size: 1.28571em; line-height: 2.22278; margin: 0 0 100%; color: #ffffff !important; } .main-navigation-mobile-icons.main-navigation-mobile-icons a:hover:before { color: inherit !important; } .tagline { zoom: 1; border-bottom: 1px solid #e5e8ee; background: #ffffff; } .tagline:before { content: ""; display: table; } .tagline:after { content: ""; display: table; clear: both; } .tagline .page-title { float: left; font-size: 20px; font-weight: normal; margin-top: 1.15789em; } @media screen and (max-width: 599px) { .tagline .page-title { float: none; text-align: center; } } .tagline .mod_breadcrumb { float: right; margin: 0; padding: 2.15385em 0 1.84615em; } @media screen and (max-width: 599px) { .tagline .mod_breadcrumb { float: none; margin: 1.69231em 0; padding: 0; text-align: center; } } .tagline .image_container { display: block; clear: both; margin: 0; padding: 0; border: 0; background: none; box-shadow: none; } .tagline img { display: block; } .tagline-no-border .tagline { border: 0; } .tagline-inner { position: relative; /* clearfix */ overflow: hidden; color: #98a0ab; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); } .content-wrapper { zoom: 1; } .content-wrapper:before { content: ""; display: table; } .content-wrapper:after { content: ""; display: table; clear: both; } .tao-fullwidth .content-wrapper { max-width: none; } .centered-wrapper { zoom: 1; position: relative; clear: both; background: 50% 50% no-repeat; background-size: cover; } .centered-wrapper:before { content: ""; display: table; } .centered-wrapper:after { content: ""; display: table; clear: both; } .centered-wrapper.-border-top { border-top: 1px solid #672f03; } .centered-wrapper.-border-bottom { border-bottom: 1px solid #672f03; } .centered-wrapper.-color-inverted { color: #ffffff; } .centered-wrapper.-highlight-color { background-color: #8570a6; } .centered-wrapper.-background-color-1 { background-color: #e1e38a; } .centered-wrapper.-background-color-2 { background-color: #fff6c9; } .centered-wrapper.-small { min-height: 300px; } @media screen and (max-width: 599px) { .centered-wrapper.-small { min-height: 200px; } } .centered-wrapper.-medium { min-height: 600px; } @media screen and (max-width: 599px) { .centered-wrapper.-medium { min-height: 400px; } } .centered-wrapper.-large { min-height: 900px; } @media screen and (max-width: 599px) { .centered-wrapper.-large { min-height: 600px; } } .centered-wrapper.-background-mousemove, .centered-wrapper.-background-mousemove-inverted, .centered-wrapper.-background-parallax { overflow: hidden; } .centered-wrapper-background { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; background: 50% 50% no-repeat; background-size: cover; } .centered-wrapper-background video { /* Change this to `object-fit: cover;` once all browsers support it, */ /* see http://stackoverflow.com/a/20851590 */ position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .-background-mousemove > .centered-wrapper-background, .-background-mousemove-inverted > .centered-wrapper-background { right: -12%; } .centered-wrapper-inner { position: relative; } .centered-wrapper-inner.-fullwidth { max-width: none; margin: 0; } /* =========================================== * Content * ======================================== */ h1, h2 { line-height: 1.3; } h3, h4, h5, h6 { line-height: 1.5; font-weight: normal; } .main-content { float: right; width: 59.25926%; margin: 1.5em 7.40741% 3.75em 0; } @media screen and (max-width: 900px) { .main-content { float: none; width: auto; margin-right: 5.55556%; margin-left: 5.55556%; } } .tao-no-sidebar .main-content { float: none; width: auto; margin-left: 3.57143%; margin-right: 3.57143%; } @media screen and (max-width: 900px) { .tao-no-sidebar .main-content { margin-right: 5.55556%; margin-left: 5.55556%; } } .tao-sidebar-right .main-content { float: left; margin-right: 0; margin-left: 7.40741%; } @media screen and (max-width: 900px) { .tao-sidebar-right .main-content { float: none; margin-right: 5.55556%; margin-left: 5.55556%; } } .tao-fullwidth .main-content { margin: 0; } .tao-3-columns .main-content { width: 48.14815%; margin-right: 25.92593%; } @media screen and (max-width: 900px) { .tao-3-columns .main-content { width: auto; margin-right: 5.55556%; } } .main-content p, .main-content ul, .main-content ol, .main-content table, .main-content form, .main-content fieldset { margin-top: 0.75em; margin-bottom: 1.5em; } .main-content p > span[style] { padding: 0 0.1875em; } .main-content h1, .main-content h2, .main-content h3, .main-content h4, .main-content h5, .main-content h6 { margin-top: 0.75em; margin-bottom: 0.3em; font-weight: normal; } .main-content h1 { font-size: 2em; font-weight: bold; color: #672f03; } .main-content .-color-inverted h1 { color: #ffffff; } .main-content h2 { font-size: 1.5em; color: #672f03; } .main-content .-color-inverted h2 { color: #b2b9c4; } .main-content h3 { font-size: 1.3em; } .main-content h4 { font-size: 1.1em; } .main-content h5 { font-size: 1em; line-height: 1.50056; } .main-content h6 { font-size: 0.8em; line-height: 1.50063; letter-spacing: 0.0625em; color: #672f03; text-transform: uppercase; } .-color-inverted .main-content h6 { color: #b2b9c4; } .main-content ul, .main-content ol { padding-left: 1.25em; } .main-content ul li[data-icon], .main-content ul li[class^="icon-"], .main-content ul li[class*=" icon-"], .main-content ol li[data-icon], .main-content ol li[class^="icon-"], .main-content ol li[class*=" icon-"] { padding-left: 0.25em; list-style: none; } .main-content ul li[data-icon]:before, .main-content ul li[class^="icon-"]:before, .main-content ul li[class*=" icon-"]:before, .main-content ol li[data-icon]:before, .main-content ol li[class^="icon-"]:before, .main-content ol li[class*=" icon-"]:before { left: -1.5em; width: 0; margin-right: 0; color: #8570a6; } .main-content ul { list-style: disc; } .main-content ul ul { margin-top: 0; } .main-content ol { padding-left: 1.25em; list-style: decimal; } .main-content ol ol, .main-content ol ul { margin-top: 0; } .main-content ol ol { padding-left: 1.5em; list-style: upper-alpha; } .main-content ol ol ol { list-style: lower-roman; } .main-content ol ol ol ol { list-style: lower-alpha; } .main-content blockquote { position: relative; margin: 1.28571em 0 1.28571em 1.90476em; font-size: 1.3125em; line-height: 1.33381; color: #672f03; } .-color-inverted .main-content blockquote { color: #b2b9c4; } @media screen and (max-width: 599px) { .main-content blockquote { margin-left: 12.5%; } } .main-content blockquote small, .main-content blockquote i, .main-content blockquote em { font-size: 0.7619em; line-height: 1.5625; font-style: normal; } .main-content blockquote:before { content: "\201c"; position: absolute; top: 0; left: -0.47619em; margin: 0.47619em 0 0 -0.08333em; font-size: 4em; font-weight: bold; line-height: 0; opacity: 0.5; } @media screen and (max-width: 599px) { .main-content blockquote:before { left: -12.5%; margin-left: -0.11905em; } } .main-content img { max-width: 100%; height: auto; } .main-content .gm-style img { max-width: none; } .main-content .rsts-main { margin: 24px 0; } .main-content .main-slider { margin: 0; } /* =========================================== * Forms * ======================================== */ form h1, form h2, form h3, form h4, form h5, form h6 { clear: both; } form .form-row { position: relative; clear: both; } form p b.error, form p.error { margin: 0; display: block; color: #df3763; } input, textarea { padding: 0.85714em 1.35714em; line-height: normal; border: 1px solid #672f03; border-bottom-color: #4e2402; border-radius: 3px; font-size: 0.875em; color: inherit; background: #ffffff; } .valid input, .valid textarea { border-color: #b5da44; } .invalid input, input.error, .invalid textarea, textarea.error { border-color: #df3763; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* multiple rules, because user agents are required to ignore a rule with an unknown selector */ color: #98a0ab; } input:-moz-placeholder, textarea:-moz-placeholder { color: #98a0ab; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #98a0ab; } input::placeholder, textarea::placeholder { color: #98a0ab; } input:hover, textarea:hover { border-color: #4e2402 #4e2402 #3a1b02; box-shadow: 0 0 6px rgba(0, 0, 0, 0.1); } input:focus, textarea:focus { border-color: #8570a6; } .-color-inverted input, .-color-inverted textarea { background: #3c2312; } input[type="text"], input[type="search"], input[type="email"], input[type="password"], input[type="url"] { outline: none; } input[type="checkbox"], input[type="radio"], input[type="image"] { width: auto !important; height: auto !important; margin: 0; padding: 0; border: 0; box-shadow: none; } input[type="checkbox"] { vertical-align: middle; -webkit-appearance: checkbox; -moz-appearance: checkbox; appearance: checkbox; } input[type="radio"] { vertical-align: middle; -webkit-appearance: radio; -moz-appearance: radio; appearance: radio; background: none; } input[type="file"] { height: auto; padding: 0; border: 0; /* IE8 and IE9 */ border: 1px solid #672f03 \9; background: none; box-shadow: none; } button, input[type="submit"] { margin-top: 1.125em; } textarea { height: 200px; resize: vertical; line-height: 1.5; outline: none; } fieldset { margin: 1.125em 0; border: 1px solid #672f03; } fieldset legend { padding: 0 0.3125em; } fieldset + br { /* Kill
that Contao injects */ display: none; } .main-content form .form-row { margin-top: 1.125em; margin-bottom: 1.125em; } .main-content label { display: block; margin-bottom: 0.35714em; font-size: 0.875em; color: #672f03; } .-color-inverted .main-content label { color: #b2b9c4; } .main-content label .mandatory { margin-left: 0.14286em; color: #8570a6; } .main-content input[type="checkbox"] + label { display: inline; } .main-content fieldset p { margin: 0; } .main-content fieldset label { display: inline; margin: 0; } .main-content fieldset label:after { /* add line break after label */ content: "\A"; white-space: pre; } .main-content input, .main-content textarea, .main-content select, .main-content fieldset { width: 75%; } @media screen and (max-width: 599px) { .main-content input, .main-content textarea, .main-content select, .main-content fieldset { width: 100%; } } .main-content button, .main-content input[type="submit"] { width: auto; } @media screen and (max-width: 599px) { .main-content button, .main-content input[type="submit"] { width: 100%; } } .explanation p, .captcha_text p { margin: 0; } .explanation { font-size: 0.875em; margin: -0.85714em 0 1.71429em; color: #672f03; } .-color-inverted .explanation { color: #b2b9c4; } .captcha_text { display: block; } label .captcha_text { display: inline; } .sidebar form input, .sidebar form textarea, .sidebar form select, .sidebar form fieldset, .sidebar form button { width: 100%; } .sidebar form label { display: block; margin-bottom: 0.3125em; font-size: 1em; } .sidebar form input[type="checkbox"], .sidebar form input[type="radio"], .sidebar form input[type="image"] { width: auto; } /* =========================================== * Content elements * ======================================== */ .image_container { position: relative; display: inline-block; padding: 0.75em; border: 1px solid #672f03; border-radius: 2px; background: #ffffff; background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02)); background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02)); background-image: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02)); background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02)); box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); } .image_container.no-border, .no-border .image_container { padding: 0; border: 0; box-shadow: none; background: none; } .image_container.float_above { margin-top: 1.5em; } .image_container.float_below { margin-bottom: 1.5em; } .image_container img { display: block; width: 100%; height: auto; } .image_container a { position: relative; display: block; overflow: hidden; /* Fixes IE bug */ text-decoration: none; } .image_container a:hover:before, .image_container a:focus:before { content: ""; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.3); } .image_container a:hover:after, .image_container a:focus:after { font: 1.5em/1 "RockSolid Icons"; content: "\2b"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; position: absolute; top: 50%; left: 50%; z-index: 2; margin: -0.5em; color: #ffffff; text-shadow: 0 0 2px rgba(0, 0, 0, 0.35); } .image_container a:hover img, .image_container a:focus img { -webkit-filter: blur(2px); -moz-filter: blur(2px); filter: blur(2px); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } .image_container figcaption, .image_container .caption { /* overwrite elements style attribute */ width: 100% !important; padding: 0.42857em 0 0; font-size: 0.875em; color: #672f03; } .image_container.float_right, .image_container.float_left { float: right; width: 37.5% !important; margin: 1.5em 0 1.125em 6.25%; } @media screen and (max-width: 599px) { .image_container.float_right, .image_container.float_left { margin-left: 0; float: none !important; width: auto !important; width: auto !important; } } .tao-no-sidebar .image_container.float_right, .tao-no-sidebar .image_container.float_left { margin: 0.5em 0 1em 4%; width: 24% !important; } @media screen and (max-width: 900px) { .tao-no-sidebar .image_container.float_right, .tao-no-sidebar .image_container.float_left { margin-left: 6.25%; width: 37.5% !important; } } @media screen and (max-width: 599px) { .tao-no-sidebar .image_container.float_right, .tao-no-sidebar .image_container.float_left { margin-left: 0; width: auto !important; } } .no-resize .image_container.float_right, .tao-no-sidebar .no-resize .image_container.float_right, .image_container.float_right.no-resize, .tao-no-sidebar .image_container.float_right.no-resize, .no-resize .image_container.float_left, .tao-no-sidebar .no-resize .image_container.float_left, .image_container.float_left.no-resize, .tao-no-sidebar .image_container.float_left.no-resize { width: auto !important; } .image_container.float_left { float: left; margin: 0.5em 6.25% 1em 0; } @media screen and (max-width: 599px) { .image_container.float_left { margin-right: 0; } } .tao-no-sidebar .image_container.float_left { margin: 0.5em 3.84615% 1em 0; } @media screen and (max-width: 900px) { .tao-no-sidebar .image_container.float_left { margin-right: 6.25%; } } @media screen and (max-width: 599px) { .tao-no-sidebar .image_container.float_left { margin-right: 0; } } .ce_youtube-wrapper { position: relative; margin: 1.5em 0; /* ratio 16 to 9 */ padding-bottom: 56.25%; height: 0; overflow: hidden; } .ce_youtube-wrapper iframe, .ce_youtube-wrapper object, .ce_youtube-wrapper embed, .ce_youtube-wrapper .ce_youtube-wrapper-poster { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ce_youtube-wrapper-poster { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; } .ce_youtube-wrapper-poster:before { font: 1.25em/1 "RockSolid Icons"; content: "\25b6"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; position: absolute; top: 50%; left: 50%; margin: -1.2em -1.675em; padding: 0.7em 1.2em 0.7em 1.4em; border-radius: 0.5em; color: white; background: black; background: rgba(0, 0, 0, 0.6); transition: background-color 0.1s linear; } .ce_youtube-wrapper-poster:hover:before { opacity: 1; background: #cc181e; } .mejs-video, .mejs-audio { margin: 1.25em 0; background: transparent; } .mejs-video button, .mejs-audio button { -webkit-appearance: button; -moz-appearance: button; appearance: button; border-radius: 0; box-shadow: none; } .ce_gallery > ul.cols_1 > li { width: 100%; } .ce_gallery > ul.cols_2 > li { width: 49.25%; } .ce_gallery > ul.cols_3 > li { width: 32.33333%; } .ce_gallery > ul.cols_4 > li { width: 23.875%; } .ce_gallery > ul.cols_5 > li { width: 18.8%; } .ce_gallery > ul.cols_6 > li { width: 15.41667%; } .ce_gallery > ul.cols_7 > li { width: 13%; } .ce_gallery > ul.cols_8 > li { width: 11.1875%; } .ce_gallery > ul.cols_9 > li { width: 9.77778%; } .ce_gallery > ul.cols_10 > li { width: 8.65%; } .ce_gallery > ul.cols_11 > li { width: 7.72727%; } .ce_gallery > ul.cols_12 > li { width: 6.95833%; } @media screen and (max-width: 599px) { .ce_gallery.ce_gallery > ul > li { /* doubled class for specificity */ width: auto; } } .ce_gallery.no-resize > ul > li { width: auto; } .main-content .ce_gallery { margin: 1.5em 0; } .ce_gallery > ul { zoom: 1; margin: 0 !important; padding: 0 0 1.5% 0 !important; list-style: none !important; } .ce_gallery > ul:before { content: ""; display: table; } .ce_gallery > ul:after { content: ""; display: table; clear: both; } .ce_gallery > ul > li { float: left; width: 23.875%; margin: 1.5% 0 0 1.5%; } @media screen and (max-width: 599px) { .ce_gallery > ul > li { margin-left: 0; margin-right: 1.5%; } } .ce_gallery > ul > li.col_first { clear: left; margin-left: 0; } @media screen and (max-width: 599px) { .ce_gallery > ul > li.col_first { clear: none; } } .ce_gallery > ul > li.col_last { /* for rounding failures */ margin-right: -1%; } @media screen and (max-width: 599px) { .ce_gallery > ul > li.col_last { margin-right: 1.5%; } } .ce_gallery > ul > li > .image_container { display: block; width: 100%; } .ce_gallery img { width: 100%; height: auto; } .enclosure, .sidebar .enclosure, .ce_downloads, .sidebar .ce_downloads { margin: 1.6875em 0; padding: 1.25em 1.875em; border: 1px solid #672f03; border-radius: 3px; } .enclosure h1, .enclosure h2, .enclosure h3, .enclosure h4, .enclosure h5, .enclosure h6, .sidebar .enclosure h1, .sidebar .enclosure h2, .sidebar .enclosure h3, .sidebar .enclosure h4, .sidebar .enclosure h5, .sidebar .enclosure h6, .ce_downloads h1, .ce_downloads h2, .ce_downloads h3, .ce_downloads h4, .ce_downloads h5, .ce_downloads h6, .sidebar .ce_downloads h1, .sidebar .ce_downloads h2, .sidebar .ce_downloads h3, .sidebar .ce_downloads h4, .sidebar .ce_downloads h5, .sidebar .ce_downloads h6 { margin: -1.75em -2.58333em 1.66667em; padding: 0.66667em 1.66667em; border-radius: 3px 3px 0 0; font-size: 0.75em; font-weight: bold; letter-spacing: 0.08333em; color: #ffffff; text-transform: uppercase; background: #672f03; } .enclosure h1:before, .enclosure h2:before, .enclosure h3:before, .enclosure h4:before, .enclosure h5:before, .enclosure h6:before, .sidebar .enclosure h1:before, .sidebar .enclosure h2:before, .sidebar .enclosure h3:before, .sidebar .enclosure h4:before, .sidebar .enclosure h5:before, .sidebar .enclosure h6:before, .ce_downloads h1:before, .ce_downloads h2:before, .ce_downloads h3:before, .ce_downloads h4:before, .ce_downloads h5:before, .ce_downloads h6:before, .sidebar .ce_downloads h1:before, .sidebar .ce_downloads h2:before, .sidebar .ce_downloads h3:before, .sidebar .ce_downloads h4:before, .sidebar .ce_downloads h5:before, .sidebar .ce_downloads h6:before { font: 1.16667em/1 "RockSolid Icons"; content: "\e06d"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; top: 0.07143em; float: right; } .enclosure ul, .enclosure p, .sidebar .enclosure ul, .sidebar .enclosure p, .ce_downloads ul, .ce_downloads p, .sidebar .ce_downloads ul, .sidebar .ce_downloads p { margin: 0; padding: 0; list-style: none; } .ce_accordion { color: #672f03; } .ce_accordion[data-icon], .ce_accordion[class^="icon-"], .ce_accordion[class*=" icon-"] { position: relative; } .ce_accordion[data-icon]:before, .ce_accordion[class^="icon-"]:before, .ce_accordion[class*=" icon-"]:before { position: absolute; top: 0.75em; left: 1em; z-index: 1; font-size: 1.25em; } .ce_accordion[data-icon] .toggler, .ce_accordion[class^="icon-"] .toggler, .ce_accordion[class*=" icon-"] .toggler { padding-left: 3.125em; } .ce_accordion .toggler { position: relative; /* collapse borders */ margin-bottom: -2px; padding: 0.6875em 2.5em 0.8125em 1.25em; border: 1px solid #672f03; border-radius: 3px; outline: none; font-weight: bold; cursor: pointer; background: #ffffff; } .ce_accordion .toggler:after { font: 0.8125em/1 "RockSolid Icons"; content: "\2b"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; position: absolute; top: 1.38462em; right: 1.53846em; } .ce_accordion .toggler:hover { color: #850025; text-decoration: none; } .ce_accordion .toggler.ui-accordion-header-active:after { content: "\2212"; } .ce_accordion + .ce_accordion .toggler { border-radius: 0 0 3px 3px; } .ce_accordion .accordion { position: relative; /* collapse borders */ margin-bottom: -2px; padding: 0.0625em 1.25em; border: 1px solid #672f03; border-top-color: #b39781; border-radius: 0 0 3px 3px; background: #e5e5e5; } .icon-boxes { zoom: 1; margin: 2.75em 0; } .icon-boxes:before { content: ""; display: table; } .icon-boxes:after { content: ""; display: table; clear: both; } .icon-boxes > h1, .icon-boxes > h2, .icon-boxes > h3, .icon-boxes > h4, .icon-boxes > h5, .icon-boxes > h6 { margin-top: 0; margin-bottom: 1em; } .icon-boxes-item { position: relative; display: block; font-size: 0.875em; color: #672f03; text-align: center; text-decoration: none; } .icon-boxes-item.-align-left { text-align: left; } .icon-boxes-item.-align-right { text-align: right; } .icon-boxes-item.-color-inverted, .-color-inverted .icon-boxes-item { color: #ffffff; } .icon-boxes-item.-color-inverted:before, .icon-boxes-item.-color-inverted.-inverted-icon:before, .-color-inverted .icon-boxes-item:before, .-color-inverted .icon-boxes-item.-inverted-icon:before { border-color: #ffffff; color: #ffffff; background-color: transparent; } .icon-boxes-item.-color-inverted h3, .-color-inverted .icon-boxes-item h3 { color: #ffffff; } .icon-boxes-item.-boxed { top: 1.78571em; /* margin-top can not be used here because it's set by .rs-column */ margin-bottom: 1.78571em; padding: 0 1.42857em 1.42857em; border: 1px solid #672f03; border-radius: 3px; } .icon-boxes-item.-boxed.-headline-icon { top: auto; margin-bottom: 0; padding-top: 1.42857em; } .icon-boxes-item.-boxed:before { top: -0.46875em; margin-top: -0.46875em; margin-bottom: 0.125em; } .icon-boxes-item.-background-color { padding: 1.42857em; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 3px; } .icon-boxes-item.-background-color:before { background-color: inherit; } .icon-boxes-item.-background-color:hover:before, .icon-boxes-item.-background-color:focus:before { background-color: inherit; } .icon-boxes-item.-boxed.-background-color { padding: 0 1.42857em 1.42857em; } .icon-boxes-item:hover, .icon-boxes-item:focus { text-decoration: none; } .icon-boxes-item:before { width: 1em; height: 1em; margin: 0 0 0.59375em; padding: 0.34375em; border: 0.09375em solid #8570a6; border-radius: 100%; font-size: 2.28571em; color: #8570a6; text-align: center; background: transparent; -webkit-transition-property: opacity, -webkit-transform, color, background; -moz-transition-property: opacity, -moz-transform, color, background; -o-transition-property: opacity, -o-transform, color, background; transition-property: opacity, transform, color, background; -webkit-transition-duration: 0.2s, 0.2s, 0.2s, 0.8s; -moz-transition-duration: 0.2s, 0.2s, 0.2s, 0.8s; -o-transition-duration: 0.2s, 0.2s, 0.2s, 0.8s; transition-duration: 0.2s, 0.2s, 0.2s, 0.8s; } .not-in-view > .icon-boxes-item:before, .does-repeat.not-in-view > .icon-boxes-item:before, .does-repeat .not-in-view > .icon-boxes-item:before { opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } .does-repeat.in-view > .icon-boxes-item:before, .does-repeat .in-view > .icon-boxes-item:before, .has-shown > .icon-boxes-item:before { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .icon-boxes-item:nth-of-type(12n+1):before { -webkit-transition-delay: 0.1s, 0.1s, 0, 0; -moz-transition-delay: 0.1s, 0.1s, 0, 0; -o-transition-delay: 0.1s, 0.1s, 0, 0; transition-delay: 0.1s, 0.1s, 0, 0; } .icon-boxes-item:nth-of-type(12n+2):before { -webkit-transition-delay: 0.2s, 0.2s, 0, 0; -moz-transition-delay: 0.2s, 0.2s, 0, 0; -o-transition-delay: 0.2s, 0.2s, 0, 0; transition-delay: 0.2s, 0.2s, 0, 0; } .icon-boxes-item:nth-of-type(12n+3):before { -webkit-transition-delay: 0.3s, 0.3s, 0, 0; -moz-transition-delay: 0.3s, 0.3s, 0, 0; -o-transition-delay: 0.3s, 0.3s, 0, 0; transition-delay: 0.3s, 0.3s, 0, 0; } .icon-boxes-item:nth-of-type(12n+4):before { -webkit-transition-delay: 0.4s, 0.4s, 0, 0; -moz-transition-delay: 0.4s, 0.4s, 0, 0; -o-transition-delay: 0.4s, 0.4s, 0, 0; transition-delay: 0.4s, 0.4s, 0, 0; } .icon-boxes-item:nth-of-type(12n+5):before { -webkit-transition-delay: 0.5s, 0.5s, 0, 0; -moz-transition-delay: 0.5s, 0.5s, 0, 0; -o-transition-delay: 0.5s, 0.5s, 0, 0; transition-delay: 0.5s, 0.5s, 0, 0; } .icon-boxes-item:nth-of-type(12n+6):before { -webkit-transition-delay: 0.6s, 0.6s, 0, 0; -moz-transition-delay: 0.6s, 0.6s, 0, 0; -o-transition-delay: 0.6s, 0.6s, 0, 0; transition-delay: 0.6s, 0.6s, 0, 0; } .icon-boxes-item:nth-of-type(12n+7):before { -webkit-transition-delay: 0.7s, 0.7s, 0, 0; -moz-transition-delay: 0.7s, 0.7s, 0, 0; -o-transition-delay: 0.7s, 0.7s, 0, 0; transition-delay: 0.7s, 0.7s, 0, 0; } .icon-boxes-item:nth-of-type(12n+8):before { -webkit-transition-delay: 0.8s, 0.8s, 0, 0; -moz-transition-delay: 0.8s, 0.8s, 0, 0; -o-transition-delay: 0.8s, 0.8s, 0, 0; transition-delay: 0.8s, 0.8s, 0, 0; } .icon-boxes-item:nth-of-type(12n+9):before { -webkit-transition-delay: 0.9s, 0.9s, 0, 0; -moz-transition-delay: 0.9s, 0.9s, 0, 0; -o-transition-delay: 0.9s, 0.9s, 0, 0; transition-delay: 0.9s, 0.9s, 0, 0; } .icon-boxes-item:nth-of-type(12n+10):before { -webkit-transition-delay: 1s, 1s, 0, 0; -moz-transition-delay: 1s, 1s, 0, 0; -o-transition-delay: 1s, 1s, 0, 0; transition-delay: 1s, 1s, 0, 0; } .icon-boxes-item:nth-of-type(12n+11):before { -webkit-transition-delay: 1.1s, 1.1s, 0, 0; -moz-transition-delay: 1.1s, 1.1s, 0, 0; -o-transition-delay: 1.1s, 1.1s, 0, 0; transition-delay: 1.1s, 1.1s, 0, 0; } .icon-boxes-item:nth-of-type(12n+12):before { -webkit-transition-delay: 1.2s, 1.2s, 0, 0; -moz-transition-delay: 1.2s, 1.2s, 0, 0; -o-transition-delay: 1.2s, 1.2s, 0, 0; transition-delay: 1.2s, 1.2s, 0, 0; } .icon-boxes-item.-inverted-icon:before { border-color: #8570a6; color: #ffffff; background-color: #8570a6; } .icon-boxes-item.-large-icon:before { font-size: 2.71429em; /* IE9 - IE11 */ font-size: 2.375rem; } .icon-boxes-item.-headline-icon { text-align: left; } .icon-boxes-item.-headline-icon:before { float: left; top: 0; margin: 0; padding: 0; border: 0; border-radius: 0; background: none; } .icon-boxes-item.-headline-icon h3 { padding: 0.09524em 0 0 2.19048em; } .icon-boxes-item:hover:before, .icon-boxes-item:focus:before { color: #ffffff; background-color: #8570a6; } .icon-boxes-item:hover.-inverted-icon:before, .icon-boxes-item:focus.-inverted-icon:before { color: #8570a6; background-color: #ffffff; } .icon-boxes-item:hover.-headline-icon:before, .icon-boxes-item:focus.-headline-icon:before { color: #8570a6; background: none; } .icon-boxes-item h3 { margin: 0 0 0.66667em; font-family: Open Sans, sans-serif; font-style: normal; font-size: 1.5em; color: #672f03; } .icon-boxes-item p { margin: 0.5em 0; } .icon-boxes-item-link.-link { color: #850025; } .icon-boxes-item:hover > .icon-boxes-item-link.-link, .icon-boxes-item:focus > .icon-boxes-item-link.-link { text-decoration: underline; } .-color-inverted .icon-boxes-item-link { color: #ffffff; } .rotating-boxes { zoom: 1; margin: 4% 0; } .rotating-boxes:before { content: ""; display: table; } .rotating-boxes:after { content: ""; display: table; clear: both; } .rotating-boxes-item { position: relative; color: #672f03; text-decoration: none; -webkit-perspective: 750px; -moz-perspective: 750px; -ms-perspective: 750px; -o-perspective: 750px; perspective: 750px; } .rotating-boxes-item:hover, .rotating-boxes-item:focus, .rotating-boxes-item.hover { text-decoration: none; } .rotating-boxes-item:hover > .rotating-boxes-item-cover, .rotating-boxes-item:focus > .rotating-boxes-item-cover, .rotating-boxes-item.hover > .rotating-boxes-item-cover { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); } .rotating-boxes-item:hover > .rotating-boxes-item-content, .rotating-boxes-item:focus > .rotating-boxes-item-content, .rotating-boxes-item.hover > .rotating-boxes-item-content { -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg); } .rotating-boxes-item-cover, .rotating-boxes-item-content { position: relative; border: 1px solid #672f03; border-radius: 3px; background: #ffffff; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; -o-transition: -o-transform 0.3s; transition: transform 0.3s; -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } .rotating-boxes-item-cover { position: absolute; top: 0; right: 0; bottom: 0; left: 0; color: #8570a6; } .rotating-boxes-item-cover:before, .rotating-boxes-item-cover:after { position: absolute; top: 50%; left: 50%; } .rotating-boxes-item-cover:before { margin: -1em 0 0 -0.5em; font-size: 2.625em; } .rotating-boxes-item-cover:after { content: attr(data-headline); left: 0; width: 100%; margin: 0.35714em 0 0; font-size: 1.75em; text-align: center; } .rotating-boxes-item-content { overflow: hidden; margin: -1em; padding: 1em 3.14286em; font-size: 0.875em; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); } .rotating-boxes-item-content:before { position: absolute; top: 0; right: 0; margin: -0.3em; font-size: 14.28571em; color: #8570a6; opacity: 0.2; } .rotating-boxes-item-content h3 { position: relative; margin: 0.66667em 0; font-size: 1.5em; color: #8570a6; } .-color-inverted .rotating-boxes-item-content h3 { color: #8570a6; } .rotating-boxes-item-content p { position: relative; margin: 1em 0; } .rotating-boxes-item-content .rotating-boxes-item-link { margin-top: 0; } .teaser-boxes, .team-boxes { margin: 2.5em 0; zoom: 1; } .teaser-boxes:before, .team-boxes:before { content: ""; display: table; } .teaser-boxes:after, .team-boxes:after { content: ""; display: table; clear: both; } .teaser-boxes > h1, .team-boxes > h1, .teaser-boxes > h2, .team-boxes > h2, .teaser-boxes > h3, .team-boxes > h3, .teaser-boxes > h4, .team-boxes > h4, .teaser-boxes > h5, .team-boxes > h5, .teaser-boxes > h6, .team-boxes > h6 { margin-top: 0; margin-bottom: 1.5em; } .teaser-boxes-item, .team-boxes-item { font-size: 0.875em; text-decoration: none; color: inherit; outline: none; } .teaser-boxes-item.-align-center, .-align-center.team-boxes-item { text-align: center; } .teaser-boxes-item.-align-right, .-align-right.team-boxes-item { text-align: right; } .-color-inverted .teaser-boxes-item, .-color-inverted .team-boxes-item { color: #b2b9c4; } .-boxed > .teaser-boxes-item, .-boxed > .team-boxes-item { color: #672f03; } .teaser-boxes-item .image-wrapper, .team-boxes-item .image-wrapper { position: relative; display: block; overflow: hidden; outline: none; } .teaser-boxes-item .image-wrapper.-image-circle, .team-boxes-item .image-wrapper.-image-circle { border-radius: 99em; overflow: hidden; /* Fixes hover in Chrome */ opacity: 0.99; } .teaser-boxes-item .image-wrapper.-image-circle img, .team-boxes-item .image-wrapper.-image-circle img { /* Fixes android bug with border-radius and overflow */ border-radius: 99em; } .teaser-boxes-item .image-wrapper, .team-boxes-item .image-wrapper, .teaser-boxes-item .no-image, .team-boxes-item .no-image { margin-bottom: 1.28571em; } .-boxed > .teaser-boxes-item .image-wrapper, .-boxed > .team-boxes-item .image-wrapper, .-boxed > .teaser-boxes-item .no-image, .-boxed > .team-boxes-item .no-image { margin: -1.42857em -1.42857em 1.28571em; } .-boxed > .teaser-boxes-item, .-boxed > .team-boxes-item { overflow: hidden; padding: 1.42857em; border: 1px solid #672f03; border-radius: 3px; outline: none; background-color: #ffffff; } .teaser-boxes-item img, .team-boxes-item img { display: block; width: 100%; height: auto; } .teaser-boxes-item .no-image, .team-boxes-item .no-image { display: block; padding-top: 75%; background: #e5e8ee; } .teaser-boxes-item h3, .team-boxes-item h3 { margin: 0 0 0.33333em; font-size: 1.28571em; font-weight: bold; -webkit-transition: color 0.3s ease-out; -moz-transition: color 0.3s ease-out; -o-transition: color 0.3s ease-out; transition: color 0.3s ease-out; } .-color-inverted .teaser-boxes-item h3, .-color-inverted .team-boxes-item h3 { color: #ffffff; } .-color-inverted .-boxed .teaser-boxes-item h3, .-color-inverted .-boxed .team-boxes-item h3 { color: #672f03; } .teaser-boxes-item h4, .team-boxes-item h4 { margin: 0; font-size: 1em; font-weight: normal; } .teaser-boxes-item p, .team-boxes-item p, .teaser-boxes-item ul, .team-boxes-item ul, .teaser-boxes-item ol, .team-boxes-item ol { margin: 0.42857em 0; } .teaser-boxes-item a, .team-boxes-item a { margin-top: 0.57143em; } .-color-inverted .teaser-boxes-item a, .-color-inverted .team-boxes-item a { color: inherit; } .teaser-boxes-item .image-wrapper.-has-hover:hover, .team-boxes-item .image-wrapper.-has-hover:hover, .teaser-boxes-item .image-wrapper.-has-hover:focus, .team-boxes-item .image-wrapper.-has-hover:focus { outline: none; } .teaser-boxes-item .image-wrapper.-has-hover:hover:before, .team-boxes-item .image-wrapper.-has-hover:hover:before, .teaser-boxes-item .image-wrapper.-has-hover:focus:before, .team-boxes-item .image-wrapper.-has-hover:focus:before { content: ""; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.3); } .teaser-boxes-item .image-wrapper.-has-hover:hover img, .team-boxes-item .image-wrapper.-has-hover:hover img, .teaser-boxes-item .image-wrapper.-has-hover:focus img, .team-boxes-item .image-wrapper.-has-hover:focus img { -webkit-filter: blur(2px); -moz-filter: blur(2px); filter: blur(2px); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } .teaser-boxes-item a.image-wrapper.-has-hover:hover, .team-boxes-item a.image-wrapper.-has-hover:hover, .teaser-boxes-item a.image-wrapper.-has-hover:focus, .team-boxes-item a.image-wrapper.-has-hover:focus { /* Fixes IE bug */ text-decoration: none; } .teaser-boxes-item a.image-wrapper.-has-hover:hover:after, .team-boxes-item a.image-wrapper.-has-hover:hover:after, .teaser-boxes-item a.image-wrapper.-has-hover:focus:after, .team-boxes-item a.image-wrapper.-has-hover:focus:after { font: 1.5em/1 "RockSolid Icons"; content: "\2b"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; position: absolute; top: 50%; left: 50%; z-index: 2; margin: -0.5em; color: #ffffff; text-shadow: 0 0 2px rgba(0, 0, 0, 0.35); } .team-boxes-item h3 { font-size: 1.14286em; } .team-boxes-item .hover-image { position: absolute; top: auto; bottom: -100%; left: 0; width: 100%; -webkit-transition: bottom 0.2s ease-out; -moz-transition: bottom 0.2s ease-out; -o-transition: bottom 0.2s ease-out; transition: bottom 0.2s ease-out; } .team-boxes-item:hover .hover-image { bottom: 0; } .team-boxes-item > ul { margin: 0.57143em 0; padding: 0; list-style-type: none; } .team-boxes-item > ul li { display: inline; } .team-boxes-item > ul a { display: inline-block; overflow: hidden; padding: 0.57143em 0.57143em 0 0.07143em; outline: none; line-height: 0; /* Fixes Chrome bug */ letter-spacing: -1em; text-indent: -99em; text-decoration: none; } .team-boxes-item > ul a:before { content: none; } .team-boxes-item > ul a:after { font: 1.28571em/1 "RockSolid Icons"; content: attr(data-icon); -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; display: block; letter-spacing: 0; color: #ca5c06 !important; } .team-boxes-item > ul a:hover:after, .team-boxes-item > ul a:focus:after { color: inherit !important; } .highlight-box { /* clearfix */ overflow: hidden; display: table; width: 100%; margin: 1.5em 0; padding: 1.11111em 1.11111em; border: 1px solid #672f03; border-radius: 3px; font-size: 1.125em; line-height: 1.50056; color: #672f03; } .highlight-box-inner { display: table-cell; vertical-align: middle; text-align: right; } @media screen and (max-width: 599px) { .highlight-box-inner { display: block; margin-top: 1em; text-align: left; } } .highlight-box-inner:first-child { width: 65%; text-align: left; } @media screen and (max-width: 599px) { .highlight-box-inner:first-child { width: auto; margin-top: 0; } } .highlight-box-inner h1:first-child, .highlight-box-inner h2:first-child, .highlight-box-inner h3:first-child, .highlight-box-inner h4:first-child, .highlight-box-inner p:first-child, .highlight-box-inner ul:first-child, .highlight-box-inner ol:first-child { margin: 0; } .highlight-box-inner p:last-child { margin-bottom: 0; } .highlight-box-link { font-size: 0.77778em; } .testimonial, .main-content .testimonial { margin: 1.5em 0; font-size: 1em; line-height: 1.56313; } .testimonial:before, .main-content .testimonial:before { content: none; } .-color-inverted .testimonial, .-color-inverted .main-content .testimonial { color: #ffffff; } .testimonial > p, .main-content .testimonial > p { position: relative; margin: 0; padding: 1.0625em 1.25em 1.125em; border: 1px solid #672f03; border-radius: 3px; } .testimonial > p:before, .testimonial > p:after, .main-content .testimonial > p:before, .main-content .testimonial > p:after { content: ""; position: absolute; top: 100%; left: 4.375em; width: 0; height: 0; border: solid transparent; border-top-color: #4e2402; border-style: solid; border-width: 16px 16px 0 0; } @media screen and (max-width: 599px) { .testimonial > p:before, .testimonial > p:after, .main-content .testimonial > p:before, .main-content .testimonial > p:after { content: none; } } .testimonial > p:after, .main-content .testimonial > p:after { margin-left: 1px; border-top-color: #ffffff; border-width: 14px 14px 0 0; } .testimonial.-large, .main-content .testimonial.-large { margin: 2em 0; font-size: 1.125em; text-align: center; } .testimonial.-large:before, .main-content .testimonial.-large:before { content: "\201c"; position: static; display: block; margin: 0 0 -0.05556em; line-height: 1; } .testimonial.-large > p, .main-content .testimonial.-large > p { padding: 0; border: 0; font-size: 1.33333em; font-weight: 300; } @media screen and (max-width: 599px) { .testimonial.-large > p, .main-content .testimonial.-large > p { font-size: 1.11111em; } } .testimonial.-large > p:before, .testimonial.-large > p:after, .main-content .testimonial.-large > p:before, .main-content .testimonial.-large > p:after { content: none; } .testimonial-author, .testimonial .testimonial-author { /* clearfix */ overflow: hidden; padding: 1em 0 0 0; font-size: 1em; } .testimonial-author img, .testimonial .testimonial-author img { float: left; width: 3.25em; height: auto; margin-left: 1.3125em; border: 1px solid #e5e8ee; border: 1px solid rgba(113, 124, 142, 0.5); border-radius: 100%; } @media screen and (max-width: 599px) { .testimonial-author img, .testimonial .testimonial-author img { margin-left: 0; } } .testimonial-author > small, .testimonial .testimonial-author > small { float: left; margin: 0.375em 0 0 1.25em; font-size: inherit; line-height: 1.2; } .testimonial-author > small b, .testimonial .testimonial-author > small b { display: block; font-size: 0.875em; font-weight: 300; } .testimonial-author > img + small, .testimonial-author > picture + small, .testimonial .testimonial-author > img + small, .testimonial .testimonial-author > picture + small { margin-left: 0.875em; } .testimonial.-large .testimonial-author { display: inline-block; min-height: 5.33333em; padding-top: 2em; text-align: left; } @media screen and (max-width: 599px) { .testimonial.-large .testimonial-author { text-align: center; } } .testimonial.-large .testimonial-author > small { margin-left: 0; text-align: center; } .testimonial.-large .testimonial-author img { margin-left: 0; } @media screen and (max-width: 599px) { .testimonial.-large .testimonial-author img { display: block; float: none; margin-right: auto; margin-left: auto; } } .testimonial.-large .testimonial-author > img + small, .testimonial.-large .testimonial-author > picture + small { margin-left: 0.875em; text-align: left; } @media screen and (max-width: 599px) { .testimonial.-large .testimonial-author > img + small, .testimonial.-large .testimonial-author > picture + small { margin-left: 0; text-align: center; } } .pricing-table { zoom: 1; margin: 2.75em 0; } .pricing-table:before { content: ""; display: table; } .pricing-table:after { content: ""; display: table; clear: both; } .pricing-table > h1, .pricing-table > h2, .pricing-table > h3, .pricing-table > h4, .pricing-table > h5, .pricing-table > h6 { margin-top: 0; } .pricing-table-plan { position: relative; float: left; width: 33.33333%; margin: 0.875em -1px 0 0; border: 1px solid #672f03; text-align: center; } @media screen and (max-width: 599px) { .pricing-table-plan { float: none; width: auto !important; border-radius: 3px; margin-bottom: 1.6875em; } } .pricing-table-plan:first-of-type { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .pricing-table-plan:last-of-type { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } @media screen and (max-width: 599px) { .pricing-table-plan:last-of-type { margin-bottom: 0; } } .-columns-1 > .pricing-table-plan { width: 100%; } .-columns-1 > .pricing-table-plan.-highlighted { width: 103%; } .-columns-2 > .pricing-table-plan { width: 50%; } .-columns-2 > .pricing-table-plan.-highlighted { width: 53%; } .-columns-3 > .pricing-table-plan { width: 33.33333%; } .-columns-3 > .pricing-table-plan.-highlighted { width: 36.33333%; } .-columns-4 > .pricing-table-plan { width: 25%; } .-columns-4 > .pricing-table-plan.-highlighted { width: 28%; } .-columns-5 > .pricing-table-plan { width: 20%; } .-columns-5 > .pricing-table-plan.-highlighted { width: 23%; } .-columns-6 > .pricing-table-plan { width: 16.66667%; } .-columns-6 > .pricing-table-plan.-highlighted { width: 19.66667%; } .pricing-table-plan.-highlighted { z-index: 1; width: 36.33333%; margin-right: -1.5%; margin-left: -1.5%; padding-bottom: 1.25em; border-radius: 3px; background: #ffffff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } .pricing-table-plan.-highlighted h3 { margin: -0.9375em -1px 0; padding-top: 1.8125em; border-radius: 3px 3px 0 0; color: #ffffff; background: #8570a6; } .pricing-table-plan h3 { margin: 0; padding: 0.875em 0; border-bottom: 1px solid #e5e8ee; font-size: inherit; font-weight: bold; color: inherit; } .pricing-table-plan p { margin: 0; padding: 0.375em 0; border-bottom: 1px solid #e5e8ee; font-size: 3em; line-height: 1; } .pricing-table-plan p b { display: inline-block; vertical-align: super; margin-left: -0.83333em; font-weight: normal; font-size: 0.5em; color: #672f03; } .pricing-table-plan p i { display: block; font-style: normal; font-size: 0.29167em; color: #672f03; } .pricing-table-plan ul { margin: 0 0 -1px 0; padding: 0; list-style: none; font-size: 0.875em; color: #672f03; } .pricing-table-plan li { display: block; padding: 0.5em; border-bottom: 1px solid #e5e8ee; -webkit-transition: background-color 0.3s ease-in; -moz-transition: background-color 0.3s ease-in; -o-transition: background-color 0.3s ease-in; transition: background-color 0.3s ease-in; } .pricing-table-plan li:hover { background-color: #e5e8ee; -webkit-transition-duration: 0.05s; -moz-transition-duration: 0.05s; -o-transition-duration: 0.05s; transition-duration: 0.05s; } .pricing-table-plan a { font-size: 0.75em; margin: 1.5em 0; padding: 0.83333em 1.66667em 0.75em; } .info-table { overflow: auto; border: 0; } .info-table td, .info-table th { border-width: 0 0 1px; } .info-table .image-cell { padding: 20% 10%; text-align: center; } @media screen and (max-width: 900px) { .info-table .image-cell { padding: 0 0 5%; } } .feature-box { zoom: 1; position: relative; overflow: hidden; } .feature-box:before { content: ""; display: table; } .feature-box:after { content: ""; display: table; clear: both; } .feature-box.-image-centered { text-align: center; } .feature-box.-vertical-centered { display: table; table-layout: fixed; /* Fixes IE bug */ width: 100%; } .feature-box.-small { min-height: 300px; } .feature-box.-small.-vertical-centered { height: 300px; } @media screen and (max-width: 599px) { .feature-box.-small { min-height: 200px; } .feature-box.-small.-vertical-centered { height: 200px; } } .feature-box.-medium { min-height: 600px; } .feature-box.-medium.-vertical-centered { height: 600px; } @media screen and (max-width: 599px) { .feature-box.-medium { min-height: 400px; } .feature-box.-medium.-vertical-centered { height: 400px; } } .feature-box.-large { min-height: 900px; } .feature-box.-large.-vertical-centered { height: 900px; } @media screen and (max-width: 599px) { .feature-box.-large { min-height: 600px; } .feature-box.-large.-vertical-centered { height: 600px; } } .feature-box.-headline-dropshadow h1, .feature-box.-headline-dropshadow h2, .feature-box.-headline-dropshadow h3 { text-shadow: 0 0 3px rgba(0, 0, 0, 0.45); } .feature-box-text { margin: 6.25em 48% 6.25em 0; color: #672f03; } @media screen and (max-width: 900px) { .feature-box-text { margin-right: 37.5%; } } @media screen and (max-width: 599px) { .feature-box-text { margin: 2.25em 0; } } .-image-left > .feature-box-text { margin-right: 0; margin-left: 48%; } @media screen and (max-width: 900px) { .-image-left > .feature-box-text { margin-left: 37.5%; } } @media screen and (max-width: 599px) { .-image-left > .feature-box-text { margin-left: 0; } } .-image-centered > .feature-box-text { margin-right: 16%; margin-left: 16%; } @media screen and (max-width: 900px) { .-image-centered > .feature-box-text { margin-right: 0; margin-left: 0; } } .-image-centered > .feature-box-text + .feature-box-image { margin-top: -2.25em; } @media screen and (max-width: 599px) { .-image-centered > .feature-box-text + .feature-box-image { margin-top: 0; } } .-vertical-centered > .feature-box-text { display: table-cell; vertical-align: middle; width: 56.0%; margin: 0; padding: 4.5em 4% 4.5em 0; } @media screen and (max-width: 900px) { .-vertical-centered > .feature-box-text { width: 68.75%; } } @media screen and (max-width: 599px) { .-vertical-centered > .feature-box-text { display: block; width: auto; padding-right: 0; } } .-vertical-centered.-image-left > .feature-box-text { padding-right: 0; padding-left: 4%; } @media screen and (max-width: 599px) { .-vertical-centered.-image-left > .feature-box-text { padding-left: 0; } } .-vertical-centered.-image-centered > .feature-box-text { width: 100%; padding-right: 20%; padding-left: 20%; } @media screen and (max-width: 900px) { .-vertical-centered.-image-centered > .feature-box-text { padding-right: 0; padding-left: 0; } } .-no-image > .feature-box-text { width: 100%; } .-color-inverted .feature-box-text { color: #ffffff; } .no-margin .feature-box-text { margin: 0; padding: 0; } .no-margin-top .feature-box-text { margin-top: 0; padding-top: 0; } .no-margin-bottom .feature-box-text { margin-bottom: 0; padding-bottom: 0; } .feature-box-text h1, .feature-box-text h2, .feature-box-text h3 { margin: 0; color: #672f03; font-size: 2em; font-weight: bold; } @media screen and (max-width: 599px) { .feature-box-text h1, .feature-box-text h2, .feature-box-text h3 { font-size: 1.57143em; } } .feature-box-text h1 + a, .feature-box-text h2 + a, .feature-box-text h3 + a { margin-top: 1.71429em; } .-color-inverted .feature-box-text h1, .-color-inverted .feature-box-text h2, .-color-inverted .feature-box-text h3 { color: #ffffff; } .feature-box-text h1.-small, .feature-box-text h2.-small, .feature-box-text h3.-small { font-size: 1.3125em; } .feature-box-text h1.-medium, .feature-box-text h2.-medium, .feature-box-text h3.-medium { font-size: 2.375em; } @media screen and (max-width: 599px) { .feature-box-text h1.-medium, .feature-box-text h2.-medium, .feature-box-text h3.-medium { font-size: 1.875em; } } .feature-box-text h1.-large, .feature-box-text h2.-large, .feature-box-text h3.-large { font-size: 2.875em; } @media screen and (max-width: 599px) { .feature-box-text h1.-large, .feature-box-text h2.-large, .feature-box-text h3.-large { font-size: 2em; } } .feature-box-text h1.-super-size, .feature-box-text h2.-super-size, .feature-box-text h3.-super-size { font-size: 3.625em; } @media screen and (max-width: 599px) { .feature-box-text h1.-super-size, .feature-box-text h2.-super-size, .feature-box-text h3.-super-size { font-size: 2.25em; } } .feature-box-text p { font-size: 1.125em; } .feature-box-image { display: block; float: right; width: 44%; margin: 3em 0 3em 4%; } @media screen and (max-width: 900px) { .feature-box-image { width: 31.25%; } } @media screen and (max-width: 599px) { .feature-box-image { width: 100%; } } .-image-left > .feature-box-image { float: left; margin-right: 4%; margin-left: 0; } @media screen and (max-width: 599px) { .-image-left > .feature-box-image { float: none; margin-right: 0; } } .-image-centered > .feature-box-image { float: none; width: 64%; margin-right: auto; margin-left: auto; } @media screen and (max-width: 900px) { .-image-centered > .feature-box-image { width: 100%; } } .-image-centered > .feature-box-image + .feature-box-text { margin-top: 3em; } .-image-top > .feature-box-image { margin-top: 0; } .-image-bottom > .feature-box-image { position: absolute; bottom: 0; right: 0; margin: 0; } @media screen and (max-width: 599px) { .-image-bottom > .feature-box-image { position: static; margin-bottom: 3em; } } .-image-bottom.-image-left > .feature-box-image { right: auto; left: 0; } .-vertical-centered > .feature-box-image { display: table-cell; vertical-align: middle; float: none; margin: 0; padding: 3em 0; } @media screen and (max-width: 599px) { .-vertical-centered > .feature-box-image { display: block; padding-top: 1.5em; padding-bottom: 1.5em; } } .-image-rounded > .feature-box-image img { border-radius: 99em; } .in-view > .feature-box-text, .in-view > .feature-box-image { -webkit-transition: opacity 0.6s linear, -webkit-transform 0.6s ease-out; -moz-transition: opacity 0.6s linear, -moz-transform 0.6s ease-out; -o-transition: opacity 0.6s linear, -o-transform 0.6s ease-out; transition: opacity 0.6s linear, transform 0.6s ease-out; } .not-in-view > .feature-box-text.-fade, .not-in-view > .feature-box-image.-fade { opacity: 0; } .in-view > .feature-box-text.-fade, .in-view > .feature-box-image.-fade { opacity: 1; } .not-in-view > .feature-box-text.-move, .not-in-view > .feature-box-image.-move { -webkit-transform: translate(100%, 0); -moz-transform: translate(100%, 0); -ms-transform: translate(100%, 0); -o-transform: translate(100%, 0); transform: translate(100%, 0); } .not-in-view > .feature-box-text.-move-right, .not-in-view > .feature-box-image.-move-right { -webkit-transform: translate(-100%, 0); -moz-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); -o-transform: translate(-100%, 0); transform: translate(-100%, 0); } .not-in-view > .feature-box-text.-move-top, .not-in-view > .feature-box-image.-move-top { -webkit-transform: translate(0, 100%); -moz-transform: translate(0, 100%); -ms-transform: translate(0, 100%); -o-transform: translate(0, 100%); transform: translate(0, 100%); } .not-in-view > .feature-box-text.-move-bottom, .not-in-view > .feature-box-image.-move-bottom { -webkit-transform: translate(0, -100%); -moz-transform: translate(0, -100%); -ms-transform: translate(0, -100%); -o-transform: translate(0, -100%); transform: translate(0, -100%); } .in-view > .feature-box-text.-move, .in-view > .feature-box-image.-move { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .feature-box-text img, .feature-box-image img { display: block; max-width: 100%; height: auto; margin: 0 auto; } .counter-boxes { zoom: 1; text-align: center; margin: 3.125em 0; } .counter-boxes:before { content: ""; display: table; } .counter-boxes:after { content: ""; display: table; clear: both; } .counter-boxes > h2 { margin: 0 0 1.1875em 0; font-size: 1.75em; font-weight: bold; color: inherit; } .-color-inverted .counter-boxes > h2 { color: #ffffff; } .counter-boxes > h3 { margin: 0 0 1.80952em 0; font-size: 1.3125em; color: #672f03; } .-color-inverted .counter-boxes > h3 { color: #b2b9c4; } .-color-inverted.-highlight-color .counter-boxes > h3 { color: #3b304d; } .counter-boxes > h2 + h3 { margin-top: -1.33333em; } .counter-boxes-item { text-decoration: none; color: inherit; } .counter-boxes-item:link:hover, .counter-boxes-item:link:focus { text-decoration: none; } .counter-boxes-item:link:hover:before, .counter-boxes-item:link:focus:before { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .counter-boxes-item:before { margin: 0; font-size: 2.25em; color: #672f03; } .-color-inverted .counter-boxes-item:before { color: #b2b9c4; } .-color-inverted.-highlight-color .counter-boxes-item:before { color: #3b304d; } .counter-boxes-item p { margin: 0.06944em -0.5em 0.16667em; font-size: 4.5em; line-height: 1; color: #8570a6; font-weight: 300; } @media screen and (max-width: 900px) { .counter-boxes-item p { font-size: 2.875em; } } @media screen and (max-width: 599px) { .counter-boxes-item p { font-size: 2.25em; } } .-color-inverted.-highlight-color .counter-boxes-item p { color: #3b304d; } .counter-boxes-item h3 { margin: 0; font-size: 1.5em; font-weight: bold; color: inherit; } @media screen and (max-width: 900px) { .counter-boxes-item h3 { font-size: 1.25em; } } .counter-boxes-item h4 { margin: 0.28571em 0 0; font-size: 0.875em; color: #672f03; } .-color-inverted .counter-boxes-item h4 { color: #b2b9c4; } .headline-box { margin: 2.25em 0; text-align: center; } .headline-box.-align-left { text-align: left; } .headline-box.-align-right { text-align: right; } .headline-box:before { display: block; width: 1.95455em; height: 1.95455em; margin: 0 auto 0.27273em auto; border-radius: 100%; font-size: 2.75em; font-weight: normal; line-height: 2.00023; text-align: center; background: #ffffff; background: rgba(255, 255, 255, 0.6); } .-color-inverted .headline-box:before { background: #3c2312; background: rgba(60, 35, 18, 0.6); } .headline-box h2 { margin: 0; font-size: 1.5em; font-weight: normal; color: inherit; } .-color-inverted .headline-box h2 { color: inherit; } @media screen and (max-width: 599px) { .headline-box h2 { font-size: 1.3125em; } } .headline-box h2.-bold { font-weight: bold; } .headline-box h2.-small { font-size: 1.5em; } .headline-box h2.-medium { font-size: 2em; } @media screen and (max-width: 599px) { .headline-box h2.-medium { font-size: 1.5em; } } .headline-box h2.-large { font-size: 2.25em; } @media screen and (max-width: 599px) { .headline-box h2.-large { font-size: 1.75em; } } .headline-box h2.-super-size { font-size: 2.625em; } @media screen and (max-width: 599px) { .headline-box h2.-super-size { font-size: 2em; } } .headline-box h3 { margin: 0.44444em 0 0; font-size: 1.125em; font-weight: normal; line-height: 1.5; color: #672f03; } .-color-inverted.-highlight-color .headline-box h3 { color: #3b304d; } .-color-inverted .headline-box h3 { color: #b2b9c4; } .headline-box h3.-small { font-size: 1.125em; } .headline-box h3.-medium { font-size: 1.5em; } @media screen and (max-width: 599px) { .headline-box h3.-medium { font-size: 1.3125em; } } .headline-box h3.-large { font-size: 1.75em; } @media screen and (max-width: 599px) { .headline-box h3.-large { font-size: 1.5em; } } .headline-box h3.-super-size { font-size: 2.25em; } @media screen and (max-width: 599px) { .headline-box h3.-super-size { font-size: 1.625em; } } .headline-box.-button-inline h2, .headline-box.-button-inline h3 { display: inline; } @media screen and (max-width: 599px) { .headline-box.-button-inline h2, .headline-box.-button-inline h3 { display: block; } } h2 + .headline-box-link, h3 + .headline-box-link { margin-top: 1.92857em; } .headline-box-link.-quaternary { color: inherit; } .-align-left > .headline-box-link { float: right; margin: -0.14286em 0 0 3.14286em; } @media screen and (max-width: 599px) { .-align-left > .headline-box-link { float: none; margin: 0 0 1em; } } .-align-right > .headline-box-link { float: left; margin: -0.14286em 3.14286em 0 0; } @media screen and (max-width: 599px) { .-align-right > .headline-box-link { float: none; margin: 0 0 1em; } } .-button-inline > .headline-box-link { margin: 0 0 0 2.14286em; } @media screen and (max-width: 599px) { .-button-inline > .headline-box-link { margin: 1em 0 0; } } .projects { zoom: 1; clear: both; } .projects:before { content: ""; display: table; } .projects:after { content: ""; display: table; clear: both; } .projects-item { position: relative; float: left; overflow: hidden; border-top: 5px solid #e5e8ee; color: inherit; } .projects-item:nth-of-type(even) { border-top-color: #672f03; } .projects-item.-large-col-1-1 { width: 100%; } .projects-item.-large-col-2-1 { width: 50%; } .projects-item.-large-col-3-1 { width: 33.33333%; } .projects-item.-large-col-4-1 { width: 25%; } .projects-item.-large-col-5-1 { width: 20%; } .projects-item.-large-col-6-1 { width: 16.66667%; } .projects-item.-large-col-7-1 { width: 14.28571%; } .projects-item.-large-col-8-1 { width: 12.5%; } .projects-item.-large-col-9-1 { width: 11.11111%; } .projects-item.-large-col-10-1 { width: 10%; } @media screen and (min-width: 1188px) { .projects-item.-verylarge-col-1-1 { width: 100%; } .projects-item.-verylarge-col-2-1 { width: 50%; } .projects-item.-verylarge-col-3-1 { width: 33.33333%; } .projects-item.-verylarge-col-4-1 { width: 25%; } .projects-item.-verylarge-col-5-1 { width: 20%; } .projects-item.-verylarge-col-6-1 { width: 16.66667%; } .projects-item.-verylarge-col-7-1 { width: 14.28571%; } .projects-item.-verylarge-col-8-1 { width: 12.5%; } .projects-item.-verylarge-col-9-1 { width: 11.11111%; } .projects-item.-verylarge-col-10-1 { width: 10%; } } @media screen and (max-width: 900px) { .projects-item.-medium-col-1-1 { width: 100%; } .projects-item.-medium-col-2-1 { width: 50%; } .projects-item.-medium-col-3-1 { width: 33.33333%; } .projects-item.-medium-col-4-1 { width: 25%; } .projects-item.-medium-col-5-1 { width: 20%; } .projects-item.-medium-col-6-1 { width: 16.66667%; } .projects-item.-medium-col-7-1 { width: 14.28571%; } .projects-item.-medium-col-8-1 { width: 12.5%; } .projects-item.-medium-col-9-1 { width: 11.11111%; } .projects-item.-medium-col-10-1 { width: 10%; } } @media screen and (max-width: 599px) { .projects-item.-small-col-1-1 { width: 100%; } .projects-item.-small-col-2-1 { width: 50%; } .projects-item.-small-col-3-1 { width: 33.33333%; } .projects-item.-small-col-4-1 { width: 25%; } .projects-item.-small-col-5-1 { width: 20%; } .projects-item.-small-col-6-1 { width: 16.66667%; } .projects-item.-small-col-7-1 { width: 14.28571%; } .projects-item.-small-col-8-1 { width: 12.5%; } .projects-item.-small-col-9-1 { width: 11.11111%; } .projects-item.-small-col-10-1 { width: 10%; } } .projects-item h3 { position: absolute; bottom: -3.125em; left: 0; width: 100%; margin: 0; padding: 0.625em 0 0.6875em; font-size: 1em; font-weight: bold; color: inherit; text-align: center; background: #ffffff; background: rgba(255, 255, 255, 0.9); -webkit-transition: bottom 0.4s ease-out; -moz-transition: bottom 0.4s ease-out; -o-transition: bottom 0.4s ease-out; transition: bottom 0.4s ease-out; } .projects-item h3:before { content: ""; position: absolute; left: 50%; top: -8px; width: 0; height: 0; border: 8px solid transparent; border-color: rgba(255, 255, 255, 0); border-top: 0; border-bottom-color: #ffffff; border-bottom-color: rgba(255, 255, 255, 0.9); } .projects-item:hover h3, .projects-item:focus h3 { bottom: 0; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; } .projects-item-image { position: relative; display: block; overflow: hidden; } .projects-item-image img { display: block; width: 100%; height: auto; } .projects-item-image-hover { position: absolute; top: -100%; left: 0; width: 100%; -webkit-transition: top 0.4s ease-out; -moz-transition: top 0.4s ease-out; -o-transition: top 0.4s ease-out; transition: top 0.4s ease-out; } .projects-item:hover .projects-item-image-hover, .projects-item:focus .projects-item-image-hover { top: 0; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; } .google-map { position: relative; padding-bottom: 56.25%; } .google-map iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .info-map { position: relative; clear: both; } .info-map-gmap { height: 29.375em; } @media screen and (max-width: 599px) { .info-map-gmap { height: 20em; /* Add area for touch scrolling */ margin-right: 5.55556%; margin-left: 5.55556%; } } .info-map-gmap:hover ~ .info-map-boxes { opacity: 0.2; } .info-map-gmap.-no-hover:hover ~ .info-map-boxes { opacity: 1; } .info-map-boxes { zoom: 1; position: relative; margin-top: -7.25em; margin-bottom: 2.75em; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .info-map-boxes:before { content: ""; display: table; } .info-map-boxes:after { content: ""; display: table; clear: both; } @media screen and (max-width: 599px) { .info-map-boxes { margin-top: 1.375em; } } .info-map-boxes-item { padding: 0.71429em 1.42857em; border-radius: 3px; font-size: 0.875em; color: inherit; background: #ffffff; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0 7px rgba(0, 0, 0, 0.15); } .info-map-boxes-item:before { float: right; margin: 0; padding: 0.15152em 0 0.45455em 0.30303em; font-size: 4.71429em; color: #8570a6; background: #ffffff; } .info-map-boxes-item:hover, .info-map-boxes-item:focus { text-decoration: none; } .info-map-boxes-item h3 { margin: 0.57143em 0; padding: 0 0 0.21429em; border-bottom: 1px solid #e5e8ee; color: #8570a6; font-size: 1em; font-weight: bold; text-transform: uppercase; } .info-map-boxes-item p { margin: 0.57143em 0; } .info-map-boxes-item-link { color: #850025; } .icon-buttons { text-align: center; margin: 2.25em 0; } .icon-buttons h3 { margin: 0; font-size: 1.125em; font-weight: normal; } .icon-buttons ul { margin: 1.25em 0; padding: 0; list-style: none; } .icon-buttons li { display: inline; } .icon-buttons a { display: inline-block; width: 2.5em; height: 2.5em; overflow: hidden; margin: 0 0.5em; border: 2px solid #672f03; border-radius: 3px; color: inherit; text-indent: -99em; line-height: 0; } .icon-buttons a:before { content: none; } .icon-buttons a:after { font: 1.5em/1 "RockSolid Icons"; content: attr(data-icon); -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; display: block; line-height: 1.58375; } .icon-buttons a:hover, .icon-buttons a:focus { text-decoration: none; background: #672f03; background: rgba(103, 47, 3, 0.25); } .-color-inverted .icon-buttons a { border-color: #ffffff; } .-color-inverted .icon-buttons a:hover, .-color-inverted .icon-buttons a:focus { background: #ffffff; background: rgba(255, 255, 255, 0.25); } .icon-links li { padding-bottom: 0.4375em; } .icon-links a { text-decoration: none; } .icon-links a:hover span { text-decoration: underline; } .icon-links-label { color: #850025; } .tab-navigation { margin: 2.25em 0 0; border: 1px solid transparent; border-bottom-color: #672f03; text-align: center; } .tab-navigation ul, .tab-navigation li { margin: 0; padding: 0; } .tab-navigation ul { display: table; table-layout: fixed; width: 100%; } @media screen and (max-width: 599px) { .tab-navigation ul { display: inline; } } .tab-navigation li { display: table-cell; list-style-type: none; vertical-align: bottom; } @media screen and (max-width: 599px) { .tab-navigation li { display: block; } } .tab-navigation li:first-child a { margin-left: -1px; } .tab-navigation a { position: relative; display: block; margin: -1px -1px 0 0; padding: 0.5625em 1.75em; letter-spacing: 0.1em; text-transform: uppercase; outline: none; border: 1px solid #672f03; border-bottom-width: 0; background-color: #ffffff; } @media screen and (max-width: 599px) { .tab-navigation a { margin: 0 -1px; } } .tab-navigation a:hover, .tab-navigation a:focus { text-decoration: none; } .tab-navigation a.is-active { z-index: 1; box-shadow: 0 10px 0 -1px #ffffff, 0 -3px #850025, -3px 0 3px -1px rgba(0, 0, 0, 0.1), 3px 0 3px -1px rgba(0, 0, 0, 0.1); } @media screen and (max-width: 599px) { .tab-navigation a.is-active { border-color: #850025; color: #ffffff; background: #850025; box-shadow: 0 1px #850025; } } .tab-navigation.-image-tabs { border: 0; } .tab-navigation.-image-tabs ul, .tab-navigation.-image-tabs li { display: inline; } .tab-navigation.-image-tabs a { display: inline-block; margin: 0; padding: 0.5625em 1.75em; border: 0; font-size: 1em; color: inherit; background: none; } .tab-navigation.-image-tabs a:hover, .tab-navigation.-image-tabs a:focus { color: #850025; } .tab-navigation.-image-tabs a.is-active { color: #850025; box-shadow: none; } .tab-navigation.-image-tabs a.is-active:after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -0.4375em; border: 0.4375em solid transparent; border-top-color: #850025; border-bottom: 0; } .tab-navigation.-image-tabs a:before { display: block; margin: 0 auto 0.25em; font-size: 3em; color: #8570a6; } .tab-navigation.-image-tabs a img { display: block; margin: 0 auto 0.75em; } .-columns-1 .tab-navigation-item { width: 100%; } .-columns-2 .tab-navigation-item { width: 50%; } .-columns-3 .tab-navigation-item { width: 33.33333%; } .-columns-4 .tab-navigation-item { width: 25%; } .-columns-5 .tab-navigation-item { width: 20%; } .-columns-6 .tab-navigation-item { width: 16.66667%; } @media screen and (max-width: 599px) { .tab-navigation-item.tab-navigation-item { width: auto; } } .tab-start.-has-border { margin-top: -1px; border: 1px solid #672f03; padding-right: 2.5em; padding-left: 2.5em; } /* =========================================== * Modules (Search, FAQ, News, Events, Comments, Sitemap etc.) * ======================================== */ .fixed-note { position: fixed; display: table; top: auto; right: 0; bottom: 0; left: 0; width: 100%; min-height: 3.75em; padding: 0.75em 1.25em 0.75em 5em; border-top: 1px solid #672f03; z-index: 99; background-color: #ffffff; box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1); } @media screen and (max-width: 900px) { .fixed-note { position: relative; } } @media screen and (max-width: 599px) { .fixed-note { display: block; padding-left: 1.25em; } } .fixed-note:before { position: absolute; top: 50%; margin-top: -0.5em; left: 0.83333em; font-size: 2.25em; color: #8570a6; } @media screen and (max-width: 900px) { .fixed-note:before { top: 0.66667em; margin-top: 0; } } @media screen and (max-width: 599px) { .fixed-note:before { position: static; } } .fixed-note h1, .fixed-note h2, .fixed-note h3 { font-size: 0.9375em; margin: 0.4em 0; } .fixed-note p { font-size: 0.875em; margin: 0.42857em 0; } @media screen and (max-width: 599px) { .fixed-note p { font-size: 1em; } } .fixed-note-column { display: table-cell; vertical-align: middle; padding: 0 0.625em; } .fixed-note-column:last-child { text-align: right; } @media screen and (max-width: 900px) { .fixed-note-column:last-child { text-align: left; } } @media screen and (max-width: 900px) { .fixed-note-column { display: block; margin: 0.75em 0; padding: 0; } } .fixed-note-link, .fixed-note-button { white-space: nowrap; } .fixed-note-button { margin: 0; } .fixed-note-closed { position: fixed; right: 1.875em; bottom: 0; z-index: 99; padding: 0.5em 0.75em; color: #ffffff; text-decoration: none; background: #37aadf; box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1); } @media screen and (max-width: 1188px) { .fixed-note-closed { right: 0; } } @media screen and (max-width: 900px) { .fixed-note-closed { position: absolute; top: 0.75em; right: 0.75em; bottom: auto; padding: 0.25em 0.75em; font-size: 0.875em; } } @media screen and (max-width: 599px) { .fixed-note-closed { font-size: 1em; } } .fixed-note-closed:hover, .fixed-note-closed:focus { background-color: #1f90c4; } .fixed-note-closed:before { font: 100%/1 "RockSolid Icons"; content: "\e0a6"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; } .fixed-note-closed > span { display: none; } .mod_breadcrumb { font-size: 0.8125em; } .mod_breadcrumb ul, .mod_breadcrumb li { display: inline; margin: 0; padding: 0; } .mod_breadcrumb li:before { content: " \A0 / \A0 "; } .mod_breadcrumb li:first-child:before { content: none; } .mod_breadcrumb a { color: inherit; text-decoration: underline; } .mod_breadcrumb a:hover { text-decoration: none; } .back a:before, .previous a:before, .next a:after { font: 0.75em/1 "RockSolid Icons"; content: "\e018"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; top: -0.16667em; margin-right: 0.5em; vertical-align: middle; } .next a:after { content: "\e019"; margin-right: 0; margin-left: 0.5em; } .pagination > p { text-align: center; } .pagination ul { list-style-type: none !important; text-align: center; } .pagination li { display: inline-block; } .pagination li a, .pagination li span { padding: 4px 12px; background-color: #ffffff; } .pagination li .current { border-bottom: 1px solid #e5e8ee; background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02)); background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02)); background-image: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02)); background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02)); } .news-image-teaser { position: relative; margin: 2.25em 0; padding-left: 12.5%; } @media screen and (max-width: 599px) { .news-image-teaser { padding-left: 0; } } .news-image-teaser a { -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; } .news-image-teaser img { display: block; width: 100%; height: auto; margin: 0; } .news-image-teaser h2 { display: block; margin: 0.75em 0 0.25em; padding: 0 0 0.41667em; border-bottom: 1px solid #e5e8ee; font-size: 1.5em; font-weight: bold; color: inherit; } .news-image-teaser h2 a { color: inherit; } .news-image-teaser h2 a:hover { color: #850025; text-decoration: none; } .news-image-teaser p { margin: 0.625em 0; color: #672f03; } .news-image-teaser .news-image-teaser-info { margin: 0 0 0.93333em; font-size: 0.9375em; color: #672f03; } .news-image-teaser-meta { float: left; position: relative; left: -12.5%; width: 9.375%; margin-bottom: -6.25em; line-height: 1; text-align: center; border-right: 1px solid #e5e8ee; } @media screen and (max-width: 599px) { .news-image-teaser-meta { position: absolute; top: 0; left: 0; width: 18.75%; border-right: 0; background: #ffffff; } .news-image-teaser-meta + h2 { padding-top: 3.75em; } } .news-image-teaser-meta time { font-size: 2.125em; font-weight: bold; } .news-image-teaser-meta b { display: block; margin: -0.05556em 0 0.44444em; font-size: 0.52941em; font-weight: inherit; color: #672f03; text-transform: uppercase; } .news-image-teaser-meta .comment-count { display: block; padding: 0.25em 0; border-top: 1px solid #e5e8ee; color: #672f03; } .news-image-teaser-meta .comment-count:before { font: 100%/1 "RockSolid Icons"; content: "\e053"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; bottom: 0.0625em; margin-right: 0.16667em; font-size: 0.75em; } .news-image-teaser-meta .comment-count:hover { color: #850025; text-decoration: none; } .news-list-boxed { zoom: 1; margin: 2.75em 0; } .news-list-boxed:before { content: ""; display: table; } .news-list-boxed:after { content: ""; display: table; clear: both; } .news-list-boxed-item { padding: 1.07143em; border: 1px solid #672f03; border-radius: 3px; font-size: 0.875em; color: #672f03; } .news-list-boxed-item h3 { margin: 0.38095em 0 0; font-size: 1.5em; font-weight: bold; line-height: 1.38143; color: #672f03; } .news-list-boxed-item h3 a { color: inherit; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; } .news-list-boxed-item h3 a:hover { color: #850025; text-decoration: none; } .news-list-boxed-item p { margin: 1em 0; } .news-list-boxed-item .news-list-boxed-item-info { margin-top: 0.66667em; padding-bottom: 0.5em; font-size: 0.85714em; border-bottom: 1px solid #e5e8ee; } .news-list-boxed-item-image { position: relative; display: block; overflow: hidden; } .news-list-boxed-item-image.-no-image { padding-bottom: 56.81818%; background: #717c8e; } .news-list-boxed-item-image:hover, .news-list-boxed-item-image:focus { opacity: 0.8; } .news-list-boxed-item-image:hover img, .news-list-boxed-item-image:focus img { -webkit-filter: blur(2px); -moz-filter: blur(2px); filter: blur(2px); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } .news-list-boxed-item-image img { display: block; width: 100%; height: auto; } .news-list-boxed-item-image time { position: absolute; top: 50%; left: 0; width: 100%; margin: -0.77778em 0 0; font-size: 2.57143em; font-weight: bold; color: #ffffff; text-align: center; text-shadow: 0 0 4px rgba(0, 0, 0, 0.3); } .news-boxes { zoom: 1; margin: 2.75em 0; } .news-boxes:before { content: ""; display: table; } .news-boxes:after { content: ""; display: table; clear: both; } .news-boxes-item h3 { margin: 0; font-size: 1.125em; font-weight: bold; color: inherit; } .news-boxes-item h3 a { display: block; color: inherit; text-decoration: none; } .news-boxes-item h3 a:hover, .news-boxes-item h3 a:focus { color: #850025; } .news-boxes-item p { margin: 0.5em 0; } .news-boxes-item .news-boxes-item-more { position: relative; margin: -0.9375em 0 0 0; } .news-boxes-item .news-boxes-item-more a { position: relative; top: 0; display: block; height: 2.0625em; color: #ffffff; color: transparent; text-decoration: none; background: #ffffff; box-shadow: 0 -7px 10px -7px rgba(0, 0, 0, 0.2), 0 -8px 10px 7px rgba(255, 255, 255, 0.5); -webkit-transition: top 0.2s ease-out; -moz-transition: top 0.2s ease-out; -o-transition: top 0.2s ease-out; transition: top 0.2s ease-out; } .news-boxes-item .news-boxes-item-more a:after { font: 1.5em/1 "RockSolid Icons"; content: "\e009"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; position: absolute; top: 0; left: 50%; width: 3.66667em; height: 100%; margin: 0 0 0 -1.83333em; padding: 0.20833em 0 0; border: 1px solid #e5e8ee; border-top: 0; border-radius: 0 0 1px 1px; color: #672f03; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; box-shadow: 0 0 2px rgba(0, 0, 0, 0.1); } .news-boxes-item .news-boxes-item-more a:hover, .news-boxes-item .news-boxes-item-more a:focus { top: 1.25em; } .news-boxes-item .news-boxes-item-more a:hover:before, .news-boxes-item .news-boxes-item-more a:focus:before { content: ""; position: absolute; top: -1.25em; left: 0; height: 1.25em; width: 100%; } .news-boxes-item .news-boxes-item-more a:hover:after, .news-boxes-item .news-boxes-item-more a:focus:after { color: #850025; } .news-boxes-item-image { display: block; overflow: hidden; } .news-boxes-item-image.-no-image { padding-bottom: 56.81818%; background: #717c8e; } .news-boxes-item-image:hover, .news-boxes-item-image:focus { opacity: 0.8; } .news-boxes-item-image:hover img, .news-boxes-item-image:focus img { -webkit-filter: blur(2px); -moz-filter: blur(2px); filter: blur(2px); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } .news-boxes-item-image img { display: block; width: 100%; height: auto; } .news-boxes-item-info { margin: 0; font-size: 0.875em; color: #672f03; } .main-content .mod_calendar { margin: 1.5em 0; } .mod_calendar th.previous a:after, .mod_calendar th.previous a:before, .mod_calendar th.next a:after, .mod_calendar th.next a:before { display: none; } .mod_calendar th.current { border-right: 0; border-left: 0; text-align: center; } .mod_calendar th.current:before { font: 16px/1 "RockSolid Icons"; content: "\e037"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; margin-right: 6px; } .mod_calendar th.previous { border-right: 0; } .mod_calendar th.next { border-left: 0; text-align: right; } .mod_calendar th.label { font-size: 0.75em; text-align: center; text-transform: uppercase; letter-spacing: 0.07143em; } @media screen and (max-width: 599px) { .mod_calendar th.label > span { display: none; } } .mod_calendar td { vertical-align: top; width: 14.28571%; } @media screen and (max-width: 599px) { .mod_calendar td { text-align: center; } } .mod_calendar td.today { font-weight: bold; background-color: #672f03; } .mod_calendar .event { font-size: 0.75em; } .mod_calendar .minicalendar td { padding: 0.1875em; text-align: center; } .mod_eventlist > .header { font-weight: bold; } .mod_eventlist .event > h2 { margin-top: 0; font-size: 1.5em; } .mod_faqlist ul { list-style: none; padding-left: 0; } .mod_faqlist li:before { font: 100%/1 "RockSolid Icons"; content: "\e0f7"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; margin-right: 0.5em; } .mod_faqpage section { margin: 2.25em 0; padding-left: 4.5em; } .mod_faqpage h3 { position: relative; margin: 1em 0; padding: 0.47619em 0 0.71429em; border-bottom: 1px solid #e5e8ee; font-size: 1.3125em; } .mod_faqpage h3:before, .mod_faqpage h3 + *:before { content: "Q"; position: absolute; top: 0; left: -2.57143em; width: 1em; padding: 0.35714em 0.39286em 0.42857em; border-radius: 100%; font-size: 1.33333em; line-height: 1; color: #ffffff; text-align: center; background: #8570a6; } .mod_faqpage h3 + * { position: relative; } .mod_faqpage h3 + *:before { content: "A"; left: -3.75em; font-size: 1em; } .mod_faqpage p { margin-top: 0.75em; margin-bottom: 0.75em; } .mod_faqpage .info { font-size: 0.8125em; color: #672f03; } .mod_faqreader .info { font-size: 0.8125em; color: #672f03; } .mod_login form p.error { float: none; width: auto; margin: 1.125em 0; } .mod_login input { width: 80%; } @media screen and (max-width: 599px) { .mod_login input { width: 100%; } } .mod_login table { border: 0; box-shadow: none; } .mod_login table td { border: 0; padding: 0.375em 0; } .mod_search { margin: 1.6875em 0; } .mod_search form input { vertical-align: middle; } .mod_search form input[type="search"] { width: 74.375%; margin: 0; padding-top: 0.75em; padding-bottom: 0.75em; } .mod_search form input[type="submit"] { width: 25%; margin: 0 -2% 0 0; } @media screen and (max-width: 599px) { .mod_search form input[type="submit"] { padding-right: 0; padding-left: 0; } } .mod_search .relevance { float: right; margin-top: 0.71429em; font-size: 0.58333em; } .mod_search .header { padding-bottom: 0.3125em; border-bottom: 1px solid #672f03; color: #672f03; } .mod_search .highlight { padding: 0 0.25em; font-weight: bold; background: #e6ccd3; } .mod_search .url { padding-bottom: 1.42857em; border-bottom: 1px dotted #672f03; font-size: 0.875em; color: #672f03; } .mod_search .url:before { font: 100%/1 "RockSolid Icons"; content: "\e0b5"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; margin-right: 0.35714em; } .mod_search .url .filesize { font-size: 0.85714em; } .comment_default { margin: 1.6875em 0; padding: 1.25em 6.25% 0; border: 1px solid #672f03; border-radius: 3px; font-size: 1em; background: #ffffff; background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02)); background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02)); background-image: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02)); background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02)); box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); } .comment_default .info { margin-top: 0; border-bottom: 1px solid #672f03; } .comment_default .reply { margin-left: 6.66667%; } .comment_default .reply .info { font-weight: bold; } .ce_comments .form { margin-top: 2.25em; } .ce_comments .form .widget { margin-top: 1.5em; } .ce_comments .form .widget:nth-of-type(-n+4) { float: left; width: 46.66667%; } @media screen and (max-width: 599px) { .ce_comments .form .widget:nth-of-type(-n+4) { width: 100%; } } .ce_comments .form .widget:nth-of-type(-2n+4) { margin-right: -1%; margin-left: 6.66667%; } @media screen and (max-width: 599px) { .ce_comments .form .widget:nth-of-type(-2n+4) { margin-right: 0; margin-left: 0; } } .ce_comments .form .widget:nth-of-type(5) { clear: both; padding-top: 1.5em; } .ce_comments .form .widget input { width: 100%; } .ce_comments .form .widget textarea { width: 100%; } .ce_comments .form .checkbox_container { margin: 0; border: 0; margin-top: -1.125em; padding: 0; } .ce_comments h2 + .form, .ce_comments h2 + .form > form { margin-top: 0; } .mod_sitemap ul { padding-left: 0; list-style-type: none; } .mod_sitemap ul li:before { content: none; } .mod_sitemap ul li li { padding: 0.1875em 0 0.1875em 1.75em; font-size: 1em; } .mod_sitemap ul li li.submenu ul { margin: 0; } .mod_sitemap > ul > li:before { font: 100%/1 "RockSolid Icons"; content: "\e083"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; margin-right: 0.625em; color: #850025; } .mod_sitemap a:before { margin-right: 0.5em; } .mod_subscribe { position: relative; } .mod_subscribe input[type=text], .mod_subscribe input[type=email] { width: 75%; } @media screen and (max-width: 599px) { .mod_subscribe input[type=text], .mod_subscribe input[type=email] { display: block; margin: 0 auto 0.625em; } } .mod_subscribe .submit { vertical-align: top; overflow: hidden; width: 20%; margin-top: 0; padding: 0.875em 1.25em 0.625em; text-align: center; } .mod_subscribe.-centered { text-align: center; } .centered-wrapper .mod_subscribe input[type=text], .centered-wrapper .mod_subscribe input[type=email] { width: 30%; min-width: 16.25em; } .centered-wrapper .mod_subscribe .submit { width: auto; } .sidebar .mod_subscribe input[type=text], .sidebar .mod_subscribe input[type=email] { width: 75%; } @media screen and (max-width: 599px) { .sidebar .mod_subscribe input[type=text], .sidebar .mod_subscribe input[type=email] { display: inline; margin: 0; } } .sidebar .mod_subscribe .submit { width: 20%; padding: 1em 0 0.78571em; text-indent: -99em; line-height: 0; } .sidebar .mod_subscribe .submit:after { font: 100%/1 "RockSolid Icons"; content: "\e0ce"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; left: 1px; display: block; font-size: 1.14286em; } /* =========================================== * Sidebar / Widgets * ======================================== */ .sidebar { position: relative; float: left; width: 22.22222%; margin: 2.5em 0 0 3.7037%; font-size: 0.875em; } @media screen and (max-width: 900px) { .sidebar { float: none; clear: both; width: auto; margin-right: 0; margin-left: 0; } } @media screen and (max-width: 599px) { .sidebar { margin-right: 5.55556%; margin-left: 5.55556%; } } .tao-sidebar-right .sidebar { float: right; margin-right: 3.7037%; margin-left: 0; } @media screen and (max-width: 900px) { .tao-sidebar-right .sidebar { float: none; margin-right: 0; margin-left: 0; } } @media screen and (max-width: 599px) { .tao-sidebar-right .sidebar { margin-right: 5.55556%; margin-left: 5.55556%; } } .tao-3-columns .sidebar { width: 18.51852%; } @media screen and (max-width: 900px) { .tao-3-columns .sidebar { width: auto; } } .tao-3-columns .sidebar.-right { left: 51.85185%; margin-right: -18.51852%; } @media screen and (max-width: 900px) { .tao-3-columns .sidebar.-right { left: auto; clear: none; margin-right: 0; } } @media screen and (max-width: 599px) { .tao-3-columns .sidebar.-right { margin-right: 5.55556%; } } .sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4 { margin: 2em 0 0.5em; padding: 0 0 0.42857em; font-size: 1em; font-weight: bold; color: #672f03; } .sidebar p, .sidebar ul, .sidebar ol, .sidebar table, .sidebar blockquote, .sidebar fieldset, .sidebar form { margin: 1em 0; } .sidebar ul, .sidebar ol { padding: 0; list-style-type: none; } .sidebar > .block { margin: 1.25em 0; } @media screen and (max-width: 900px) { .sidebar > .block { float: left; width: 41.66667%; margin-left: 5.55556%; } } @media screen and (max-width: 599px) { .sidebar > .block { float: none; width: auto; margin-left: 0; } } .sidebar .ce_youtube-wrapper { margin: 0.75em 0; } .sidebar .image_container { margin: 0.75em 0 0; padding: 0.5em; } @media screen and (max-width: 599px) { .sub-navigation { display: none; } } .sub-navigation > ul > li > a { color: #672f03; } .sub-navigation ul { margin: 0; padding: 0; } .sub-navigation ul a, .sub-navigation ul strong.trail, .sub-navigation ul strong.active, .sub-navigation ul strong.forward { position: relative; display: block; margin: 0 -0.28571em; padding: 0.28571em; color: #672f03; -webkit-transition: background-color 0.6s ease-in, color 0.6s ease-in; -moz-transition: background-color 0.6s ease-in, color 0.6s ease-in; -o-transition: background-color 0.6s ease-in, color 0.6s ease-in; transition: background-color 0.6s ease-in, color 0.6s ease-in; } .sub-navigation ul a:hover, .sub-navigation ul strong.trail:hover, .sub-navigation ul strong.active:hover, .sub-navigation ul strong.forward:hover { border-radius: 3px; color: #672f03; text-decoration: none; background-color: #e5e8ee; -webkit-transition-duration: 0.05s; -moz-transition-duration: 0.05s; -o-transition-duration: 0.05s; transition-duration: 0.05s; } .sub-navigation ul a:before, .sub-navigation ul strong.trail:before, .sub-navigation ul strong.active:before, .sub-navigation ul strong.forward:before { margin-right: 0.42857em; } .sub-navigation ul a.active, .sub-navigation ul strong.active { color: #488225; } .sub-navigation ul a.trail, .sub-navigation ul strong.trail { color: #5eaa30; } .sub-navigation ul ul { margin-left: 0.85714em; } .sub-navigation li { padding: 0.14286em 0.42857em; border-top: 1px solid #e5e8ee; } .sub-navigation li:before { content: none; } .sub-navigation li:first-child, .sub-navigation li li li { border: 0; } .sub-navigation li li { margin-right: -0.42857em; } /* =========================================== * Footer * ======================================== */ .footer-bar { padding: 1.71429em 0; font-size: 0.875em; color: #672f03; } .footer-bar.-color-inverted { color: #ffffff; background: #3c2312; } .footer-bar h1, .footer-bar h2, .footer-bar h3 { margin: 1em 0; padding-bottom: 0.21429em; border-bottom: 1px solid #672f03; font-size: 1em; font-weight: bold; } .footer-bar ul { list-style: none; padding: 0; } .footer-bar .form-row { margin: 1em 0; } .footer-bar label { display: block; } .footer-bar input, .footer-bar textarea, .footer-bar select, .footer-bar fieldset { display: block; width: 100%; } .footer-bar input[type=submit], .footer-bar button { margin-top: 0.375em; } .footer-bar textarea { height: 6.25em; } .icon-text-block { position: relative; padding-left: 1.875em; } .icon-text-block:before { position: absolute; top: 0.21429em; left: 0; } .footer-news h1, .footer-news h2, .footer-news h3 { margin-bottom: 1.14286em; } .news-footer-item { margin: 0.57143em 0; min-height: 2.57143em; } .news-footer-item:hover time:before { top: 0.4em; } .news-footer-item:hover b { margin-top: 40px; } .news-footer-item time { position: relative; float: left; width: 3.6em; height: 3.6em; padding: 0.6em 0 0; overflow: hidden; font-size: 0.71429em; font-weight: bold; line-height: 1; color: #ffffff; text-transform: uppercase; text-align: center; background: #3c2312; } .news-footer-item time:before { font: 2em/1 "RockSolid Icons"; content: "\e0dd"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; position: absolute; top: -1em; left: 0.4em; -webkit-transition: top 0.2s ease-out; -moz-transition: top 0.2s ease-out; -o-transition: top 0.2s ease-out; transition: top 0.2s ease-out; } .news-footer-item time b { display: block; font-size: 1.4em; font-weight: inherit; -webkit-transition: margin 0.2s ease-out; -moz-transition: margin 0.2s ease-out; -o-transition: margin 0.2s ease-out; transition: margin 0.2s ease-out; } .-color-inverted .news-footer-item time { background: #ffffff; color: #672f03; } .news-footer-item a { display: block; line-height: 1.28571em; } .news-footer-item time + a { padding-left: 3.1875em; } .footer-navigation { float: left; margin: 0; font-size: 0.875em; color: #672f03; } @media screen and (max-width: 599px) { .footer-navigation { float: none; padding: 0.5em 0; text-align: center; } } .footer-navigation ul, .footer-navigation li { display: inline; margin: 0; padding: 0; } .footer-navigation > ul > li:before { font-size: 0.75em; } .footer-navigation > ul > li a, .footer-navigation > ul > li strong.trail, .footer-navigation > ul > li strong.active, .footer-navigation > ul > li strong.forward { position: relative; display: inline-block; padding: 2.14286em 0; margin-right: 3.14286em; color: inherit; } @media screen and (max-width: 900px) { .footer-navigation > ul > li a, .footer-navigation > ul > li strong.trail, .footer-navigation > ul > li strong.active, .footer-navigation > ul > li strong.forward { margin-right: 1.57143em; } } @media screen and (max-width: 599px) { .footer-navigation > ul > li a, .footer-navigation > ul > li strong.trail, .footer-navigation > ul > li strong.active, .footer-navigation > ul > li strong.forward { margin: 0 0.78571em; padding: 0.5em 0; } } .footer-navigation > ul > li a:before, .footer-navigation > ul > li strong.trail:before, .footer-navigation > ul > li strong.active:before, .footer-navigation > ul > li strong.forward:before { content: none; } .footer-navigation > ul > li a:after, .footer-navigation > ul > li strong.trail:after, .footer-navigation > ul > li strong.active:after, .footer-navigation > ul > li strong.forward:after { content: ""; position: absolute; top: auto; bottom: -1px; right: 50%; left: 50%; border-top: 2px solid #fff6c9; -webkit-transition: right 0.4s ease-out, left 0.4s ease-out; -moz-transition: right 0.4s ease-out, left 0.4s ease-out; -o-transition: right 0.4s ease-out, left 0.4s ease-out; transition: right 0.4s ease-out, left 0.4s ease-out; } .footer-navigation > ul > li a:hover, .footer-navigation > ul > li strong.trail:hover, .footer-navigation > ul > li strong.active:hover, .footer-navigation > ul > li strong.forward:hover { text-decoration: none; } .footer-navigation > ul > li a:hover:after, .footer-navigation > ul > li strong.trail:hover:after, .footer-navigation > ul > li strong.active:hover:after, .footer-navigation > ul > li strong.forward:hover:after { right: 0; left: 0; -webkit-transition-duration: 0.1s, 0.1s; -moz-transition-duration: 0.1s, 0.1s; -o-transition-duration: 0.1s, 0.1s; transition-duration: 0.1s, 0.1s; } .footer-icon-links { float: right; margin: 0; padding: 0; border-right: 1px solid #672f03; } @media screen and (max-width: 599px) { .footer-icon-links { float: none; border-right: 0; text-align: center; } } .footer-icon-links li { display: inline; } .footer-icon-links a { float: left; position: relative; width: 2.75em; height: 5.0625em; overflow: hidden; border-left: 1px solid #672f03; line-height: 0; /* Fixes Chrome bug */ letter-spacing: -1em; color: #672f03; text-indent: -99em; text-decoration: none; } @media screen and (max-width: 599px) { .footer-icon-links a { display: inline-block; float: none; height: 2.75em; border-left: 0; } } .footer-icon-links a:before, .footer-icon-links a:after { font: 1.375em/1 "RockSolid Icons"; content: attr(data-icon); -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; position: absolute; top: 0; left: 0; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 100%; padding-top: 0.04545em; line-height: 3.68227; letter-spacing: 0; text-align: center; background: #ffffff; -webkit-transition: top 0.5s ease-out; -moz-transition: top 0.5s ease-out; -o-transition: top 0.5s ease-out; transition: top 0.5s ease-out; } @media screen and (max-width: 599px) { .footer-icon-links a:before, .footer-icon-links a:after { line-height: 2.00045; } } .footer-icon-links a:after { top: 100%; color: #ffffff; background: transparent; } .footer-icon-links a:hover:before, .footer-icon-links a:hover:after, .footer-icon-links a:focus:before, .footer-icon-links a:focus:after { -webkit-transition: top 0.2s ease-out; -moz-transition: top 0.2s ease-out; -o-transition: top 0.2s ease-out; transition: top 0.2s ease-out; } .footer-icon-links a:hover:before, .footer-icon-links a:focus:before { top: -100%; } .footer-icon-links a:hover:after, .footer-icon-links a:focus:after { top: 0; } .footer-copyright { float: left; margin: 0; padding: 2.14286em 0; font-size: 0.875em; color: #672f03; } .footer-copyright .rocksolid-copyright { color: inherit; opacity: 0.6; } @media screen and (max-width: 900px) { .footer-copyright { float: none; padding-bottom: 1em; } } .footer-links { float: right; margin: 0; padding: 2.14286em 0; font-size: 0.875em; color: #672f03; } @media screen and (max-width: 900px) { .footer-links { float: none; padding-top: 0; } } .footer-links ul, .footer-links li { display: inline; margin: 0; padding: 0; } .footer-links li:before { content: ""; display: inline-block; width: 1px; height: 0.78571em; margin: 0 0.57143em 0 0.35714em; background: #672f03; } .footer-links li:first-child:before { content: none; } .footer-links a, .footer-links strong.trail, .footer-links strong.active, .footer-links strong.forward { color: inherit; } .footer-top-link { position: relative; display: block; width: 2.875em; height: 2.875em; margin: 0 auto; color: #672f03; white-space: nowrap; } .footer-top-link:after { font: 1em/1 "RockSolid Icons"; content: "\e01a"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding-top: 0.9375em; border: 1px solid #672f03; border-bottom: 0; border-radius: 1px 1px 0 0; text-align: center; background: #ffffff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } .footer-top-link > span { position: absolute; top: 0; right: 0; margin: 1em 0.71429em 0; font-size: 0.875em; color: #672f03; opacity: 0; pointer-events: none; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .footer-top-link > span + span { right: auto; left: 0; } .footer-top-link:hover, .footer-top-link:focus { /* Fixes IE bug */ text-decoration: none; } .footer-top-link:hover > span, .footer-top-link:focus > span { right: 100%; opacity: 1; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; } .footer-top-link:hover > span + span, .footer-top-link:focus > span + span { right: auto; left: 100%; } /* =========================================== * Slider * ======================================== */ .main-slider { height: 600px; } @media screen and (max-width: 599px) { .main-slider { height: auto; } .main-slider img { max-width: 100%; height: auto; } } .rsts-skin-testimonials .testimonial { margin: 0; } .rsts-skin-testimonials.rsts-main { position: relative; margin: 1.6875em 0; padding: 2em 0 0 0; } .rsts-skin-testimonials .rsts-header { margin-top: -2em; } .rsts-skin-testimonials .rsts-header h1, .rsts-skin-testimonials .rsts-header h2, .rsts-skin-testimonials .rsts-header h3, .rsts-skin-testimonials .rsts-header h4, .rsts-skin-testimonials .rsts-header h5, .rsts-skin-testimonials .rsts-header h6 { margin: 0 0 1em; padding: 0 5em; font-size: 0.875em; font-weight: bold; color: #672f03; text-align: center; } .rsts-skin-testimonials .rsts-prev, .rsts-skin-testimonials .rsts-next { position: absolute; top: -2.375em; right: 1.375em; overflow: hidden; text-indent: -99em; line-height: 0; } .rsts-skin-testimonials .rsts-prev:hover, .rsts-skin-testimonials .rsts-prev:focus, .rsts-skin-testimonials .rsts-next:hover, .rsts-skin-testimonials .rsts-next:focus { text-decoration: none; } .rsts-skin-testimonials .rsts-prev:after, .rsts-skin-testimonials .rsts-next:after { font: 0.875em/1 "RockSolid Icons"; content: "\e018"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; display: block; padding: 0.57143em; color: #672f03; } .rsts-skin-testimonials .rsts-prev:hover:after, .rsts-skin-testimonials .rsts-prev:focus:after, .rsts-skin-testimonials .rsts-next:hover:after, .rsts-skin-testimonials .rsts-next:focus:after { color: #351802; } .rsts-skin-testimonials .rsts-next { right: -0.5625em; } .rsts-skin-testimonials .rsts-next:after { content: "\e019"; } .rsts-skin-testimonials .rsts-nav { position: absolute; left: -4px; top: 0; line-height: 0; } .rsts-skin-testimonials .rsts-nav ul { margin: 0; padding: 0; } .rsts-skin-testimonials .rsts-nav li { display: inline; } .rsts-skin-testimonials .rsts-nav a { float: left; width: 18px; height: 18px; overflow: hidden; outline: none; padding: 5px; text-indent: -99em; } .rsts-skin-testimonials .rsts-nav a:after { content: ""; display: block; width: 6px; height: 6px; border: 1px solid #672f03; border-radius: 100%; background: #672f03; background: rgba(103, 47, 3, 0.5); } .rsts-skin-testimonials .rsts-nav a:hover:after, .rsts-skin-testimonials .rsts-nav a.active:after { background-color: #672f03; } .rsts-skin-testimonials .rsts-nav-prev, .rsts-skin-testimonials .rsts-nav-next { display: none !important; } .rsts-skin-tao.rsts-main { position: relative; } .rsts-skin-tao .rsts-caption { position: absolute; top: 1.25em; left: 1.25em; padding: 0.1875em 0.625em; color: white; border-radius: 3px; background-color: #8570a6; opacity: 0; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; } .rsts-skin-tao .rsts-prev, .rsts-skin-tao .rsts-next, .rsts-skin-tao .rsts-video-play, .rsts-skin-tao .rsts-video-stop { position: absolute; top: 50%; left: 1.25em; margin-top: -1.375em; border-radius: 3px; overflow: hidden; text-indent: -99em; line-height: 0; background-color: #8570a6; opacity: 0; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; } .rsts-skin-tao .rsts-prev:hover, .rsts-skin-tao .rsts-prev:focus, .rsts-skin-tao .rsts-next:hover, .rsts-skin-tao .rsts-next:focus, .rsts-skin-tao .rsts-video-play:hover, .rsts-skin-tao .rsts-video-play:focus, .rsts-skin-tao .rsts-video-stop:hover, .rsts-skin-tao .rsts-video-stop:focus { text-decoration: none; } .sidebar .rsts-skin-tao .rsts-prev, .sidebar .rsts-skin-tao .rsts-next, .sidebar .rsts-skin-tao .rsts-video-play, .sidebar .rsts-skin-tao .rsts-video-stop { bottom: 0.375em; } .rsts-skin-tao .rsts-prev:after, .rsts-skin-tao .rsts-next:after, .rsts-skin-tao .rsts-video-play:after, .rsts-skin-tao .rsts-video-stop:after { font: 0.875em/1 "RockSolid Icons"; content: "\e018"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; display: block; padding: 1.07143em; color: white; } .rsts-skin-tao:hover .rsts-prev, .rsts-skin-tao:hover .rsts-next, .rsts-skin-tao:hover .rsts-nav, .rsts-skin-tao:hover .rsts-caption { opacity: 0.8; } .rsts-skin-tao:hover .rsts-prev:hover, .rsts-skin-tao:hover .rsts-next:hover, .rsts-skin-tao:hover .rsts-nav:hover, .rsts-skin-tao:hover .rsts-caption:hover { opacity: 1; } .rsts-skin-tao .rsts-next { left: auto; right: 1.25em; } .rsts-skin-tao .rsts-next:after { content: "\e019"; } .tao-fullwidth .tagline .rsts-skin-tao .rsts-prev { left: 0; border-radius: 0 3px 3px 0; } .tao-fullwidth .tagline .rsts-skin-tao .rsts-next { right: 0; border-radius: 3px 0 0 3px; } .rsts-skin-tao .rsts-nav { position: absolute; left: 0; bottom: 12%; width: 100%; opacity: 0; } @media screen and (max-width: 599px) { .rsts-skin-tao .rsts-nav { bottom: 30px; } } .rsts-skin-tao .rsts-nav ul { /* Setting height to zero to fix click area */ height: 0; margin: 0; padding: 0; text-align: center; } .rsts-skin-tao .rsts-nav li { display: inline; } .rsts-skin-tao .rsts-nav a { display: inline-block; outline: none; margin: 3px; padding: 5px; } .rsts-skin-tao .rsts-nav-bullets a { overflow: hidden; width: 18px; height: 18px; padding: 6px; line-height: 0; text-indent: -99em; } .rsts-skin-tao .rsts-nav-bullets a:after { content: ""; display: block; width: 6px; height: 6px; border: 2px solid #8570a6; border-radius: 100%; background-color: white; } .rsts-skin-tao .rsts-nav-bullets a:hover:after, .rsts-skin-tao .rsts-nav-bullets a.active:after { background-color: #8570a6; } .rsts-skin-tao .rsts-nav-numbers a, .rsts-skin-tao .rsts-nav-tabs a { margin: 5px; border: 2px solid #8570a6; border-radius: 3px; font-size: 0.8125em; line-height: 0.61538em; color: #672f03; background-color: white; } .rsts-skin-tao .rsts-nav-numbers a:hover, .rsts-skin-tao .rsts-nav-numbers a.active, .rsts-skin-tao .rsts-nav-tabs a:hover, .rsts-skin-tao .rsts-nav-tabs a.active { color: white; background-color: #8570a6; text-decoration: none; } .rsts-skin-tao .rsts-nav-prev, .rsts-skin-tao .rsts-nav-next { display: none !important; } .rsts-skin-tao .rsts-video-play, .rsts-skin-tao .rsts-video-stop { opacity: 1; } .rsts-skin-tao .rsts-video-play { top: 50%; right: auto; bottom: auto; left: 50%; width: 5.25em; height: 5.25em; margin: -2.625em 0 0 -2.625em; border: 3px solid #8570a6; border-radius: 100%; background-color: rgba(133, 112, 166, 0.6); -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; } .rsts-skin-tao .rsts-video-play:after { content: "\25b6"; padding: 0; margin-left: 0.21429em; font-size: 1.75em; line-height: 2.78571em; text-align: center; } .rsts-skin-tao .rsts-video-play:hover { background-color: #8570a6; } .rsts-skin-tao .rsts-video-stop { top: 20px; right: 20px; left: auto; margin-top: 0; border-radius: 3px; } .rsts-skin-tao .rsts-video-stop:after { content: "\d7"; color: white; padding: 0.78571em; } .rsts-skin-tao .rsts-video-youtube > .rsts-video-stop { top: 30px; right: 10px; background-color: #1b1b1b; } .rsts-skin-tao .rsts-video-youtube > .rsts-video-stop:hover { background-color: #cc181e; } .rsts-skin-tao .rsts-video-vimeo > .rsts-video-stop { top: 10px; right: auto; left: 10px; background-color: #111a19; } .rsts-skin-tao .rsts-video-vimeo > .rsts-video-stop:hover { background-color: #00adef; } .rsts-skin-tao .rsts-video-ipad > .rsts-video-iframe { padding-top: 38px; background-color: black; } .rsts-skin-tao .rsts-video-ipad > .rsts-video-stop { top: 1px; right: 10px; left: auto; } .rsts-skin-tao.rsts-video-playing .rsts-nav, .rsts-skin-tao.rsts-video-playing .rsts-prev, .rsts-skin-tao.rsts-video-playing .rsts-next { display: none; } .rsts-skin-tao.rsts-touch .rsts-nav { opacity: 1; } .rsts-skin-tao .rsts-progress { position: absolute; top: 0; right: 0; width: 100%; height: 2px; background-color: black; opacity: 0; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .rsts-skin-tao .rsts-progress div { height: 100%; background-color: white; } .rsts-skin-tao .rsts-progress.rsts-progress-active { opacity: 0.3; } .rsts-skin-testimonials-centered.rsts-main, .rsts-skin-partner.rsts-main, .rsts-skin-mega-dropdown.rsts-main { position: relative; margin: 2.25em 0; } .rsts-skin-testimonials-centered .rsts-view, .rsts-skin-partner .rsts-view, .rsts-skin-mega-dropdown .rsts-view { padding: 0 3.75em; } @media screen and (max-width: 599px) { .rsts-skin-testimonials-centered .rsts-view, .rsts-skin-partner .rsts-view, .rsts-skin-mega-dropdown .rsts-view { padding-right: 1.875em; padding-left: 1.875em; } } .rsts-skin-testimonials-centered .rsts-nav ul, .rsts-skin-partner .rsts-nav ul, .rsts-skin-mega-dropdown .rsts-nav ul { height: 0; margin: 0; } .rsts-skin-testimonials-centered .rsts-prev, .rsts-skin-testimonials-centered .rsts-next, .rsts-skin-partner .rsts-prev, .rsts-skin-partner .rsts-next, .rsts-skin-mega-dropdown .rsts-prev, .rsts-skin-mega-dropdown .rsts-next { position: absolute; top: 50%; left: 0; margin-top: -1em; border: 1px solid #e5e8ee; overflow: hidden; text-indent: -99em; line-height: 0; background-color: #ffffff; } .rsts-skin-testimonials-centered .rsts-prev:hover, .rsts-skin-testimonials-centered .rsts-prev:focus, .rsts-skin-testimonials-centered .rsts-next:hover, .rsts-skin-testimonials-centered .rsts-next:focus, .rsts-skin-partner .rsts-prev:hover, .rsts-skin-partner .rsts-prev:focus, .rsts-skin-partner .rsts-next:hover, .rsts-skin-partner .rsts-next:focus, .rsts-skin-mega-dropdown .rsts-prev:hover, .rsts-skin-mega-dropdown .rsts-prev:focus, .rsts-skin-mega-dropdown .rsts-next:hover, .rsts-skin-mega-dropdown .rsts-next:focus { text-decoration: none; } .sidebar .rsts-skin-testimonials-centered .rsts-prev, .sidebar .rsts-skin-testimonials-centered .rsts-next, .sidebar .rsts-skin-partner .rsts-prev, .sidebar .rsts-skin-partner .rsts-next, .sidebar .rsts-skin-mega-dropdown .rsts-prev, .sidebar .rsts-skin-mega-dropdown .rsts-next { bottom: 0.375em; } .rsts-skin-testimonials-centered .rsts-prev:after, .rsts-skin-testimonials-centered .rsts-next:after, .rsts-skin-partner .rsts-prev:after, .rsts-skin-partner .rsts-next:after, .rsts-skin-mega-dropdown .rsts-prev:after, .rsts-skin-mega-dropdown .rsts-next:after { font: 0.875em/1 "RockSolid Icons"; content: "\e018"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; display: block; padding: 0.57143em; color: #672f03; } .rsts-skin-testimonials-centered .rsts-prev:hover:after, .rsts-skin-testimonials-centered .rsts-prev:focus:after, .rsts-skin-testimonials-centered .rsts-next:hover:after, .rsts-skin-testimonials-centered .rsts-next:focus:after, .rsts-skin-partner .rsts-prev:hover:after, .rsts-skin-partner .rsts-prev:focus:after, .rsts-skin-partner .rsts-next:hover:after, .rsts-skin-partner .rsts-next:focus:after, .rsts-skin-mega-dropdown .rsts-prev:hover:after, .rsts-skin-mega-dropdown .rsts-prev:focus:after, .rsts-skin-mega-dropdown .rsts-next:hover:after, .rsts-skin-mega-dropdown .rsts-next:focus:after { color: #351802; } .rsts-skin-testimonials-centered .rsts-next, .rsts-skin-partner .rsts-next, .rsts-skin-mega-dropdown .rsts-next { left: auto; right: 0; } .rsts-skin-testimonials-centered .rsts-next:after, .rsts-skin-partner .rsts-next:after, .rsts-skin-mega-dropdown .rsts-next:after { content: "\e019"; } .rsts-skin-testimonials-centered .rsts-nav-prev, .rsts-skin-testimonials-centered .rsts-nav-next, .rsts-skin-partner .rsts-nav-prev, .rsts-skin-partner .rsts-nav-next, .rsts-skin-mega-dropdown .rsts-nav-prev, .rsts-skin-mega-dropdown .rsts-nav-next { display: none !important; } .rsts-skin-testimonials-centered .rsts-nav, .rsts-skin-partner .rsts-nav, .rsts-skin-mega-dropdown .rsts-nav, .rsts-skin-carousel .rsts-nav { line-height: 0; } .rsts-skin-testimonials-centered .rsts-nav ul, .rsts-skin-partner .rsts-nav ul, .rsts-skin-mega-dropdown .rsts-nav ul, .rsts-skin-carousel .rsts-nav ul { padding: 0; text-align: center; } .rsts-skin-testimonials-centered .rsts-nav .rsts-nav-item, .rsts-skin-partner .rsts-nav .rsts-nav-item, .rsts-skin-mega-dropdown .rsts-nav .rsts-nav-item, .rsts-skin-carousel .rsts-nav .rsts-nav-item { display: inline; } .rsts-skin-testimonials-centered .rsts-nav .rsts-nav-item a, .rsts-skin-partner .rsts-nav .rsts-nav-item a, .rsts-skin-mega-dropdown .rsts-nav .rsts-nav-item a, .rsts-skin-carousel .rsts-nav .rsts-nav-item a { display: inline-block; vertical-align: middle; width: 18px; height: 18px; overflow: hidden; outline: none; padding: 5px; text-indent: -99em; } .rsts-skin-testimonials-centered .rsts-nav .rsts-nav-item a:after, .rsts-skin-partner .rsts-nav .rsts-nav-item a:after, .rsts-skin-mega-dropdown .rsts-nav .rsts-nav-item a:after, .rsts-skin-carousel .rsts-nav .rsts-nav-item a:after { content: ""; display: block; width: 6px; height: 6px; border: 1px solid #672f03; border-radius: 100%; background: #672f03; background: rgba(103, 47, 3, 0.5); } .rsts-skin-testimonials-centered .rsts-nav .rsts-nav-item a:hover, .rsts-skin-testimonials-centered .rsts-nav .rsts-nav-item a.active, .rsts-skin-partner .rsts-nav .rsts-nav-item a:hover, .rsts-skin-partner .rsts-nav .rsts-nav-item a.active, .rsts-skin-mega-dropdown .rsts-nav .rsts-nav-item a:hover, .rsts-skin-mega-dropdown .rsts-nav .rsts-nav-item a.active, .rsts-skin-carousel .rsts-nav .rsts-nav-item a:hover, .rsts-skin-carousel .rsts-nav .rsts-nav-item a.active { text-decoration: none; } .rsts-skin-testimonials-centered .rsts-nav .rsts-nav-item a:hover:after, .rsts-skin-testimonials-centered .rsts-nav .rsts-nav-item a.active:after, .rsts-skin-partner .rsts-nav .rsts-nav-item a:hover:after, .rsts-skin-partner .rsts-nav .rsts-nav-item a.active:after, .rsts-skin-mega-dropdown .rsts-nav .rsts-nav-item a:hover:after, .rsts-skin-mega-dropdown .rsts-nav .rsts-nav-item a.active:after, .rsts-skin-carousel .rsts-nav .rsts-nav-item a:hover:after, .rsts-skin-carousel .rsts-nav .rsts-nav-item a.active:after { background-color: #672f03; } .rsts-skin-partner .rsts-nav { margin: 1.5em 0; } .rsts-skin-mega-dropdown.rsts-main { margin: 0; } .rsts-skin-mega-dropdown .rsts-view { padding: 0; } .rsts-skin-mega-dropdown .rsts-prev { left: -6%; right: auto; } .rsts-skin-mega-dropdown .rsts-next { left: auto; right: -6%; } .rsts-skin-mega-dropdown .rsts-nav { text-align: center; } .rsts-skin-carousel .rsts-nav ul { margin: 0.375em 0; } .rsts-skin-carousel .rsts-prev, .rsts-skin-carousel .rsts-next { display: none !important; } .rsts-skin-carousel .rsts-nav-prev, .rsts-skin-carousel .rsts-nav-next { display: inline; margin-right: 1.25em; } .rsts-skin-carousel .rsts-nav-prev a, .rsts-skin-carousel .rsts-nav-next a { display: inline-block; vertical-align: middle; overflow: hidden; text-indent: -99em; line-height: 0; } .rsts-skin-carousel .rsts-nav-prev a:after, .rsts-skin-carousel .rsts-nav-next a:after { font: 1em/1 "RockSolid Icons"; content: "\e018"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; display: block; padding: 0.5em; color: #672f03; } .rsts-skin-carousel .rsts-nav-prev a:hover, .rsts-skin-carousel .rsts-nav-prev a:focus, .rsts-skin-carousel .rsts-nav-next a:hover, .rsts-skin-carousel .rsts-nav-next a:focus { text-decoration: none; } .rsts-skin-carousel .rsts-nav-prev a:hover:after, .rsts-skin-carousel .rsts-nav-prev a:focus:after, .rsts-skin-carousel .rsts-nav-next a:hover:after, .rsts-skin-carousel .rsts-nav-next a:focus:after { color: #351802; } .rsts-skin-carousel .rsts-nav-next { margin-left: 1.25em; margin-right: 0; } .rsts-skin-carousel .rsts-nav-next a:after { content: "\e019"; } .rsts-skin-light .rsts-nav { position: absolute; bottom: 20px; margin: 0; width: 100%; } @font-face { font-family: "Backpack PersonalUse"; src: url("../../files/stadtbaecker/fonts/Backpack_PersonalUse.ttf") format('truetype'); font-weight: normal; font-style: normal; } /* courgette-regular - latin-ext_latin */ @font-face { font-family: 'Courgette'; font-style: normal; font-weight: 400; src: url('../../files/tao/fonts/courgette/courgette-v5-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */ src: local('Courgette Regular'), local('Courgette-Regular'), url('../../files/tao/fonts/courgette/courgette-v5-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/tao/fonts/courgette/courgette-v5-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/tao/fonts/courgette/courgette-v5-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */ url('../../files/tao/fonts/courgette/courgette-v5-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/tao/fonts/courgette/courgette-v5-latin-ext_latin-regular.svg#Courgette') format('svg'); /* Legacy iOS */ } /* open-sans-300 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: url('../../files/tao/fonts/open-sans/open-sans-v18-latin-300.eot'); /* IE9 Compat Modes */ src: local('Open Sans Light'), local('OpenSans-Light'), url('../../files/tao/fonts/open-sans/open-sans-v18-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/tao/fonts/open-sans/open-sans-v18-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/tao/fonts/open-sans/open-sans-v18-latin-300.woff') format('woff'), /* Modern Browsers */ url('../../files/tao/fonts/open-sans/open-sans-v18-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/tao/fonts/open-sans/open-sans-v18-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-regular - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url('../../files/tao/fonts/open-sans/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Open Sans Regular'), local('OpenSans-Regular'), url('../../files/tao/fonts/open-sans/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/tao/fonts/open-sans/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/tao/fonts/open-sans/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../../files/tao/fonts/open-sans/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/tao/fonts/open-sans/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-700 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url('../../files/tao/fonts/open-sans/open-sans-v15-latin-700.eot'); /* IE9 Compat Modes */ src: local('Open Sans Bold'), local('OpenSans-Bold'), url('../../files/tao/fonts/open-sans/open-sans-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/tao/fonts/open-sans/open-sans-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/tao/fonts/open-sans/open-sans-v15-latin-700.woff') format('woff'), /* Modern Browsers */ url('../../files/tao/fonts/open-sans/open-sans-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/tao/fonts/open-sans/open-sans-v15-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */ } .no-border { border: 0 !important; } .no-margin { margin: 0 !important; } .no-margin-top { margin-top: 0 !important; } .no-margin-bottom { margin-bottom: 0 !important; } .left { float: left; } .right { float: right; } .margin-top-none { margin-top: 0 !important; } @media screen and (max-width: 599px) { .margin-top-none { margin-top: 0 !important; } } .margin-right-none { margin-right: 0 !important; } @media screen and (max-width: 599px) { .margin-right-none { margin-right: 0 !important; } } .margin-bottom-none { margin-bottom: 0 !important; } @media screen and (max-width: 599px) { .margin-bottom-none { margin-bottom: 0 !important; } } .margin-left-none { margin-left: 0 !important; } @media screen and (max-width: 599px) { .margin-left-none { margin-left: 0 !important; } } .padding-top-none { padding-top: 0 !important; } @media screen and (max-width: 599px) { .padding-top-none { padding-top: 0 !important; } } .padding-right-none { padding-right: 0 !important; } @media screen and (max-width: 599px) { .padding-right-none { padding-right: 0 !important; } } .padding-bottom-none { padding-bottom: 0 !important; } @media screen and (max-width: 599px) { .padding-bottom-none { padding-bottom: 0 !important; } } .padding-left-none { padding-left: 0 !important; } @media screen and (max-width: 599px) { .padding-left-none { padding-left: 0 !important; } } .margin-top-xxs { margin-top: 10px !important; } @media screen and (max-width: 599px) { .margin-top-xxs { margin-top: 5px !important; } } .margin-right-xxs { margin-right: 10px !important; } @media screen and (max-width: 599px) { .margin-right-xxs { margin-right: 5px !important; } } .margin-bottom-xxs { margin-bottom: 10px !important; } @media screen and (max-width: 599px) { .margin-bottom-xxs { margin-bottom: 5px !important; } } .margin-left-xxs { margin-left: 10px !important; } @media screen and (max-width: 599px) { .margin-left-xxs { margin-left: 5px !important; } } .padding-top-xxs { padding-top: 10px !important; } @media screen and (max-width: 599px) { .padding-top-xxs { padding-top: 5px !important; } } .padding-right-xxs { padding-right: 10px !important; } @media screen and (max-width: 599px) { .padding-right-xxs { padding-right: 5px !important; } } .padding-bottom-xxs { padding-bottom: 10px !important; } @media screen and (max-width: 599px) { .padding-bottom-xxs { padding-bottom: 5px !important; } } .padding-left-xxs { padding-left: 10px !important; } @media screen and (max-width: 599px) { .padding-left-xxs { padding-left: 5px !important; } } .margin-top-xs { margin-top: 25px !important; } @media screen and (max-width: 599px) { .margin-top-xs { margin-top: 13px !important; } } .margin-right-xs { margin-right: 25px !important; } @media screen and (max-width: 599px) { .margin-right-xs { margin-right: 13px !important; } } .margin-bottom-xs { margin-bottom: 25px !important; } @media screen and (max-width: 599px) { .margin-bottom-xs { margin-bottom: 13px !important; } } .margin-left-xs { margin-left: 25px !important; } @media screen and (max-width: 599px) { .margin-left-xs { margin-left: 13px !important; } } .padding-top-xs { padding-top: 25px !important; } @media screen and (max-width: 599px) { .padding-top-xs { padding-top: 13px !important; } } .padding-right-xs { padding-right: 25px !important; } @media screen and (max-width: 599px) { .padding-right-xs { padding-right: 13px !important; } } .padding-bottom-xs { padding-bottom: 25px !important; } @media screen and (max-width: 599px) { .padding-bottom-xs { padding-bottom: 13px !important; } } .padding-left-xs { padding-left: 25px !important; } @media screen and (max-width: 599px) { .padding-left-xs { padding-left: 13px !important; } } .margin-top-s { margin-top: 50px !important; } @media screen and (max-width: 599px) { .margin-top-s { margin-top: 25px !important; } } .margin-right-s { margin-right: 50px !important; } @media screen and (max-width: 599px) { .margin-right-s { margin-right: 25px !important; } } .margin-bottom-s { margin-bottom: 50px !important; } @media screen and (max-width: 599px) { .margin-bottom-s { margin-bottom: 25px !important; } } .margin-left-s { margin-left: 50px !important; } @media screen and (max-width: 599px) { .margin-left-s { margin-left: 25px !important; } } .padding-top-s { padding-top: 50px !important; } @media screen and (max-width: 599px) { .padding-top-s { padding-top: 25px !important; } } .padding-right-s { padding-right: 50px !important; } @media screen and (max-width: 599px) { .padding-right-s { padding-right: 25px !important; } } .padding-bottom-s { padding-bottom: 50px !important; } @media screen and (max-width: 599px) { .padding-bottom-s { padding-bottom: 25px !important; } } .padding-left-s { padding-left: 50px !important; } @media screen and (max-width: 599px) { .padding-left-s { padding-left: 25px !important; } } .margin-top-m { margin-top: 75px !important; } @media screen and (max-width: 599px) { .margin-top-m { margin-top: 38px !important; } } .margin-right-m { margin-right: 75px !important; } @media screen and (max-width: 599px) { .margin-right-m { margin-right: 38px !important; } } .margin-bottom-m { margin-bottom: 75px !important; } @media screen and (max-width: 599px) { .margin-bottom-m { margin-bottom: 38px !important; } } .margin-left-m { margin-left: 75px !important; } @media screen and (max-width: 599px) { .margin-left-m { margin-left: 38px !important; } } .padding-top-m { padding-top: 75px !important; } @media screen and (max-width: 599px) { .padding-top-m { padding-top: 38px !important; } } .padding-right-m { padding-right: 75px !important; } @media screen and (max-width: 599px) { .padding-right-m { padding-right: 38px !important; } } .padding-bottom-m { padding-bottom: 75px !important; } @media screen and (max-width: 599px) { .padding-bottom-m { padding-bottom: 38px !important; } } .padding-left-m { padding-left: 75px !important; } @media screen and (max-width: 599px) { .padding-left-m { padding-left: 38px !important; } } .margin-top-l { margin-top: 100px !important; } @media screen and (max-width: 599px) { .margin-top-l { margin-top: 50px !important; } } .margin-right-l { margin-right: 100px !important; } @media screen and (max-width: 599px) { .margin-right-l { margin-right: 50px !important; } } .margin-bottom-l { margin-bottom: 100px !important; } @media screen and (max-width: 599px) { .margin-bottom-l { margin-bottom: 50px !important; } } .margin-left-l { margin-left: 100px !important; } @media screen and (max-width: 599px) { .margin-left-l { margin-left: 50px !important; } } .padding-top-l { padding-top: 100px !important; } @media screen and (max-width: 599px) { .padding-top-l { padding-top: 50px !important; } } .padding-right-l { padding-right: 100px !important; } @media screen and (max-width: 599px) { .padding-right-l { padding-right: 50px !important; } } .padding-bottom-l { padding-bottom: 100px !important; } @media screen and (max-width: 599px) { .padding-bottom-l { padding-bottom: 50px !important; } } .padding-left-l { padding-left: 100px !important; } @media screen and (max-width: 599px) { .padding-left-l { padding-left: 50px !important; } } .margin-top-xl { margin-top: 150px !important; } @media screen and (max-width: 599px) { .margin-top-xl { margin-top: 75px !important; } } .margin-right-xl { margin-right: 150px !important; } @media screen and (max-width: 599px) { .margin-right-xl { margin-right: 75px !important; } } .margin-bottom-xl { margin-bottom: 150px !important; } @media screen and (max-width: 599px) { .margin-bottom-xl { margin-bottom: 75px !important; } } .margin-left-xl { margin-left: 150px !important; } @media screen and (max-width: 599px) { .margin-left-xl { margin-left: 75px !important; } } .padding-top-xl { padding-top: 150px !important; } @media screen and (max-width: 599px) { .padding-top-xl { padding-top: 75px !important; } } .padding-right-xl { padding-right: 150px !important; } @media screen and (max-width: 599px) { .padding-right-xl { padding-right: 75px !important; } } .padding-bottom-xl { padding-bottom: 150px !important; } @media screen and (max-width: 599px) { .padding-bottom-xl { padding-bottom: 75px !important; } } .padding-left-xl { padding-left: 150px !important; } @media screen and (max-width: 599px) { .padding-left-xl { padding-left: 75px !important; } } .margin-top-xxl { margin-top: 200px !important; } @media screen and (max-width: 599px) { .margin-top-xxl { margin-top: 100px !important; } } .margin-right-xxl { margin-right: 200px !important; } @media screen and (max-width: 599px) { .margin-right-xxl { margin-right: 100px !important; } } .margin-bottom-xxl { margin-bottom: 200px !important; } @media screen and (max-width: 599px) { .margin-bottom-xxl { margin-bottom: 100px !important; } } .margin-left-xxl { margin-left: 200px !important; } @media screen and (max-width: 599px) { .margin-left-xxl { margin-left: 100px !important; } } .padding-top-xxl { padding-top: 200px !important; } @media screen and (max-width: 599px) { .padding-top-xxl { padding-top: 100px !important; } } .padding-right-xxl { padding-right: 200px !important; } @media screen and (max-width: 599px) { .padding-right-xxl { padding-right: 100px !important; } } .padding-bottom-xxl { padding-bottom: 200px !important; } @media screen and (max-width: 599px) { .padding-bottom-xxl { padding-bottom: 100px !important; } } .padding-left-xxl { padding-left: 200px !important; } @media screen and (max-width: 599px) { .padding-left-xxl { padding-left: 100px !important; } } .font-size-xxs { font-size: 0.6em !important; } @media screen and (max-width: 599px) { .font-size-xxs { font-size: 0.8em !important; } } .font-size-xs { font-size: 0.8em !important; } @media screen and (max-width: 599px) { .font-size-xs { font-size: 0.9em !important; } } .font-size-s { font-size: 0.9em !important; } @media screen and (max-width: 599px) { .font-size-s { font-size: 0.95em !important; } } .font-size-m { font-size: 1.2em !important; } @media screen and (max-width: 599px) { .font-size-m { font-size: 1.1em !important; } } .font-size-l { font-size: 1.5em !important; } @media screen and (max-width: 599px) { .font-size-l { font-size: 1.25em !important; } } .font-size-xl { font-size: 2em !important; } @media screen and (max-width: 599px) { .font-size-xl { font-size: 1.5em !important; } } .font-size-xxl { font-size: 2.5em !important; } @media screen and (max-width: 599px) { .font-size-xxl { font-size: 1.75em !important; } } .centered { display: block; margin-left: auto !important; margin-right: auto !important; text-align: center; } /*############################## 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:#fff6c9; } .lsfwk-txc-spotcolor1, .lsfwk-txc-spotcolor1-all, .lsfwk-txc-spotcolor1-all * {color:#850025;} .lsfwk-txc-spotcolor2, .lsfwk-txc-spotcolor2-all, .lsfwk-txc-spotcolor2-all * {color:#672f03;} .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:#fff6c9;} .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:#850025; 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:#850025 !important; display:inline-block; } .lsfwk-success, .lsfwk-success-all * { color:#672f03 !important; display:inline-block; } /*########## COLORS ########## <-*/ /*########## BACKGROUND COLORS ########## ->*/ /*NO TRANSPARENCY*/ .lsfwk-bgc-standard:not(.widget):not(.submit_container) {background-color:#fff6c9 !important;} .lsfwk-bgc-inverted:not(.widget):not(.submit_container) {background-color:#262C33 !important;} .lsfwk-bgc-spotcolor1:not(.widget):not(.submit_container) {background-color:#850025 !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:#fff6c9 !important;} .lsfwk-bgc-dark:not(.widget):not(.submit_container) {background-color:#222222 !important;} .lsfwk-bgc-bright:not(.widget):not(.submit_container) {background-color:#e1e38a !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:#850025 !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 #672f03;} .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 ########## <-*/ } /*############################## 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; } .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/stadtbaecker/shop/images/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 ########## <-*/ } .special-feature-box { margin-top:1em; margin-bottom:1em; border:1px solid #672f03; } .special-feature-box .feature-box-image { width:46%; margin-bottom:0; } .special-feature-box .feature-box-text { margin-top:2em; margin-bottom:1em; } .no-headerimg .content-wrapper { margin-top:5em; } [data-lsjs-component="navtab"] .active[data-lsjs-element="navtabLabel"] { border:0px solid #000; } .mod_search .highlight { background-color:#850025; color:#fff6c9; } .page-header { background-color:#fff6c9; } .news-image-teaser h2 { border-bottom:1px solid #672f03; } .news-image-teaser-meta { border-right:1px solid #672f03; } #merkliste .crossSellerCTE { border:0; } #merkliste .productList .shopProduct { margin-top:1em; } #cboxLoadedContent { background-color:#e1e38a; } div.description { color:#672f03; } .watchlistContainer.inMyWatchlist .favoriteSwitchBox input[name="favoriteAddOrRemoveSubmit"] { background-color:#850025; } .unscaledSinglePrice .finalPrice .value { color:#850025; } .template_productDetails .inputQuantity .submit { background-color:#850025; } .template_productDetails .inputQuantity .submit:hover { background-color:#672f03; } #mbCenter, #mbImage, body.merconisThemeLayoutQuickview { background-color:#fff6c9 !important; } table th, table td { border-top:1px solid #672f03; border-right:0px solid #672f03; border-bottom:0px solid #672f03; border-left:1px solid #672f03; } .success { background-color:#850025; color:#fff6c9; } .hasBeenPutInCart { color:#850025; } .checkoutFlowStep.active.valid a { color:#fff6c9; } .checkoutFlowStep.active.valid { background-color:#850025; } .checkoutFlowStep, .checkoutFlowStep.allowed:hover { background-color:#fff6c9; } .checkoutFlowStep a, .checkoutFlowStep span { font-size:.95em; color:#672f03; } .checkoutFlowStep.allowed a, .checkoutFlowStep.allowed:hover a { color:#850025; } .checkoutFlowStep { margin-top:.5rem; } .main-content .checkoutContent h3, .main-content #kasse-nach-bestellabschluss h3, .notfound .main-content h3 { font:1.12rem Open Sans,sans-serif; } .productsInCart .formDelete { margin-top:0; } .productsInCart .formDelete .submitDelete { margin-top:0; } .ls_r_table.productsInCart .ls_r_td.price.priceCumulative { width:70px; } .ls_r_table.calculation .invoicedAmount .ls_r_td.price, .ls_r_table.calculation .invoicedAmount .ls_r_td.label { font-size:1.1rem; font-weight:bold; text-decoration:underline; } .currentPrice { font-size:1.1rem; } .shopOverview .sidebar { margin-top:3rem; } .ls_r_table.calculation .ls_r_td.label { width:auto; } .template_cart_big .checkoutContent { font-size:.9rem; } .cart.button { display:inline-block; margin-bottom:1em; padding:.64286em 1.42857em; text-align:center; background-color:#850025; border:1px solid #850025; border-radius:3px; font-size:1.2em; color:#fff6c9; text-transform:uppercase; background-image:none; } .cart.button:hover { background-color:#672f03; transition: all 0.4s ease-out 0s; } .template_productDetails .productInfoBlock05 { float:none; width: auto; } .naehrwert { width:45%; float:right; } .naehrwert table tr td { padding:2px; } .zutaten { width:50%; float:left; } .productList .productInfoBlock02 { width:90%; } .productList .shopProduct, #merkliste .crossSellerCTE .productList .shopProduct { height:310px; background-color:#fff6c9; border:1px solid #672f03; width: 31% !important; } .sortingForm select { border:1px solid #672f03; } .template_productDetails .deliveryMessageContainer p, .template_productDetails .stockInfo span { font-size:.85rem; color:#672f03; } .sub-navigation ul a:hover, .sub-navigation ul strong.trail:hover, .sub-navigation ul strong.active, .sub-navigation ul strong.active:hover, .sub-navigation ul strong.forward:hover, .sub-navigation ul a.trail { background-color:#850025; color:#fff6c9; } .sub-navigation li { border-top:1px solid #672f03; } .sidebar { width:25%; margin-top:1.5em; font-size:1.1em; } .sidebar > .block { margin-top:0; } /* Datum auf dem Bild ausblenden */ .news-list-boxed-item-image time { display:none; } /* Galerie als Box */ .gallery-with-title-border .image_container { display:block; padding:0; } /* Galerie Titel */ .gallery-with-title-border h3 { text-align:center; } /* Bildgalerie im Boxen Layout */ .gallery-with-title-border { border:1px solid #672f03; border-radius:3px; } .counter-boxes-item p { color:#672f03; } /* News Bilder fixe Größe */ .news-list-boxed-item-image img { height:285px; } .float_left { float:left; } /* Minicart */ /*.template_cart_mini { height:25px; left:10px; position:relative; float:left; margin-top:10px; margin-bottom:10px; margin-left:0; padding-top:5px; padding-left:36px; font-size:.85rem; background-image: none; }*/ /* Minicart Vorschau */ /*.template_cart_mini .cartPreview { width:100%; left:0; top:0; position:relative; overflow:hidden; display:block; padding:20px; background-color:#fff6c9; border:1px solid #672f03; color:#850025; box-shadow: none; z-index:1; }*/ /* Minicart Vorschau */ /*.template_cart_mini .cartPreview .closeButton { width:20px; height:20px; right:10px; top:10px; position:absolute; background-image:url("/files/stadtbaecker/theme/closeIcon.png"); background-position:left center; background-repeat:no-repeat; background-size: contain; cursor: pointer; }*/ /*.template_cart_mini { margin-left:0; padding-left:0; }*/ .ls_r_table.productsInCart .productDetailsBox { width:auto; } .header-navigation .gotoCart { width:30px; right:20px; top:30px; position:absolute; background-image:url("/files/stadtbaecker/theme/cartIcon.png"); background-repeat:no-repeat; background-color: transparent; background-size: contain; } .header-navigation .gotoCart:hover { background-image:url("/files/stadtbaecker/theme/cartIcon.png"); background-color: transparent; } .ce_form input, .ce_form select, .ce_form textarea, .formQuantity input, .mod_login input, .inputQuantity input, .mod_registration input, .mod_registration select, input, textarea, select { background-color:#fff6c9; } input[type="checkbox"], .checkbox { background-color: #fff6c9 !important; } .shippingFee.shippingFeeLabel p, .paymentFee.paymentFeeLabel p { color:#850025; } #ctrl_fflSelectPaymentMethod span.paymentAndShippingOptionContainer, #ctrl_fflSelectShippingMethod span.paymentAndShippingOptionContainer { background-color:#e1e38a; } table { background-color:#e1e38a; } .checkoutContent .shopProduct input.submit { text-transform:none; } .main-content .checkoutContent .productDetailsBox h3 { margin-top:0; font-size:1rem; font-weight:bold; } .ls_r_table.calculation .ls_r_tr.info .ls_r_td { color:#850025; } /* Section Images small */ .centered-wrapper.-small { min-height:450px; } .centered-wrapper.sign { background-image:url("/files/stadtbaecker/theme/stadtbaecker_bg_3.png"); background-repeat:no-repeat; background-position: 95% 50%; background-size: contain; } .image_container { border:0; background-image: none; background-color: transparent; box-shadow: none; } /* Icon Boxen drehend */ .rotating-boxes-item-cover, .rotating-boxes-item-content { background-color:#fff6c9; border-color:#672f03; } /* Icon Boxen drehend */ .rotating-boxes-item-content::before, .rotating-boxes-item-cover, .rotating-boxes-item-content h3 { color:#672f03; } .btn-facebook .headline-box-link.-secondary { background-color:#3b5998; text-transform:none; text-shadow: none; box-shadow: none; } .btn-facebook .headline-box-link.-secondary:hover, .btn-facebook .headline-box-link.-secondary:active, .btn-facebook .headline-box-link.-secondary:focus { background-color:rgba(59,89,152,.9); border:0 solid; background-image: none; } /* Titel Farbe */ .news-list-boxed-item h3 a { color:#672f03; } /* Rahmen */ .news-list-boxed-item, .news-list-boxed-item .news-list-boxed-item-info { border-color:#672f03; } /* markierter Text */ *::selection { background-color:#850025; color:#fff6c9; } /* markierter Text */ *::-moz-selection { background-color:#850025; color:#fff6c9; } .section-button .headline-box-link:hover { color:#850025; background-color: transparent; } /* Button in Section ohne Trenner */ .section-button .headline-box-link { margin-top:0; padding-bottom:0; font:3em Courgette; font-weight:bold; color:#672f03; text-transform:none; letter-spacing:-1px; background-color: transparent; box-shadow: none; text-shadow: none; } /* Accordions */ .ce_accordion .toggler { background-color:#e1e38a; border-color:#672f03; } /* Accordions */ .ce_accordion .accordion { background-color:#fff6c9; border-color:#672f03; } /* Accordions */ .ce_accordion { } /* Teaserboxen */ .-boxed > .teaser-boxes-item, .-boxed > .team-boxes-item { border-color:#672f03; color:#672f03; background-color: transparent; } footer .icon-links-label, footer a { color:#fff6c9; } .footer-bar h1, .footer-bar h2, .footer-bar h3 { border-bottom:1px solid #fff6c9; color:#fff6c9; } /* Button */ button.-secondary, .button.-secondary, input.-secondary[type="submit"], .header-login .formbody input[type="submit"], .header-dropdown > ul input[type="submit"], .pricing-table-plan.-highlighted a, .feature-box-link.-secondary, .headline-box-link.-secondary, button.-tertiary, .button.-tertiary, input.-tertiary[type="submit"], .rotating-boxes-item-content .rotating-boxes-item-link, .pricing-table-plan a, .feature-box-link.-tertiary, .headline-box-link.-tertiary, button.-quaternary, .button.-quaternary, input.-quaternary[type="submit"], .feature-box-link.-quaternary, .headline-box-link.-quaternary, .highlight-box-link, .feature-box-link, .headline-box-link, .footer-bar input[type="submit"], .footer-bar button, button, .button, input[type="submit"], input[type="reset"], input[type="button"] { background-color:#850025; border:0; color:#fff6c0; background-image:none; box-shadow: none; text-shadow: none; } /* Button */ button.-secondary:hover, .button.-secondary:hover, input.-secondary[type="submit"]:hover, .header-login .formbody input[type="submit"]:hover, .header-dropdown > ul input[type="submit"]:hover, button.-tertiary:hover, .button.-tertiary:hover, input.-tertiary[type="submit"]:hover, .rotating-boxes-item-content .rotating-boxes-item-link:hover, .pricing-table-plan a:hover, button.-quaternary:hover, .button.-quaternary:hover, input.-quaternary[type="submit"]:hover, .highlight-box-link:hover, .feature-box-link:hover, .headline-box-link:hover, .footer-bar input[type="submit"]:hover, .footer-bar button:hover, button.-secondary:focus, .button.-secondary:focus, input.-secondary[type="submit"]:focus, .header-login .formbody input[type="submit"]:focus, .header-dropdown > ul input[type="submit"]:focus, button.-tertiary:focus, .button.-tertiary:focus, input.-tertiary[type="submit"]:focus, .rotating-boxes-item-content .rotating-boxes-item-link:focus, .pricing-table-plan a:focus, button.-quaternary:focus, .button.-quaternary { background-color:#850025; border:0; background-image:none; } /* Button */ .highlight-box-link:focus, .feature-box-link:focus, .headline-box-link:focus, .footer-bar input[type="submit"]:focus, .footer-bar button:focus, button:hover, button:focus, .button:hover, .button:focus, input[type="submit"]:hover, input[type="submit"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="button"]:hover, input[type="button"]:focus { background-color:#850025; border:0; background-image:none; } /* Toplink */ .footer-top-link::after { background-color:#850025; } /* Toplink */ .footer-top-link { color:#fff6c9; } /* Toplink */ .footer-top-link > span { color:#850025; } /* Fixed Note */ .fixed-note p { color:#353d47; } /* Fixed Note */ .fixed-note::before { color:#850025; } /* Fixed Note */ .fixed-note-closed, .fixed-note-closed:hover, .fixed-note-closed:focus { background-color:#850025; } .fixed-note { background-color:#fff6c9; } .main-navigation-search::after { border-left:0; } /* Search */ .main-navigation-search button:hover, .main-navigation-search button:focus { background-color:#3c2312; border:1px solid #fff6c9; color:#fff6c9; } /* Search Button */ .main-navigation-search button { color:#672f03; } .continueCheckout.button { padding:10px; } .template_productDetails .backButtonBox { float:none; text-align:left; } /* Search */ .main-navigation-search:hover, .main-navigation-search.focus { margin-right:0; border:0; } /* Search */ .main-navigation-search:hover input, .main-navigation-search.focus input { border-bottom:0; } /* Search */ .main-navigation-search { min-width:10rem; position:relative; overflow:auto; float:right; margin-top:10px; margin-bottom:10px; color:#672f03; } /* Searchform Contao 4 */ .mod_search .widget { display: inline; } .main-content .mod_search button { width: auto; margin:auto; } /* Tagline */ .tagline { border-bottom:0; background-color: transparent; } /* Hintegrundfarbe im 2Spalten Layout */ .two-columns .tagline { background-color:#e1e38a; border-bottom:1px solid #e1e38a; } /* Headernavigation Linien */ .header-navigation { height:100px; margin-top:84px; background-color:#850025; border-bottom:0px solid #850025; } /* Headernavi fixieren */ .header-navigation-inner { min-height:5.25em; } /* Headernavigation a */ .main-navigation > ul > li > a, .main-navigation > ul > li > a.active, .main-navigation > ul > li > a.trail, .main-navigation > ul > li > a.forward, .main-navigation > ul > li strong.active, .main-navigation > ul > li sp { padding-right:1.1em; padding-left:1.1em; font-size:1em; } /* Headernavigation float */ .main-navigation { width:95; min-height:3.125em; float:left; margin-right:0; padding-right:0; font-weight:bold; } /* Mobile Navigation mobile */ .main-navigation-mobile { background-color:#850025; } /* Trenner Box Link */ .divider .headline-box-link, .divider .headline-box h2 { display:inline-block; margin-top:.5em; margin-bottom:.5em; padding:0; border:0px; border-radius:0; font:3.3em Courgette; font-weight:bold; color:#e1e38a; text-transform:none; letter-spacing:-1px; text-shadow: none; box-shadow: none; background-color: transparent; background-image: none; } /* Trenner Box Link */ .divider .headline-box-link:hover { border:0; background-color: transparent; } /* Trenner Box */ .divider .headline-box { margin:0; padding:0; } .headline-box { margin-top:0; margin-bottom:0; padding-top:2.25em; padding-bottom:2.25em; } /* Trenner */ .divider { height:100px; background:#850025 url("/files/stadtbaecker/theme/stadtbaecker_bg_4.png") right center no-repeat; background-position: 95% 50%; } /* kein Hover Effekt */ .no-image-effect .image_container a:hover img, .image_container a:focus img { filter: none; transform: none; } /* kein Hover Effekt */ .no-image-effect .image_container a:hover::after, .image_container a:focus::after { content: ""; } /* Hover Effekt deaktivieren */ .no-image-effect .image_container a:hover::before, .image_container a:focus::before { background-color: transparent; } /* Logo */ .header-logo { height:100px; background-color:#fff6c9; } /* Header Bar Navigation */ .header-bar a { color:#fff6c9; } .header-login, .header-dropdown { right:5em; margin-top:10px; margin-bottom:10px; } /* Logo Header */ .logo-stadtbaecker { width:200px; height:100px; position:relative; float:left; display:inline-block; margin-top:0; margin-bottom:0; background-color:#850025; } /* Logo */ .logo-stadtbaecker a { top:-70%; position:relative; } /* Logo */ .logo-stadtbaecker a img { max-width:100%; } .main-content h3 { font:1.9em Courgette; letter-spacing:-1px; } .main-content .mod_newslist h3 { font:1.5em "Open Sans"; font-weight:bold; letter-spacing:0px; } /* Leaflet Maps */ .leaflet-container { z-index:1; } /************************************** /* MERCONIS 4 /**************************************/ .productList h2 { font-size:1.1rem; font-weight:bold; } .productList .productTitle { font-size:inherit; } .productList .bottomWrapper { text-align: left; width: 100%; margin-bottom: 10px; position: absolute; bottom: 0; } .template_cart_mini #cart-checkout > a.gotoCart { border: 1px solid #850025; top: 100px; } .shopProduct.template_productDetails { float:left; } .formReviewerApplied[data-misc-close-form-initially="1"] input.text:disabled, .formReviewerApplied[data-misc-close-form-initially="1"] select:disabled { color: #672f03; border-color: #672f03; border-radius:0; } .template_cart_big fieldset label { float:left; } .template_cart_big .formCustomerData input:not(.submit), .formCustomerData select:not(.submit) { width: 65%; } .template_cart_big .customerDataForm fieldset.useDeviantShippingAddress fieldset span > label { margin-right:10px; } @media screen and (max-width: 1119px) { .header-navigation .gotoCart { top:15px; } /* Headernavi fixieren */ .header-navigation-inner { height:4em; min-height:4em; } /* Logo */ .logo-stadtbaecker a img { max-width:90%; top:5px; } .header-logo { height:100px; } .main-navigation { height:50%; max-width:75%; } /* Main Navigation font-size */ .main-navigation > ul > li > a, .main-navigation > ul > li > a.active, .main-navigation > ul > li > a.trail, .main-navigation > ul > li > a.forward, .main-navigation > ul > li strong.active, .main-navigation > ul > li sp { font-size:.9em; } } @media screen and (max-width: 900px) { .fixed-note-closed { left:.2em; top:0; right: auto; } .header-navigation-inner { height:6em; min-height:6em; } .shop2Column .sidebar { display:none; } .centered-wrapper.-medium { min-height:300px; } .centered-wrapper.-small { min-height:250px; } /* Trenner Box Fontsize */ .divider .headline-box-link, .divider .headline-box h2 { font-size:2.5em; } .main-navigation-search { bottom:0; right:0; border:0; } .main-navigation-search input { border:0px solid; } /* Servicenavigation */ .header-login, .header-dropdown { right:1em; } .header-logo { height:75px; } .logo-stadtbaecker { width:140px; padding-top:20px; } /* Search */ .main-navigation-search { margin-right:0; } /* Fomrulare */ input:hover, textarea:hover { box-shadow: none; } .special-feature-box .feature-box-text { font-size:75%; } } @media screen and (max-width: 599px) { .zutaten, .naehrwert { width:90%; float:none; } .main-navigation-mobile-open::after { background-color:#850025; box-shadow: 0 7px #850025, 0 14px #850025; } .header-logo { height:55px; } .logo-stadtbaecker { width:100%; height:50px; float:none; display:block; padding-top:0; text-align:center; } .logo-stadtbaecker a img { max-width:20%; margin-top:-30px; } .header-navigation-inner { height:4em; min-height:4em; } .header-navigation { height:4em; } .fixed-note-closed { right:.2rem; top:0; left: auto; } .productList .shopProduct { width:45% !important; } .centered-wrapper.-small { min-height:120px; } .centered-wrapper.-medium { min-height:200px; } /* Trenner */ .divider { height:60px; } /* Trenner */ .divider .headline-box-link, .divider .headline-box h2 { font-size:2em; } /* Trenner mit Bild */ .divider.with-image { top:0; } .main-navigation-mobile-search button { color:#fff6c9; } /* Mobile Navigation */ .main-navigation-mobile a, .main-navigation-mobile strong.active, .main-navigation-mobile strong.trail, .main-navigation-mobile strong.forward { background-color:#850025; border-bottom:1px solid #fff6c9; color:#fff6c9; } /* Mobile Navigation */ .main-navigation-mobile a:hover, .main-navigation-mobile a:focus, .main-navigation-mobile strong.active:hover, .main-navigation-mobile strong.active:focus, .main-navigation-mobile strong.trail:hover, .main-navigation-mobile strong.trail:focus, .main-navigation-mobile strong.forward:hover, .main-navigation-mobile strong.forward:focus { background-color:#fff6c9; color:#850025; } /* Mobile Navigation */ .main-navigation-mobile a.active, .main-navigation-mobile strong.active { background-color:#fff6c9; border-bottom:1px solid #850025; color:#850025; box-shadow: none; } /* Mobile Navigation */ .main-navigation-mobile-search input, .main-navigation-mobile-search input:hover, .main-navigation-mobile-search input:focus { border:1px solid #fff6c9; color:#fff6c9; } /* Mobile Navigation */ .main-navigation-mobile .main-navigation-mobile-expand { color:#fff6c9; box-shadow: none; } /* Mobile Navigation expand hover */ .main-navigation-mobile a:hover + button { color:#850025; } .special-feature-box .feature-box-image { width:100%; } .special-feature-box .feature-box-text { padding-left:1em; font-size:100%; } } @media screen and (max-width: 399px) { .header-logo { height:35px; } .productList .shopProduct { width: 90% !important; } /* Schriftgröße Trenner */ .divider .headline-box-link, .divider .headline-box h2 { font-size:1.2em; } /* Negativabstand Trenner */ .divider.with-image { top:-36px; } }