.mejs__offscreen{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal}.mejs__container{background:#000;box-sizing:border-box;font-family:'Helvetica',Arial,serif;position:relative;text-align:left;text-indent:0;vertical-align:top}.mejs__container *{box-sizing:border-box}.mejs__container video::-webkit-media-controls,.mejs__container video::-webkit-media-controls-panel,.mejs__container video::-webkit-media-controls-panel-container,.mejs__container video::-webkit-media-controls-start-playback-button{-webkit-appearance:none;display:none!important}.mejs__fill-container,.mejs__fill-container .mejs__container{height:100%;width:100%}.mejs__fill-container{background:0 0;margin:0 auto;overflow:hidden;position:relative}.mejs__container:focus{outline:0}.mejs__iframe-overlay{height:100%;position:absolute;width:100%}.mejs__embed,.mejs__embed body{background:#000;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.mejs__fullscreen{overflow:hidden!important}.mejs__container-fullscreen{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:1000}.mejs__container-fullscreen .mejs__mediaelement,.mejs__container-fullscreen video{height:100%!important;width:100%!important}.mejs__background{left:0;position:absolute;top:0}.mejs__mediaelement{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.mejs__poster{background-position:50% 50%;background-repeat:no-repeat;background-size:cover;left:0;position:absolute;top:0;z-index:1}:root .mejs__poster-img{display:none}.mejs__poster-img{border:0;padding:0}.mejs__overlay{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;left:0;position:absolute;top:0}.mejs__layer{z-index:1}.mejs__overlay-play{cursor:pointer}.mejs__overlay-button{background:url(../../assets/mediaelement/images/mejs-controls.svg) no-repeat;background-position:0 -39px;height:80px;width:80px}.mejs__overlay:hover>.mejs__overlay-button{background-position:-80px -39px}.mejs__overlay-loading{height:80px;width:80px}.mejs__overlay-loading-bg-img{-webkit-animation:mejs__loading-spinner 1s linear infinite;animation:mejs__loading-spinner 1s linear infinite;background:url(../../assets/mediaelement/images/mejs-controls.svg) -160px -40px no-repeat;display:block;height:80px;width:80px;z-index:1}@-webkit-keyframes mejs__loading-spinner{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes mejs__loading-spinner{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.mejs__controls{bottom:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:40px;left:0;list-style-type:none;margin:0;padding:0 10px;position:absolute;width:100%;z-index:3}.mejs__controls:not([style*='display: none']){background:rgba(255,0,0,.7);background:-webkit-linear-gradient(transparent,rgba(0,0,0,.35));background:linear-gradient(transparent,rgba(0,0,0,.35))}.mejs__button,.mejs__time,.mejs__time-rail{font-size:10px;height:40px;line-height:10px;margin:0;width:32px}.mejs__button>button{background:url(../../assets/mediaelement/images/mejs-controls.svg);border:0;cursor:pointer;display:block;font-size:0;height:20px;line-height:0;margin:10px 6px;overflow:hidden;padding:0;position:absolute;text-decoration:none;width:20px}.mejs__button>button:focus{outline:dotted 1px #999}.mejs__container-keyboard-inactive a,.mejs__container-keyboard-inactive a:focus,.mejs__container-keyboard-inactive button,.mejs__container-keyboard-inactive button:focus,.mejs__container-keyboard-inactive [role=slider],.mejs__container-keyboard-inactive [role=slider]:focus{outline:0}.mejs__time{box-sizing:content-box;color:#fff;font-size:11px;font-weight:700;height:24px;overflow:hidden;padding:16px 6px 0;text-align:center;width:auto}.mejs__play>button{background-position:0 0}.mejs__pause>button{background-position:-20px 0}.mejs__replay>button{background-position:-160px 0}.mejs__time-rail{direction:ltr;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;height:40px;margin:0 10px;padding-top:10px;position:relative}.mejs__time-total,.mejs__time-buffering,.mejs__time-loaded,.mejs__time-current,.mejs__time-float,.mejs__time-hovered,.mejs__time-float-current,.mejs__time-float-corner,.mejs__time-marker{border-radius:2px;cursor:pointer;display:block;height:10px;position:absolute}.mejs__time-total{background:rgba(255,255,255,.3);margin:5px 0 0;width:100%}.mejs__time-buffering{-webkit-animation:buffering-stripes 2s linear infinite;animation:buffering-stripes 2s linear infinite;background:-webkit-linear-gradient(135deg,rgba(255,255,255,.4) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.4) 75%,transparent 75%,transparent);background:linear-gradient(-45deg,rgba(255,255,255,.4) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.4) 75%,transparent 75%,transparent);background-size:15px 15px;width:100%}@-webkit-keyframes buffering-stripes{0%{background-position:0 0}to{background-position:30px 0}}@keyframes buffering-stripes{0%{background-position:0 0}to{background-position:30px 0}}.mejs__time-loaded{background:rgba(255,255,255,.3)}.mejs__time-current,.mejs__time-handle-content{background:rgba(255,255,255,.9)}.mejs__time-hovered{background:rgba(255,255,255,.5);z-index:10}.mejs__time-hovered.negative{background:rgba(0,0,0,.2)}.mejs__time-current,.mejs__time-buffering,.mejs__time-loaded,.mejs__time-hovered{left:0;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-transition:.15s ease-in all;transition:.15s ease-in all;width:100%}.mejs__time-buffering{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1)}.mejs__time-hovered{-webkit-transition:height .1s cubic-bezier(.44,0,1,1);transition:height .1s cubic-bezier(.44,0,1,1)}.mejs__time-hovered.no-hover{-webkit-transform:scaleX(0)!important;-ms-transform:scaleX(0)!important;transform:scaleX(0)!important}.mejs__time-handle,.mejs__time-handle-content{border:4px solid transparent;cursor:pointer;left:0;position:absolute;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);z-index:11}.mejs__time-handle-content{border:4px solid rgba(255,255,255,.9);border-radius:50%;height:10px;left:-7px;top:-4px;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);width:10px}.mejs__time-rail:hover .mejs__time-handle-content,.mejs__time-rail .mejs__time-handle-content:focus,.mejs__time-rail .mejs__time-handle-content:active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.mejs__time-float{background:#eee;border:solid 1px #333;bottom:100%;color:#111;display:none;height:17px;margin-bottom:9px;position:absolute;text-align:center;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:36px}.mejs__time-float-current{display:block;left:0;margin:2px;text-align:center;width:30px}.mejs__time-float-corner{border:solid 5px #eee;border-color:#eee transparent transparent;border-radius:0;display:block;height:0;left:50%;line-height:0;position:absolute;top:100%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:0}.mejs__long-video .mejs__time-float{margin-left:-23px;width:64px}.mejs__long-video .mejs__time-float-current{width:60px}.mejs__broadcast{color:#fff;height:10px;position:absolute;top:15px;width:100%}.mejs__fullscreen-button>button{background-position:-80px 0}.mejs__unfullscreen>button{background-position:-100px 0}.mejs__mute>button{background-position:-60px 0}.mejs__unmute>button{background-position:-40px 0}.mejs__volume-button{position:relative}.mejs__volume-button>.mejs__volume-slider{-webkit-backface-visibility:hidden;background:rgba(50,50,50,.7);border-radius:0;bottom:100%;display:none;height:115px;left:50%;margin:0;position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:25px;z-index:1}.mejs__volume-button:hover{border-radius:0 0 4px 4px}.mejs__volume-total{background:rgba(255,255,255,.5);height:100px;left:50%;margin:0;position:absolute;top:8px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:2px}.mejs__volume-current{background:rgba(255,255,255,.9);left:0;margin:0;position:absolute;width:100%}.mejs__volume-handle{background:rgba(255,255,255,.9);border-radius:1px;cursor:ns-resize;height:6px;left:50%;position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:16px}.mejs__horizontal-volume-slider{display:block;height:36px;position:relative;vertical-align:middle;width:56px}.mejs__horizontal-volume-total{background:rgba(50,50,50,.8);border-radius:2px;font-size:1px;height:8px;left:0;margin:0;padding:0;position:absolute;top:16px;width:50px}.mejs__horizontal-volume-current{background:rgba(255,255,255,.8);border-radius:2px;font-size:1px;height:100%;left:0;margin:0;padding:0;position:absolute;top:0;width:100%}.mejs__horizontal-volume-handle{display:none}.mejs__captions-button,.mejs__chapters-button{position:relative}.mejs__captions-button>button{background-position:-140px 0}.mejs__chapters-button>button{background-position:-180px 0}.mejs__captions-button>.mejs__captions-selector,.mejs__chapters-button>.mejs__chapters-selector{background:rgba(50,50,50,.7);border:solid 1px transparent;border-radius:0;bottom:100%;margin-right:-43px;overflow:hidden;padding:0;position:absolute;right:50%;visibility:visible;width:86px}.mejs__chapters-button>.mejs__chapters-selector{margin-right:-55px;width:110px}.mejs__captions-selector-list,.mejs__chapters-selector-list{list-style-type:none!important;margin:0;overflow:hidden;padding:0}.mejs__captions-selector-list-item,.mejs__chapters-selector-list-item{color:#fff;cursor:pointer;display:block;list-style-type:none!important;margin:0 0 6px;overflow:hidden;padding:0}.mejs__captions-selector-list-item:hover,.mejs__chapters-selector-list-item:hover{background-color:#c8c8c8!important;background-color:rgba(255,255,255,.4)!important}.mejs__captions-selector-input,.mejs__chapters-selector-input{clear:both;float:left;left:-1000px;margin:3px 3px 0 5px;position:absolute}.mejs__captions-selector-label,.mejs__chapters-selector-label{cursor:pointer;float:left;font-size:10px;line-height:15px;padding:4px 10px 0;width:100%}.mejs__captions-selected,.mejs__chapters-selected{color:#21f8f8}.mejs__captions-translations{font-size:10px;margin:0 0 5px}.mejs__captions-layer{bottom:0;color:#fff;font-size:16px;left:0;line-height:20px;position:absolute;text-align:center}.mejs__captions-layer a{color:#fff;text-decoration:underline}.mejs__captions-layer[lang=ar]{font-size:20px;font-weight:400}.mejs__captions-position{bottom:15px;left:0;position:absolute;width:100%}.mejs__captions-position-hover{bottom:35px}.mejs__captions-text,.mejs__captions-text *{background:rgba(20,20,20,.5);box-shadow:5px 0 0 rgba(20,20,20,.5),-5px 0 0 rgba(20,20,20,.5);padding:0;white-space:pre-wrap}.mejs__container.mejs__hide-cues video::-webkit-media-text-track-container{display:none}.mejs__overlay-error{position:relative}.mejs__overlay-error>img{left:0;max-width:100%;position:absolute;top:0;z-index:-1}.mejs__cannotplay,.mejs__cannotplay a{color:#fff;font-size:.8em}.mejs__cannotplay{position:relative}.mejs__cannotplay p,.mejs__cannotplay a{display:inline-block;padding:0 15px;width:100%} #colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center} table.sortable thead th{background-image:url(../../assets/tablesorter/images/default.svg);background-repeat:no-repeat;background-position:center right}table.sortable thead th.tablesorter-headerDesc{background-image:url(../../assets/tablesorter/images/asc.svg)}table.sortable thead th.tablesorter-headerAsc{background-image:url(../../assets/tablesorter/images/desc.svg)} /* 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;*/ font-size: 2.6em; margin: 0.3em 0 0.1em 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: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: #1782c5; } body { font: 16px/1.5625 Lato, sans-serif; color: #242424; background: white none 50% 0 no-repeat scroll; background-size: auto; overflow-y: scroll !important; padding-right: 0px !important; } #top{ padding-right: 0px !important; } @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: white; text-shadow: none !important; } ::-moz-selection { background: #37aadf; color: white; text-shadow: none !important; } button, input, select, textarea { font-family: inherit; } table { width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid #b2b9c4; border-radius: 3px; background: white; } 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: #1782c5; 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 #b2b9c4; } .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 #b2b9c4; } 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: white; } .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 #b2b9c4; border-radius: 3px; color: #8caf23; background: white; } @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: white; 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 #b2b9c4; border-radius: 3px; font-size: 2.25em; font-weight: normal; /* Fixes line-height difference between gecko and webkit */ line-height: 0.7; background: white; 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: #4262b3 #4262b3 #2550cf; border-radius: 3px; outline: none; font-size: 0.875em; line-height: 1.42929; color: white; text-align: center; text-decoration: none; text-transform: uppercase; text-shadow: 0 -1px 0 #1f90c4; background: #37aadf; background: -webkit-linear-gradient(#4169E1, #2550cf); background: -moz-linear-gradient(#4169E1, #2550cf); background: -o-linear-gradient(#4169E1, #2550cf); background: linear-gradient(#4169E1, #2550cf); box-shadow: inset 0 0px #4262b3; } 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: #92a5e0 #92a5e0 #8097cf; text-decoration: none; background: -webkit-linear-gradient(#7791e0, #6a85cf); background: -moz-linear-gradient(#7791e0, #6a85cf); background: -o-linear-gradient(#7791e0, #6a85cf); background: linear-gradient(#7791e0, #6a85cf); } 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(#7791e0, #6a85cf); background: -moz-linear-gradient(#7791e0, #6a85cf); background: -o-linear-gradient(#7791e0, #6a85cf); background: linear-gradient(#7791e0, #6a85cf); } #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: white; 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 #242424; 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: white; } footer.page-footer{ visibility: hidden; } .page:before { content: ""; display: table; } .page:after { content: ""; display: table; clear: both; } .tao-boxed .page { max-width: 1188px; border: solid #b2b9c4; border-width: 0 1px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); } @media screen and (max-width: 1188px) { .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 #e5e8ee; font-size: 0.8125em; background: whitesmoke; } .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 #b2b9c4; border-left: 1px solid #b2b9c4; } @media screen and (max-width: 1188px) { .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: #98a0ab; } @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: #98a0ab; 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: whitesmoke; -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: white; 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: #717c8e; } .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 #b2b9c4; border-radius: 3px 0 3px 3px; color: #717c8e; background: white; 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 span.trail, .header-dropdown > ul span.active, .header-dropdown > ul span.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 span.trail, .header-dropdown > ul span.active, .header-dropdown > ul span.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: #b2b9c4; color: #717c8e; background-color: white; } .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: white; 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 #b2b9c4; border-left: 1px solid #b2b9c4; } @media screen and (max-width: 1188px) { .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; max-height: 50px; min-height: 3.125em; color: #717c8e; } @media screen and (max-width: 900px) { .header-navigation-inner { height: auto; min-height: 0; } } .logo { margin-top: 10px !important; /*position: absolute;*/ /*top: 17.5%; bottom: 17.5%;*/ /*top: 1.5%; bottom: 0.5%; left: 3.7037%; margin: 0; font-size: inherit; */ } .logo_kommunal { } .bf_footer_lbe_end{ padding-top: 15px; padding-bottom: 10px; margin-top: 2px; background-color: #F1F9E1; } .bf_footer_link a{ color: black; } .bf_footer_img_kommunale{ margin-top: -10px !important; } .bf_footer_img_kommunale img { height: 70px; } .bf_footer_img_stmuv img { height: 45px; } .logo_kommunal img{ float: right; max-height: 70px !important; margin-right: 1.3em; } @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) { .main-content h1 { font-size: 1.5em !important; } .header-navigation-inner{ height: 75px !important; display: inline-block; max-height: 75px !important; width: 100%; } .logo { margin-top: 0px !important; /*text-align: center;*/ margin-left: 0; padding-top: 0em; } .logo img { /*height: 100% !important;*/ max-width: 100% !important; margin-left: 0.57em !important; } .logo_kommunal{ display: none; } /*.logo_kommunal img{ max-height: 35px !important; }*/ } .logo a { display: block; height: 100%; } @media screen and (max-width: 900px) { .logo a { display: inline; } } .logo img { display: inline; width: auto; /*height: 100%;*/ max-height: 87px; /*margin-left: 1.1em;*/ margin-left: 0.85em; max-width: 50%; } @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 #b2b9c4; background: white; background: -webkit-linear-gradient(#ffffff, #fafafa); background: -moz-linear-gradient(#ffffff, #fafafa); background: -o-linear-gradient(#ffffff, #fafafa); background: linear-gradient(#ffffff, #fafafa); 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: 980px) { .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 span.active:before, .main-navigation span.trail:before, .main-navigation span.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 > span.active, .main-navigation > ul > li > span.trail, .main-navigation > ul > li > span.forward { position: relative; float: left; height: 100%; padding: 0 1.429em; font-size: 0.875em; /*color: #717c8e;*/ color:black; } .main-navigation > ul > li > a:before, .main-navigation > ul > li > span.active:before, .main-navigation > ul > li > span.trail:before, .main-navigation > ul > li > span.forward:before { content: ""; display: block; height: 50%; margin-bottom: -0.71429em; } .main-navigation > ul > li > a:after, .main-navigation > ul > li > span.active:after, .main-navigation > ul > li > span.trail:after, .main-navigation > ul > li > span.forward:after { content: ""; position: absolute; top: -1px; right: 50%; left: 50%; border-top: 2px solid #717c8e; -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 > span.active:after, .main-navigation > ul > li > span.trail:after, .main-navigation > ul > li > span.forward:after { top: auto; bottom: -1px; } } .main-navigation > ul > li > a:hover, .main-navigation > ul > li > a:focus { /*color: #1782c5;*/ color:#4169E1; 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 span.active, .main-navigation > ul > li span.trail, .main-navigation > ul > li span.forward { /*color: #1782c5;*/ color:#4169E1; } .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 #e5e8ee; border-width: 1px 1px 2px; border-top-color: #e5e8ee; border-radius: 0 0 3px 3px; background: white; 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] span.active, .main-navigation > ul > li > ul li[data-icon] span.trail, .main-navigation > ul > li > ul li[data-icon] span.forward, .main-navigation > ul > li > ul li[class^="icon-"] a, .main-navigation > ul > li > ul li[class^="icon-"] span.active, .main-navigation > ul > li > ul li[class^="icon-"] span.trail, .main-navigation > ul > li > ul li[class^="icon-"] span.forward, .main-navigation > ul > li > ul li[class*=" icon-"] a, .main-navigation > ul > li > ul li[class*=" icon-"] span.active, .main-navigation > ul > li > ul li[class*=" icon-"] span.trail, .main-navigation > ul > li > ul li[class*=" icon-"] span.forward { padding-left: 1.71429em; } .main-navigation > ul > li > ul a, .main-navigation > ul > li > ul span.active, .main-navigation > ul > li > ul span.trail, .main-navigation > ul > li > ul span.forward { position: relative; display: block; /*ppdding: 0.21429em 0.42857em; margin: 0 -0.42857em;*/ margin: 0 0.28571em; padding: 0.1571em; font-size: 0.875em; } .main-navigation > ul > li > ul a { border-radius: 3px; /*color: #1782c5;*/ color: black; -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;*/ /*color:#4169E1;*/ color:black; 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 span.active, .main-navigation > ul > li > ul span.trail, .main-navigation > ul > li > ul span.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 > span.active, .main-navigation > ul > li:hover > span.trail, .main-navigation > ul > li:hover > span.forward { z-index: 2; } .main-navigation > ul > li:hover > a:after, .main-navigation > ul > li:hover > span.active:after, .main-navigation > ul > li:hover > span.trail:after, .main-navigation > ul > li:hover > span.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; border-top: solid 3px #e5e8ee; } .main-navigation > ul > li.last > ul { left: auto; right: -0.125em; } .mega-dropdown { position: absolute; top: 100%; left: 3.7037%; display: block; color:#14A3C7; width: 92.59259%; max-height: 0; padding: 0; overflow: hidden; border: solid #e5e8ee; border-width: 1px 1px 2px; border-top-color: #e5e8ee; border-radius: 0 0 3px 3px; font-size: 0.875em; background: white; 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; } .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;*/ color:#4169E1; } .mega-dropdown-column p { margin: 1em 0; } .mega-dropdown-column ul a { display: inline-block; padding: 0.28571em 0 0.21429em; /*color: #1782c5;*/ color:black; } .mega-dropdown-column ul a:hover { /*color: #126498;*/ color:#4169E1; } .mega-dropdown-image { margin: 1.42857em 0; } .mega-dropdown-image img { display: block; width: 100%; height: auto; } .main-navigation-search { position: absolute; /* top: 50%; */ top:210%; 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: white; } @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 white; 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: #b2b9c4; 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: #b2b9c4; 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: #717c8e; 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: #1782c5; } .main-navigation-mobile-open { position: absolute; /*top: 28px;*/ top: 60px; /*left: 6.66667%;*/ right: 3.4%; 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: #717c8e; box-shadow: 0 7px #717c8e, 0 14px #717c8e; } @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 black; color: white; 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 span.active, .main-navigation-mobile span.trail, .main-navigation-mobile span.forward { display: block; padding: 0.64286em 0.92857em 0.57143em; border-bottom: 1px solid black; 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 span.active:before, .main-navigation-mobile span.trail:before, .main-navigation-mobile span.forward:before { margin-right: 0.42857em; } .main-navigation-mobile a:hover, .main-navigation-mobile a:focus, .main-navigation-mobile span.active:hover, .main-navigation-mobile span.active:focus, .main-navigation-mobile span.trail:hover, .main-navigation-mobile span.trail:focus, .main-navigation-mobile span.forward:hover, .main-navigation-mobile span.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 span.active, .main-navigation-mobile span.trail, .main-navigation-mobile span.forward { font-weight: bold; } .main-navigation-mobile a.active, .main-navigation-mobile span.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 span.active, .main-navigation-mobile li li span.trail, .main-navigation-mobile li li span.forward { padding-left: 1.85714em; } .main-navigation-mobile li li li a, .main-navigation-mobile li li li span.active, .main-navigation-mobile li li li span.trail, .main-navigation-mobile li li li span.forward { padding-left: 2.78571em; } .main-navigation-mobile li li li li a, .main-navigation-mobile li li li li span.active, .main-navigation-mobile li li li li span.trail, .main-navigation-mobile li li li li span.forward { padding-left: 3.71429em; } .main-navigation-mobile li li li li li a, .main-navigation-mobile li li li li li span.active, .main-navigation-mobile li li li li li span.trail, .main-navigation-mobile li li li li li span.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 black; 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: white !important; } .main-navigation-mobile-icons.main-navigation-mobile-icons a:hover:before { color: inherit !important; } .tagline { zoom: 1; border-bottom: 1px solid #e5e8ee; background: white; } .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 #b2b9c4; } .centered-wrapper.-border-bottom { border-bottom: 1px solid #b2b9c4; background-color: #D8E8C4; } .centered-wrapper.-color-inverted { color: white; } .centered-wrapper.-highlight-color { background-color: #8570a6; } .centered-wrapper.-background-color-1 { background-color: #353d47; } .centered-wrapper.-background-color-2 { background-color: whitesmoke; } .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%;*/ width: 65%; /*margin: 1.5em 7.40741% 3.75em 0;*/ margin: 0em 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%;*/ margin-left: 3.7037%; } @media screen and (max-width: 900px) { .tao-sidebar-right .main-content { float: none; /*margin-right: 5.55556%;*/ margin-right: 0px; /*margin-left: 5.55556%;*/ margin-left: 0px; } } .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-top: 0.275em; margin-bottom: 0.3em; font-weight: normal; } .main-content h1 { font-size: 2em; font-weight: bold; /*color: #717c8e;*/ color: black; } .main-content .-color-inverted h1 { color: white; } .main-content h2 { font-size: 1.5em; /*color: #717c8e;*/ color: black; } .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: #717c8e; 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-"] { 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.25em; width: 0; color: #8570a6; } .main-content ul { list-style: disc; /*list-style: none;*/ } .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: #717c8e; } .-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 #b2b9c4; border-bottom-color: #a4acb9; border-radius: 3px; font-size: 0.875em; color: inherit; background: white; } .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: #a4acb9 #a4acb9 #98a1b0; 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: #353d47; } 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 #b2b9c4 \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 #b2b9c4; } 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: #717c8e; } .main-content .uk-panel label { margin-bottom: 0.875em; } .-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: #717c8e; } .-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 #b2b9c4; border-radius: 2px; background: white;*/ 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: white; 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: #717c8e; } .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 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .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: 0 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 #b2b9c4; 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: white; text-transform: uppercase; background: #717c8e; } .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: #717c8e; } .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 #b2b9c4; border-radius: 3px; outline: none; font-weight: bold; cursor: pointer; background: white; } .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: #1782c5; 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 #b2b9c4; border-top-color: #d8dce1; 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: #717c8e; 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: white; } .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: white; color: white; background-color: transparent; } .icon-boxes-item.-color-inverted h3, .-color-inverted .icon-boxes-item h3 { color: white; } .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 #b2b9c4; 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: white; 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: white; background-color: #8570a6; } .icon-boxes-item:hover.-inverted-icon:before, .icon-boxes-item:focus.-inverted-icon:before { color: #8570a6; background-color: white; } .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: Lato, sans-serif; font-style: normal; font-size: 1.5em; color: #242424; } .icon-boxes-item p { margin: 0.5em 0; } .icon-boxes-item-link.-link { color: #1782c5; } .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: white; } .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: #717c8e; 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 #b2b9c4; border-radius: 3px; background: white; 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: #717c8e; } .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 #b2b9c4; border-radius: 3px; outline: none; background-color: white; } .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: white; } .-color-inverted .-boxed .teaser-boxes-item h3, .-color-inverted .-boxed .team-boxes-item h3 { color: #242424; } .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: white; 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: #aab0bb !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 #b2b9c4; border-radius: 3px; font-size: 1.125em; line-height: 1.50056; color: #717c8e; } .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: white; } .testimonial > p, .main-content .testimonial > p { position: relative; margin: 0; padding: 1.0625em 1.25em 1.125em; border: 1px solid #b2b9c4; 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: #a4acb9; 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: white; 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 #b2b9c4; 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: white; 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: white; 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: #717c8e; } .pricing-table-plan p i { display: block; font-style: normal; font-size: 0.29167em; color: #717c8e; } .pricing-table-plan ul { margin: 0 0 -1px 0; padding: 0; list-style: none; font-size: 0.875em; color: #717c8e; } .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: #717c8e; } @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: white; } .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: #242424; 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: white; } .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: white; } .counter-boxes > h3 { margin: 0 0 1.80952em 0; font-size: 1.3125em; color: #717c8e; } .-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: #717c8e; } .-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: #717c8e; } .-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: white; background: rgba(255, 255, 255, 0.6); } .-color-inverted .headline-box:before { background: #353d47; background: rgba(53, 61, 71, 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: #717c8e; } .-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: #b2b9c4; } .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: white; 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: white; 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: white; 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: white; } .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: #1782c5; } .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 #242424; 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: #242424; background: rgba(36, 36, 36, 0.25); } .-color-inverted .icon-buttons a { border-color: white; } .-color-inverted .icon-buttons a:hover, .-color-inverted .icon-buttons a:focus { background: white; 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: #1782c5; } .tab-navigation { margin: 2.25em 0 0; border: 1px solid transparent; border-bottom-color: #b2b9c4; 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 #b2b9c4; border-bottom-width: 0; background-color: white; } @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 white, 0 -3px #1782c5, -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: #1782c5; color: white; background: #1782c5; box-shadow: 0 1px #1782c5; } } .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: #1782c5; } .tab-navigation.-image-tabs a.is-active { color: #1782c5; 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: #1782c5; 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 #b2b9c4; 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 #b2b9c4; z-index: 99; background-color: white; 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: white; 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: white; } .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: #1782c5; text-decoration: none; } .news-image-teaser p { margin: 0.625em 0; color: #717c8e; } .news-image-teaser .news-image-teaser-info { margin: 0 0 0.93333em; font-size: 0.9375em; color: #717c8e; } .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: white; } .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: #717c8e; text-transform: uppercase; } .news-image-teaser-meta .comment-count { display: block; padding: 0.25em 0; border-top: 1px solid #e5e8ee; color: #717c8e; } .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: #1782c5; 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 #b2b9c4;*/ /*border-radius: 3px;*/ font-size: 0.875em; /*color: #717c8e;*/ color:black; } .news-list-boxed-item h3 { margin: 0.38095em 0 0; font-size: 1.5em; font-weight: bold; line-height: 1.38143; /*color: #717c8e;*/ color:black; } .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: #1782c5;*/ color:#4169E1; 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);*/ border: 6px solid #D8E8C4; /*border: 2px solid black;*/ } .news-list-boxed-item-image img { display: block; width: 100%; height: auto; max-height: 180px; border: 6px solid white; } .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: white; 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: #1782c5; } .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: white; color: transparent; text-decoration: none; background: white; 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: #242424; 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: #1782c5; } .news-boxes-item-image { display: block; overflow: hidden; max-height: 200px; } .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;*/ cursor: pointer; } /* .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: #717c8e; } .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: #b2b9c4; } .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: white; 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: #717c8e; } .mod_faqreader .info { font-size: 0.8125em; color: #717c8e; } .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 #b2b9c4; color: #717c8e; } .mod_search .highlight { padding: 0 0.25em; font-weight: bold; background: #d0e6f3; } .mod_search .url { padding-bottom: 1.42857em; border-bottom: 1px dotted #b2b9c4; font-size: 0.875em; color: #717c8e; } .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 #b2b9c4; border-radius: 3px; font-size: 1em; background: white; 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 #b2b9c4; } .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: #1782c5; } .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%;*/ margin: 0em 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;*/ margin: 0 0.28571em; padding: 0.28571em; font-size: 1em; font-weight: bold; color: #717c8e; } .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;*/ margin-bottom: 30px !important; } } .sub-navigation > ul > li > a { color: #242424; } .sub-navigation ul { margin: 0; padding: 0; } .sub-navigation ul a, .sub-navigation ul span.trail, .sub-navigation ul span.active, .sub-navigation ul span.forward { position: relative; display: block; /*margin: 0 0.28571em;*/ /*padding: 0.28571em;*/ padding: 0.28571em; color: #717c8e; -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 span.trail:hover, .sub-navigation ul span.active:hover, .sub-navigation ul span.forward:hover { border-radius: 3px; color: #242424; 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 span.trail:before, .sub-navigation ul span.active:before, .sub-navigation ul span.forward:before { margin-right: 0.42857em; } .sub-navigation ul a.active, .sub-navigation ul span.active { color: #126497; } .sub-navigation ul a.trail, .sub-navigation ul span.trail { color: #1782c5; } .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: #717c8e; } .footer-bar.-color-inverted { color: white; background: #353d47; } .footer-bar h1, .footer-bar h2, .footer-bar h3 { margin: 1em 0; padding-bottom: 0.21429em; border-bottom: 1px solid #b2b9c4; 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: white; text-transform: uppercase; text-align: center; background: #353d47; } .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: white; color: #242424; } .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: #717c8e; } @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 span.trail, .footer-navigation > ul > li span.active, .footer-navigation > ul > li span.forward { position: relative; display: inline-block; padding: 2.14286em 0; margin-right: 3.14286em; /*color: inherit;*/ color:black; } @media screen and (max-width: 900px) { .footer-navigation > ul > li a, .footer-navigation > ul > li span.trail, .footer-navigation > ul > li span.active, .footer-navigation > ul > li span.forward { margin-right: 1.57143em; } } @media screen and (max-width: 599px) { .footer-navigation > ul > li a, .footer-navigation > ul > li span.trail, .footer-navigation > ul > li span.active, .footer-navigation > ul > li span.forward { margin: 0 0.78571em; padding: 0.5em 0; } } .footer-navigation > ul > li a:before, .footer-navigation > ul > li span.trail:before, .footer-navigation > ul > li span.active:before, .footer-navigation > ul > li span.forward:before { content: none; } .footer-navigation > ul > li a:after, .footer-navigation > ul > li span.trail:after, .footer-navigation > ul > li span.active:after, .footer-navigation > ul > li span.forward:after { content: ""; position: absolute; top: auto; bottom: -1px; right: 50%; left: 50%; border-top: 2px solid #717c8e; -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 span.trail:hover, .footer-navigation > ul > li span.active:hover, .footer-navigation > ul > li span.forward:hover { text-decoration: none; color: #14A3C7; } .footer-navigation > ul > li a:hover:after, .footer-navigation > ul > li span.trail:hover:after, .footer-navigation > ul > li span.active:hover:after, .footer-navigation > ul > li span.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 #b2b9c4; } @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 #b2b9c4; line-height: 0; /* Fixes Chrome bug */ letter-spacing: -1em; color: #717c8e; 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: white; -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: white; 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: #717c8e; } .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: #717c8e; } @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: #717c8e; } .footer-links li:first-child:before { content: none; } .footer-links a, .footer-links span.trail, .footer-links span.active, .footer-links span.forward { color: inherit; } .footer-top-link { position: relative; display: block; width: 2.875em; height: 2.875em; margin: 0 auto; color: #242424; 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 #b2b9c4; border-bottom: 0; border-radius: 1px 1px 0 0; text-align: center; background: white; -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: #717c8e; 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: #717c8e; 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: #b2b9c4; } .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: #959fae; } .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 #b2b9c4; border-radius: 100%; background: #b2b9c4; background: rgba(178, 185, 196, 0.5); } .rsts-skin-testimonials .rsts-nav a:hover:after, .rsts-skin-testimonials .rsts-nav a.active:after { background-color: #b2b9c4; } .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-prev{ background-color: #4169E1; } .rsts-next{ background-color: #14A3C7; } .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: 6%; 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: 2px solid gray; 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;*/ background-color: gray; } .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: #717c8e; 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: white; } .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: #717c8e; } .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: #5a6372; } .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 #b2b9c4; border-radius: 100%; background: #b2b9c4; background: rgba(178, 185, 196, 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: #b2b9c4; } .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: #717c8e; } .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: #5a6372; } .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%; } .mod_rocksolid_mega_menu .submenu ul h4{ margin: 0 0.28571em !important; padding: 0.28571em; } .mod_rocksolid_mega_menu .submenu ul hr, .sub-navigation ul hr{ margin: 0px; border-top: solid 1px #4169E1 !important; z-index:99; } hr { /* 1 */ box-sizing: content-box; height: 0; /* 2 */ margin: 0px; border: 0; /*border-top: 1px solid #dddddd;*/ } #event-day .event { margin-top: 2em; } #event-day p.info { visibility: hidden; height: 0px; } .layout_short { margin-top: 2em; } .layout_short p.info { font-weight: bold; } /* To change this license header, choose License Headers in Project Properties. To change this template file, choose Tools | Templates and open the template in the editor. */ /* Created on : 11-Dec-2015, 14:12:04 Author : Jean Pierre Roman */ .link_line_bf { display: inline-flex; cursor: pointer; } .bf_class { text-align: center; } #mapa_for_stadt label{ display: block; } .bf_glossar_link{ font-size: 14px; } .bg_tag_cloud{ margin: 0 !important; padding: 0 !important; word-wrap: break-word !important; } .bf_label{ padding-right: 2px !important; padding-left: 0px !important; margin-bottom: 0px !important; cursor: pointer; word-wrap: break-word !important; } .bf_label_celeste{ color: #4169E1 !important; font-size: 20px !important; font-weight: 400; } .bf_label_medium{ /*color: #4169E1 !important;4169E1*/ color: black !important; font-size: 14px !important; } .bf_label_green{ /*color: #A0B45A !important;*/ color: #9ACD32 !important; font-size: 17px !important; } .bf_label_little{ font-size: 17px !important; } .bf_class ul{ list-style-type: none; } .bf_glossar .back{ font-size: 0.875em !important; } .bf_glossar hr{ border-top: solid 1px #A0B45A !important; } .bf_projekte hr{ border-top: solid 1px #4169E1 !important; } .bf_glossar h3{ margin-top: 5px !important; } .bf_projekte h3{ margin-top: 5px !important; } .bf_class a:hover{ text-decoration: none; } .bf_glossar.uk-active a{ color: #A0B45A !important; text-decoration: none; } .bf_list_hide_glossar{ display: none; } .bf_description_glossar ul, .bf_list_glossar ul{ list-style: none; } .bf_list_hide_glossar label { width: 120px; text-align: left; font-size: 18px; font-weight: bold; cursor: pointer; } .bf_link_projekte{ /*color: #4169E1 !important;*/ color: black !important; /*text-decoration: none;*/ border: none !important; } .bf_link_projekte.uk-active, a.bf_link_projekte:focus, a.bf_link_projekte:hover{ text-decoration: none; color: #4169E1 !important; outline:none; } .bf_word_projekt .uk-dropdown{ background: white !important; margin: 0px !important; padding: 0px !important; } .bf_word_glossar label{ cursor: pointer; color: #0077dd; font-size: 13px; } .bf_word_glossar label:focus, .bf_word_glossar label:hover{ text-decoration: none; color: #005599 !important; outline:none; } .bf_footer_link{ font-size: 0.875em !important; } .bf_footer_img_nacht{ display: none; } @media ( max-width: 599px){ .uk-width-1-3.bf_footer_link{ width: 100%; } .uk-width-1-3.bf_footer_img_kommunale{ margin-top: 10px !important; width: 50%; text-align: left !important; margin-left: -8px !important; } .bf_footer_img_kommunale img { height: 70px; } .uk-width-1-3.bf_footer_img_stmuv{ width: 100%; margin-top: 10px !important; text-align: center !important; } .bf_footer_img_stmuv img { height: 50px; } .bf_footer_img_nacht{ display: block; width: 50%; margin-top: 10px; } } .separate_bf{ margin-left: 5px; margin-right: 5px; } @media (min-width: 960px) and (max-width:1200px) { .bf_class .uk-width-1-5{ width: 25%; } } @media ( max-width: 960px){ .bf_class .uk-width-1-5{ width: 33.33%; } } @media ( max-width: 768px) { .bf_description_glossar.uk-width-3-5{ width: 100%; } .bf_glossar.uk-disabled{ display:none; } .bf_word_glossar{ display:none; } .bf_list_hide_glossar{ display: block; } .bf_list_glossar{ display: none; } .bf_list_hide_glossar .uk-dropdown { background: white; padding: 0px !important; margin: 0px; top:0px !important; } .bf_list_projekt .uk-dropdown{ background: white; padding: 0px !important; margin: 0px; top:0px !important; } .uk-column-1-3 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } .bf_img_angebote{ width: 50% !important; } .uk-column-1-2 { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } } @media ( max-width: 480px) { .bf_class .uk-width-1-5{ width: 50%; } .uk-column-1-3 { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } } @media ( max-width: 599px) { .head-site-byteformer .ce_gallery { display: none; } } @media ( max-width: 400px) { .head-site-byteformer h1, .head-site-byteformer h2{ font-size: 1.7em; } .head-site-byteformer .ce_text { word-break: break-word; } } .bf_header_img .projects-item { border-top: none; } .bf_class h1{ color: black; } .bf_header_img { text-align: center; } .bf_header_img img{ width: 90%; margin: 0 auto; } .bf_word_projekt h1{ font-size: 36px; color: #006A94; font-weight: bold; } .bf_word_projekt a{ text-decoration: none; } /*************** MAPS ***************/ #map image{ width: 18px !important; height: 16px !important; } #map_complete image { height: 20px !important; } /*** ANGEBOTE ***/ .bf_img_angebote{ width: 33.33%; } .bf_img_angebote figure{ padding: 0px; border-radius: 0px; background: white; box-shadow: none; border: none; } .bf-lbe-home-text, .bf-lbe-home-text .rsts-skin-tao.rsts-main, .bf-lbe-home-text .feature-box-image, .bf-lbe-home-text .feature-box-image img, .bf-lbe-home-text .mod_rocksolid_slider .main-slider{ margin:0 auto; /* max-width:90%; height:auto; */ } .bf-lbe-home-text .feature-box-image img{ width: 50%; } .bf-lbe-home-text p{ position: absolute; width: 100%; top: 30%; text-align: center; color: black; vertical-align: middle; font-size: 32px; /* max-width:100% !important; height:auto; display:block;*/ } /* @media only screen and (max-width: 999px) { .bf-lbe-home-text p{ font-size: 27px; } } @media only screen and (max-width: 899px) { .bf-lbe-home-text p{ font-size: 25px; } } @media only screen and (max-width: 799px) { .bf-lbe-home-text p{ font-size: 23px; } } @media only screen and (max-width: 699px) { .bf-lbe-home-text p{ font-size: 20px; } } @media only screen and (max-width: 599px) { .bf-lbe-home-text p{ font-size: 16px; } } @media only screen and (max-width: 499px) { .bf-lbe-home-text p{ font-size: 12px; } } @media only screen and (max-width: 399px) { .bf-lbe-home-text p{ font-size: 10px; } } */ .bf-rock-slider .feature-box{ margin-top: 0em !important; } .bf-rock-slider .feature-box-image{ margin-top: 0px; height: 100% !important; } .bf-new-box .news-boxes-item h3{ height: 60px !important; } .bf-main-navegation a, .bf-main-navegation span{ font-size: 0.875em !important; } .bf-main-navegation li{ margin: 0px !important; padding: 0px !important; } .bf-main-navegation .bf-info-submenu{ margin: 0 0.28571em; color: black !important; background-color: white; } .bf-main-navegation ul{ margin-bottom: 0px !important; } .sub-navigation.bf-main-navegation a.active, .sub-navigation.bf-main-navegation span.active{ background-color: #e5e8ee !important; color:black !important; } .sub-navigation.bf-main-navegation a, .sub-navigation.bf-main-navegation span{ color:black !important; font-size: 1em !important; display: inline-flex; width:100%; padding:1px; } .sub-navigation.bf-main-navegation .bf-info-submenu{ margin: 0 0.64em; } .bf-main-navegation > ul > li > ul span.active, .bf-main-navegation .main-navigation > ul > li > ul span.trail, .bf-main-navegation .main-navigation > ul > li > ul span.forward { background-color: #e5e8ee !important; color:black !important; } #mapa_for_stadt{ top: 0px !important; } #mapa_for_stadt label{ margin-left: 1em; } #mapa_for_stadt .uk-width-1-3{ width: 70% !important; } /* FLIP */ /* -- make sure to declare a default for every property that you want animated -- */ /* -- general styles, including Y axis rotation -- */ .rsts-inactive .hover-bf{ display:none } .panel-bf-flip .front { z-index: 900; width: inherit; height: inherit; text-align: center; -webkit-transform: rotateX(0deg) rotateY(0deg); -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; -moz-transform: rotateX(0deg) rotateY(0deg); -moz-transform-style: preserve-3d; -moz-backface-visibility: hidden; /* -- transition is the magic sauce for animation -- */ -o-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -webkit-transition: all .6s ease-in-out; transition: all .6s ease-in-out; } .panel-bf-flip.flip .front { z-index: 900; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); } .panel-bf-flip .back { z-index: 800; width: inherit; height: inherit; -webkit-transform: rotateY(-180deg); -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; -moz-transform: rotateY(-180deg); -moz-transform-style: preserve-3d; -moz-backface-visibility: hidden; /* -- transition is the magic sauce for animation -- */ -o-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -webkit-transition: all .6s ease-in-out; transition: all .6s ease-in-out; } .panel-bf-flip.flip .back { z-index: 1000; -webkit-transform: rotateX(0deg) rotateY(0deg); -moz-transform: rotateX(0deg) rotateY(0deg); } .rsts-active .hover-bf{ display:block; } .main-navigation-mobile.is-active .bf-info-submenu{ display: none; } /* TAG CLOUD */ .uk-width-1-1-bf{ width: 100% !important; } /* .bf-lbe-home-text, .bf-lbe-home-text .rsts-skin-tao.rsts-main, .bf-lbe-home-text .feature-box-image, .bf-lbe-home-text .mod_rocksolid_slider .main-slider{ margin:0 auto; height:18.5em; } .bf-lbe-home-text p { top: 38% !important; } */ @media ( max-width: 479px) { .bf-lbe-home-text, .bf-lbe-home-text .rsts-skin-tao.rsts-main, .bf-lbe-home-text .feature-box-image, .bf-lbe-home-text .feature-box-image img, .bf-lbe-home-text .mod_rocksolid_slider .main-slider{ height:250px; } .bf-lbe-home-text p { top: 29% ; } .bf-lbe-home-text p{ font-size: 14px; } .bf-lbe-home-text .feature-box-image img { width: 145px; } } @media ( min-width: 480px) and (max-width: 599px) { .bf-lbe-home-text, .bf-lbe-home-text .rsts-skin-tao.rsts-main, .bf-lbe-home-text .feature-box-image, .bf-lbe-home-text .feature-box-image img, .bf-lbe-home-text .mod_rocksolid_slider .main-slider{ height:250px; } .bf-lbe-home-text p { top: 29% ; } .bf-lbe-home-text p{ font-size: 15px; } .bf-lbe-home-text .feature-box-image img { width: 32%; } } @media ( min-width: 600px) and (max-width: 699px) { .bf-lbe-home-text, .bf-lbe-home-text .rsts-skin-tao.rsts-main, .bf-lbe-home-text .feature-box-image, .bf-lbe-home-text .feature-box-image img, .bf-lbe-home-text .mod_rocksolid_slider .main-slider{ height:245px; } .bf-lbe-home-text p { top: 27% ; } .bf-lbe-home-text p{ font-size: 16px; } .bf-lbe-home-text .feature-box-image img { width: 32%; } } @media ( min-width: 700px) and (max-width: 799px) { .bf-lbe-home-text, .bf-lbe-home-text .rsts-skin-tao.rsts-main, .bf-lbe-home-text .feature-box-image, .bf-lbe-home-text .feature-box-image img, .bf-lbe-home-text .mod_rocksolid_slider .main-slider{ height:268px; } .bf-lbe-home-text p { top: 27% ; } .bf-lbe-home-text p{ font-size: 18px; } .bf-lbe-home-text .feature-box-image img { width: 32%; } } @media ( min-width: 800px) and (max-width: 899px) { .bf-lbe-home-text, .bf-lbe-home-text .rsts-skin-tao.rsts-main, .bf-lbe-home-text .feature-box-image, .bf-lbe-home-text .feature-box-image img, .bf-lbe-home-text .mod_rocksolid_slider .main-slider{ height:327.5px; } .bf-lbe-home-text p { top: 29% ; } .bf-lbe-home-text p{ font-size: 22px; } .bf-lbe-home-text .feature-box-image img { width: 32%; } } @media ( min-width: 900px) and (max-width: 1099px) { .bf-lbe-home-text, .bf-lbe-home-text .rsts-skin-tao.rsts-main, .bf-lbe-home-text .feature-box-image, .bf-lbe-home-text .feature-box-image img, .bf-lbe-home-text .mod_rocksolid_slider .main-slider{ height:368px; } .bf-lbe-home-text p { top: 27% ; } .bf-lbe-home-text p{ font-size: 25px; } .bf-lbe-home-text .feature-box-image img { width: 45%; } } @media ( min-width: 1100px) { .bf-lbe-home-text, .bf-lbe-home-text .rsts-skin-tao.rsts-main, .bf-lbe-home-text .feature-box-image, .bf-lbe-home-text .feature-box-image img, .bf-lbe-home-text .mod_rocksolid_slider .main-slider{ height:475px; } .bf-lbe-home-text p { top: 31% ; } .bf-lbe-home-text p{ font-size: 27px; } .bf-lbe-home-text .feature-box-image img { width: 45%; } } .bf-img-hide{ display:none; height: 60px; position: relative; left: 2.35em; } .bf-img-hide img{ height: 60px; } .page-header { width: 100% !important; } .content-wrapper { overflow: hidden; } .page .rsts-prev, .page .rsts-next{ background-color: #4169E1; } .bf-newsletter-subscription .mod_subscribe.block, .bf-newsletter-subscription .mod_unsubscribe.block{ padding: 20px; margin-top: 20px; border-radius: 3px; background: #f6f6f6; } .bf-newsletter-subscription fieldset{ border:none; } .bf-newsletter-subscription .mod_subscribe .submit { padding: 0.64286em 1.42857em; } .widget-explanation.explanation p{ margin-top:15px; } .page-footer li.active, .page-footer li.forward{ margin-right: 3em; } /* Created on : 13-08-2021, 12:30 Author : Martin Weibart */ #bf-more .more { visibility: hidden; } /* Links ========================================================================== */ /* * Remove the gray background color from active links in IE 10. */ a { background: transparent; } /* * Improves readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* * Style */ a, .uk-link { color: #0077dd; text-decoration: none; cursor: pointer; } a:hover, .uk-link:hover { color: #005599; text-decoration: underline; } /* Text-level semantics ========================================================================== */ /* * Addresses styling not present in Chrome, Safari, Opera and IE 8/9/10. */ abbr[title] { border-bottom: 1px dotted; } /* * Addresses style set to `bolder` in Firefox */ b, strong { font-weight: bold; } /* * 1. Address odd `em`-unit font size rendering in all browsers. * 2. Consolas has a better baseline in running text compared to `Courier` */ :not(pre) > code, :not(pre) > kbd, :not(pre) > samp { /* 1 */ font-size: 12px; /* 2 */ font-family: Consolas, monospace, serif; /* 3 */ color: #dd0055; white-space: nowrap; } /* * Emphasize */ em { color: #dd0055; } /* * Insert */ ins { background: #ffffaa; color: #444444; text-decoration: none; } /* * Mark * Note: Addresses styling not present in IE 8/9. */ mark { background: #ffffaa; color: #444444; } /* * Quote */ q { font-style: italic; } /* * Addresses inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /* * Prevents `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Images ========================================================================== */ /* * 1. Responsiveness: Sets a maximum width relative to the parent and auto scales the height * 2. Corrects `max-width` behavior if padding and border are used * 3. Remove border when inside `a` element in IE 8/9/10. * 4. Remove the gap between images and the bottom of their containers */ img { /* 1 */ max-width: 100%; height: auto; /* 2 */ box-sizing: border-box; /* 3 */ border: 0; /* 4 */ vertical-align: middle; } /* * Preserve original image dimensions */ .uk-img-preserve, .uk-img-preserve img { max-width: none; } /* * Correct overflow not hidden in IE 9/10/11. */ svg:not(:root) { overflow: hidden; } /* Block elements ========================================================================== */ /* * Reset margin */ blockquote, figure { margin: 0; } /* * Margins */ p, ul, ol, dl, blockquote, pre, address, fieldset, figure { margin: 0 0 5px 0; } * + p, * + ul, * + ol, * + dl, * + blockquote, * + pre, * + address, * + fieldset, * + figure { margin-top: 5px; } /* * Sizes */ .uk-h1 { font-size: 40px; line-height: 42px; } .uk-h2 { font-size: 24px; line-height: 30px; } .uk-h3 { font-size: 18px; line-height: 24px; } .uk-h4 { font-size: 16px; line-height: 22px; } .uk-h5 { font-size: 14px; line-height: 20px; } .uk-h6 { font-size: 12px; line-height: 18px; } /* Lists ========================================================================== */ ul, ol { padding-left: 30px; } /* * Reset margin for nested lists */ ul > li > ul, ul > li > ol, ol > li > ol, ol > li > ul { margin: 0; } /* Description lists ========================================================================== */ dt { font-weight: bold; } dd { margin-left: 0; } /* Horizontal rules ========================================================================== */ /* * 1. Address differences between Firefox and other browsers. * 2. Style */ /* Address ========================================================================== */ address { font-style: normal; } /* Blockquotes ========================================================================== */ blockquote { padding-left: 15px; border-left: 5px solid #dddddd; font-size: 16px; line-height: 22px; font-style: italic; } /* Preformatted text ========================================================================== */ /* * 1. Contain overflow in all browsers. */ pre { padding: 10px; background: #f5f5f5; font: 12px / 18px Consolas, monospace, serif; color: #444444; -moz-tab-size: 4; tab-size: 4; /* 1 */ overflow: auto; } /* Selection pseudo-element ========================================================================== */ ::-moz-selection { background: #3399ff; color: #ffffff; text-shadow: none; } ::selection { background: #3399ff; color: #ffffff; text-shadow: none; } /* HTML5 elements ========================================================================== */ /* * Corrects `block` display not defined in IE 8/9. */ article, aside, details, figcaption, figure, footer, header, main, nav, section, summary { display: block; } /* * Addresses inconsistent vertical alignment of `progress` in Chrome, Firefox and Opera. */ progress { vertical-align: baseline; } /* * Prevent displaying `audio` without controls in Chrome, Safari and Opera */ audio:not([controls]) { display: none; } /* * Address `[hidden]` styling not present in IE 8/9. * Hide the `template` element in IE and Safari */ [hidden], template { display: none; } /* Iframe ========================================================================== */ iframe { border: 0; } /* Fix viewport for IE10 snap mode ========================================================================== */ @media screen and (max-width: 400px) { @-ms-viewport { width: device-width; } } /* ======================================================================== Component: Grid ========================================================================== */ /* * 1. Makes grid more robust so that it can be used with other block elements like lists */ .uk-grid { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; /* 1 */ margin: 0; padding: 0; list-style: none; } /* * DEPRECATED * Micro clearfix * Can't use `table` because it creates a 1px gap when it becomes a flex item, only in Webkit */ .uk-grid:before, .uk-grid:after { content: ""; display: block; overflow: hidden; } .uk-grid:after { clear: both; } /* * Grid cell * 1. Space is allocated solely based on content dimensions * 2. Makes grid more robust so that it can be used with other block elements * 3. DEPRECATED Using `float` to support IE9 */ .uk-grid > * { /* 1 */ -ms-flex: none; -webkit-flex: none; flex: none; /* 2 */ margin: 0; /* 3 */ float: left; } /* * Remove margin from the last-child */ .uk-grid > * > :last-child { margin-bottom: 0; } /* Grid gutter ========================================================================== */ /* * Default gutter */ /* Horizontal */ .uk-grid { margin-left: -25px; } .uk-grid > * { padding-left: 25px; } /* Vertical */ .uk-grid + .uk-grid, .uk-grid-margin, .uk-grid > * > .uk-panel + .uk-panel { margin-top: 25px; } /* Large screen and bigger */ @media (min-width: 1220px) { /* Horizontal */ .uk-grid { margin-left: -35px; } .uk-grid > * { padding-left: 35px; } /* Vertical */ .uk-grid + .uk-grid, .uk-grid-margin, .uk-grid > * > .uk-panel + .uk-panel { margin-top: 35px; } } /* * Collapse gutter */ /* Horizontal */ .uk-grid-collapse { margin-left: 0; } .uk-grid-collapse > * { padding-left: 0; } /* Vertical */ .uk-grid-collapse + .uk-grid-collapse, .uk-grid-collapse > .uk-grid-margin, .uk-grid-collapse > * > .uk-panel + .uk-panel { margin-top: 0; } /* * Small gutter */ /* Horizontal */ .uk-grid-small { margin-left: -10px; } .uk-grid-small > * { padding-left: 10px; } /* Vertical */ .uk-grid-small + .uk-grid-small, .uk-grid-small > .uk-grid-margin, .uk-grid-small > * > .uk-panel + .uk-panel { margin-top: 10px; } /* * Medium gutter */ /* Horizontal */ .uk-grid-medium { margin-left: -25px; } .uk-grid-medium > * { padding-left: 25px; } /* Vertical */ .uk-grid-medium + .uk-grid-medium, .uk-grid-medium > .uk-grid-margin, .uk-grid-medium > * > .uk-panel + .uk-panel { margin-top: 25px; } /* Modifier: `uk-grid-divider` ========================================================================== */ /* * Horizontal divider * Only works with the default gutter. Does not work with gutter collapse, small or large. * Does not work with `uk-push-*`, `uk-pull-*` and not if the columns float into the next row. */ .uk-grid-divider:not(:empty) { margin-left: -25px; margin-right: -25px; } .uk-grid-divider > * { padding-left: 25px; padding-right: 25px; } .uk-grid-divider > [class*='uk-width-1-']:not(.uk-width-1-1):nth-child(n+2), .uk-grid-divider > [class*='uk-width-2-']:nth-child(n+2), .uk-grid-divider > [class*='uk-width-3-']:nth-child(n+2), .uk-grid-divider > [class*='uk-width-4-']:nth-child(n+2), .uk-grid-divider > [class*='uk-width-5-']:nth-child(n+2), .uk-grid-divider > [class*='uk-width-6-']:nth-child(n+2), .uk-grid-divider > [class*='uk-width-7-']:nth-child(n+2), .uk-grid-divider > [class*='uk-width-8-']:nth-child(n+2), .uk-grid-divider > [class*='uk-width-9-']:nth-child(n+2) { border-left: 1px solid #dddddd; } /* Tablet and bigger */ @media (min-width: 768px) { .uk-grid-divider > [class*='uk-width-medium-']:not(.uk-width-medium-1-1):nth-child(n+2) { border-left: 1px solid #dddddd; } } /* Desktop and bigger */ @media (min-width: 960px) { .uk-grid-divider > [class*='uk-width-large-']:not(.uk-width-large-1-1):nth-child(n+2) { border-left: 1px solid #dddddd; } } /* Large screen and bigger */ @media (min-width: 1220px) { /* * Large gutter */ .uk-grid-divider:not(:empty) { margin-left: -35px; margin-right: -35px; } .uk-grid-divider > * { padding-left: 35px; padding-right: 35px; } .uk-grid-divider:empty { margin-top: 35px; margin-bottom: 35px; } } /* * Vertical divider */ .uk-grid-divider:empty { margin-top: 25px; margin-bottom: 25px; border-top: 1px solid #dddddd; } /* Match panels in grids ========================================================================== */ /* * 1. Behave like a block element */ .uk-grid-match > * { display: -ms-flexbox; display: -webkit-flex; display: flex; /* 1 */ -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .uk-grid-match > * > * { /* 1 */ -ms-flex: none; -webkit-flex: none; flex: none; box-sizing: border-box; width: 100%; } /* Even grid cell widths ========================================================================== */ [class*='uk-grid-width'] > * { box-sizing: border-box; width: 100%; } .uk-grid-width-1-2 > * { width: 50%; } .uk-grid-width-1-3 > * { width: 33.333%; } .uk-grid-width-1-4 > * { width: 25%; } .uk-grid-width-1-5 > * { width: 20%; } .uk-grid-width-1-6 > * { width: 16.666%; } .uk-grid-width-1-10 > * { width: 10%; } /* Phone landscape and bigger */ @media (min-width: 480px) { .uk-grid-width-small-1-2 > * { width: 50%; } .uk-grid-width-small-1-3 > * { width: 33.333%; } .uk-grid-width-small-1-4 > * { width: 25%; } .uk-grid-width-small-1-5 > * { width: 20%; } .uk-grid-width-small-1-6 > * { width: 16.666%; } .uk-grid-width-small-1-10 > * { width: 10%; } } /* Tablet and bigger */ @media (min-width: 768px) { .uk-grid-width-medium-1-2 > * { width: 50%; } .uk-grid-width-medium-1-3 > * { width: 33.333%; } .uk-grid-width-medium-1-4 > * { width: 25%; } .uk-grid-width-medium-1-5 > * { width: 20%; } .uk-grid-width-medium-1-6 > * { width: 16.666%; } .uk-grid-width-medium-1-10 > * { width: 10%; } } /* Desktop and bigger */ @media (min-width: 960px) { .uk-grid-width-large-1-2 > * { width: 50%; } .uk-grid-width-large-1-3 > * { width: 33.333%; } .uk-grid-width-large-1-4 > * { width: 25%; } .uk-grid-width-large-1-5 > * { width: 20%; } .uk-grid-width-large-1-6 > * { width: 16.666%; } .uk-grid-width-large-1-10 > * { width: 10%; } } /* Large screen and bigger */ @media (min-width: 1220px) { .uk-grid-width-xlarge-1-2 > * { width: 50%; } .uk-grid-width-xlarge-1-3 > * { width: 33.333%; } .uk-grid-width-xlarge-1-4 > * { width: 25%; } .uk-grid-width-xlarge-1-5 > * { width: 20%; } .uk-grid-width-xlarge-1-6 > * { width: 16.666%; } .uk-grid-width-xlarge-1-10 > * { width: 10%; } } /* Sub-objects: `uk-width-*` ========================================================================== */ [class*='uk-width'] { box-sizing: border-box; width: 100%; } /* * Widths */ /* Whole */ .uk-width-1-1 { width: 100%; } /* Halves */ .uk-width-1-2, .uk-width-2-4, .uk-width-3-6, .uk-width-5-10 { width: 50%; } /* Thirds */ .uk-width-1-3, .uk-width-2-6 { width: 33.333%; } .uk-width-2-3, .uk-width-4-6 { width: 66.666%; } /* Quarters */ .uk-width-1-4 { width: 25%; } .uk-width-3-4 { width: 75%; } /* Fifths */ .uk-width-1-5, .uk-width-2-10 { width: 20%; } .uk-width-2-5, .uk-width-4-10 { width: 40%; } .uk-width-3-5, .uk-width-6-10 { width: 60%; } .uk-width-4-5, .uk-width-8-10 { width: 80%; } /* Sixths */ .uk-width-1-6 { width: 16.666%; } .uk-width-5-6 { width: 83.333%; } /* Tenths */ .uk-width-1-10 { width: 10%; } .uk-width-3-10 { width: 30%; } .uk-width-7-10 { width: 70%; } .uk-width-9-10 { width: 90%; } /* Phone landscape and bigger */ @media (min-width: 480px) { /* Whole */ .uk-width-small-1-1 { width: 100%; } /* Halves */ .uk-width-small-1-2, .uk-width-small-2-4, .uk-width-small-3-6, .uk-width-small-5-10 { width: 50%; } /* Thirds */ .uk-width-small-1-3, .uk-width-small-2-6 { width: 33.333%; } .uk-width-small-2-3, .uk-width-small-4-6 { width: 66.666%; } /* Quarters */ .uk-width-small-1-4 { width: 25%; } .uk-width-small-3-4 { width: 75%; } /* Fifths */ .uk-width-small-1-5, .uk-width-small-2-10 { width: 20%; } .uk-width-small-2-5, .uk-width-small-4-10 { width: 40%; } .uk-width-small-3-5, .uk-width-small-6-10 { width: 60%; } .uk-width-small-4-5, .uk-width-small-8-10 { width: 80%; } /* Sixths */ .uk-width-small-1-6 { width: 16.666%; } .uk-width-small-5-6 { width: 83.333%; } /* Tenths */ .uk-width-small-1-10 { width: 10%; } .uk-width-small-3-10 { width: 30%; } .uk-width-small-7-10 { width: 70%; } .uk-width-small-9-10 { width: 90%; } } /* Tablet and bigger */ @media (min-width: 768px) { /* Whole */ .uk-width-medium-1-1 { width: 100%; } /* Halves */ .uk-width-medium-1-2, .uk-width-medium-2-4, .uk-width-medium-3-6, .uk-width-medium-5-10 { width: 50%; } /* Thirds */ .uk-width-medium-1-3, .uk-width-medium-2-6 { width: 33.333%; } .uk-width-medium-2-3, .uk-width-medium-4-6 { width: 66.666%; } /* Quarters */ .uk-width-medium-1-4 { width: 25%; } .uk-width-medium-3-4 { width: 75%; } /* Fifths */ .uk-width-medium-1-5, .uk-width-medium-2-10 { width: 20%; } .uk-width-medium-2-5, .uk-width-medium-4-10 { width: 40%; } .uk-width-medium-3-5, .uk-width-medium-6-10 { width: 60%; } .uk-width-medium-4-5, .uk-width-medium-8-10 { width: 80%; } /* Sixths */ .uk-width-medium-1-6 { width: 16.666%; } .uk-width-medium-5-6 { width: 83.333%; } /* Tenths */ .uk-width-medium-1-10 { width: 10%; } .uk-width-medium-3-10 { width: 30%; } .uk-width-medium-7-10 { width: 70%; } .uk-width-medium-9-10 { width: 90%; } } /* Desktop and bigger */ @media (min-width: 960px) { /* Whole */ .uk-width-large-1-1 { width: 100%; } /* Halves */ .uk-width-large-1-2, .uk-width-large-2-4, .uk-width-large-3-6, .uk-width-large-5-10 { width: 50%; } /* Thirds */ .uk-width-large-1-3, .uk-width-large-2-6 { width: 33.333%; } .uk-width-large-2-3, .uk-width-large-4-6 { width: 66.666%; } /* Quarters */ .uk-width-large-1-4 { width: 25%; } .uk-width-large-3-4 { width: 75%; } /* Fifths */ .uk-width-large-1-5, .uk-width-large-2-10 { width: 20%; } .uk-width-large-2-5, .uk-width-large-4-10 { width: 40%; } .uk-width-large-3-5, .uk-width-large-6-10 { width: 60%; } .uk-width-large-4-5, .uk-width-large-8-10 { width: 80%; } /* Sixths */ .uk-width-large-1-6 { width: 16.666%; } .uk-width-large-5-6 { width: 83.333%; } /* Tenths */ .uk-width-large-1-10 { width: 10%; } .uk-width-large-3-10 { width: 30%; } .uk-width-large-7-10 { width: 70%; } .uk-width-large-9-10 { width: 90%; } } /* Large screen and bigger */ @media (min-width: 1220px) { /* Whole */ .uk-width-xlarge-1-1 { width: 100%; } /* Halves */ .uk-width-xlarge-1-2, .uk-width-xlarge-2-4, .uk-width-xlarge-3-6, .uk-width-xlarge-5-10 { width: 50%; } /* Thirds */ .uk-width-xlarge-1-3, .uk-width-xlarge-2-6 { width: 33.333%; } .uk-width-xlarge-2-3, .uk-width-xlarge-4-6 { width: 66.666%; } /* Quarters */ .uk-width-xlarge-1-4 { width: 25%; } .uk-width-xlarge-3-4 { width: 75%; } /* Fifths */ .uk-width-xlarge-1-5, .uk-width-xlarge-2-10 { width: 20%; } .uk-width-xlarge-2-5, .uk-width-xlarge-4-10 { width: 40%; } .uk-width-xlarge-3-5, .uk-width-xlarge-6-10 { width: 60%; } .uk-width-xlarge-4-5, .uk-width-xlarge-8-10 { width: 80%; } /* Sixths */ .uk-width-xlarge-1-6 { width: 16.666%; } .uk-width-xlarge-5-6 { width: 83.333%; } /* Tenths */ .uk-width-xlarge-1-10 { width: 10%; } .uk-width-xlarge-3-10 { width: 30%; } .uk-width-xlarge-7-10 { width: 70%; } .uk-width-xlarge-9-10 { width: 90%; } } /* Sub-object: `uk-push-*` and `uk-pull-*` ========================================================================== */ /* * Source ordering * Works only with `uk-width-medium-*` */ /* Tablet and bigger */ @media (min-width: 768px) { [class*='uk-push-'], [class*='uk-pull-'] { position: relative; } /* * Push */ /* Halves */ .uk-push-1-2, .uk-push-2-4, .uk-push-3-6, .uk-push-5-10 { left: 50%; } /* Thirds */ .uk-push-1-3, .uk-push-2-6 { left: 33.333%; } .uk-push-2-3, .uk-push-4-6 { left: 66.666%; } /* Quarters */ .uk-push-1-4 { left: 25%; } .uk-push-3-4 { left: 75%; } /* Fifths */ .uk-push-1-5, .uk-push-2-10 { left: 20%; } .uk-push-2-5, .uk-push-4-10 { left: 40%; } .uk-push-3-5, .uk-push-6-10 { left: 60%; } .uk-push-4-5, .uk-push-8-10 { left: 80%; } /* Sixths */ .uk-push-1-6 { left: 16.666%; } .uk-push-5-6 { left: 83.333%; } /* Tenths */ .uk-push-1-10 { left: 10%; } .uk-push-3-10 { left: 30%; } .uk-push-7-10 { left: 70%; } .uk-push-9-10 { left: 90%; } /* * Pull */ /* Halves */ .uk-pull-1-2, .uk-pull-2-4, .uk-pull-3-6, .uk-pull-5-10 { left: -50%; } /* Thirds */ .uk-pull-1-3, .uk-pull-2-6 { left: -33.333%; } .uk-pull-2-3, .uk-pull-4-6 { left: -66.666%; } /* Quarters */ .uk-pull-1-4 { left: -25%; } .uk-pull-3-4 { left: -75%; } /* Fifths */ .uk-pull-1-5, .uk-pull-2-10 { left: -20%; } .uk-pull-2-5, .uk-pull-4-10 { left: -40%; } .uk-pull-3-5, .uk-pull-6-10 { left: -60%; } .uk-pull-4-5, .uk-pull-8-10 { left: -80%; } /* Sixths */ .uk-pull-1-6 { left: -16.666%; } .uk-pull-5-6 { left: -83.333%; } /* Tenths */ .uk-pull-1-10 { left: -10%; } .uk-pull-3-10 { left: -30%; } .uk-pull-7-10 { left: -70%; } .uk-pull-9-10 { left: -90%; } } /* ======================================================================== Component: Panel ========================================================================== */ /* * 1. Needed for `a` elements * 2. Create position context for badges */ .uk-panel { /* 1 */ display: block; /* 2 */ position: relative; } /* * Allow panels to be anchors */ .uk-panel, .uk-panel:hover { text-decoration: none; } /* * Micro clearfix to make panels more robust */ .uk-panel:before, .uk-panel:after { content: ""; display: table; } .uk-panel:after { clear: both; } /* * Remove margin from the last-child if not `uk-widget-title` */ .uk-panel > :not(.uk-panel-title):last-child { margin-bottom: 0; } /* Sub-object: `uk-panel-title` ========================================================================== */ .uk-panel-title { margin-top: 0; margin-bottom: 15px; font-size: 18px; line-height: 24px; font-weight: normal; text-transform: none; color: #444444; } /* Sub-object: `uk-panel-badge` ========================================================================== */ .uk-panel-badge { position: absolute; top: 0; right: 0; z-index: 1; } /* Sub-object: `uk-panel-teaser` ========================================================================== */ .uk-panel-teaser { margin-bottom: 15px; } /* Sub-object: `uk-panel-body` ========================================================================== */ .uk-panel-body { padding: 15px; } /* Modifier: `uk-panel-box` ========================================================================== */ .uk-panel-box { padding: 15px; background: #f5f5f5; color: #444444; } .uk-panel-box-hover:hover { color: #444444; } .uk-panel-box .uk-panel-title { color: #444444; } .uk-panel-box .uk-panel-badge { top: 10px; right: 10px; } .uk-panel-box > .uk-panel-teaser { margin-top: -15px; margin-left: -15px; margin-right: -15px; } /* * Nav in panel */ .uk-panel-box > .uk-nav-side { margin: 0 -15px; } /* * Sub-modifier: `uk-panel-box-primary` */ .uk-panel-box-primary { background-color: #ebf7fd; color: #2d7091; } .uk-panel-box-primary-hover:hover { color: #2d7091; } .uk-panel-box-primary .uk-panel-title { color: #2d7091; } /* * Sub-modifier: `uk-panel-box-secondary` */ .uk-panel-box-secondary { background-color: #eeeeee; color: #444444; } .uk-panel-box-secondary-hover:hover { color: #444444; } .uk-panel-box-secondary .uk-panel-title { color: #444444; } /* Modifier: `uk-panel-hover` ========================================================================== */ .uk-panel-hover { padding: 15px; color: #444444; } .uk-panel-hover:hover { background: #f5f5f5; color: #444444; } .uk-panel-hover .uk-panel-badge { top: 10px; right: 10px; } .uk-panel-hover > .uk-panel-teaser { margin-top: -15px; margin-left: -15px; margin-right: -15px; } /* Modifier: `uk-panel-header` ========================================================================== */ .uk-panel-header .uk-panel-title { padding-bottom: 10px; border-bottom: 1px solid #dddddd; color: #444444; } /* Modifier: `uk-panel-space` ========================================================================== */ .uk-panel-space { padding: 30px; } .uk-panel-space .uk-panel-badge { top: 30px; right: 30px; } /* Modifier: `uk-panel-divider` ========================================================================== */ .uk-panel + .uk-panel-divider { margin-top: 50px !important; } .uk-panel + .uk-panel-divider:before { content: ""; display: block; position: absolute; top: -25px; left: 0; right: 0; border-top: 1px solid #dddddd; } /* Large screen and bigger */ @media (min-width: 1220px) { .uk-panel + .uk-panel-divider { margin-top: 70px !important; } .uk-panel + .uk-panel-divider:before { top: -35px; } } /* ======================================================================== Component: Block ========================================================================== */ .uk-block { position: relative; box-sizing: border-box; padding-top: 20px; padding-bottom: 20px; } /* Phone landscape and bigger */ @media (min-width: 768px) { .uk-block { padding-top: 50px; padding-bottom: 50px; } } /* * Micro clearfix to make blocks more robust */ .uk-block:before, .uk-block:after { content: ""; display: table; } .uk-block:after { clear: both; } /* * Remove margin from the last-child */ .uk-block > :last-child { margin-bottom: 0; } /* Padding Modifier ========================================================================== */ /* * Large padding */ .uk-block-large { padding-top: 20px; padding-bottom: 20px; } /* Tablets and bigger */ @media (min-width: 768px) { .uk-block-large { padding-top: 50px; padding-bottom: 50px; } } /* Desktop and bigger */ @media (min-width: 960px) { .uk-block-large { padding-top: 100px; padding-bottom: 100px; } } /* Color Modifier ========================================================================== */ /* * Default */ .uk-block-default { background: #ffffff; } /* * Muted */ .uk-block-muted { background: #f9f9f9; } /* * Primary */ .uk-block-primary { background: #00a8e6; } /* * Secondary */ .uk-block-secondary { background: #222222; } /* * Adjust padding between equal colored blocks */ .uk-block-default + .uk-block-default, .uk-block-muted + .uk-block-muted, .uk-block-primary + .uk-block-primary, .uk-block-secondary + .uk-block-secondary { padding-top: 0; } /* ======================================================================== Component: Article ========================================================================== */ /* * Micro clearfix to make articles more robust */ .uk-article:before, .uk-article:after { content: ""; display: table; } .uk-article:after { clear: both; } /* * Remove margin from the last-child */ .uk-article > :last-child { margin-bottom: 0; } /* * Vertical gutter for articles */ .uk-article + .uk-article { margin-top: 25px; } /* Sub-object `uk-article-title` ========================================================================== */ .uk-article-title { font-size: 36px; line-height: 42px; font-weight: normal; text-transform: none; } .uk-article-title a { color: inherit; text-decoration: none; } /* Sub-object `uk-article-meta` ========================================================================== */ .uk-article-meta { font-size: 12px; line-height: 18px; color: #999999; } /* Sub-object `uk-article-lead` ========================================================================== */ .uk-article-lead { color: #444444; font-size: 18px; line-height: 24px; font-weight: normal; } /* Sub-object `uk-article-divider` ========================================================================== */ .uk-article-divider { margin-bottom: 25px; border-color: #dddddd; } * + .uk-article-divider { margin-top: 25px; } /* ======================================================================== Component: Comment ========================================================================== */ /* Sub-object `uk-comment-header` ========================================================================== */ .uk-comment-header { margin-bottom: 15px; } /* * Micro clearfix */ .uk-comment-header:before, .uk-comment-header:after { content: ""; display: table; } .uk-comment-header:after { clear: both; } /* Sub-object `uk-comment-avatar` ========================================================================== */ .uk-comment-avatar { margin-right: 15px; float: left; } /* Sub-object `uk-comment-title` ========================================================================== */ .uk-comment-title { margin: 5px 0 0 0; font-size: 16px; line-height: 22px; } /* Sub-object `uk-comment-meta` ========================================================================== */ .uk-comment-meta { margin: 2px 0 0 0; font-size: 11px; line-height: 16px; color: #999999; } /* Sub-object `uk-comment-body` ========================================================================== */ /* * Remove margin from the last-child */ .uk-comment-body > :last-child { margin-bottom: 0; } /* Sub-object `uk-comment-list` ========================================================================== */ .uk-comment-list { padding: 0; list-style: none; } .uk-comment-list .uk-comment + ul { margin: 15px 0 0 0; list-style: none; } .uk-comment-list > li:nth-child(n+2), .uk-comment-list .uk-comment + ul > li:nth-child(n+2) { margin-top: 15px; } /* Tablet and bigger */ @media (min-width: 768px) { .uk-comment-list .uk-comment + ul { padding-left: 100px; } } /* Modifier `uk-comment-primary` ========================================================================== */ /* ======================================================================== Component: Cover ========================================================================== */ /* * Background image always covers and centers its element */ .uk-cover-background { background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } /* * Emulates image cover, works with video and image elements * 1. Parent container which clips resized object * 2. Resizes the object to always covers its container * 3. Reset the responsive image CSS * 4. Center object */ /* 1 */ .uk-cover { overflow: hidden; } .uk-cover-object { /* 2 */ width: auto; height: auto; min-width: 100%; min-height: 100%; /* 3 */ max-width: none; /* 4 */ position: relative; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } /* * To center iframes use `data-uk-cover` JavaScript */ [data-uk-cover] { position: relative; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } /* ======================================================================== Component: Nav ========================================================================== */ .uk-nav, .uk-nav ul { margin: 0; padding: 0; list-style: none; } /* * Items */ .uk-nav li > a { display: block; text-decoration: none; } .uk-nav > li > a { padding: 5px 15px; } /* * Nested items */ .uk-nav ul { padding-left: 15px; } .uk-nav ul a { padding: 2px 0; } /* * Item subtitle */ .uk-nav li > a > div { font-size: 12px; line-height: 18px; } /* Sub-object: `uk-nav-header` ========================================================================== */ .uk-nav-header { padding: 5px 15px; text-transform: uppercase; font-weight: bold; font-size: 12px; } .uk-nav-header:not(:first-child) { margin-top: 15px; } /* Sub-object: `uk-nav-divider` ========================================================================== */ .uk-nav-divider { margin: 9px 15px; } /* Sub-object: `uk-nav-sub` ========================================================================== */ /* * `ul` needed for higher specificity to override padding */ ul.uk-nav-sub { padding: 5px 0 5px 15px; } /* Modifier: `uk-nav-parent-icon` ========================================================================== */ .uk-nav-parent-icon > .uk-parent > a:after { content: "\f104"; width: 20px; margin-right: -10px; float: right; font-family: FontAwesome; text-align: center; } .uk-nav-parent-icon > .uk-parent.uk-open > a:after { content: "\f107"; } /* Modifier `uk-nav-side` ========================================================================== */ /* * Items */ .uk-nav-side > li > a { color: #444444; } /* * Hover * 1. Apply hover style also to focus state * 2. Remove default focus style */ .uk-nav-side > li > a:hover, .uk-nav-side > li > a:focus { background: rgba(0, 0, 0, 0.05); color: #444444; /* 2 */ outline: none; } /* Active */ .uk-nav-side > li.uk-active > a { background: #00a8e6; color: #ffffff; } /* * Sub-object: `uk-nav-header` */ .uk-nav-side .uk-nav-header { color: #444444; } /* * Sub-object: `uk-nav-divider` */ .uk-nav-side .uk-nav-divider { border-top: 1px solid #dddddd; } /* * Nested items */ .uk-nav-side ul a { color: #0077dd; } .uk-nav-side ul a:hover { color: #005599; } /* Modifier `uk-nav-dropdown` ========================================================================== */ /* * Items */ .uk-nav-dropdown > li > a { color: #444444; } /* * Hover * 1. Apply hover style also to focus state * 2. Remove default focus style */ .uk-nav-dropdown > li > a:hover, .uk-nav-dropdown > li > a:focus { background: #00a8e6; color: #ffffff; /* 2 */ outline: none; } /* * Sub-object: `uk-nav-header` */ .uk-nav-dropdown .uk-nav-header { color: #999999; } /* * Sub-object: `uk-nav-divider` */ .uk-nav-dropdown .uk-nav-divider { border-top: 1px solid #dddddd; } /* * Nested items */ .uk-nav-dropdown ul a { color: #0077dd; } .uk-nav-dropdown ul a:hover { color: #005599; } /* Modifier `uk-nav-navbar` ========================================================================== */ /* * Items */ .uk-nav-navbar > li > a { color: #444444; } /* * Hover * 1. Apply hover style also to focus state * 2. Remove default focus style */ .uk-nav-navbar > li > a:hover, .uk-nav-navbar > li > a:focus { background: #00a8e6; color: #ffffff; /* 2 */ outline: none; } /* * Sub-object: `uk-nav-header` */ .uk-nav-navbar .uk-nav-header { color: #999999; } /* * Sub-object: `uk-nav-divider` */ .uk-nav-navbar .uk-nav-divider { border-top: 1px solid #dddddd; } /* * Nested items */ .uk-nav-navbar ul a { color: #0077dd; } .uk-nav-navbar ul a:hover { color: #005599; } /* Modifier `uk-nav-offcanvas` ========================================================================== */ /* * Items */ .uk-nav-offcanvas > li > a { color: #cccccc; padding: 10px 15px; } /* * Hover * No hover on touch devices because it behaves buggy in fixed offcanvas * 1. Apply hover style also to focus state * 2. Remove default focus style */ .uk-nav-offcanvas > .uk-open > a, html:not(.uk-touch) .uk-nav-offcanvas > li > a:hover, html:not(.uk-touch) .uk-nav-offcanvas > li > a:focus { background: #404040; color: #ffffff; /* 2 */ outline: none; } /* * Active * `html .uk-nav` needed for higher specificity to override hover */ html .uk-nav.uk-nav-offcanvas > li.uk-active > a { background: #1a1a1a; color: #ffffff; } /* * Sub-object: `uk-nav-header` */ .uk-nav-offcanvas .uk-nav-header { color: #777777; } /* * Sub-object: `uk-nav-divider` */ .uk-nav-offcanvas .uk-nav-divider { border-top: 1px solid #1a1a1a; } /* * Nested items * No hover on touch devices because it behaves buggy in fixed offcanvas */ .uk-nav-offcanvas ul a { color: #cccccc; } html:not(.uk-touch) .uk-nav-offcanvas ul a:hover { color: #ffffff; } /* ======================================================================== Component: Navbar ========================================================================== */ .uk-navbar { background: #eeeeee; color: #444444; } /* * Micro clearfix */ .uk-navbar:before, .uk-navbar:after { content: ""; display: table; } .uk-navbar:after { clear: both; } /* Sub-object: `uk-navbar-nav` ========================================================================== */ .uk-navbar-nav { margin: 0; padding: 0; list-style: none; float: left; } /* * 1. Create position context for dropdowns */ .uk-navbar-nav > li { float: left; /* 1 */ position: relative; } /* * 1. Dimensions * 2. Style */ .uk-navbar-nav > li > a { display: block; box-sizing: border-box; text-decoration: none; /* 1 */ height: 40px; padding: 0 15px; line-height: 40px; /* 2 */ color: #444444; font-size: 14px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; } /* Appear not as link */ .uk-navbar-nav > li > a[href='#'] { cursor: text; } /* * Hover * 1. Apply hover style also to focus state * 2. Also apply if dropdown is opened * 3. Remove default focus style */ .uk-navbar-nav > li:hover > a, .uk-navbar-nav > li > a:focus, .uk-navbar-nav > li.uk-open > a { background-color: #f5f5f5; color: #444444; /* 3 */ outline: none; } /* OnClick */ .uk-navbar-nav > li > a:active { background-color: #dddddd; color: #444444; } /* Active */ .uk-navbar-nav > li.uk-active > a { background-color: #f5f5f5; color: #444444; } /* Sub-objects: `uk-navbar-nav-subtitle` ========================================================================== */ .uk-navbar-nav .uk-navbar-nav-subtitle { line-height: 28px; } .uk-navbar-nav-subtitle > div { margin-top: -6px; font-size: 10px; line-height: 12px; } /* Sub-objects: `uk-navbar-content`, `uk-navbar-brand`, `uk-navbar-toggle` ========================================================================== */ /* * Imitate navbar items */ .uk-navbar-content, .uk-navbar-brand, .uk-navbar-toggle { box-sizing: border-box; display: block; height: 40px; padding: 0 15px; float: left; } /* * Helper to center all child elements vertically */ .uk-navbar-content:before, .uk-navbar-brand:before, .uk-navbar-toggle:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } /* Sub-objects: `uk-navbar-content` ========================================================================== */ /* * Better sibling spacing */ .uk-navbar-content + .uk-navbar-content:not(.uk-navbar-center) { padding-left: 0; } /* * Link colors */ .uk-navbar-content > a:not([class]) { color: #0077dd; } .uk-navbar-content > a:not([class]):hover { color: #005599; } /* Sub-objects: `uk-navbar-brand` ========================================================================== */ .uk-navbar-brand { font-size: 18px; color: #444444; text-decoration: none; } /* * 1. Apply hover style also to focus state * 2. Remove default focus style */ .uk-navbar-brand:hover, .uk-navbar-brand:focus { color: #444444; text-decoration: none; /* 2 */ outline: none; } /* Sub-object: `uk-navbar-toggle` ========================================================================== */ .uk-navbar-toggle { font-size: 18px; color: #444444; text-decoration: none; } /* * 1. Apply hover style also to focus state * 2. Remove default focus style */ .uk-navbar-toggle:hover, .uk-navbar-toggle:focus { color: #444444; text-decoration: none; /* 2 */ outline: none; } /* * 1. Center icon vertically */ .uk-navbar-toggle:after { content: "\f0c9"; font-family: FontAwesome; /* 1 */ vertical-align: middle; } .uk-navbar-toggle-alt:after { content: "\f002"; } /* Sub-object: `uk-navbar-center` ========================================================================== */ /* * The element with this class needs to be last child in the navbar * 1. This hack is needed because other float elements shift centered text */ .uk-navbar-center { float: none; text-align: center; /* 1 */ max-width: 50%; margin-left: auto; margin-right: auto; } /* Sub-object: `uk-navbar-flip` ========================================================================== */ .uk-navbar-flip { float: right; } /* ======================================================================== Component: Subnav ========================================================================== */ /* * 1. Gutter * 2. Remove default list style */ .uk-subnav { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; /* 1 */ margin-left: -10px; margin-top: -10px; /* 2 */ padding: 0; list-style: none; } /* * 1. Space is allocated solely based on content dimensions * 2. Horizontal gutter is using `padding` so `uk-width-*` classes can be applied * 3. Create position context for dropdowns */ .uk-subnav > * { /* 1 */ -ms-flex: none; -webkit-flex: none; flex: none; /* 2 */ padding-left: 10px; margin-top: 10px; /* 3 */ position: relative; } /* * DEPRECATED IE9 Support */ .uk-subnav:before, .uk-subnav:after { content: ""; display: block; overflow: hidden; } .uk-subnav:after { clear: both; } .uk-subnav > * { float: left; } /* Items ========================================================================== */ .uk-subnav > * > * { display: inline-block; color: #444444; } /* * Hover * 1. Apply hover style also to focus state */ .uk-subnav > * > :hover, .uk-subnav > * > :focus { color: #0077dd; text-decoration: none; } /* * Active */ .uk-subnav > .uk-active > * { color: #0077dd; } /* Modifier: 'subnav-line' ========================================================================== */ .uk-subnav-line > :before { content: ""; display: inline-block; height: 10px; vertical-align: middle; } .uk-subnav-line > :nth-child(n+2):before { margin-right: 10px; border-left: 1px solid #dddddd; } /* Modifier: 'subnav-pill' ========================================================================== */ .uk-subnav-pill > * > * { padding: 3px 9px; } /* * Hover * 1. Apply hover style also to focus state * 2. Remove default focus style */ .uk-subnav-pill > * > :hover, .uk-subnav-pill > * > :focus { background: #eeeeee; color: #444444; text-decoration: none; /* 2 */ outline: none; } /* * Active * `li` needed for higher specificity to override hover */ .uk-subnav-pill > .uk-active > * { background: #00a8e6; color: #ffffff; } /* Disabled state ========================================================================== */ .uk-subnav > .uk-disabled > * { background: none; color: #999999; text-decoration: none; cursor: text; } /* ======================================================================== Component: Breadcrumb ========================================================================== */ /* * 1. Remove default list style * 2. Remove whitespace between child elements when using `inline-block` */ .uk-breadcrumb { /* 1 */ padding: 0; list-style: none; /* 2 */ font-size: 0.001px; } /* Items ========================================================================== */ /* * Reset whitespace hack */ .uk-breadcrumb > li { font-size: 1rem; vertical-align: top; } .uk-breadcrumb > li, .uk-breadcrumb > li > a, .uk-breadcrumb > li > span { display: inline-block; } .uk-breadcrumb > li:nth-child(n+2):before { content: "/"; display: inline-block; margin: 0 8px; } /* * Disabled */ .uk-breadcrumb > li:not(.uk-active) > span { color: #999999; } /* ======================================================================== Component: Pagination ========================================================================== */ /* * 1. Remove default list style * 2. Center pagination by default * 3. Remove whitespace between child elements when using `inline-block` */ .uk-pagination { /* 1 */ padding: 0; list-style: none; /* 2 */ text-align: center; /* 3 */ font-size: 0.001px; } /* * Micro clearfix * Needed if `uk-pagination-previous` or `uk-pagination-next` sub-objects are used */ .uk-pagination:before, .uk-pagination:after { content: ""; display: table; } .uk-pagination:after { clear: both; } /* Items ========================================================================== */ /* * 1. Reset whitespace hack * 2. Remove the gap at the bottom of it container */ .uk-pagination > li { display: inline-block; /* 1 */ font-size: 1rem; /* 2 */ vertical-align: top; } .uk-pagination > li:nth-child(n+2) { margin-left: 5px; } /* * 1. Makes pagination more robust against different box-sizing use * 2. Reset text-align to center if alignment modifier is used */ .uk-pagination > li > a, .uk-pagination > li > span { display: inline-block; min-width: 16px; padding: 3px 5px; line-height: 20px; text-decoration: none; /* 1 */ box-sizing: content-box; /* 2 */ text-align: center; } /* * Links */ .uk-pagination > li > a { background: #eeeeee; color: #444444; } /* * Hover * 1. Apply hover style also to focus state * 2. Remove default focus style */ .uk-pagination > li > a:hover, .uk-pagination > li > a:focus { background-color: #f5f5f5; color: #444444; /* 2 */ outline: none; } /* OnClick */ .uk-pagination > li > a:active { background-color: #dddddd; color: #444444; } /* * Active */ .uk-pagination > .uk-active > span { background: #00a8e6; color: #ffffff; } /* * Disabled */ .uk-pagination > .uk-disabled > span { background-color: #f5f5f5; color: #999999; } /* Previous and next navigation ========================================================================== */ .uk-pagination-previous { float: left; } .uk-pagination-next { float: right; } /* Alignment modifiers ========================================================================== */ .uk-pagination-left { text-align: left; } .uk-pagination-right { text-align: right; } /* ======================================================================== Component: Tab ========================================================================== */ .uk-tab { margin: 0; padding: 0; list-style: none; border-bottom: 1px solid #dddddd; } /* * Micro clearfix on the deepest container */ .uk-tab:before, .uk-tab:after { content: ""; display: table; } .uk-tab:after { clear: both; } /* * Items * 1. Create position context for dropdowns */ .uk-tab > li { margin-bottom: -1px; float: left; /* 1 */ position: relative; } .uk-tab > li > a { display: block; padding: 8px 12px 8px 12px; border: 1px solid transparent; border-bottom-width: 0; color: #0077dd; text-decoration: none; } .uk-tab > li:nth-child(n+2) > a { margin-left: 5px; } /* * Hover * 1. Apply hover style also to focus state * 2. Also apply if dropdown is opened * 3. Remove default focus style */ .uk-tab > li > a:hover, .uk-tab > li > a:focus, .uk-tab > li.uk-open > a { border-color: #f5f5f5; background: #f5f5f5; color: #005599; /* 2 */ outline: none; } .uk-tab > li:not(.uk-active) > a:hover, .uk-tab > li:not(.uk-active) > a:focus, .uk-tab > li.uk-open:not(.uk-active) > a { margin-bottom: 1px; padding-bottom: 7px; } /* Active */ .uk-tab > li.uk-active > a { border-color: #dddddd; border-bottom-color: transparent; background: #ffffff; color: #444444; } /* Disabled */ .uk-tab > li.uk-disabled > a { color: #999999; cursor: text; } .uk-tab > li.uk-disabled > a:hover, .uk-tab > li.uk-disabled > a:focus, .uk-tab > li.uk-disabled.uk-active > a { background: none; border-color: transparent; } /* Modifier: 'tab-flip' ========================================================================== */ .uk-tab-flip > li { float: right; } .uk-tab-flip > li:nth-child(n+2) > a { margin-left: 0; margin-right: 5px; } /* Modifier: 'tab-responsive' ========================================================================== */ .uk-tab > li.uk-tab-responsive > a { margin-left: 0; margin-right: 0; } /* * Icon */ .uk-tab-responsive > a:before { content: "\f0c9\00a0"; font-family: FontAwesome; } /* Modifier: 'tab-center' ========================================================================== */ .uk-tab-center { border-bottom: 1px solid #dddddd; } .uk-tab-center-bottom { border-bottom: none; border-top: 1px solid #dddddd; } .uk-tab-center:before, .uk-tab-center:after { content: ""; display: table; } .uk-tab-center:after { clear: both; } /* * 1. Using `right` to prevent vertical scrollbar caused by centering if to many tabs */ .uk-tab-center .uk-tab { position: relative; right: 50%; border: none; float: right; } .uk-tab-center .uk-tab > li { position: relative; right: -50%; } .uk-tab-center .uk-tab > li > a { text-align: center; } /* Modifier: 'tab-bottom' ========================================================================== */ .uk-tab-bottom { border-top: 1px solid #dddddd; border-bottom: none; } .uk-tab-bottom > li { margin-top: -1px; margin-bottom: 0; } .uk-tab-bottom > li > a { padding-top: 8px; padding-bottom: 8px; border-bottom-width: 1px; border-top-width: 0; } .uk-tab-bottom > li:not(.uk-active) > a:hover, .uk-tab-bottom > li:not(.uk-active) > a:focus, .uk-tab-bottom > li.uk-open:not(.uk-active) > a { margin-bottom: 0; margin-top: 1px; padding-bottom: 8px; padding-top: 7px; } .uk-tab-bottom > li.uk-active > a { border-top-color: transparent; border-bottom-color: #dddddd; } /* Modifier: 'tab-grid' ========================================================================== */ /* * 1. Create position context to prevent hidden border because of negative `z-index` */ .uk-tab-grid { margin-left: -5px; border-bottom: none; /* 1 */ position: relative; z-index: 0; } .uk-tab-grid:before { display: block; position: absolute; left: 5px; right: 0; bottom: -1px; border-top: 1px solid #dddddd; /* 1 */ z-index: -1; } .uk-tab-grid > li:first-child > a { margin-left: 5px; } .uk-tab-grid > li > a { text-align: center; } /* * If `uk-tab-bottom` */ .uk-tab-grid.uk-tab-bottom { border-top: none; } .uk-tab-grid.uk-tab-bottom:before { top: -1px; bottom: auto; } /* Modifier: 'tab-left', 'tab-right' ========================================================================== */ /* Tablet and bigger */ @media (min-width: 768px) { .uk-tab-left, .uk-tab-right { border-bottom: none; } .uk-tab-left > li, .uk-tab-right > li { margin-bottom: 0; float: none; } .uk-tab-left > li > a, .uk-tab-right > li > a { padding-top: 8px; padding-bottom: 8px; } .uk-tab-left > li:nth-child(n+2) > a, .uk-tab-right > li:nth-child(n+2) > a { margin-left: 0; margin-top: 5px; } .uk-tab-left > li.uk-active > a, .uk-tab-right > li.uk-active > a { border-color: #dddddd; } /* * Modifier: 'tab-left' */ .uk-tab-left { border-right: 1px solid #dddddd; } .uk-tab-left > li { margin-right: -1px; } .uk-tab-left > li > a { border-bottom-width: 1px; border-right-width: 0; } .uk-tab-left > li:not(.uk-active) > a:hover, .uk-tab-left > li:not(.uk-active) > a:focus { margin-bottom: 0; margin-right: 1px; padding-bottom: 8px; padding-right: 11px; } .uk-tab-left > li.uk-active > a { border-right-color: transparent; } /* * Modifier: 'tab-right' */ .uk-tab-right { border-left: 1px solid #dddddd; } .uk-tab-right > li { margin-left: -1px; } .uk-tab-right > li > a { border-bottom-width: 1px; border-left-width: 0; } .uk-tab-right > li:not(.uk-active) > a:hover, .uk-tab-right > li:not(.uk-active) > a:focus { margin-bottom: 0; margin-left: 1px; padding-bottom: 8px; padding-left: 11px; } .uk-tab-right > li.uk-active > a { border-left-color: transparent; } } /* ======================================================================== Component: Thumbnav ========================================================================== */ /* * 1. Gutter * 2. Remove default list style */ .uk-thumbnav { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; /* 1 */ margin-left: -10px; margin-top: -10px; /* 2 */ padding: 0; list-style: none; } /* * 1. Space is allocated solely based on content dimensions * 2. Horizontal gutter is using `padding` so `uk-width-*` classes can be applied */ .uk-thumbnav > * { /* 1 */ -ms-flex: none; -webkit-flex: none; flex: none; /* 2 */ padding-left: 10px; margin-top: 10px; } /* * DEPRECATED IE9 Support */ .uk-thumbnav:before, .uk-thumbnav:after { content: ""; display: block; overflow: hidden; } .uk-thumbnav:after { clear: both; } .uk-thumbnav > * { float: left; } /* Items ========================================================================== */ .uk-thumbnav > * > * { display: block; background: #ffffff; } .uk-thumbnav > * > * > img { opacity: 0.7; -webkit-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } /* * Hover */ .uk-thumbnav > * > :hover > img, .uk-thumbnav > * > :focus > img { opacity: 1; } /* * Active */ .uk-thumbnav > .uk-active > * > img { opacity: 1; } /* ======================================================================== Component: List ========================================================================== */ .uk-list { padding: 0; list-style: none; } /* * Micro clearfix to make list more robust */ .uk-list > li:before, .uk-list > li:after { content: ""; display: table; } .uk-list > li:after { clear: both; } /* * Remove margin from the last-child */ .uk-list > li > :last-child { margin-bottom: 0; } /* * Nested lists */ .uk-list ul { margin: 0; padding-left: 20px; list-style: none; } /* Modifier: `uk-list-line` ========================================================================== */ .uk-list-line > li:nth-child(n+2) { margin-top: 5px; padding-top: 5px; border-top: 1px solid #dddddd; } /* Modifier: `uk-list-striped` ========================================================================== */ .uk-list-striped > li { padding: 5px 5px; } .uk-list-striped > li:nth-of-type(odd) { background: #f5f5f5; } /* Modifier: `uk-list-space` ========================================================================== */ .uk-list-space > li:nth-child(n+2) { margin-top: 10px; } /* ======================================================================== Component: Description list ========================================================================== */ /* Modifier: `uk-description-list-horizontal` ========================================================================== */ /* Tablet and bigger */ @media (min-width: 768px) { .uk-description-list-horizontal { overflow: hidden; } .uk-description-list-horizontal > dt { width: 160px; float: left; clear: both; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .uk-description-list-horizontal > dd { margin-left: 180px; } } /* Modifier: `uk-description-list-line` ========================================================================== */ .uk-description-list-line > dt { font-weight: normal; } .uk-description-list-line > dt:nth-child(n+2) { margin-top: 5px; padding-top: 5px; border-top: 1px solid #dddddd; } .uk-description-list-line > dd { color: #999999; } /* ======================================================================== Component: Table ========================================================================== */ /* * 1. Remove most spacing between table cells. * 2. Block element behavior * 3. Style */ .uk-table { /* 1 */ border-collapse: collapse; border-spacing: 0; /* 2 */ width: 100%; /* 3 */ margin-bottom: 15px; } /* * Add margin if adjacent element */ * + .uk-table { margin-top: 15px; } .uk-table th, .uk-table td { padding: 8px 8px; } /* * Set alignment */ .uk-table th { text-align: left; } .uk-table td { vertical-align: top; } .uk-table thead th { vertical-align: bottom; } /* * Caption and footer */ .uk-table caption, .uk-table tfoot { font-size: 12px; font-style: italic; } .uk-table caption { text-align: left; color: #999999; } /* * Active State */ .uk-table tbody tr.uk-active { background: #eeeeee; } /* Sub-modifier: `uk-table-middle` ========================================================================== */ .uk-table-middle, .uk-table-middle td { vertical-align: middle !important; } /* Modifier: `uk-table-striped` ========================================================================== */ .uk-table-striped tbody tr:nth-of-type(odd) { background: #f5f5f5; } /* Modifier: `uk-table-condensed` ========================================================================== */ .uk-table-condensed td { padding: 4px 8px; } /* Modifier: `uk-table-hover` ========================================================================== */ .uk-table-hover tbody tr:hover { background: #eeeeee; } /* ======================================================================== Component: Form ========================================================================== */ /* * 1. Define consistent box sizing. * Default is `content-box` with following exceptions set to `border-box` * `button`, `select`, `input[type="checkbox"]` and `input[type="radio"]` * `input[type="search"]` in Chrome, Safari and Opera * `input[type="color"]` in Firefox * 2. Address margins set differently in Firefox/IE and Chrome/Safari/Opera. * 3. Remove `border-radius` in iOS. * 4. Correct `font` properties and `color` not being inherited. */ .uk-form input, .uk-form select, .uk-form textarea { /* 1 */ box-sizing: border-box; /* 2 */ margin: 0; /* 3 */ border-radius: 0; /* 4 */ font: inherit; color: inherit; } /* * Address inconsistent `text-transform` inheritance which is only inherit in Firefox */ .uk-form select { text-transform: none; } /* * 1. Correct `font` properties not being inherited. * 2. Don't inherit the `font-weight` and use `bold` instead. * NOTE: Both declarations don't work in Chrome, Safari and Opera. */ .uk-form optgroup { /* 1 */ font: inherit; /* 2 */ font-weight: bold; } /* * Removes inner padding and border in Firefox 4+. */ .uk-form input::-moz-focus-inner { border: 0; padding: 0; } /* * Removes excess padding in IE 8/9/10. */ .uk-form input[type="checkbox"], .uk-form input[type="radio"] { padding: 0; } /* * Improves consistency of cursor style for clickable elements */ .uk-form input[type="checkbox"]:not(:disabled), .uk-form input[type="radio"]:not(:disabled) { cursor: pointer; } /* * Remove default style in iOS. */ .uk-form textarea, .uk-form input:not([type]), .uk-form input[type="text"], .uk-form input[type="password"], .uk-form input[type="email"], .uk-form input[type="url"], .uk-form input[type="search"], .uk-form input[type="tel"], .uk-form input[type="number"], .uk-form input[type="datetime"] { -webkit-appearance: none; } /* * Remove inner padding and search cancel button in Chrome, Safari and Opera on OS X. */ .uk-form input[type="search"]::-webkit-search-cancel-button, .uk-form input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /* * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */ .uk-form input[type="number"]::-webkit-inner-spin-button, .uk-form input[type="number"]::-webkit-outer-spin-button { height: auto; } /* * Define consistent border, margin, and padding. */ .uk-form fieldset { border: none; margin: 0; padding: 0; } /* * 1. Remove default vertical scrollbar in IE 8/9/10/11. * 2. Improve readability and alignment in all browsers. */ .uk-form textarea { /* 1 */ overflow: auto; /* 2 */ vertical-align: top; } /* * Removes placeholder transparency in Firefox. */ .uk-form ::-moz-placeholder { opacity: 1; } /* * Removes `box-shadow` for invalid controls in Firefox. */ .uk-form :invalid { box-shadow: none; } /* * Vertical alignment */ .uk-form input:not([type="radio"]):not([type="checkbox"]), .uk-form select { vertical-align: middle; } /* Style ========================================================================== */ /* * Remove margin from the last-child */ .uk-form > :last-child { margin-bottom: 0; } /* * Controls * Except for `range`, `radio`, `checkbox`, `file`, `submit`, `reset`, `button` and `image` * 1. Must be `height` because `min-height` is not working in OSX * 2. Responsiveness: Sets a maximum width relative to the parent to scale on narrower viewports * 3. Vertical `padding` needed for `select` elements in Firefox * 4. Style */ .uk-form select, .uk-form textarea, .uk-form input:not([type]), .uk-form input[type="text"], .uk-form input[type="password"], .uk-form input[type="datetime"], .uk-form input[type="datetime-local"], .uk-form input[type="date"], .uk-form input[type="month"], .uk-form input[type="time"], .uk-form input[type="week"], .uk-form input[type="number"], .uk-form input[type="email"], .uk-form input[type="url"], .uk-form input[type="search"], .uk-form input[type="tel"], .uk-form input[type="color"] { /* 1 */ height: 30px; /* 2 */ max-width: 100%; /* 3 */ padding: 4px 6px; /* 4 */ border: 1px solid #dddddd; background: #ffffff; color: #444444; -webkit-transition: all linear 0.2s; transition: all linear 0.2s; } .uk-form select:focus, .uk-form textarea:focus, .uk-form input:not([type]):focus, .uk-form input[type="text"]:focus, .uk-form input[type="password"]:focus, .uk-form input[type="datetime"]:focus, .uk-form input[type="datetime-local"]:focus, .uk-form input[type="date"]:focus, .uk-form input[type="month"]:focus, .uk-form input[type="time"]:focus, .uk-form input[type="week"]:focus, .uk-form input[type="number"]:focus, .uk-form input[type="email"]:focus, .uk-form input[type="url"]:focus, .uk-form input[type="search"]:focus, .uk-form input[type="tel"]:focus, .uk-form input[type="color"]:focus { border-color: #99baca; outline: 0; background: #f5fbfe; color: #444444; } .uk-form select:disabled, .uk-form textarea:disabled, .uk-form input:not([type]):disabled, .uk-form input[type="text"]:disabled, .uk-form input[type="password"]:disabled, .uk-form input[type="datetime"]:disabled, .uk-form input[type="datetime-local"]:disabled, .uk-form input[type="date"]:disabled, .uk-form input[type="month"]:disabled, .uk-form input[type="time"]:disabled, .uk-form input[type="week"]:disabled, .uk-form input[type="number"]:disabled, .uk-form input[type="email"]:disabled, .uk-form input[type="url"]:disabled, .uk-form input[type="search"]:disabled, .uk-form input[type="tel"]:disabled, .uk-form input[type="color"]:disabled { border-color: #dddddd; background-color: #f5f5f5; color: #999999; } /* * Placeholder */ .uk-form :-ms-input-placeholder { color: #999999 !important; } .uk-form ::-moz-placeholder { color: #999999; } .uk-form ::-webkit-input-placeholder { color: #999999; } .uk-form :disabled:-ms-input-placeholder { color: #999999 !important; } .uk-form :disabled::-moz-placeholder { color: #999999; } .uk-form :disabled::-webkit-input-placeholder { color: #999999; } /* * Legend * 1. Behave like block element * 2. Correct `color` not being inherited in IE 8/9/10/11. * 3. Remove padding * 4. `margin-bottom` is not working in Safari and Opera. * Using `padding` and :after instead to create the border * 5. Style */ .uk-form legend { /* 1 */ width: 100%; /* 2 */ border: 0; /* 3 */ padding: 0; /* 4 */ padding-bottom: 15px; /* 5 */ font-size: 18px; line-height: 30px; } /* * 1. Fixes IE9 */ .uk-form legend:after { content: ""; display: block; border-bottom: 1px solid #dddddd; /* 1 */ width: 100%; } /* Size modifiers * Higher specificity needed to override defaults ========================================================================== */ select.uk-form-small, textarea.uk-form-small, input[type].uk-form-small, input:not([type]).uk-form-small { height: 25px; padding: 3px 3px; font-size: 12px; } select.uk-form-large, textarea.uk-form-large, input[type].uk-form-large, input:not([type]).uk-form-large { height: 40px; padding: 8px 6px; font-size: 16px; } /* Reset height * Must be after size modifiers ========================================================================== */ .uk-form textarea, .uk-form select[multiple], .uk-form select[size] { height: auto; } /* Validation states * Using !important to keep the selector simple ========================================================================== */ /* * Error state */ .uk-form-danger { border-color: #dc8d99 !important; background: #fff7f8 !important; color: #d85030 !important; } /* * Success state */ .uk-form-success { border-color: #8ec73b !important; background: #fafff2 !important; color: #659f13 !important; } /* Style modifiers * Using !important to keep the selector simple ========================================================================== */ /* * Blank form */ .uk-form-blank { border-color: transparent !important; border-style: dashed !important; background: none !important; } .uk-form-blank:focus { border-color: #dddddd !important; } /* Size sub-modifiers ========================================================================== */ /* * Fixed widths * Different widths for mini sized `input` and `select` elements */ input.uk-form-width-mini { width: 40px; } select.uk-form-width-mini { width: 65px; } .uk-form-width-small { width: 130px; } .uk-form-width-medium { width: 200px; } .uk-form-width-large { width: 500px; } /* Sub-objects: `uk-form-row` * Groups labels and controls in rows ========================================================================== */ /* * Micro clearfix * Needed for `uk-form-horizontal` modifier */ .uk-form-row:before, .uk-form-row:after { content: ""; display: table; } .uk-form-row:after { clear: both; } /* * Vertical gutter */ .uk-form-row + .uk-form-row { margin-top: 15px; } /* Help text * Sub-object: `uk-form-help-inline`, `uk-form-help-block` ========================================================================== */ .uk-form-help-inline { display: inline-block; margin: 0 0 0 10px; } .uk-form-help-block { margin: 5px 0 0 0; } /* Controls content * Sub-object: `uk-form-controls`, `uk-form-controls-condensed` ========================================================================== */ /* * Remove margins */ .uk-form-controls > :first-child { margin-top: 0; } .uk-form-controls > :last-child { margin-bottom: 0; } /* * Group controls and text into blocks with a small spacing between blocks */ .uk-form-controls-condensed { margin: 5px 0; } /* Modifier: `uk-form-stacked` * Requires sub-object: `uk-form-label` ========================================================================== */ .uk-form-stacked .uk-form-label { display: block; margin-bottom: 5px; font-weight: bold; } /* Modifier: `uk-form-horizontal` * Requires sub-objects: `uk-form-label`, `uk-form-controls` ========================================================================== */ /* Tablet portrait and smaller */ @media (max-width: 959px) { /* Behave like `uk-form-stacked` */ .uk-form-horizontal .uk-form-label { display: block; margin-bottom: 5px; font-weight: bold; } } /* Desktop and bigger */ @media (min-width: 960px) { .uk-form-horizontal .uk-form-label { width: 200px; margin-top: 5px; float: left; } .uk-form-horizontal .uk-form-controls { margin-left: 215px; } /* Better vertical alignment if controls are checkboxes and radio buttons with text */ .uk-form-horizontal .uk-form-controls-text { padding-top: 5px; } } /* Sub-object: `uk-form-icon` ========================================================================== */ /* * 1. Container width fits its content * 2. Create position context * 3. Prevent `inline-block` consequences */ .uk-form-icon { /* 1 */ display: inline-block; /* 2 */ position: relative; /* 3 */ max-width: 100%; } /* * 1. Make form element clickable through icon */ .uk-form-icon > [class*='uk-icon-'] { position: absolute; top: 50%; width: 30px; margin-top: -7px; font-size: 14px; color: #999999; text-align: center; /* 1 */ pointer-events: none; } .uk-form-icon:not(.uk-form-icon-flip) > input { padding-left: 30px !important; } /* * Sub-modifier: `uk-form-icon-flip` */ .uk-form-icon-flip > [class*='uk-icon-'] { right: 0; } .uk-form-icon-flip > input { padding-right: 30px !important; } /* ======================================================================== Component: Button ========================================================================== */ /* * Removes inner padding and border in Firefox 4+. */ .uk-button::-moz-focus-inner { border: 0; padding: 0; } /* * 1. Correct inability to style clickable `input` types in iOS. * 2. Remove margins in Chrome, Safari and Opera. * 3. Remove borders for `button`. * 4. Address `overflow` set to `hidden` in IE 8/9/10/11. * 5. Correct `font` properties and `color` not being inherited for `button`. * 6. Address inconsistent `text-transform` inheritance which is only inherit in Firefox and IE * 7. Style * 8. `line-height` is used to create a height * 9. `min-height` is necessary for `input` elements in Firefox and Opera because `line-height` is not working. * 10. Reset button group whitespace hack * 11. Required for `a`. */ .uk-button { /* 1 */ -webkit-appearance: none; /* 2 */ margin: 0; /* 3 */ border: none; /* 4 */ overflow: visible; /* 5 */ font: inherit; color: #444444; /* 6 */ text-transform: none; /* 7 */ display: inline-block; box-sizing: border-box; padding: 0 12px; background: #eeeeee; vertical-align: middle; /* 8 */ line-height: 30px; /* 9 */ min-height: 30px; /* 10 */ font-size: 1rem; /* 11 */ text-decoration: none; text-align: center; } .uk-button:not(:disabled) { cursor: pointer; } /* * Hover * 1. Apply hover style also to focus state * 2. Remove default focus style * 3. Required for `a` elements */ .uk-button:hover, .uk-button:focus { background-color: #f5f5f5; color: #444444; /* 2 */ outline: none; /* 3 */ text-decoration: none; } /* Active */ .uk-button:active, .uk-button.uk-active { background-color: #dddddd; color: #444444; } /* Color modifiers ========================================================================== */ /* * Modifier: `uk-button-primary` */ .uk-button-primary { background-color: #00a8e6; color: #ffffff; } /* Hover */ .uk-button-primary:hover, .uk-button-primary:focus { background-color: #35b3ee; color: #ffffff; } /* Active */ .uk-button-primary:active, .uk-button-primary.uk-active { background-color: #0091ca; color: #ffffff; } /* * Modifier: `uk-button-success` */ .uk-button-success { background-color: #8cc14c; color: #ffffff; } /* Hover */ .uk-button-success:hover, .uk-button-success:focus { background-color: #8ec73b; color: #ffffff; } /* Active */ .uk-button-success:active, .uk-button-success.uk-active { background-color: #72ae41; color: #ffffff; } /* * Modifier: `uk-button-danger` */ .uk-button-danger { background-color: #da314b; color: #ffffff; } /* Hover */ .uk-button-danger:hover, .uk-button-danger:focus { background-color: #e4354f; color: #ffffff; } /* Active */ .uk-button-danger:active, .uk-button-danger.uk-active { background-color: #c91032; color: #ffffff; } /* Disabled state * Overrides also the color modifiers ========================================================================== */ /* Equal for all button types */ .uk-button:disabled { background-color: #f5f5f5; color: #999999; } /* Modifier: `uk-button-link` ========================================================================== */ /* Reset */ .uk-button-link, .uk-button-link:hover, .uk-button-link:focus, .uk-button-link:active, .uk-button-link.uk-active, .uk-button-link:disabled { border-color: transparent; background: none; } /* Color */ .uk-button-link { color: #0077dd; } .uk-button-link:hover, .uk-button-link:focus, .uk-button-link:active, .uk-button-link.uk-active { color: #005599; text-decoration: underline; } .uk-button-link:disabled { color: #999999; } /* Focus */ .uk-button-link:focus { outline: 1px dotted; } /* Size modifiers ========================================================================== */ .uk-button-mini { min-height: 20px; padding: 0 6px; line-height: 20px; font-size: 11px; } .uk-button-small { min-height: 25px; padding: 0 10px; line-height: 25px; font-size: 12px; } .uk-button-large { min-height: 40px; padding: 0 15px; line-height: 40px; font-size: 16px; } /* Sub-object `uk-button-group` ========================================================================== */ /* * 1. Behave like buttons * 2. Create position context for dropdowns * 3. Remove whitespace between child elements when using `inline-block` * 4. Prevent buttons from wrapping * 5. Remove whitespace between child elements when using `inline-block` */ .uk-button-group { /* 1 */ display: inline-block; vertical-align: middle; /* 2 */ position: relative; /* 3 */ font-size: 0.001px; /* 4 */ white-space: nowrap; } .uk-button-group > * { display: inline-block; } /* 5 */ .uk-button-group .uk-button { vertical-align: top; } /* Sub-object: `uk-button-dropdown` ========================================================================== */ /* * 1. Behave like buttons * 2. Create position context for dropdowns */ .uk-button-dropdown { /* 1 */ display: inline-block; vertical-align: middle; /* 2 */ position: relative; } /* ======================================================================== Component: Icon ========================================================================== */ @font-face { font-family: 'FontAwesome'; src: url("../../files/tao/byteformer/fonts/fontawesome-webfont.woff2") format('woff2'), url("../../files/tao/byteformer/fonts/fontawesome-webfont.woff") format("woff"), url("../../files/tao/byteformer/fonts/fontawesome-webfont.ttf") format("truetype"); font-weight: normal; font-style: normal; } /* * 1. Allow margin * 2. Prevent inherit font style * 4. Correct line-height * 5. Better font rendering * 6. Remove `text-decoration` for anchors */ [class*='uk-icon-'] { font-family: FontAwesome; /* 1 */ display: inline-block; /* 2 */ font-weight: normal; font-style: normal; /* 4 */ line-height: 1; /* 5 */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* 6 */ [class*='uk-icon-'], [class*='uk-icon-']:hover, [class*='uk-icon-']:focus { text-decoration: none; } /* Size modifiers ========================================================================== */ .uk-icon-small { font-size: 150%; vertical-align: -10%; } .uk-icon-medium { font-size: 200%; vertical-align: -16%; } .uk-icon-large { font-size: 250%; vertical-align: -22%; } /* Modifier: `uk-icon-justify` ========================================================================== */ .uk-icon-justify { width: 1em; text-align: center; } /* Modifier: `uk-icon-spin` ========================================================================== */ .uk-icon-spin { display: inline-block; -webkit-animation: uk-rotate 2s infinite linear; animation: uk-rotate 2s infinite linear; } /* Modifier: `uk-icon-hover` ========================================================================== */ .uk-icon-hover { color: #999999; } /* * Hover */ .uk-icon-hover:hover { color: #444444; } /* Modifier: `uk-icon-button` ========================================================================== */ .uk-icon-button { box-sizing: border-box; display: inline-block; width: 35px; height: 35px; border-radius: 100%; background: #eeeeee; line-height: 35px; color: #444444; font-size: 18px; text-align: center; } /* * Hover * 1. Apply hover style also to focus state * 2. Remove default focus style */ .uk-icon-button:hover, .uk-icon-button:focus { background-color: #f5f5f5; color: #444444; /* 2 */ outline: none; } /* Active */ .uk-icon-button:active { background-color: #dddddd; color: #444444; } /* Icon mapping ========================================================================== */ .uk-icon-glass:before { content: "\f000"; } .uk-icon-music:before { content: "\f001"; } .uk-icon-search:before { content: "\f002"; } .uk-icon-envelope-o:before { content: "\f003"; } .uk-icon-heart:before { content: "\f004"; } .uk-icon-star:before { content: "\f005"; } .uk-icon-star-o:before { content: "\f006"; } .uk-icon-user:before { content: "\f007"; } .uk-icon-film:before { content: "\f008"; } .uk-icon-th-large:before { content: "\f009"; } .uk-icon-th:before { content: "\f00a"; } .uk-icon-th-list:before { content: "\f00b"; } .uk-icon-check:before { content: "\f00c"; } .uk-icon-remove:before, .uk-icon-close:before, .uk-icon-times:before { content: "\f00d"; } .uk-icon-search-plus:before { content: "\f00e"; } .uk-icon-search-minus:before { content: "\f010"; } .uk-icon-power-off:before { content: "\f011"; } .uk-icon-signal:before { content: "\f012"; } .uk-icon-gear:before, .uk-icon-cog:before { content: "\f013"; } .uk-icon-trash-o:before { content: "\f014"; } .uk-icon-home:before { content: "\f015"; } .uk-icon-file-o:before { content: "\f016"; } .uk-icon-clock-o:before { content: "\f017"; } .uk-icon-road:before { content: "\f018"; } .uk-icon-download:before { content: "\f019"; } .uk-icon-arrow-circle-o-down:before { content: "\f01a"; } .uk-icon-arrow-circle-o-up:before { content: "\f01b"; } .uk-icon-inbox:before { content: "\f01c"; } .uk-icon-play-circle-o:before { content: "\f01d"; } .uk-icon-rotate-right:before, .uk-icon-repeat:before { content: "\f01e"; } .uk-icon-refresh:before { content: "\f021"; } .uk-icon-list-alt:before { content: "\f022"; } .uk-icon-lock:before { content: "\f023"; } .uk-icon-flag:before { content: "\f024"; } .uk-icon-headphones:before { content: "\f025"; } .uk-icon-volume-off:before { content: "\f026"; } .uk-icon-volume-down:before { content: "\f027"; } .uk-icon-volume-up:before { content: "\f028"; } .uk-icon-qrcode:before { content: "\f029"; } .uk-icon-barcode:before { content: "\f02a"; } .uk-icon-tag:before { content: "\f02b"; } .uk-icon-tags:before { content: "\f02c"; } .uk-icon-book:before { content: "\f02d"; } .uk-icon-bookmark:before { content: "\f02e"; } .uk-icon-print:before { content: "\f02f"; } .uk-icon-camera:before { content: "\f030"; } .uk-icon-font:before { content: "\f031"; } .uk-icon-bold:before { content: "\f032"; } .uk-icon-italic:before { content: "\f033"; } .uk-icon-text-height:before { content: "\f034"; } .uk-icon-text-width:before { content: "\f035"; } .uk-icon-align-left:before { content: "\f036"; } .uk-icon-align-center:before { content: "\f037"; } .uk-icon-align-right:before { content: "\f038"; } .uk-icon-align-justify:before { content: "\f039"; } .uk-icon-list:before { content: "\f03a"; } .uk-icon-dedent:before, .uk-icon-outdent:before { content: "\f03b"; } .uk-icon-indent:before { content: "\f03c"; } .uk-icon-video-camera:before { content: "\f03d"; } .uk-icon-photo:before, .uk-icon-image:before, .uk-icon-picture-o:before { content: "\f03e"; } .uk-icon-pencil:before { content: "\f040"; } .uk-icon-map-marker:before { content: "\f041"; } .uk-icon-adjust:before { content: "\f042"; } .uk-icon-tint:before { content: "\f043"; } .uk-icon-edit:before, .uk-icon-pencil-square-o:before { content: "\f044"; } .uk-icon-share-square-o:before { content: "\f045"; } .uk-icon-check-square-o:before { content: "\f046"; } .uk-icon-arrows:before { content: "\f047"; } .uk-icon-step-backward:before { content: "\f048"; } .uk-icon-fast-backward:before { content: "\f049"; } .uk-icon-backward:before { content: "\f04a"; } .uk-icon-play:before { content: "\f04b"; } .uk-icon-pause:before { content: "\f04c"; } .uk-icon-stop:before { content: "\f04d"; } .uk-icon-forward:before { content: "\f04e"; } .uk-icon-fast-forward:before { content: "\f050"; } .uk-icon-step-forward:before { content: "\f051"; } .uk-icon-eject:before { content: "\f052"; } .uk-icon-chevron-left:before { content: "\f053"; } .uk-icon-chevron-right:before { content: "\f054"; } .uk-icon-plus-circle:before { content: "\f055"; } .uk-icon-minus-circle:before { content: "\f056"; } .uk-icon-times-circle:before { content: "\f057"; } .uk-icon-check-circle:before { content: "\f058"; } .uk-icon-question-circle:before { content: "\f059"; } .uk-icon-info-circle:before { content: "\f05a"; } .uk-icon-crosshairs:before { content: "\f05b"; } .uk-icon-times-circle-o:before { content: "\f05c"; } .uk-icon-check-circle-o:before { content: "\f05d"; } .uk-icon-ban:before { content: "\f05e"; } .uk-icon-arrow-left:before { content: "\f060"; } .uk-icon-arrow-right:before { content: "\f061"; } .uk-icon-arrow-up:before { content: "\f062"; } .uk-icon-arrow-down:before { content: "\f063"; } .uk-icon-mail-forward:before, .uk-icon-share:before { content: "\f064"; } .uk-icon-expand:before { content: "\f065"; } .uk-icon-compress:before { content: "\f066"; } .uk-icon-plus:before { content: "\f067"; } .uk-icon-minus:before { content: "\f068"; } .uk-icon-asterisk:before { content: "\f069"; } .uk-icon-exclamation-circle:before { content: "\f06a"; } .uk-icon-gift:before { content: "\f06b"; } .uk-icon-leaf:before { content: "\f06c"; } .uk-icon-fire:before { content: "\f06d"; } .uk-icon-eye:before { content: "\f06e"; } .uk-icon-eye-slash:before { content: "\f070"; } .uk-icon-warning:before, .uk-icon-exclamation-triangle:before { content: "\f071"; } .uk-icon-plane:before { content: "\f072"; } .uk-icon-calendar:before { content: "\f073"; } .uk-icon-random:before { content: "\f074"; } .uk-icon-comment:before { content: "\f075"; } .uk-icon-magnet:before { content: "\f076"; } .uk-icon-chevron-up:before { content: "\f077"; } .uk-icon-chevron-down:before { content: "\f078"; } .uk-icon-retweet:before { content: "\f079"; } .uk-icon-shopping-cart:before { content: "\f07a"; } .uk-icon-folder:before { content: "\f07b"; } .uk-icon-folder-open:before { content: "\f07c"; } .uk-icon-arrows-v:before { content: "\f07d"; } .uk-icon-arrows-h:before { content: "\f07e"; } .uk-icon-bar-chart-o:before, .uk-icon-bar-chart:before { content: "\f080"; } .uk-icon-twitter-square:before { content: "\f081"; } .uk-icon-facebook-square:before { content: "\f082"; } .uk-icon-camera-retro:before { content: "\f083"; } .uk-icon-key:before { content: "\f084"; } .uk-icon-gears:before, .uk-icon-cogs:before { content: "\f085"; } .uk-icon-comments:before { content: "\f086"; } .uk-icon-thumbs-o-up:before { content: "\f087"; } .uk-icon-thumbs-o-down:before { content: "\f088"; } .uk-icon-star-half:before { content: "\f089"; } .uk-icon-heart-o:before { content: "\f08a"; } .uk-icon-sign-out:before { content: "\f08b"; } .uk-icon-linkedin-square:before { content: "\f08c"; } .uk-icon-thumb-tack:before { content: "\f08d"; } .uk-icon-external-link:before { content: "\f08e"; } .uk-icon-sign-in:before { content: "\f090"; } .uk-icon-trophy:before { content: "\f091"; } .uk-icon-github-square:before { content: "\f092"; } .uk-icon-upload:before { content: "\f093"; } .uk-icon-lemon-o:before { content: "\f094"; } .uk-icon-phone:before { content: "\f095"; } .uk-icon-square-o:before { content: "\f096"; } .uk-icon-bookmark-o:before { content: "\f097"; } .uk-icon-phone-square:before { content: "\f098"; } .uk-icon-twitter:before { content: "\f099"; } .uk-icon-facebook-f:before, .uk-icon-facebook:before { content: "\f09a"; } .uk-icon-github:before { content: "\f09b"; } .uk-icon-unlock:before { content: "\f09c"; } .uk-icon-credit-card:before { content: "\f09d"; } .uk-icon-rss:before { content: "\f09e"; } .uk-icon-hdd-o:before { content: "\f0a0"; } .uk-icon-bullhorn:before { content: "\f0a1"; } .uk-icon-bell:before { content: "\f0f3"; } .uk-icon-certificate:before { content: "\f0a3"; } .uk-icon-hand-o-right:before { content: "\f0a4"; } .uk-icon-hand-o-left:before { content: "\f0a5"; } .uk-icon-hand-o-up:before { content: "\f0a6"; } .uk-icon-hand-o-down:before { content: "\f0a7"; } .uk-icon-arrow-circle-left:before { content: "\f0a8"; } .uk-icon-arrow-circle-right:before { content: "\f0a9"; } .uk-icon-arrow-circle-up:before { content: "\f0aa"; } .uk-icon-arrow-circle-down:before { content: "\f0ab"; } .uk-icon-globe:before { content: "\f0ac"; } .uk-icon-wrench:before { content: "\f0ad"; } .uk-icon-tasks:before { content: "\f0ae"; } .uk-icon-filter:before { content: "\f0b0"; } .uk-icon-briefcase:before { content: "\f0b1"; } .uk-icon-arrows-alt:before { content: "\f0b2"; } .uk-icon-group:before, .uk-icon-users:before { content: "\f0c0"; } .uk-icon-chain:before, .uk-icon-link:before { content: "\f0c1"; } .uk-icon-cloud:before { content: "\f0c2"; } .uk-icon-flask:before { content: "\f0c3"; } .uk-icon-cut:before, .uk-icon-scissors:before { content: "\f0c4"; } .uk-icon-copy:before, .uk-icon-files-o:before { content: "\f0c5"; } .uk-icon-paperclip:before { content: "\f0c6"; } .uk-icon-save:before, .uk-icon-floppy-o:before { content: "\f0c7"; } .uk-icon-square:before { content: "\f0c8"; } .uk-icon-navicon:before, .uk-icon-reorder:before, .uk-icon-bars:before { content: "\f0c9"; } .uk-icon-list-ul:before { content: "\f0ca"; } .uk-icon-list-ol:before { content: "\f0cb"; } .uk-icon-strikethrough:before { content: "\f0cc"; } .uk-icon-underline:before { content: "\f0cd"; } .uk-icon-table:before { content: "\f0ce"; } .uk-icon-magic:before { content: "\f0d0"; } .uk-icon-truck:before { content: "\f0d1"; } .uk-icon-pinterest:before { content: "\f0d2"; } .uk-icon-pinterest-square:before { content: "\f0d3"; } .uk-icon-google-plus-square:before { content: "\f0d4"; } .uk-icon-google-plus:before { content: "\f0d5"; } .uk-icon-money:before { content: "\f0d6"; } .uk-icon-caret-down:before { content: "\f0d7"; } .uk-icon-caret-up:before { content: "\f0d8"; } .uk-icon-caret-left:before { content: "\f0d9"; } .uk-icon-caret-right:before { content: "\f0da"; } .uk-icon-columns:before { content: "\f0db"; } .uk-icon-unsorted:before, .uk-icon-sort:before { content: "\f0dc"; } .uk-icon-sort-down:before, .uk-icon-sort-desc:before { content: "\f0dd"; } .uk-icon-sort-up:before, .uk-icon-sort-asc:before { content: "\f0de"; } .uk-icon-envelope:before { content: "\f0e0"; } .uk-icon-linkedin:before { content: "\f0e1"; } .uk-icon-rotate-left:before, .uk-icon-undo:before { content: "\f0e2"; } .uk-icon-legal:before, .uk-icon-gavel:before { content: "\f0e3"; } .uk-icon-dashboard:before, .uk-icon-tachometer:before { content: "\f0e4"; } .uk-icon-comment-o:before { content: "\f0e5"; } .uk-icon-comments-o:before { content: "\f0e6"; } .uk-icon-flash:before, .uk-icon-bolt:before { content: "\f0e7"; } .uk-icon-sitemap:before { content: "\f0e8"; } .uk-icon-umbrella:before { content: "\f0e9"; } .uk-icon-paste:before, .uk-icon-clipboard:before { content: "\f0ea"; } .uk-icon-lightbulb-o:before { content: "\f0eb"; } .uk-icon-exchange:before { content: "\f0ec"; } .uk-icon-cloud-download:before { content: "\f0ed"; } .uk-icon-cloud-upload:before { content: "\f0ee"; } .uk-icon-user-md:before { content: "\f0f0"; } .uk-icon-stethoscope:before { content: "\f0f1"; } .uk-icon-suitcase:before { content: "\f0f2"; } .uk-icon-bell-o:before { content: "\f0a2"; } .uk-icon-coffee:before { content: "\f0f4"; } .uk-icon-cutlery:before { content: "\f0f5"; } .uk-icon-file-text-o:before { content: "\f0f6"; } .uk-icon-building-o:before { content: "\f0f7"; } .uk-icon-hospital-o:before { content: "\f0f8"; } .uk-icon-ambulance:before { content: "\f0f9"; } .uk-icon-medkit:before { content: "\f0fa"; } .uk-icon-fighter-jet:before { content: "\f0fb"; } .uk-icon-beer:before { content: "\f0fc"; } .uk-icon-h-square:before { content: "\f0fd"; } .uk-icon-plus-square:before { content: "\f0fe"; } .uk-icon-angle-double-left:before { content: "\f100"; } .uk-icon-angle-double-right:before { content: "\f101"; } .uk-icon-angle-double-up:before { content: "\f102"; } .uk-icon-angle-double-down:before { content: "\f103"; } .uk-icon-angle-left:before { content: "\f104"; } .uk-icon-angle-right:before { content: "\f105"; } .uk-icon-angle-up:before { content: "\f106"; } .uk-icon-angle-down:before { content: "\f107"; } .uk-icon-desktop:before { content: "\f108"; } .uk-icon-laptop:before { content: "\f109"; } .uk-icon-tablet:before { content: "\f10a"; } .uk-icon-mobile-phone:before, .uk-icon-mobile:before { content: "\f10b"; } .uk-icon-circle-o:before { content: "\f10c"; } .uk-icon-quote-left:before { content: "\f10d"; } .uk-icon-quote-right:before { content: "\f10e"; } .uk-icon-spinner:before { content: "\f110"; } .uk-icon-circle:before { content: "\f111"; } .uk-icon-mail-reply:before, .uk-icon-reply:before { content: "\f112"; } .uk-icon-github-alt:before { content: "\f113"; } .uk-icon-folder-o:before { content: "\f114"; } .uk-icon-folder-open-o:before { content: "\f115"; } .uk-icon-smile-o:before { content: "\f118"; } .uk-icon-frown-o:before { content: "\f119"; } .uk-icon-meh-o:before { content: "\f11a"; } .uk-icon-gamepad:before { content: "\f11b"; } .uk-icon-keyboard-o:before { content: "\f11c"; } .uk-icon-flag-o:before { content: "\f11d"; } .uk-icon-flag-checkered:before { content: "\f11e"; } .uk-icon-terminal:before { content: "\f120"; } .uk-icon-code:before { content: "\f121"; } .uk-icon-mail-reply-all:before, .uk-icon-reply-all:before { content: "\f122"; } .uk-icon-star-half-empty:before, .uk-icon-star-half-full:before, .uk-icon-star-half-o:before { content: "\f123"; } .uk-icon-location-arrow:before { content: "\f124"; } .uk-icon-crop:before { content: "\f125"; } .uk-icon-code-fork:before { content: "\f126"; } .uk-icon-unlink:before, .uk-icon-chain-broken:before { content: "\f127"; } .uk-icon-question:before { content: "\f128"; } .uk-icon-info:before { content: "\f129"; } .uk-icon-exclamation:before { content: "\f12a"; } .uk-icon-superscript:before { content: "\f12b"; } .uk-icon-subscript:before { content: "\f12c"; } .uk-icon-eraser:before { content: "\f12d"; } .uk-icon-puzzle-piece:before { content: "\f12e"; } .uk-icon-microphone:before { content: "\f130"; } .uk-icon-microphone-slash:before { content: "\f131"; } .uk-icon-shield:before { content: "\f132"; } .uk-icon-calendar-o:before { content: "\f133"; } .uk-icon-fire-extinguisher:before { content: "\f134"; } .uk-icon-rocket:before { content: "\f135"; } .uk-icon-maxcdn:before { content: "\f136"; } .uk-icon-chevron-circle-left:before { content: "\f137"; } .uk-icon-chevron-circle-right:before { content: "\f138"; } .uk-icon-chevron-circle-up:before { content: "\f139"; } .uk-icon-chevron-circle-down:before { content: "\f13a"; } .uk-icon-html5:before { content: "\f13b"; } .uk-icon-css3:before { content: "\f13c"; } .uk-icon-anchor:before { content: "\f13d"; } .uk-icon-unlock-alt:before { content: "\f13e"; } .uk-icon-bullseye:before { content: "\f140"; } .uk-icon-ellipsis-h:before { content: "\f141"; } .uk-icon-ellipsis-v:before { content: "\f142"; } .uk-icon-rss-square:before { content: "\f143"; } .uk-icon-play-circle:before { content: "\f144"; } .uk-icon-ticket:before { content: "\f145"; } .uk-icon-minus-square:before { content: "\f146"; } .uk-icon-minus-square-o:before { content: "\f147"; } .uk-icon-level-up:before { content: "\f148"; } .uk-icon-level-down:before { content: "\f149"; } .uk-icon-check-square:before { content: "\f14a"; } .uk-icon-pencil-square:before { content: "\f14b"; } .uk-icon-external-link-square:before { content: "\f14c"; } .uk-icon-share-square:before { content: "\f14d"; } .uk-icon-compass:before { content: "\f14e"; } .uk-icon-toggle-down:before, .uk-icon-caret-square-o-down:before { content: "\f150"; } .uk-icon-toggle-up:before, .uk-icon-caret-square-o-up:before { content: "\f151"; } .uk-icon-toggle-right:before, .uk-icon-caret-square-o-right:before { content: "\f152"; } .uk-icon-euro:before, .uk-icon-eur:before { content: "\f153"; } .uk-icon-gbp:before { content: "\f154"; } .uk-icon-dollar:before, .uk-icon-usd:before { content: "\f155"; } .uk-icon-rupee:before, .uk-icon-inr:before { content: "\f156"; } .uk-icon-cny:before, .uk-icon-rmb:before, .uk-icon-yen:before, .uk-icon-jpy:before { content: "\f157"; } .uk-icon-ruble:before, .uk-icon-rouble:before, .uk-icon-rub:before { content: "\f158"; } .uk-icon-won:before, .uk-icon-krw:before { content: "\f159"; } .uk-icon-bitcoin:before, .uk-icon-btc:before { content: "\f15a"; } .uk-icon-file:before { content: "\f15b"; } .uk-icon-file-text:before { content: "\f15c"; } .uk-icon-sort-alpha-asc:before { content: "\f15d"; } .uk-icon-sort-alpha-desc:before { content: "\f15e"; } .uk-icon-sort-amount-asc:before { content: "\f160"; } .uk-icon-sort-amount-desc:before { content: "\f161"; } .uk-icon-sort-numeric-asc:before { content: "\f162"; } .uk-icon-sort-numeric-desc:before { content: "\f163"; } .uk-icon-thumbs-up:before { content: "\f164"; } .uk-icon-thumbs-down:before { content: "\f165"; } .uk-icon-youtube-square:before { content: "\f166"; } .uk-icon-youtube:before { content: "\f167"; } .uk-icon-xing:before { content: "\f168"; } .uk-icon-xing-square:before { content: "\f169"; } .uk-icon-youtube-play:before { content: "\f16a"; } .uk-icon-dropbox:before { content: "\f16b"; } .uk-icon-stack-overflow:before { content: "\f16c"; } .uk-icon-instagram:before { content: "\f16d"; } .uk-icon-flickr:before { content: "\f16e"; } .uk-icon-adn:before { content: "\f170"; } .uk-icon-bitbucket:before { content: "\f171"; } .uk-icon-bitbucket-square:before { content: "\f172"; } .uk-icon-tumblr:before { content: "\f173"; } .uk-icon-tumblr-square:before { content: "\f174"; } .uk-icon-long-arrow-down:before { content: "\f175"; } .uk-icon-long-arrow-up:before { content: "\f176"; } .uk-icon-long-arrow-left:before { content: "\f177"; } .uk-icon-long-arrow-right:before { content: "\f178"; } .uk-icon-apple:before { content: "\f179"; } .uk-icon-windows:before { content: "\f17a"; } .uk-icon-android:before { content: "\f17b"; } .uk-icon-linux:before { content: "\f17c"; } .uk-icon-dribbble:before { content: "\f17d"; } .uk-icon-skype:before { content: "\f17e"; } .uk-icon-foursquare:before { content: "\f180"; } .uk-icon-trello:before { content: "\f181"; } .uk-icon-female:before { content: "\f182"; } .uk-icon-male:before { content: "\f183"; } .uk-icon-gittip:before, .uk-icon-gratipay:before { content: "\f184"; } .uk-icon-sun-o:before { content: "\f185"; } .uk-icon-moon-o:before { content: "\f186"; } .uk-icon-archive:before { content: "\f187"; } .uk-icon-bug:before { content: "\f188"; } .uk-icon-vk:before { content: "\f189"; } .uk-icon-weibo:before { content: "\f18a"; } .uk-icon-renren:before { content: "\f18b"; } .uk-icon-pagelines:before { content: "\f18c"; } .uk-icon-stack-exchange:before { content: "\f18d"; } .uk-icon-arrow-circle-o-right:before { content: "\f18e"; } .uk-icon-arrow-circle-o-left:before { content: "\f190"; } .uk-icon-toggle-left:before, .uk-icon-caret-square-o-left:before { content: "\f191"; } .uk-icon-dot-circle-o:before { content: "\f192"; } .uk-icon-wheelchair:before { content: "\f193"; } .uk-icon-vimeo-square:before { content: "\f194"; } .uk-icon-turkish-lira:before, .uk-icon-try:before { content: "\f195"; } .uk-icon-plus-square-o:before { content: "\f196"; } .uk-icon-space-shuttle:before { content: "\f197"; } .uk-icon-slack:before { content: "\f198"; } .uk-icon-envelope-square:before { content: "\f199"; } .uk-icon-wordpress:before { content: "\f19a"; } .uk-icon-openid:before { content: "\f19b"; } .uk-icon-institution:before, .uk-icon-bank:before, .uk-icon-university:before { content: "\f19c"; } .uk-icon-mortar-board:before, .uk-icon-graduation-cap:before { content: "\f19d"; } .uk-icon-yahoo:before { content: "\f19e"; } .uk-icon-google:before { content: "\f1a0"; } .uk-icon-reddit:before { content: "\f1a1"; } .uk-icon-reddit-square:before { content: "\f1a2"; } .uk-icon-stumbleupon-circle:before { content: "\f1a3"; } .uk-icon-stumbleupon:before { content: "\f1a4"; } .uk-icon-delicious:before { content: "\f1a5"; } .uk-icon-digg:before { content: "\f1a6"; } .uk-icon-pied-piper:before { content: "\f1a7"; } .uk-icon-pied-piper-alt:before { content: "\f1a8"; } .uk-icon-drupal:before { content: "\f1a9"; } .uk-icon-joomla:before { content: "\f1aa"; } .uk-icon-language:before { content: "\f1ab"; } .uk-icon-fax:before { content: "\f1ac"; } .uk-icon-building:before { content: "\f1ad"; } .uk-icon-child:before { content: "\f1ae"; } .uk-icon-paw:before { content: "\f1b0"; } .uk-icon-spoon:before { content: "\f1b1"; } .uk-icon-cube:before { content: "\f1b2"; } .uk-icon-cubes:before { content: "\f1b3"; } .uk-icon-behance:before { content: "\f1b4"; } .uk-icon-behance-square:before { content: "\f1b5"; } .uk-icon-steam:before { content: "\f1b6"; } .uk-icon-steam-square:before { content: "\f1b7"; } .uk-icon-recycle:before { content: "\f1b8"; } .uk-icon-automobile:before, .uk-icon-car:before { content: "\f1b9"; } .uk-icon-cab:before, .uk-icon-taxi:before { content: "\f1ba"; } .uk-icon-tree:before { content: "\f1bb"; } .uk-icon-spotify:before { content: "\f1bc"; } .uk-icon-deviantart:before { content: "\f1bd"; } .uk-icon-soundcloud:before { content: "\f1be"; } .uk-icon-database:before { content: "\f1c0"; } .uk-icon-file-pdf-o:before { content: "\f1c1"; } .uk-icon-file-word-o:before { content: "\f1c2"; } .uk-icon-file-excel-o:before { content: "\f1c3"; } .uk-icon-file-powerpoint-o:before { content: "\f1c4"; } .uk-icon-file-photo-o:before, .uk-icon-file-picture-o:before, .uk-icon-file-image-o:before { content: "\f1c5"; } .uk-icon-file-zip-o:before, .uk-icon-file-archive-o:before { content: "\f1c6"; } .uk-icon-file-sound-o:before, .uk-icon-file-audio-o:before { content: "\f1c7"; } .uk-icon-file-movie-o:before, .uk-icon-file-video-o:before { content: "\f1c8"; } .uk-icon-file-code-o:before { content: "\f1c9"; } .uk-icon-vine:before { content: "\f1ca"; } .uk-icon-codepen:before { content: "\f1cb"; } .uk-icon-jsfiddle:before { content: "\f1cc"; } .uk-icon-life-bouy:before, .uk-icon-life-buoy:before, .uk-icon-life-saver:before, .uk-icon-support:before, .uk-icon-life-ring:before { content: "\f1cd"; } .uk-icon-circle-o-notch:before { content: "\f1ce"; } .uk-icon-ra:before, .uk-icon-rebel:before { content: "\f1d0"; } .uk-icon-ge:before, .uk-icon-empire:before { content: "\f1d1"; } .uk-icon-git-square:before { content: "\f1d2"; } .uk-icon-git:before { content: "\f1d3"; } .uk-icon-hacker-news:before { content: "\f1d4"; } .uk-icon-tencent-weibo:before { content: "\f1d5"; } .uk-icon-qq:before { content: "\f1d6"; } .uk-icon-wechat:before, .uk-icon-weixin:before { content: "\f1d7"; } .uk-icon-send:before, .uk-icon-paper-plane:before { content: "\f1d8"; } .uk-icon-send-o:before, .uk-icon-paper-plane-o:before { content: "\f1d9"; } .uk-icon-history:before { content: "\f1da"; } .uk-icon-genderless:before, .uk-icon-circle-thin:before { content: "\f1db"; } .uk-icon-header:before { content: "\f1dc"; } .uk-icon-paragraph:before { content: "\f1dd"; } .uk-icon-sliders:before { content: "\f1de"; } .uk-icon-share-alt:before { content: "\f1e0"; } .uk-icon-share-alt-square:before { content: "\f1e1"; } .uk-icon-bomb:before { content: "\f1e2"; } .uk-icon-soccer-ball-o:before, .uk-icon-futbol-o:before { content: "\f1e3"; } .uk-icon-tty:before { content: "\f1e4"; } .uk-icon-binoculars:before { content: "\f1e5"; } .uk-icon-plug:before { content: "\f1e6"; } .uk-icon-slideshare:before { content: "\f1e7"; } .uk-icon-twitch:before { content: "\f1e8"; } .uk-icon-yelp:before { content: "\f1e9"; } .uk-icon-newspaper-o:before { content: "\f1ea"; } .uk-icon-wifi:before { content: "\f1eb"; } .uk-icon-calculator:before { content: "\f1ec"; } .uk-icon-paypal:before { content: "\f1ed"; } .uk-icon-google-wallet:before { content: "\f1ee"; } .uk-icon-cc-visa:before { content: "\f1f0"; } .uk-icon-cc-mastercard:before { content: "\f1f1"; } .uk-icon-cc-discover:before { content: "\f1f2"; } .uk-icon-cc-amex:before { content: "\f1f3"; } .uk-icon-cc-paypal:before { content: "\f1f4"; } .uk-icon-cc-stripe:before { content: "\f1f5"; } .uk-icon-bell-slash:before { content: "\f1f6"; } .uk-icon-bell-slash-o:before { content: "\f1f7"; } .uk-icon-trash:before { content: "\f1f8"; } .uk-icon-copyright:before { content: "\f1f9"; } .uk-icon-at:before { content: "\f1fa"; } .uk-icon-eyedropper:before { content: "\f1fb"; } .uk-icon-paint-brush:before { content: "\f1fc"; } .uk-icon-birthday-cake:before { content: "\f1fd"; } .uk-icon-area-chart:before { content: "\f1fe"; } .uk-icon-pie-chart:before { content: "\f200"; } .uk-icon-line-chart:before { content: "\f201"; } .uk-icon-lastfm:before { content: "\f202"; } .uk-icon-lastfm-square:before { content: "\f203"; } .uk-icon-toggle-off:before { content: "\f204"; } .uk-icon-toggle-on:before { content: "\f205"; } .uk-icon-bicycle:before { content: "\f206"; } .uk-icon-bus:before { content: "\f207"; } .uk-icon-ioxhost:before { content: "\f208"; } .uk-icon-angellist:before { content: "\f209"; } .uk-icon-cc:before { content: "\f20a"; } .uk-icon-shekel:before, .uk-icon-sheqel:before, .uk-icon-ils:before { content: "\f20b"; } .uk-icon-meanpath:before { content: "\f20c"; } .uk-icon-buysellads:before { content: "\f20d"; } .uk-icon-connectdevelop:before { content: "\f20e"; } .uk-icon-dashcube:before { content: "\f210"; } .uk-icon-forumbee:before { content: "\f211"; } .uk-icon-leanpub:before { content: "\f212"; } .uk-icon-sellsy:before { content: "\f213"; } .uk-icon-shirtsinbulk:before { content: "\f214"; } .uk-icon-simplybuilt:before { content: "\f215"; } .uk-icon-skyatlas:before { content: "\f216"; } .uk-icon-cart-plus:before { content: "\f217"; } .uk-icon-cart-arrow-down:before { content: "\f218"; } .uk-icon-diamond:before { content: "\f219"; } .uk-icon-ship:before { content: "\f21a"; } .uk-icon-user-secret:before { content: "\f21b"; } .uk-icon-motorcycle:before { content: "\f21c"; } .uk-icon-street-view:before { content: "\f21d"; } .uk-icon-heartbeat:before { content: "\f21e"; } .uk-icon-venus:before { content: "\f221"; } .uk-icon-mars:before { content: "\f222"; } .uk-icon-mercury:before { content: "\f223"; } .uk-icon-transgender:before { content: "\f224"; } .uk-icon-transgender-alt:before { content: "\f225"; } .uk-icon-venus-double:before { content: "\f226"; } .uk-icon-mars-double:before { content: "\f227"; } .uk-icon-venus-mars:before { content: "\f228"; } .uk-icon-mars-stroke:before { content: "\f229"; } .uk-icon-mars-stroke-v:before { content: "\f22a"; } .uk-icon-mars-stroke-h:before { content: "\f22b"; } .uk-icon-neuter:before { content: "\f22c"; } .uk-icon-facebook-official:before { content: "\f230"; } .uk-icon-pinterest-p:before { content: "\f231"; } .uk-icon-whatsapp:before { content: "\f232"; } .uk-icon-server:before { content: "\f233"; } .uk-icon-user-plus:before { content: "\f234"; } .uk-icon-user-times:before { content: "\f235"; } .uk-icon-hotel:before, .uk-icon-bed:before { content: "\f236"; } .uk-icon-viacoin:before { content: "\f237"; } .uk-icon-train:before { content: "\f238"; } .uk-icon-subway:before { content: "\f239"; } .uk-icon-medium-logo:before { content: "\f23a"; } .uk-icon-500px:before { content: "\f26e"; } .uk-icon-amazon:before { content: "\f270"; } .uk-icon-balance-scale:before { content: "\f24e"; } .uk-icon-battery-empty:before, .uk-icon-battery-0:before { content: "\f244"; } .uk-icon-battery-quarter:before, .uk-icon-battery-1:before { content: "\f243"; } .uk-icon-battery-half:before, .uk-icon-battery-2:before { content: "\f242"; } .uk-icon-battery-three-quarters:before, .uk-icon-battery-3:before { content: "\f241"; } .uk-icon-battery-full:before, .uk-icon-battery-4:before { content: "\f240"; } .uk-icon-black-tie:before { content: "\f27e"; } .uk-icon-calendar-check-o:before { content: "\f274"; } .uk-icon-calendar-minus-o:before { content: "\f272"; } .uk-icon-calendar-plus-o:before { content: "\f271"; } .uk-icon-calendar-times-o:before { content: "\f273"; } .uk-icon-cc-diners-club:before { content: "\f24c"; } .uk-icon-cc-jcb:before { content: "\f24b"; } .uk-icon-chrome:before { content: "\f268"; } .uk-icon-clone:before { content: "\f24d"; } .uk-icon-commenting:before { content: "\f27a"; } .uk-icon-commenting-o:before { content: "\f27b"; } .uk-icon-contao:before { content: "\f26d"; } .uk-icon-creative-commons:before { content: "\f25e"; } .uk-icon-expeditedssl:before { content: "\f23e"; } .uk-icon-firefox:before { content: "\f269"; } .uk-icon-fonticons:before { content: "\f280"; } .uk-icon-get-pocket:before { content: "\f265"; } .uk-icon-gg:before { content: "\f260"; } .uk-icon-gg-circle:before { content: "\f261"; } .uk-icon-hand-lizard-o:before { content: "\f258"; } .uk-icon-hand-stop-o:before, .uk-icon-hand-paper-o:before { content: "\f256"; } .uk-icon-hand-peace-o:before { content: "\f25b"; } .uk-icon-hand-pointer-o:before { content: "\f25a"; } .uk-icon-hand-grab-o:before, .uk-icon-hand-rock-o:before { content: "\f255"; } .uk-icon-hand-scissors-o:before { content: "\f257"; } .uk-icon-hand-spock-o:before { content: "\f259"; } .uk-icon-hourglass:before { content: "\f254"; } .uk-icon-hourglass-o:before { content: "\f250"; } .uk-icon-hourglass-1:before, .uk-icon-hourglass-start:before { content: "\f251"; } .uk-icon-hourglass-2:before, .uk-icon-hourglass-half:before { content: "\f252"; } .uk-icon-hourglass-3:before, .uk-icon-hourglass-end:before { content: "\f253"; } .uk-icon-houzz:before { content: "\f27c"; } .uk-icon-i-cursor:before { content: "\f246"; } .uk-icon-industry:before { content: "\f275"; } .uk-icon-internet-explorer:before { content: "\f26b"; } .uk-icon-map:before { content: "\f279"; } .uk-icon-map-o:before { content: "\f278"; } .uk-icon-map-pin:before { content: "\f276"; } .uk-icon-map-signs:before { content: "\f277"; } .uk-icon-mouse-pointer:before { content: "\f245"; } .uk-icon-object-group:before { content: "\f247"; } .uk-icon-object-ungroup:before { content: "\f248"; } .uk-icon-odnoklassniki:before { content: "\f263"; } .uk-icon-odnoklassniki-square:before { content: "\f264"; } .uk-icon-opencart:before { content: "\f23d"; } .uk-icon-opera:before { content: "\f26a"; } .uk-icon-optin-monster:before { content: "\f23c"; } .uk-icon-registered:before { content: "\f25d"; } .uk-icon-safari:before { content: "\f267"; } .uk-icon-sticky-note:before { content: "\f249"; } .uk-icon-sticky-note-o:before { content: "\f24a"; } .uk-icon-tv:before, .uk-icon-television:before { content: "\f26c"; } .uk-icon-trademark:before { content: "\f25c"; } .uk-icon-tripadvisor:before { content: "\f262"; } .uk-icon-vimeo:before { content: "\f27d"; } .uk-icon-wikipedia-w:before { content: "\f266"; } .uk-icon-yc:before, .uk-icon-y-combinator:before { content: "\f23b"; } .uk-icon-yc-square:before, .uk-icon-y-combinator-square:before { content: "\f1d4"; } .uk-icon-bluetooth:before { content: "\f293"; } .uk-icon-bluetooth-b:before { content: "\f294"; } .uk-icon-codiepie:before { content: "\f284"; } .uk-icon-credit-card-alt:before { content: "\f283"; } .uk-icon-edge:before { content: "\f282"; } .uk-icon-fort-awesome:before { content: "\f286"; } .uk-icon-hashtag:before { content: "\f292"; } .uk-icon-mixcloud:before { content: "\f289"; } .uk-icon-modx:before { content: "\f285"; } .uk-icon-pause-circle:before { content: "\f28b"; } .uk-icon-pause-circle-o:before { content: "\f28c"; } .uk-icon-percent:before { content: "\f295"; } .uk-icon-product-hunt:before { content: "\f288"; } .uk-icon-reddit-alien:before { content: "\f281"; } .uk-icon-scribd:before { content: "\f28a"; } .uk-icon-shopping-bag:before { content: "\f290"; } .uk-icon-shopping-basket:before { content: "\f291"; } .uk-icon-stop-circle:before { content: "\f28d"; } .uk-icon-stop-circle-o:before { content: "\f28e"; } .uk-icon-usb:before { content: "\f287"; } /* ======================================================================== Component: Close ========================================================================== */ /* * Removes inner padding and border in Firefox 4+. */ .uk-close::-moz-focus-inner { border: 0; padding: 0; } /* * 1. Correct inability to style clickable `input` types in iOS. * 2. Remove margins in Chrome, Safari and Opera. * 3. Remove borders for `button`. * 4. Address `overflow` set to `hidden` in IE 8/9/10/11. * 5. Correct `font` properties and `color` not being inherited for `button`. * 6. Address inconsistent `text-transform` inheritance which is only inherit in Firefox and IE * 7. Remove default `button` padding and background color * 8. Style */ .uk-close { /* 1 */ -webkit-appearance: none; /* 2 */ margin: 0; /* 3 */ border: none; /* 4 */ overflow: visible; /* 5 */ font: inherit; color: inherit; /* 6 */ text-transform: none; /* 7. */ padding: 0 10px 0 0; background: transparent; /* 8 */ //display: inline-block; box-sizing: content-box; width: 20px; //line-height: 20px; text-align: center; vertical-align: middle; opacity: 0.3; box-shadow: none !important; } /* Icon */ .uk-close:after { display: block; content: "\f00d"; font-family: FontAwesome; } /* * Hover * 1. Apply hover style also to focus state * 2. Remove default focus style * 3. Required for `a` elements */ .uk-close:hover, .uk-close:focus { opacity: 0.5; /* 2 */ outline: none; /* 3 */ color: inherit; text-decoration: none; cursor: pointer; background: transparent !important; } /* Modifier ========================================================================== */ .uk-close-alt { padding: 2px; border-radius: 50%; background: #eeeeee; opacity: 1; } /* Hover */ .uk-close-alt:hover, .uk-close-alt:focus { opacity: 1; } /* Icon */ .uk-close-alt:after { opacity: 0.5; } .uk-close-alt:hover:after, .uk-close-alt:focus:after { opacity: 0.8; } /* ======================================================================== Component: Badge ========================================================================== */ .uk-badge { display: inline-block; padding: 0 5px; background: #00a8e6; font-size: 10px; font-weight: bold; line-height: 14px; color: #ffffff; text-align: center; vertical-align: middle; text-transform: none; } /* * Keep color when badge is a link */ a.uk-badge:hover { color: #ffffff; } /* Modifier: `uk-badge-notification`; ========================================================================== */ .uk-badge-notification { box-sizing: border-box; min-width: 18px; border-radius: 500px; font-size: 12px; line-height: 18px; } /* Color modifier ========================================================================== */ /* * Modifier: `uk-badge-success` */ .uk-badge-success { background-color: #8cc14c; } /* * Modifier: `uk-badge-warning` */ .uk-badge-warning { background-color: #faa732; } /* * Modifier: `uk-badge-danger` */ .uk-badge-danger { background-color: #da314b; } /* ======================================================================== Component: Alert ========================================================================== */ .uk-alert { margin-bottom: 15px; padding: 10px; background: #ebf7fd; color: #2d7091; } /* * Add margin if adjacent element */ * + .uk-alert { margin-top: 15px; } /* * Remove margin from the last-child */ .uk-alert > :last-child { margin-bottom: 0; } /* * Keep color for headings if the default heading color is changed */ .uk-alert h1, .uk-alert h2, .uk-alert h3, .uk-alert h4, .uk-alert h5, .uk-alert h6 { color: inherit; } /* Close in alert ========================================================================== */ .uk-alert > .uk-close:first-child { float: right; } /* * Remove margin from adjacent element */ .uk-alert > .uk-close:first-child + * { margin-top: 0; } /* Modifier: `uk-alert-success` ========================================================================== */ .uk-alert-success { background: #f2fae3; color: #659f13; } /* Modifier: `uk-alert-warning` ========================================================================== */ .uk-alert-warning { background: #fffceb; color: #e28327; } /* Modifier: `uk-alert-danger` ========================================================================== */ .uk-alert-danger { background: #fff1f0; color: #d85030; } /* Modifier: `uk-alert-large` ========================================================================== */ .uk-alert-large { padding: 20px; } .uk-alert-large > .uk-close:first-child { margin: -10px -10px 0 0; } /* ======================================================================== Component: Thumbnail ========================================================================== */ /* * 1. Container width fits its content * 2. Responsive behavior * 3. Corrects `max-width` behavior sed * 4. Required for `figure` element * 5. Style */ .uk-thumbnail { /* 1 */ display: inline-block; /* 2 */ max-width: 100%; /* 3 */ box-sizing: border-box; /* 3 */ margin: 0; /* 4 */ padding: 4px; border: 1px solid #dddddd; background: #ffffff; } /* * Hover state for `a` elements * 1. Apply hover style also to focus state * 2. Needed for caption * 3. Remove default focus style */ a.uk-thumbnail:hover, a.uk-thumbnail:focus { border-color: #aaaaaa; background-color: #ffffff; /* 2 */ text-decoration: none; /* 3 */ outline: none; } /* Caption ========================================================================== */ .uk-thumbnail-caption { padding-top: 4px; text-align: center; color: #444444; } /* Sizes ========================================================================== */ .uk-thumbnail-mini { width: 150px; } .uk-thumbnail-small { width: 200px; } .uk-thumbnail-medium { width: 300px; } .uk-thumbnail-large { width: 400px; } .uk-thumbnail-expand, .uk-thumbnail-expand > img { width: 100%; } /* ======================================================================== Component: Overlay ========================================================================== */ /* * 1. Container width fits its content * 2. Create position context * 3. Set max-width for responsive images to prevent `inline-block` consequences * 4. Remove the gap between the container and its child element * 5. Needed for transitions and to fixed wrong scaling calculation for images in Chrome * 6. Fixed `overflow: hidden` to be ignored with border-radius and CSS transforms in Webkit * 7. Reset margin */ .uk-overlay { /* 1 */ display: inline-block; /* 2 */ position: relative; /* 3 */ max-width: 100%; /* 4 */ vertical-align: middle; /* 5 */ overflow: hidden; /* 6 */ -webkit-transform: translateZ(0); /* 7 */ margin: 0; } /* 6 for Safari */ .uk-overlay.uk-border-circle { -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%); } /* * Remove margin from content */ .uk-overlay > :first-child { margin-bottom: 0; } /* Sub-object `uk-overlay-panel` ========================================================================== */ /* * 1. Position cover * 2. Style */ .uk-overlay-panel { /* 1 */ position: absolute; top: 0; bottom: 0; left: 0; right: 0; /* 2 */ padding: 20px; color: #ffffff; } /* * Remove margin from the last-child */ .uk-overlay-panel > :last-child, .uk-overlay-panel.uk-flex > * > :last-child { margin-bottom: 0; } /* * Keep color for headings if the default heading color is changed */ .uk-overlay-panel h1, .uk-overlay-panel h2, .uk-overlay-panel h3, .uk-overlay-panel h4, .uk-overlay-panel h5, .uk-overlay-panel h6 { color: inherit; } .uk-overlay-panel a:not([class]) { color: inherit; text-decoration: underline; } .uk-overlay-panel a[class*='uk-icon-']:not(.uk-icon-button) { color: inherit; } /* Sub-object `uk-overlay-hover` and `uk-overlay-active` ========================================================================== */ .uk-overlay-hover:not(:hover):not(.uk-hover) .uk-overlay-panel:not(.uk-ignore) { opacity: 0; } .uk-overlay-active :not(.uk-active) > .uk-overlay-panel:not(.uk-ignore) { opacity: 0; } /* Modifier `uk-overlay-background` ========================================================================== */ .uk-overlay-background { background: rgba(0, 0, 0, 0.5); } /* Modifier `uk-overlay-image` ========================================================================== */ /* * Reset panel */ .uk-overlay-image { padding: 0; } /* Position modifiers ========================================================================== */ .uk-overlay-top { bottom: auto; } .uk-overlay-bottom { top: auto; } .uk-overlay-left { right: auto; } .uk-overlay-right { left: auto; } /* Sub-object `uk-overlay-icon` ========================================================================== */ .uk-overlay-icon:before { content: "\f002"; position: absolute; top: 50%; left: 50%; width: 50px; height: 50px; margin-top: -25px; margin-left: -25px; font-size: 50px; line-height: 1; font-family: FontAwesome; text-align: center; color: #ffffff; } /* Transitions ========================================================================== */ .uk-overlay-fade, .uk-overlay-scale, .uk-overlay-spin, .uk-overlay-grayscale, .uk-overlay-blur, [class*='uk-overlay-slide'] { transition-duration: 0.3s; transition-timing-function: ease-out; transition-property: opacity, transform, filter; } .uk-overlay-active .uk-overlay-fade, .uk-overlay-active .uk-overlay-scale, .uk-overlay-active .uk-overlay-spin, .uk-overlay-active [class*='uk-overlay-slide'] { transition-duration: 0.8s; } /* * Fade */ .uk-overlay-fade { opacity: 0.7; } .uk-overlay-hover:hover .uk-overlay-fade, .uk-overlay-hover.uk-hover .uk-overlay-fade, .uk-overlay-active .uk-active > .uk-overlay-fade { opacity: 1; } /* * Scale */ .uk-overlay-scale { -webkit-transform: scale(1); transform: scale(1); } .uk-overlay-hover:hover .uk-overlay-scale, .uk-overlay-hover.uk-hover .uk-overlay-scale, .uk-overlay-active .uk-active > .uk-overlay-scale { -webkit-transform: scale(1.1); transform: scale(1.1); } /* * Spin */ .uk-overlay-spin { -webkit-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } .uk-overlay-hover:hover .uk-overlay-spin, .uk-overlay-hover.uk-hover .uk-overlay-spin, .uk-overlay-active .uk-active > .uk-overlay-spin { -webkit-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } /* * Grayscale */ .uk-overlay-grayscale { -webkit-filter: grayscale(100%); filter: grayscale(100%); } .uk-overlay-hover:hover .uk-overlay-grayscale, .uk-overlay-hover.uk-hover .uk-overlay-grayscale, .uk-overlay-active .uk-active > .uk-overlay-grayscale { -webkit-filter: grayscale(0%); filter: grayscale(0%); } /* * Slide */ [class*='uk-overlay-slide'] { opacity: 0; } /* Top */ .uk-overlay-slide-top { -webkit-transform: translateY(-100%); transform: translateY(-100%); } /* Bottom */ .uk-overlay-slide-bottom { -webkit-transform: translateY(100%); transform: translateY(100%); } /* Left */ .uk-overlay-slide-left { -webkit-transform: translateX(-100%); transform: translateX(-100%); } /* Right */ .uk-overlay-slide-right { -webkit-transform: translateX(100%); transform: translateX(100%); } /* Hover */ .uk-overlay-hover:hover [class*='uk-overlay-slide'], .uk-overlay-hover.uk-hover [class*='uk-overlay-slide'], .uk-overlay-active .uk-active > [class*='uk-overlay-slide'] { opacity: 1; -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); } /* DEPRECATED * Sub-object `uk-overlay-area` ========================================================================== */ /* * 1. Set position * 2. Set style * 3. Fade-in transition */ .uk-overlay-area { /* 1 */ position: absolute; top: 0; bottom: 0; left: 0; right: 0; /* 2 */ background: rgba(0, 0, 0, 0.3); /* 3 */ opacity: 0; -webkit-transition: opacity 0.15s linear; transition: opacity 0.15s linear; -webkit-transform: translate3d(0, 0, 0); } /* * Hover * 1. `uk-hover` to support touch devices * 2. Use optional `uk-overlay-toggle` to trigger the overlay earlier */ .uk-overlay:hover .uk-overlay-area, .uk-overlay.uk-hover .uk-overlay-area, .uk-overlay-toggle:hover .uk-overlay-area, .uk-overlay-toggle.uk-hover .uk-overlay-area { opacity: 1; } /* * Icon */ .uk-overlay-area:empty:before { content: "\f002"; position: absolute; top: 50%; left: 50%; width: 50px; height: 50px; margin-top: -25px; margin-left: -25px; font-size: 50px; line-height: 1; font-family: FontAwesome; text-align: center; color: #ffffff; } /* DEPRECATED * Sub-object `uk-overlay-area-content` ========================================================================== */ /* * Remove whitespace between child elements when using `inline-block` * Needed for Firefox */ .uk-overlay-area:not(:empty) { font-size: 0.001px; } /* * 1. Needed for vertical alignment */ .uk-overlay-area:not(:empty):before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } /* * 1. Set vertical alignment * 2. Reset whitespace hack * 3. Set horizontal alignment * 4. Set style */ .uk-overlay-area-content { /* 1 */ display: inline-block; box-sizing: border-box; width: 100%; vertical-align: middle; /* 2 */ font-size: 1rem; /* 3 */ text-align: center; /* 4 */ padding: 0 15px; color: #ffffff; } /* * Remove margin from the last-child */ .uk-overlay-area-content > :last-child { margin-bottom: 0; } /* * Links in overlay area */ .uk-overlay-area-content a:not([class]), .uk-overlay-area-content a:not([class]):hover { color: inherit; } /* DEPRECATED * Sub-object `uk-overlay-caption` ========================================================================== */ /* * 1. Set position * 2. Set style * 3. Fade-in transition */ .uk-overlay-caption { /* 1 */ position: absolute; bottom: 0; left: 0; right: 0; /* 2 */ padding: 15px; background: rgba(0, 0, 0, 0.5); color: #ffffff; /* 3 */ opacity: 0; -webkit-transition: opacity 0.15s linear; transition: opacity 0.15s linear; -webkit-transform: translate3d(0, 0, 0); } /* * Hover * 1. `uk-hover` to support touch devices * 2. Use optional `uk-overlay-toggle` to trigger the overlay earlier */ .uk-overlay:hover .uk-overlay-caption, .uk-overlay.uk-hover .uk-overlay-caption, .uk-overlay-toggle:hover .uk-overlay-caption, .uk-overlay-toggle.uk-hover .uk-overlay-caption { opacity: 1; } /* ======================================================================== Component: Column ========================================================================== */ [class*='uk-column-'] { -webkit-column-gap: 25px; -moz-column-gap: 25px; column-gap: 25px; } /* Width modifiers ========================================================================== */ .uk-column-1-2 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } .uk-column-1-3 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } .uk-column-1-4 { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; } .uk-column-1-5 { -webkit-column-count: 5; -moz-column-count: 5; column-count: 5; } .uk-column-1-6 { -webkit-column-count: 6; -moz-column-count: 6; column-count: 6; } /* Phone landscape and bigger */ @media (min-width: 480px) { .uk-column-small-1-2 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } .uk-column-small-1-3 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } .uk-column-small-1-4 { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; } .uk-column-small-1-5 { -webkit-column-count: 5; -moz-column-count: 5; column-count: 5; } .uk-column-small-1-6 { -webkit-column-count: 6; -moz-column-count: 6; column-count: 6; } } /* Tablet and bigger */ @media (min-width: 768px) { .uk-column-medium-1-2 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } .uk-column-medium-1-3 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } .uk-column-medium-1-4 { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; } .uk-column-medium-1-5 { -webkit-column-count: 5; -moz-column-count: 5; column-count: 5; } .uk-column-medium-1-6 { -webkit-column-count: 6; -moz-column-count: 6; column-count: 6; } } /* Desktop and bigger */ @media (min-width: 960px) { .uk-column-large-1-2 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } .uk-column-large-1-3 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } .uk-column-large-1-4 { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; } .uk-column-large-1-5 { -webkit-column-count: 5; -moz-column-count: 5; column-count: 5; } .uk-column-large-1-6 { -webkit-column-count: 6; -moz-column-count: 6; column-count: 6; } } /* Large screen and bigger */ @media (min-width: 1220px) { .uk-column-xlarge-1-2 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } .uk-column-xlarge-1-3 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } .uk-column-xlarge-1-4 { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; } .uk-column-xlarge-1-5 { -webkit-column-count: 5; -moz-column-count: 5; column-count: 5; } .uk-column-xlarge-1-6 { -webkit-column-count: 6; -moz-column-count: 6; column-count: 6; } } /* ======================================================================== Component: Animation ========================================================================== */ [class*='uk-animation-'] { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-fill-mode: both; animation-fill-mode: both; } /* Hide animated element if scrollspy is used */ @media screen { [data-uk-scrollspy*='uk-animation-']:not([data-uk-scrollspy*='target']) { opacity: 0; } } /* * Fade * Higher specificity (!important) needed because of reverse modifier */ .uk-animation-fade { -webkit-animation-name: uk-fade; animation-name: uk-fade; -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-timing-function: linear !important; animation-timing-function: linear !important; } /* * Fade with scale */ .uk-animation-scale-up { -webkit-animation-name: uk-fade-scale-02; animation-name: uk-fade-scale-02; } .uk-animation-scale-down { -webkit-animation-name: uk-fade-scale-18; animation-name: uk-fade-scale-18; } /* * Fade with slide */ .uk-animation-slide-top { -webkit-animation-name: uk-fade-top; animation-name: uk-fade-top; } .uk-animation-slide-bottom { -webkit-animation-name: uk-fade-bottom; animation-name: uk-fade-bottom; } .uk-animation-slide-left { -webkit-animation-name: uk-fade-left; animation-name: uk-fade-left; } .uk-animation-slide-right { -webkit-animation-name: uk-fade-right; animation-name: uk-fade-right; } /* * Scale */ .uk-animation-scale { -webkit-animation-name: uk-scale-12; animation-name: uk-scale-12; } /* * Shake */ .uk-animation-shake { -webkit-animation-name: uk-shake; animation-name: uk-shake; } /* Direction modifiers ========================================================================== */ .uk-animation-reverse { -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } /* Duration modifiers ========================================================================== */ .uk-animation-15 { -webkit-animation-duration: 15s; animation-duration: 15s; } /* Origin modifiers ========================================================================== */ .uk-animation-top-left { -webkit-transform-origin: 0 0; transform-origin: 0 0; } .uk-animation-top-center { -webkit-transform-origin: 50% 0; transform-origin: 50% 0; } .uk-animation-top-right { -webkit-transform-origin: 100% 0; transform-origin: 100% 0; } .uk-animation-middle-left { -webkit-transform-origin: 0 50%; transform-origin: 0 50%; } .uk-animation-middle-right { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; } .uk-animation-bottom-left { -webkit-transform-origin: 0 100%; transform-origin: 0 100%; } .uk-animation-bottom-center { -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; } .uk-animation-bottom-right { -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; } /* Sub-object: `uk-animation-hover` ========================================================================== */ /* * Enable animation only on hover * Note: Firefox also needs this because animations are not triggered when switching between display `hidden` and `block` */ .uk-animation-hover:not(:hover), .uk-animation-hover:not(:hover) [class*='uk-animation-'], .uk-touch .uk-animation-hover:not(.uk-hover), .uk-touch .uk-animation-hover:not(.uk-hover) [class*='uk-animation-'] { -webkit-animation-name: none; animation-name: none; } /* Keyframes: Fade * Used by dropdown, datepicker and slideshow component ========================================================================== */ @-webkit-keyframes uk-fade { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes uk-fade { 0% { opacity: 0; } 100% { opacity: 1; } } /* Keyframes: Fade with slide ========================================================================== */ /* * Top */ @-webkit-keyframes uk-fade-top { 0% { opacity: 0; -webkit-transform: translateY(-100%); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes uk-fade-top { 0% { opacity: 0; transform: translateY(-100%); } 100% { opacity: 1; transform: translateY(0); } } /* * Bottom */ @-webkit-keyframes uk-fade-bottom { 0% { opacity: 0; -webkit-transform: translateY(100%); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes uk-fade-bottom { 0% { opacity: 0; transform: translateY(100%); } 100% { opacity: 1; transform: translateY(0); } } /* * Left */ @-webkit-keyframes uk-fade-left { 0% { opacity: 0; -webkit-transform: translateX(-100%); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @keyframes uk-fade-left { 0% { opacity: 0; transform: translateX(-100%); } 100% { opacity: 1; transform: translateX(0); } } /* * Right */ @-webkit-keyframes uk-fade-right { 0% { opacity: 0; -webkit-transform: translateX(100%); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @keyframes uk-fade-right { 0% { opacity: 0; transform: translateX(100%); } 100% { opacity: 1; transform: translateX(0); } } /* Keyframes: Fade with scale ========================================================================== */ /* * Scale by 0.2 */ @-webkit-keyframes uk-fade-scale-02 { 0% { opacity: 0; -webkit-transform: scale(0.2); } 100% { opacity: 1; -webkit-transform: scale(1); } } @keyframes uk-fade-scale-02 { 0% { opacity: 0; transform: scale(0.2); } 100% { opacity: 1; transform: scale(1); } } /* * Scale by 1.5 * Used by slideshow component */ @-webkit-keyframes uk-fade-scale-15 { 0% { opacity: 0; -webkit-transform: scale(1.5); } 100% { opacity: 1; -webkit-transform: scale(1); } } @keyframes uk-fade-scale-15 { 0% { opacity: 0; transform: scale(1.5); } 100% { opacity: 1; transform: scale(1); } } /* * Scale by 1.8 */ @-webkit-keyframes uk-fade-scale-18 { 0% { opacity: 0; -webkit-transform: scale(1.8); } 100% { opacity: 1; -webkit-transform: scale(1); } } @keyframes uk-fade-scale-18 { 0% { opacity: 0; transform: scale(1.8); } 100% { opacity: 1; transform: scale(1); } } /* Keyframes: Slide * Used by slideshow component ========================================================================== */ /* * Left */ @-webkit-keyframes uk-slide-left { 0% { -webkit-transform: translateX(-100%); } 100% { -webkit-transform: translateX(0); } } @keyframes uk-slide-left { 0% { transform: translateX(-100%); } 100% { transform: translateX(0); } } /* * Right */ @-webkit-keyframes uk-slide-right { 0% { -webkit-transform: translateX(100%); } 100% { -webkit-transform: translateX(0); } } @keyframes uk-slide-right { 0% { transform: translateX(100%); } 100% { transform: translateX(0); } } /* * Left third */ @-webkit-keyframes uk-slide-left-33 { 0% { -webkit-transform: translateX(33%); } 100% { -webkit-transform: translateX(0); } } @keyframes uk-slide-left-33 { 0% { transform: translateX(33%); } 100% { transform: translateX(0); } } /* * Right third */ @-webkit-keyframes uk-slide-right-33 { 0% { -webkit-transform: translateX(-33%); } 100% { -webkit-transform: translateX(0); } } @keyframes uk-slide-right-33 { 0% { transform: translateX(-33%); } 100% { transform: translateX(0); } } /* Keyframes: Scale ========================================================================== */ @-webkit-keyframes uk-scale-12 { 0% { -webkit-transform: scale(1.2); } 100% { -webkit-transform: scale(1); } } @keyframes uk-scale-12 { 0% { transform: scale(1.2); } 100% { transform: scale(1); } } /* Keyframes: Rotate * Used by icon component ========================================================================== */ @-webkit-keyframes uk-rotate { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); } } @keyframes uk-rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } /* Keyframes: Shake ========================================================================== */ @-webkit-keyframes uk-shake { 0%, 100% { -webkit-transform: translateX(0); } 10% { -webkit-transform: translateX(-9px); } 20% { -webkit-transform: translateX(8px); } 30% { -webkit-transform: translateX(-7px); } 40% { -webkit-transform: translateX(6px); } 50% { -webkit-transform: translateX(-5px); } 60% { -webkit-transform: translateX(4px); } 70% { -webkit-transform: translateX(-3px); } 80% { -webkit-transform: translateX(2px); } 90% { -webkit-transform: translateX(-1px); } } @keyframes uk-shake { 0%, 100% { transform: translateX(0); } 10% { transform: translateX(-9px); } 20% { transform: translateX(8px); } 30% { transform: translateX(-7px); } 40% { transform: translateX(6px); } 50% { transform: translateX(-5px); } 60% { transform: translateX(4px); } 70% { transform: translateX(-3px); } 80% { transform: translateX(2px); } 90% { transform: translateX(-1px); } } /* Keyframes: Fade with slide fixed * Used by dropdown and search component ========================================================================== */ /* * Top fixed */ @-webkit-keyframes uk-slide-top-fixed { 0% { opacity: 0; -webkit-transform: translateY(-10px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes uk-slide-top-fixed { 0% { opacity: 0; transform: translateY(-10px); } 100% { opacity: 1; transform: translateY(0); } } /* * Bottom fixed */ @-webkit-keyframes uk-slide-bottom-fixed { 0% { opacity: 0; -webkit-transform: translateY(10px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes uk-slide-bottom-fixed { 0% { opacity: 0; transform: translateY(10px); } 100% { opacity: 1; transform: translateY(0); } } /* ======================================================================== Component: Dropdown ========================================================================== */ /* * 1. Hide by default * 2. Set position * 3. Box-sizing is needed for `uk-dropdown-justify` * 4. Set width */ .uk-dropdown, .uk-dropdown-blank { /* 1 */ display: none; /* 2 */ position: absolute; z-index: 1020; /* 3 */ box-sizing: border-box; /* 4 */ width: 310px; } /* * Dropdown style * 1. Reset button group whitespace hack */ .uk-dropdown { padding: 15px; background: #f5f5f5; color: #444444; /* 1 */ font-size: 1rem; vertical-align: top; } /* * 1. Show dropdown * 2. Set animation * 3. Needed for scale animation */ .uk-open > .uk-dropdown, .uk-open > .uk-dropdown-blank { /* 1 */ display: block; /* 2 */ -webkit-animation: uk-fade 0.2s ease-in-out; animation: uk-fade 0.2s ease-in-out; /* 3 */ -webkit-transform-origin: 0 0; transform-origin: 0 0; } /* Alignment modifiers ========================================================================== */ /* * Modifier */ .uk-dropdown-top { margin-top: -5px; } .uk-dropdown-bottom { margin-top: 5px; } .uk-dropdown-left { margin-left: -5px; } .uk-dropdown-right { margin-left: 5px; } /* Nav in dropdown ========================================================================== */ .uk-dropdown .uk-nav { margin: 0 -15px; } /* Grid and panel in dropdown ========================================================================== */ /* * Vertical gutter */ /* * Grid * Higher specificity to override large gutter */ .uk-grid .uk-dropdown-grid + .uk-dropdown-grid { margin-top: 15px; } /* Panels */ .uk-dropdown-grid > [class*='uk-width-'] > .uk-panel + .uk-panel { margin-top: 15px; } /* Tablet and bigger */ @media (min-width: 768px) { /* * Horizontal gutter */ .uk-dropdown:not(.uk-dropdown-stack) > .uk-dropdown-grid { margin-left: -15px; margin-right: -15px; } .uk-dropdown:not(.uk-dropdown-stack) > .uk-dropdown-grid > [class*='uk-width-'] { padding-left: 15px; padding-right: 15px; } /* * Column divider */ .uk-dropdown:not(.uk-dropdown-stack) > .uk-dropdown-grid > [class*='uk-width-']:nth-child(n+2) { border-left: 1px solid #dddddd; } /* * Width multiplier for dropdown columns */ .uk-dropdown-width-2:not(.uk-dropdown-stack) { width: 400px; } .uk-dropdown-width-3:not(.uk-dropdown-stack) { width: 600px; } .uk-dropdown-width-4:not(.uk-dropdown-stack) { width: 800px; } .uk-dropdown-width-5:not(.uk-dropdown-stack) { width: 1000px; } } /* Phone landscape and smaller */ @media (max-width: 767px) { /* * Stack columns and take full width */ .uk-dropdown-grid > [class*='uk-width-'] { width: 100%; } /* * Vertical gutter */ .uk-dropdown-grid > [class*='uk-width-']:nth-child(n+2) { margin-top: 15px; } } /* * Stack grid columns */ .uk-dropdown-stack > .uk-dropdown-grid > [class*='uk-width-'] { width: 100%; } .uk-dropdown-stack > .uk-dropdown-grid > [class*='uk-width-']:nth-child(n+2) { margin-top: 15px; } /* Modifier `uk-dropdown-small` ========================================================================== */ /* * Set min-width and text expands dropdown if needed */ .uk-dropdown-small { min-width: 150px; width: auto; padding: 5px; white-space: nowrap; } /* * Nav in dropdown */ .uk-dropdown-small .uk-nav { margin: 0 -5px; } /* Modifier: `uk-dropdown-navbar` ========================================================================== */ .uk-dropdown-navbar { margin-top: 0; background: #f5f5f5; color: #444444; } .uk-open > .uk-dropdown-navbar { -webkit-animation: uk-slide-top-fixed 0.2s ease-in-out; animation: uk-slide-top-fixed 0.2s ease-in-out; } /* Modifier `uk-dropdown-scrollable` ========================================================================== */ /* * Usefull for long lists */ .uk-dropdown-scrollable { overflow-y: auto; max-height: 200px; } /* Sub-object: `uk-dropdown-overlay` ========================================================================== */ /* ======================================================================== Component: Modal ========================================================================== */ /* * This is the modal overlay and modal dialog container * 1. Hide by default * 2. Set fixed position * 3. Allow scrolling for the modal dialog * 4. Mask the background page * 5. Fade-in transition * 6. Deactivate browser history navigation in IE11 * 7. force hardware acceleration to prevent browser rendering hiccups */ .uk-modal { /* 1 */ display: none; /* 2 */ position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1010; /* 3 */ overflow-y: auto; -webkit-overflow-scrolling: touch; /* 4 */ background: rgba(0, 0, 0, 0.6); /* 5 */ opacity: 0; -webkit-transition: opacity 0.15s linear; transition: opacity 0.15s linear; /* 6 */ touch-action: cross-slide-y pinch-zoom double-tap-zoom; /* 7 */ -webkit-transform: translateZ(0); transform: translateZ(0); } /* * Open state */ .uk-modal.uk-open { opacity: 1; } /* * Prevents duplicated scrollbar caused by 4. */ .uk-modal-page, .uk-modal-page body { overflow: hidden; } .uk-modal-page .page-header.is-fixed{ padding-right: 17px !important; } /* Sub-object: `uk-modal-dialog` ========================================================================== */ /* * 1. Create position context for caption, spinner and close button * 2. Set box sizing * 3. Set style * 4. Slide-in transition */ .uk-modal-dialog { /* 1 */ position: relative; /* 2 */ box-sizing: border-box; margin: 50px auto; padding: 20px; width: 600px; max-width: 100%; max-width: calc(100% - 20px); /* 3 */ background: #ffffff; /* 4 */ opacity: 0; -webkit-transform: translateY(-100px); transform: translateY(-100px); -webkit-transition: opacity 0.3s linear, -webkit-transform 0.3s ease-out; transition: opacity 0.3s linear, transform 0.3s ease-out; } /* Phone landscape and smaller */ @media (max-width: 767px) { /* * Fit in small screen */ .uk-modal-dialog { width: auto; margin: 10px auto; } } /* * Open state */ .uk-open .uk-modal-dialog { /* 4 */ opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } /* * Remove margin from the last-child */ .uk-modal-dialog > :not([class*='uk-modal-']):last-child { margin-bottom: 0; } /* Close in modal ========================================================================== */ .uk-modal-dialog > .uk-close:first-child { margin: -10px -10px 0 0; float: right; } /* * Remove margin from adjacent element */ .uk-modal-dialog > .uk-close:first-child + :not([class*='uk-modal-']) { margin-top: 0; } /* Modifier: `uk-modal-dialog-lightbox` ========================================================================== */ .uk-modal-dialog-lightbox { margin: 15px auto; padding: 0; max-width: 95%; max-width: calc(100% - 30px); } /* * Close button */ .uk-modal-dialog-lightbox > .uk-close:first-child { position: absolute; top: -12px; right: -12px; margin: 0; float: none; } /* Phone landscape and smaller */ @media (max-width: 767px) { .uk-modal-dialog-lightbox > .uk-close:first-child { top: -7px; right: -7px; } } /* Modifier: `uk-modal-dialog-blank` ========================================================================== */ .uk-modal-dialog-blank { margin: 0; padding: 0; width: 100%; max-width: 100%; -webkit-transition: opacity 0.3s linear; transition: opacity 0.3s linear; } /* * Close button */ .uk-modal-dialog-blank > .uk-close:first-child { position: absolute; top: 20px; right: 20px; z-index: 1; margin: 0; float: none; } /* Modifier: `uk-modal-dialog-large` ========================================================================== */ /* Tablet and bigger */ @media (min-width: 768px) { .uk-modal-dialog-large { width: 930px; } } /* Large screen and bigger */ @media (min-width: 1220px) { .uk-modal-dialog-large { width: 1130px; } } /* Sub-Object: `uk-modal-header` and `uk-modal-footer` ========================================================================== */ .uk-modal-header { margin-bottom: 15px; } .uk-modal-footer { margin-top: 15px; } /* * Remove margin from the last-child */ .uk-modal-header > :last-child, .uk-modal-footer > :last-child { margin-bottom: 0; } /* Sub-Object: `uk-modal-caption` ========================================================================== */ .uk-modal-caption { position: absolute; left: 0; right: 0; bottom: -20px; margin-bottom: -10px; color: #ffffff; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* Sub-Object: `uk-modal-spinner` ========================================================================== */ .uk-modal-spinner { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 25px; color: #ddd; } .uk-modal-spinner:after { content: "\f110"; font-family: FontAwesome; -webkit-animation: uk-rotate 2s infinite linear; animation: uk-rotate 2s infinite linear; } /* ======================================================================== Component: Off-canvas ========================================================================== */ /* * This is the offcanvas overlay and bar container * 1. Hide by default * 2. Set fixed position * 3. Deactivate browser touch actions in IE11 * 4. Mask the background page */ .uk-offcanvas { /* 1 */ display: none; /* 2 */ position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000; /* 3 */ touch-action: none; /* 4 */ background: rgba(0, 0, 0, 0.1); } .uk-offcanvas.uk-active { display: block; } /* Sub-object `uk-offcanvas-page` ========================================================================== */ /* * Prepares the whole HTML page to slide-out * 1. Fix the main page and disallow scrolling * 2. Side-out transition */ .uk-offcanvas-page { /* 1 */ position: fixed; /* 2 */ -webkit-transition: margin-left 0.3s ease-in-out; transition: margin-left 0.3s ease-in-out; } /* Sub-object `uk-offcanvas-bar` ========================================================================== */ /* * This is the offcanvas bar * 1. Set fixed position * 2. Size and style * 3. Allow scrolling * 4. Side-out transition * 5. Deactivate scroll chaining in IE11 */ .uk-offcanvas-bar { /* 1 */ position: fixed; top: 0; bottom: 0; left: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); z-index: 1001; /* 2 */ width: 270px; max-width: 100%; background: #333333; /* 3 */ overflow-y: auto; -webkit-overflow-scrolling: touch; /* 4 */ -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; /* 5 */ -ms-scroll-chaining: none; } .uk-offcanvas.uk-active .uk-offcanvas-bar.uk-offcanvas-bar-show { -webkit-transform: translateX(0%); transform: translateX(0%); } /* Modifier `uk-offcanvas-bar-flip` ========================================================================== */ .uk-offcanvas-bar-flip { left: auto; right: 0; -webkit-transform: translateX(100%); transform: translateX(100%); } /* Panel in offcanvas ========================================================================== */ .uk-offcanvas .uk-panel { margin: 20px 15px; color: #777777; } .uk-offcanvas .uk-panel-title { color: #cccccc; } .uk-offcanvas .uk-panel a:not([class]) { color: #cccccc; } .uk-offcanvas .uk-panel a:not([class]):hover { color: #ffffff; } /* ======================================================================== Component: Switcher ========================================================================== */ /* * 1. Deactivate browser history navigation in IE11 */ .uk-switcher { margin: 0; padding: 0; list-style: none; /* 1 */ touch-action: cross-slide-y pinch-zoom double-tap-zoom; } /* * Items */ .uk-switcher > :not(.uk-active) { display: none; } /* ======================================================================== Component: Text ========================================================================== */ /* Size modifiers ========================================================================== */ .uk-text-small { font-size: 11px; line-height: 16px; } .uk-text-large { font-size: 18px; line-height: 24px; font-weight: normal; } /* Weight modifiers ========================================================================== */ .uk-text-bold { font-weight: bold; } /* Color modifiers ========================================================================== */ .uk-text-muted { color: #999999 !important; } .uk-text-primary { color: #2d7091 !important; } .uk-text-success { color: #659f13 !important; } .uk-text-warning { color: #e28327 !important; } .uk-text-danger { color: #d85030 !important; } .uk-text-contrast { color: #ffffff !important; } /* Alignment modifiers ========================================================================== */ .uk-text-left { text-align: left !important; } .uk-text-right { text-align: right !important; } .uk-text-center { text-align: center !important; } .uk-text-justify { text-align: justify !important; } .uk-text-top { vertical-align: top !important; } .uk-text-middle { vertical-align: middle !important; } .uk-text-bottom { vertical-align: bottom !important; } /* Only tablets portrait and smaller */ @media (max-width: 959px) { .uk-text-center-medium { text-align: center !important; } .uk-text-left-medium { text-align: left !important; } } /* Phone landscape and smaller */ @media (max-width: 767px) { .uk-text-center-small { text-align: center !important; } .uk-text-left-small { text-align: left !important; } } /* Wrap modifiers ========================================================================== */ /* * Prevent text from wrapping onto multiple lines */ .uk-text-nowrap { white-space: nowrap; } /* * Prevent text from wrapping onto multiple lines, and truncate with an ellipsis */ .uk-text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* * Break strings if their length exceeds the width of their container */ .uk-text-break { word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } /* ======================================================================== Component: Utility ========================================================================== */ /* Container ========================================================================== */ .uk-container { box-sizing: border-box; max-width: 980px; padding: 0 25px; } /* Large screen and bigger */ @media (min-width: 1220px) { .uk-container { max-width: 1200px; padding: 0 35px; } } /* * Micro clearfix */ .uk-container:before, .uk-container:after { content: ""; display: table; } .uk-container:after { clear: both; } /* * Center container */ .uk-container-center { margin-left: auto; margin-right: auto; } /* Clearing ========================================================================== */ /* * Micro clearfix * `table-cell` is used with `:before` because `table` creates a 1px gap when it becomes a flex item, only in Webkit * `table` is used again with `:after` because `clear` only works with block elements. * Note: `display: block` with `overflow: hidden` is currently not working in the latest Safari */ .uk-clearfix:before { content: ""; display: table-cell; } .uk-clearfix:after { content: ""; display: table; clear: both; } /* * Create a new block formatting context */ .uk-nbfc { overflow: hidden; } .uk-nbfc-alt { display: table-cell; width: 10000px; } /* Alignment of block elements ========================================================================== */ /* * Float blocks * 1. Prevent content overflow on small devices */ .uk-float-left { float: left; } .uk-float-right { float: right; } /* 1 */ [class*='uk-float-'] { max-width: 100%; } /* Alignment of images and objects ========================================================================== */ /* * Alignment */ [class*='uk-align-'] { display: block; margin-bottom: 15px; } .uk-align-left { margin-right: 15px; float: left; } .uk-align-right { margin-left: 15px; float: right; } /* Tablet and bigger */ @media (min-width: 768px) { .uk-align-medium-left { margin-right: 15px; margin-bottom: 15px; float: left; } .uk-align-medium-right { margin-left: 15px; margin-bottom: 15px; float: right; } } .uk-align-center { margin-left: auto; margin-right: auto; } /* Vertical alignment ========================================================================== */ /* * Remove whitespace between child elements when using `inline-block` */ .uk-vertical-align { font-size: 0.001px; } /* * The `uk-vertical-align` container needs a specific height */ .uk-vertical-align:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } /* * Sub-object which can have any height * 1. Reset whitespace hack */ .uk-vertical-align-middle, .uk-vertical-align-bottom { display: inline-block; max-width: 100%; /* 1 */ font-size: 1rem; } .uk-vertical-align-middle { vertical-align: middle; } .uk-vertical-align-bottom { vertical-align: bottom; } /* Height ========================================================================== */ /* * More robust if padding and border are used */ [class*='uk-height'] { box-sizing: border-box; } /* * Useful to extend the `html` and `body` element to the full height of the page. */ .uk-height-1-1 { height: 100%; } /* * Useful to create image teasers */ .uk-height-viewport { height: 100vh; min-height: 600px; } /* Responsive objects * Note: Images are already responsive by default, see Base component ========================================================================== */ /* * 1. Corrects `max-width` and `max-height` behavior if padding and border are used */ .uk-responsive-width, .uk-responsive-height { box-sizing: border-box; } /* * Responsiveness: Sets a maximum width relative to the parent and auto scales the height * `important` needed to override `uk-img-preserve img` */ .uk-responsive-width { max-width: 100% !important; height: auto; } /* * Responsiveness: Sets a maximum height relative to the parent and auto scales the width * Only works if the parent element has a fixed height. */ .uk-responsive-height { max-height: 100%; width: auto; } /* Margin ========================================================================== */ /* * Create a block with the same margin of a paragraph * Add margin if adjacent element */ .uk-margin { margin-bottom: 15px; } * + .uk-margin { margin-top: 15px; } .uk-margin-top { margin-top: 15px !important; } .uk-margin-bottom { margin-bottom: 15px !important; } .uk-margin-left { margin-left: 15px !important; } .uk-margin-right { margin-right: 15px !important; } /* * Larger margins */ .uk-margin-large { margin-bottom: 50px; } * + .uk-margin-large { margin-top: 50px; } .uk-margin-large-top { margin-top: 50px !important; } .uk-margin-large-bottom { margin-bottom: 50px !important; } .uk-margin-large-left { margin-left: 50px !important; } .uk-margin-large-right { margin-right: 50px !important; } /* * Smaller margins */ .uk-margin-small { margin-bottom: 5px; } * + .uk-margin-small { margin-top: 5px; } .uk-margin-small-top { margin-top: 5px !important; } .uk-margin-small-bottom { margin-bottom: 5px !important; } .uk-margin-small-left { margin-left: 5px !important; } .uk-margin-small-right { margin-right: 5px !important; } /* * Remove margins */ .uk-margin-remove { margin: 0 !important; } .uk-margin-top-remove { margin-top: 0 !important; } .uk-margin-bottom-remove { margin-bottom: 0 !important; } /* Padding ========================================================================== */ .uk-padding-remove { padding: 0 !important; } .uk-padding-top-remove { padding-top: 0 !important; } .uk-padding-bottom-remove { padding-bottom: 0 !important; } .uk-padding-vertical-remove { padding-top: 0 !important; padding-bottom: 0 !important; } /* Border ========================================================================== */ .uk-border-circle { border-radius: 50%; } .uk-border-rounded { border-radius: 5px; } /* Headings ========================================================================== */ .uk-heading-large { font-size: 36px; line-height: 42px; } /* Tablet and bigger */ @media (min-width: 768px) { .uk-heading-large { font-size: 52px; line-height: 64px; } } /* Link ========================================================================== */ /* * Let links appear in default text color */ .uk-link-muted, .uk-link-muted a { color: #444444; } .uk-link-muted:hover, .uk-link-muted a:hover { color: #444444; } /* * Reset link style */ .uk-link-reset, .uk-link-reset a, .uk-link-reset:hover, .uk-link-reset a:hover, .uk-link-reset:focus, .uk-link-reset a:focus { color: inherit; text-decoration: none; } /* Scrollable ========================================================================== */ /* * Enable scrolling for preformatted text */ .uk-scrollable-text { height: 300px; overflow-y: scroll; -webkit-overflow-scrolling: touch; resize: both; } /* * Box with scrolling enabled */ .uk-scrollable-box { box-sizing: border-box; height: 170px; padding: 10px; border: 1px solid #dddddd; overflow: auto; -webkit-overflow-scrolling: touch; resize: both; } .uk-scrollable-box > :last-child { margin-bottom: 0; } /* Overflow ========================================================================== */ .uk-overflow-hidden { overflow: hidden; } /* * Enable scrollbars if content is clipped */ .uk-overflow-container { overflow: auto; -webkit-overflow-scrolling: touch; } .uk-overflow-container > :last-child { margin-bottom: 0; } /* Position ========================================================================== */ .uk-position-absolute, [class*='uk-position-top'], [class*='uk-position-bottom'] { position: absolute !important; } /* Don't use `width: 100%` because it is wrong if the parent has padding. */ .uk-position-top { top: 0; left: 0; right: 0; } .uk-position-bottom { bottom: 0; left: 0; right: 0; } .uk-position-top-left { top: 0; left: 0; } .uk-position-top-right { top: 0; right: 0; } .uk-position-bottom-left { bottom: 0; left: 0; } .uk-position-bottom-right { bottom: 0; right: 0; } /* * Cover */ .uk-position-cover { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } /* * Relative */ .uk-position-relative { position: relative !important; } /* * Z-index */ .uk-position-z-index { z-index: 1; } /* Display ========================================================================== */ /* * Display */ .uk-display-block { display: block !important; } .uk-display-inline { display: inline !important; } .uk-display-inline-block { display: inline-block !important; } /* * Visibility * Avoids setting display to `block` so it works also with `inline-block` and `table` */ /* Desktop and bigger */ @media (min-width: 960px) { .uk-visible-small { display: none !important; } .uk-visible-medium { display: none !important; } .uk-hidden-large { display: none !important; } } /* Tablets portrait */ @media (min-width: 768px) and (max-width: 959px) { .uk-visible-small { display: none !important; } .uk-visible-large { display: none !important ; } .uk-hidden-medium { display: none !important; } } /* Phone landscape and smaller*/ @media (max-width: 767px) { .uk-visible-medium { display: none !important; } .uk-visible-large { display: none !important; } .uk-hidden-small { display: none !important; } } /* Remove from the flow and screen readers on any device */ .uk-hidden { display: none !important; visibility: hidden !important; } /* It's hidden, but still affects layout */ .uk-invisible { visibility: hidden !important; } /* Show on hover */ .uk-visible-hover:hover .uk-hidden, .uk-visible-hover:hover .uk-invisible { display: block !important; visibility: visible !important; } .uk-visible-hover-inline:hover .uk-hidden, .uk-visible-hover-inline:hover .uk-invisible { display: inline-block !important; visibility: visible !important; } /* Hide on touch */ .uk-touch .uk-hidden-touch, .uk-notouch .uk-hidden-notouch { display: none !important; } /* ======================================================================== Component: Flex ========================================================================== */ .uk-flex { display: -ms-flexbox; display: -webkit-flex; display: flex; } .uk-flex-inline { display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; } /* * Fixes initial flex-shrink value in IE10 */ .uk-flex > *, .uk-flex-inline > * { -ms-flex-negative: 1; } /* Alignment ========================================================================== */ /* * Vertical alignment * Default value is `stretch` */ .uk-flex-top { -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; } .uk-flex-middle { -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .uk-flex-bottom { -ms-flex-align: end; -webkit-align-items: flex-end; align-items: flex-end; } /* * Horizontal alignment * Default value is `flex-start` */ .uk-flex-center { -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } .uk-flex-right { -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; } .uk-flex-space-between { -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .uk-flex-space-around { -ms-flex-pack: distribute; -webkit-justify-content: space-around; justify-content: space-around; } /* Direction ========================================================================== */ .uk-flex-row-reverse { -ms-flex-direction: row-reverse; -webkit-flex-direction: row-reverse; flex-direction: row-reverse; } .uk-flex-column { -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; } .uk-flex-column-reverse { -ms-flex-direction: column-reverse; -webkit-flex-direction: column-reverse; flex-direction: column-reverse; } /* Wrap ========================================================================== */ .uk-flex-nowrap { -ms-flex-wrap: nowrap; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; } .uk-flex-wrap { -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .uk-flex-wrap-reverse { -ms-flex-wrap: wrap-reverse; -webkit-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; } /* * Horizontal alignment * Default value is `stretch` */ .uk-flex-wrap-top { -ms-flex-line-pack: start; -webkit-align-content: flex-start; align-content: flex-start; } .uk-flex-wrap-middle { -ms-flex-line-pack: center; -webkit-align-content: center; align-content: center; } .uk-flex-wrap-bottom { -ms-flex-line-pack: end; -webkit-align-content: flex-end; align-content: flex-end; } .uk-flex-wrap-space-between { -ms-flex-line-pack: justify; -webkit-align-content: space-between; align-content: space-between; } .uk-flex-wrap-space-around { -ms-flex-line-pack: distribute; -webkit-align-content: space-around; align-content: space-around; } /* Item ordering ========================================================================== */ /* * Default is 0 */ .uk-flex-order-first { -ms-flex-order: -1; -webkit-order: -1; order: -1; } .uk-flex-order-last { -ms-flex-order: 99; -webkit-order: 99; order: 99; } /* Phone landscape and bigger */ @media (min-width: 480px) { .uk-flex-order-first-small { -ms-flex-order: -1; -webkit-order: -1; order: -1; } .uk-flex-order-last-small { -ms-flex-order: 99; -webkit-order: 99; order: 99; } } /* Tablet and bigger */ @media (min-width: 768px) { .uk-flex-order-first-medium { -ms-flex-order: -1; -webkit-order: -1; order: -1; } .uk-flex-order-last-medium { -ms-flex-order: 99; -webkit-order: 99; order: 99; } } /* Desktop and bigger */ @media (min-width: 960px) { .uk-flex-order-first-large { -ms-flex-order: -1; -webkit-order: -1; order: -1; } .uk-flex-order-last-large { -ms-flex-order: 99; -webkit-order: 99; order: 99; } } /* Large screen and bigger */ @media (min-width: 1220px) { .uk-flex-order-first-xlarge { -ms-flex-order: -1; -webkit-order: -1; order: -1; } .uk-flex-order-last-xlarge { -ms-flex-order: 99; -webkit-order: 99; order: 99; } } /* Item dimensions ========================================================================== */ /* * Initial: 0 1 auto * Content dimensions, but shrinks */ /* * No Flex: 0 0 auto * Content dimensions */ .uk-flex-item-none { -ms-flex: none; -webkit-flex: none; flex: none; } /* * Relative Flex: 1 1 auto * Space is allocated considering content * 1. Fixes flex-shrink value in IE10 */ .uk-flex-item-auto { -ms-flex: auto; -webkit-flex: auto; flex: auto; /* 1 */ -ms-flex-negative: 1; } /* * Absolute Flex: 1 1 0% * Space is allocated solely based on flex */ .uk-flex-item-1 { -ms-flex: 1; -webkit-flex: 1; flex: 1; } /* ======================================================================== Component: Contrast ========================================================================== */ .uk-contrast { color: #ffffff; /* Active */ } .uk-contrast a:not([class]), .uk-contrast .uk-link { color: rgba(255, 255, 255, 0.7); text-decoration: none; } .uk-contrast a:not([class]):hover, .uk-contrast .uk-link:hover { color: #ffffff; text-decoration: underline; } .uk-contrast :not(pre) > code, .uk-contrast :not(pre) > kbd, .uk-contrast :not(pre) > samp { color: #ffffff; } .uk-contrast em { color: #ffffff; } .uk-contrast h1, .uk-contrast h2, .uk-contrast h3, .uk-contrast h4, .uk-contrast h5, .uk-contrast h6 { color: #ffffff; } .uk-contrast hr { border-top-color: rgba(255, 255, 255, 0.2); } .uk-contrast .uk-nav li > a, .uk-contrast .uk-nav li > a:hover { text-decoration: none; } .uk-contrast .uk-nav-side > li > a { color: #ffffff; } .uk-contrast .uk-nav-side > li > a:hover, .uk-contrast .uk-nav-side > li > a:focus { background: rgba(255, 255, 255, 0.1); color: #ffffff; } .uk-contrast .uk-nav-side > li.uk-active > a { background: #ffffff; color: #444444; } .uk-contrast .uk-nav-side .uk-nav-header { color: #ffffff; } .uk-contrast .uk-nav-side .uk-nav-divider { border-top-color: rgba(255, 255, 255, 0.2); } .uk-contrast .uk-nav-side ul a { color: rgba(255, 255, 255, 0.7); } .uk-contrast .uk-nav-side ul a:hover { color: #ffffff; } .uk-contrast .uk-subnav > * > a { color: rgba(255, 255, 255, 0.7); text-decoration: none; } .uk-contrast .uk-subnav > * > a:hover, .uk-contrast .uk-subnav > * > a:focus { color: #ffffff; text-decoration: none; } .uk-contrast .uk-subnav > .uk-active > a { color: #ffffff; } .uk-contrast .uk-subnav-line > :nth-child(n+2):before { border-left-color: rgba(255, 255, 255, 0.2); } .uk-contrast .uk-subnav-pill > * > a:hover, .uk-contrast .uk-subnav-pill > * > a:focus { background: rgba(255, 255, 255, 0.7); color: #444444; text-decoration: none; } .uk-contrast .uk-subnav-pill > .uk-active > a { background: #ffffff; color: #444444; } .uk-contrast .uk-tab { border-bottom-color: rgba(255, 255, 255, 0.2); } .uk-contrast .uk-tab > li > a { border-color: transparent; color: rgba(255, 255, 255, 0.7); } .uk-contrast .uk-tab > li > a:hover, .uk-contrast .uk-tab > li > a:focus, .uk-contrast .uk-tab > li.uk-open > a { border-color: rgba(255, 255, 255, 0.7); background: rgba(255, 255, 255, 0.7); color: #444444; text-decoration: none; } .uk-contrast .uk-tab > li.uk-active > a { border-color: rgba(255, 255, 255, 0.2); border-bottom-color: transparent; background: #ffffff; color: #444444; } .uk-contrast .uk-tab-center { border-bottom-color: rgba(255, 255, 255, 0.2); } .uk-contrast .uk-tab-grid:before { border-top-color: rgba(255, 255, 255, 0.2); } .uk-contrast .uk-list-line > li:nth-child(n+2) { border-top-color: rgba(255, 255, 255, 0.2); } .uk-contrast .uk-form select, .uk-contrast .uk-form textarea, .uk-contrast .uk-form input:not([type]), .uk-contrast .uk-form input[type="text"], .uk-contrast .uk-form input[type="password"], .uk-contrast .uk-form input[type="datetime"], .uk-contrast .uk-form input[type="datetime-local"], .uk-contrast .uk-form input[type="date"], .uk-contrast .uk-form input[type="month"], .uk-contrast .uk-form input[type="time"], .uk-contrast .uk-form input[type="week"], .uk-contrast .uk-form input[type="number"], .uk-contrast .uk-form input[type="email"], .uk-contrast .uk-form input[type="url"], .uk-contrast .uk-form input[type="search"], .uk-contrast .uk-form input[type="tel"], .uk-contrast .uk-form input[type="color"] { border-color: rgba(255, 255, 255, 0.8); background: rgba(255, 255, 255, 0.8); color: #444444; background-clip: padding-box; } .uk-contrast .uk-form select:focus, .uk-contrast .uk-form textarea:focus, .uk-contrast .uk-form input:not([type]):focus, .uk-contrast .uk-form input[type="text"]:focus, .uk-contrast .uk-form input[type="password"]:focus, .uk-contrast .uk-form input[type="datetime"]:focus, .uk-contrast .uk-form input[type="datetime-local"]:focus, .uk-contrast .uk-form input[type="date"]:focus, .uk-contrast .uk-form input[type="month"]:focus, .uk-contrast .uk-form input[type="time"]:focus, .uk-contrast .uk-form input[type="week"]:focus, .uk-contrast .uk-form input[type="number"]:focus, .uk-contrast .uk-form input[type="email"]:focus, .uk-contrast .uk-form input[type="url"]:focus, .uk-contrast .uk-form input[type="search"]:focus, .uk-contrast .uk-form input[type="tel"]:focus, .uk-contrast .uk-form input[type="color"]:focus { border-color: #ffffff; background: #ffffff; color: #444444; } .uk-contrast .uk-form :-ms-input-placeholder { color: rgba(68, 68, 68, 0.7) !important; } .uk-contrast .uk-form ::-moz-placeholder { color: rgba(68, 68, 68, 0.7); } .uk-contrast .uk-form ::-webkit-input-placeholder { color: rgba(68, 68, 68, 0.7); } .uk-contrast .uk-button { color: #444444; background: #ffffff; } .uk-contrast .uk-button:hover, .uk-contrast .uk-button:focus { background-color: rgba(255, 255, 255, 0.8); color: #444444; } .uk-contrast .uk-button:active, .uk-contrast .uk-button.uk-active { background-color: rgba(255, 255, 255, 0.7); color: #444444; } .uk-contrast .uk-button-primary { background-color: #00a8e6; color: #ffffff; } .uk-contrast .uk-button-primary:hover, .uk-contrast .uk-button-primary:focus { background-color: #35b3ee; color: #ffffff; } .uk-contrast .uk-button-primary:active, .uk-contrast .uk-button-primary.uk-active { background-color: #0091ca; color: #ffffff; } .uk-contrast .uk-icon-hover { color: rgba(255, 255, 255, 0.7); } .uk-contrast .uk-icon-hover:hover { color: #ffffff; } .uk-contrast .uk-icon-button { background: #ffffff; color: #444444; } .uk-contrast .uk-icon-button:hover, .uk-contrast .uk-icon-button:focus { background-color: rgba(255, 255, 255, 0.8); color: #444444; } .uk-contrast .uk-icon-button:active { background-color: rgba(255, 255, 255, 0.7); color: #444444; } .uk-contrast .uk-text-muted { color: rgba(255, 255, 255, 0.6) !important; } .uk-contrast .uk-text-primary { color: #2d7091 !important; } /* ======================================================================== Component: Print ========================================================================== */ @media print { * { background: transparent !important; color: black !important; box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } }