#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-headerAsc{background-image:url(../../assets/tablesorter/images/asc.svg)}table.sortable thead th.tablesorter-headerDesc{background-image:url(../../assets/tablesorter/images/desc.svg)} /* Main Stylesheet: @copyright Copyright (c) 2012 rocksolidthemes.com @license http://rocksolidthemes.com/agb No free usage allowed */ /* =========================================== # Index: The structure of this stylesheet - Imports (normalize.css / Mixins) - Fonts - Basic settings (Sass only) - Colors (Sass only) - General styles - Button styles - Wrapper Elements - Elements in order of appearance in HTML - Content styles - Sidebar styles - Form styles - Content elements - Footer styles - Media queries - Grid (design + production helper) ======================================== */ /* 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; } /* open-sans-regular - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url('../../files/luxe/fonts/open-sans-v27-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/luxe/fonts/open-sans-v27-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/luxe/fonts/open-sans-v27-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/luxe/fonts/open-sans-v27-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../../files/luxe/fonts/open-sans-v27-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/luxe/fonts/open-sans-v27-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-800 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 800; src: url('../../files/luxe/fonts/open-sans-v27-latin-800.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/luxe/fonts/open-sans-v27-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/luxe/fonts/open-sans-v27-latin-800.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/luxe/fonts/open-sans-v27-latin-800.woff') format('woff'), /* Modern Browsers */ url('../../files/luxe/fonts/open-sans-v27-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/luxe/fonts/open-sans-v27-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* ============================================================================= Links ========================================================================== */ /* Addresses outline displayed oddly in Chrome */ a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */ /* ============================================================================= Typography ========================================================================== */ /* Addresses font sizes and margins set differently in IE6/7 Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5 */ h1 { font-size: 2em; margin: 0.67em 0; } h2 { font-size: 1.5em; margin: 0.83em 0; } h3 { font-size: 1.17em; margin: 1em 0; } h4 { font-size: 1em; margin: 1.33em 0; } h5 { font-size: 0.83em; margin: 1.67em 0; } h6 { font-size: 0.75em; margin: 2.33em 0; } /* Addresses styling not present in IE7/8/9, S5, Chrome */ abbr[title] { border-bottom: 1px dotted; } /* Addresses style set to 'bolder' in FF3+, S4/5, Chrome */ b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } /* Addresses styling not present in S5, Chrome */ dfn { font-style: italic; } /* Addresses styling not present in IE6/7/8/9 */ mark { background: yellow; color: black; } /* Addresses margins set differently in IE6/7 */ p { margin: 1em 0; } pre { margin: 1em 0; font-family: monospace, serif; _font-family: "courier new", monospace; font-size: 1em; } /* Corrects font family set oddly in IE6, S4/5, Chrome en.wikipedia.org/wiki/User:Davidgothberg/Test59 */ code, kbd, samp { font-family: monospace, serif; _font-family: "courier new", monospace; font-size: 1em; } /* Improves readability of pre-formatted text in all browsers */ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } /* 1. Addresses CSS quotes not supported in IE6/7 2. Addresses quote property not supported in S4 */ /* 1 */ q { quotes: none; } q:before, q:after { content: ""; content: none; } /* 2 */ small { font-size: 75%; } /* Prevents sub and sup affecting line-height in all browsers gist.github.com/413930 */ sub { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; top: -0.25em; } sub { bottom: -0.2em; } /* ============================================================================= Lists ========================================================================== */ /* Addresses margins set differently in IE6/7 */ dl, menu, ol, ul { margin: 1em 0; } dd { margin: 0 0 0 40px; } /* Addresses paddings set differently in IE6/7 */ menu, ol, ul { padding: 0 0 0 40px; } /* Corrects list images handled incorrectly in IE7 */ nav ul, nav ol { list-style: none; list-style-image: none; } /* ============================================================================= Embedded content ========================================================================== */ /* 1. Removes border when inside 'a' element in IE6/7/8/9, FF3 2. Improves image quality when scaled in IE7 code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */ img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ } /* Corrects overflow displayed oddly in IE9 */ svg:not(:root) { overflow: hidden; } /* ============================================================================= Figures ========================================================================== */ /* Addresses margin not present in IE6/7/8/9, S5, O11 */ figure, form { margin: 0; } /* ============================================================================= Forms ========================================================================== */ /* Corrects margin displayed oddly in IE6/7 */ /* Define consistent border, margin, and padding */ fieldset { border: 1px solid silver; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /* 1. Corrects color not being inherited in IE6/7/8/9 2. Corrects text not wrapping in FF3 3. Corrects alignment displayed oddly in IE6/7 */ legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ *margin-left: -7px; /* 3 */ } /* 1. Corrects font size not being inherited in all browsers 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome 3. Improves appearance and consistency in all browsers */ button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ } /* Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet */ button, input { line-height: normal; /* 1 */ } /* 1. Improves usability and consistency of cursor style between image-type 'input' and others 2. Corrects inability to style clickable 'input' types in iOS 3. Removes inner spacing in IE7 without affecting normal text inputs Known issue: inner spacing remains in IE6 */ button { cursor: pointer; /* 1 */ -webkit-appearance: button; /* 2 */ *overflow: visible; /* 3 */ } input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; /* 1 */ -webkit-appearance: button; /* 2 */ *overflow: visible; /* 3 */ } /* Re-set default cursor for disabled elements */ button[disabled] { cursor: default; } input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */ } input[type="search"] { -webkit-appearance: textfield; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } /* 1. Addresses box sizing set to content-box in IE8/9 2. Removes excess padding in IE8/9 3. Removes excess padding in IE7 Known issue: excess padding remains in IE6 */ /* 1. Addresses appearance set to searchfield in S5, Chrome 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof) */ /* Removes inner padding and search cancel button in S5, Chrome on OS X */ /* Removes inner padding and border in FF3+ www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* 1. Removes default vertical scrollbar in IE6/7/8/9 2. Improves readability and alignment in all browsers */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /* ============================================================================= Tables ========================================================================== */ /* Remove most spacing between table cells */ table { border-collapse: collapse; border-spacing: 0; } /* =========================================== Fonts ======================================== */ @font-face { font-family: "RockSolid Icons"; src: url('../../files/luxe/fonts/rocksolid-icons.eot'); src: url('../../files/luxe/fonts/rocksolid-icons.eot?#iefix') format('eot'), url('../../files/luxe/fonts/rocksolid-icons.woff') format('woff'), url('../../files/luxe/fonts/rocksolid-icons.ttf') format('truetype'), url('../../files/luxe/fonts/rocksolid-icons.svg') format('svg'); font-weight: normal; font-style: normal; } /* =========================================== General styles ======================================== */ html { position: relative; /* IE8 iframe bugfix */ /* http://stackoverflow.com/a/795681 */ position: static\9; } body { font: 15px/1.4 "Open Sans", sans-serif; color: #1e2022; background: white none 50% 0 no-repeat scroll; background-size: auto; } @media screen and (max-width: 599px) { body { font-size: 13px; } } body.background-variation-1 { background: url('../../files/luxe/img/pattern.png'); } body.background-variation-1 .page { background: white; } body.background-variation-1 .page-footer { background: url('../../files/luxe/img/pattern.png'); } body.background-variation-1 .page-footer-inner { background: #44464b; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: #008b9d; } .rs-columns { clear: both; display: inline-block; width: 100%; } .rs-column { float: left; width: 100%; margin-top: 7.69231%; margin-right: 7.69231%; } .rs-column.-large-first { clear: left; } .rs-column.-large-last { margin-right: -5px; } .rs-column.-large-first-row { margin-top: 0; } .rs-column.-large-col-1-1 { width: 100%; } .rs-column.-large-col-2-1 { width: 46.15385%; } .rs-column.-large-col-2-2 { width: 100%; } .rs-column.-large-col-3-1 { width: 28.20513%; } .rs-column.-large-col-3-2 { width: 64.10256%; } .rs-column.-large-col-3-3 { width: 100%; } .rs-column.-large-col-4-1 { width: 19.23077%; } .rs-column.-large-col-4-2 { width: 46.15385%; } .rs-column.-large-col-4-3 { width: 73.07692%; } .rs-column.-large-col-4-4 { width: 100%; } .rs-column.-large-col-5-1 { width: 13.84615%; } .rs-column.-large-col-5-2 { width: 35.38462%; } .rs-column.-large-col-5-3 { width: 56.92308%; } .rs-column.-large-col-5-4 { width: 78.46154%; } .rs-column.-large-col-5-5 { width: 100%; } .rs-column.-large-col-6-1 { width: 10.25641%; } .rs-column.-large-col-6-2 { width: 28.20513%; } .rs-column.-large-col-6-3 { width: 46.15385%; } .rs-column.-large-col-6-4 { width: 64.10256%; } .rs-column.-large-col-6-5 { width: 82.05128%; } .rs-column.-large-col-6-6 { width: 100%; } .luxe-fullwidth .rs-column { margin-top: 4.34783%; margin-right: 4.34783%; } .luxe-fullwidth .rs-column.-large-last { margin-right: -5px; } .luxe-fullwidth .rs-column.-large-first-row { margin-top: 0; } .luxe-fullwidth .rs-column.-large-col-1-1 { width: 100%; } .luxe-fullwidth .rs-column.-large-col-2-1 { width: 47.82609%; } .luxe-fullwidth .rs-column.-large-col-2-2 { width: 100%; } .luxe-fullwidth .rs-column.-large-col-3-1 { width: 30.43478%; } .luxe-fullwidth .rs-column.-large-col-3-2 { width: 65.21739%; } .luxe-fullwidth .rs-column.-large-col-3-3 { width: 100%; } .luxe-fullwidth .rs-column.-large-col-4-1 { width: 21.73913%; } .luxe-fullwidth .rs-column.-large-col-4-2 { width: 47.82609%; } .luxe-fullwidth .rs-column.-large-col-4-3 { width: 73.91304%; } .luxe-fullwidth .rs-column.-large-col-4-4 { width: 100%; } .luxe-fullwidth .rs-column.-large-col-5-1 { width: 16.52174%; } .luxe-fullwidth .rs-column.-large-col-5-2 { width: 37.3913%; } .luxe-fullwidth .rs-column.-large-col-5-3 { width: 58.26087%; } .luxe-fullwidth .rs-column.-large-col-5-4 { width: 79.13043%; } .luxe-fullwidth .rs-column.-large-col-5-5 { width: 100.0%; } .luxe-fullwidth .rs-column.-large-col-6-1 { width: 13.04348%; } .luxe-fullwidth .rs-column.-large-col-6-2 { width: 30.43478%; } .luxe-fullwidth .rs-column.-large-col-6-3 { width: 47.82609%; } .luxe-fullwidth .rs-column.-large-col-6-4 { width: 65.21739%; } .luxe-fullwidth .rs-column.-large-col-6-5 { width: 82.6087%; } .luxe-fullwidth .rs-column.-large-col-6-6 { width: 100.0%; } @media screen and (max-width: 900px) { .rs-column, .luxe-fullwidth .rs-column { margin-top: 7.69231%; margin-right: 7.69231%; } .rs-column.-large-first, .luxe-fullwidth .rs-column.-large-first { clear: none; } .rs-column.-large-last, .luxe-fullwidth .rs-column.-large-last { margin-right: 7.69231%; } .rs-column.-large-first-row, .luxe-fullwidth .rs-column.-large-first-row { margin-top: 7.69231%; } .rs-column.-medium-first, .luxe-fullwidth .rs-column.-medium-first { clear: left; } .rs-column.-medium-last, .luxe-fullwidth .rs-column.-medium-last { margin-right: -5px; } .rs-column.-medium-first-row, .luxe-fullwidth .rs-column.-medium-first-row { margin-top: 0; } .rs-column.-medium-col-1-1, .luxe-fullwidth .rs-column.-medium-col-1-1 { width: 100%; } .rs-column.-medium-col-2-1, .luxe-fullwidth .rs-column.-medium-col-2-1 { width: 46.15385%; } .rs-column.-medium-col-2-2, .luxe-fullwidth .rs-column.-medium-col-2-2 { width: 100%; } .rs-column.-medium-col-3-1, .luxe-fullwidth .rs-column.-medium-col-3-1 { width: 28.20513%; } .rs-column.-medium-col-3-2, .luxe-fullwidth .rs-column.-medium-col-3-2 { width: 64.10256%; } .rs-column.-medium-col-3-3, .luxe-fullwidth .rs-column.-medium-col-3-3 { width: 100%; } .rs-column.-medium-col-4-1, .luxe-fullwidth .rs-column.-medium-col-4-1 { width: 19.23077%; } .rs-column.-medium-col-4-2, .luxe-fullwidth .rs-column.-medium-col-4-2 { width: 46.15385%; } .rs-column.-medium-col-4-3, .luxe-fullwidth .rs-column.-medium-col-4-3 { width: 73.07692%; } .rs-column.-medium-col-4-4, .luxe-fullwidth .rs-column.-medium-col-4-4 { width: 100%; } .rs-column.-medium-col-5-1, .luxe-fullwidth .rs-column.-medium-col-5-1 { width: 13.84615%; } .rs-column.-medium-col-5-2, .luxe-fullwidth .rs-column.-medium-col-5-2 { width: 35.38462%; } .rs-column.-medium-col-5-3, .luxe-fullwidth .rs-column.-medium-col-5-3 { width: 56.92308%; } .rs-column.-medium-col-5-4, .luxe-fullwidth .rs-column.-medium-col-5-4 { width: 78.46154%; } .rs-column.-medium-col-5-5, .luxe-fullwidth .rs-column.-medium-col-5-5 { width: 100%; } .rs-column.-medium-col-6-1, .luxe-fullwidth .rs-column.-medium-col-6-1 { width: 10.25641%; } .rs-column.-medium-col-6-2, .luxe-fullwidth .rs-column.-medium-col-6-2 { width: 28.20513%; } .rs-column.-medium-col-6-3, .luxe-fullwidth .rs-column.-medium-col-6-3 { width: 46.15385%; } .rs-column.-medium-col-6-4, .luxe-fullwidth .rs-column.-medium-col-6-4 { width: 64.10256%; } .rs-column.-medium-col-6-5, .luxe-fullwidth .rs-column.-medium-col-6-5 { width: 82.05128%; } .rs-column.-medium-col-6-6, .luxe-fullwidth .rs-column.-medium-col-6-6 { width: 100%; } } @media screen and (max-width: 599px) { .rs-column, .luxe-fullwidth .rs-column { margin-right: 7.69231%; } .rs-column.-medium-first, .luxe-fullwidth .rs-column.-medium-first { clear: none; } .rs-column.-medium-last, .luxe-fullwidth .rs-column.-medium-last { margin-right: 7.69231%; } .rs-column.-medium-first-row, .luxe-fullwidth .rs-column.-medium-first-row { margin-top: 7.69231%; } .rs-column.-small-first, .luxe-fullwidth .rs-column.-small-first { clear: left; } .rs-column.-small-last, .luxe-fullwidth .rs-column.-small-last { margin-right: -5px; } .rs-column.-small-first-row, .luxe-fullwidth .rs-column.-small-first-row { margin-top: 0; } .rs-column.-small-col-1-1, .luxe-fullwidth .rs-column.-small-col-1-1 { width: 100%; } .rs-column.-small-col-2-1, .luxe-fullwidth .rs-column.-small-col-2-1 { width: 46.15385%; } .rs-column.-small-col-2-2, .luxe-fullwidth .rs-column.-small-col-2-2 { width: 100%; } .rs-column.-small-col-3-1, .luxe-fullwidth .rs-column.-small-col-3-1 { width: 28.20513%; } .rs-column.-small-col-3-2, .luxe-fullwidth .rs-column.-small-col-3-2 { width: 64.10256%; } .rs-column.-small-col-3-3, .luxe-fullwidth .rs-column.-small-col-3-3 { width: 100%; } .rs-column.-small-col-4-1, .luxe-fullwidth .rs-column.-small-col-4-1 { width: 19.23077%; } .rs-column.-small-col-4-2, .luxe-fullwidth .rs-column.-small-col-4-2 { width: 46.15385%; } .rs-column.-small-col-4-3, .luxe-fullwidth .rs-column.-small-col-4-3 { width: 73.07692%; } .rs-column.-small-col-4-4, .luxe-fullwidth .rs-column.-small-col-4-4 { width: 100%; } .rs-column.-small-col-5-1, .luxe-fullwidth .rs-column.-small-col-5-1 { width: 13.84615%; } .rs-column.-small-col-5-2, .luxe-fullwidth .rs-column.-small-col-5-2 { width: 35.38462%; } .rs-column.-small-col-5-3, .luxe-fullwidth .rs-column.-small-col-5-3 { width: 56.92308%; } .rs-column.-small-col-5-4, .luxe-fullwidth .rs-column.-small-col-5-4 { width: 78.46154%; } .rs-column.-small-col-5-5, .luxe-fullwidth .rs-column.-small-col-5-5 { width: 100%; } .rs-column.-small-col-6-1, .luxe-fullwidth .rs-column.-small-col-6-1 { width: 10.25641%; } .rs-column.-small-col-6-2, .luxe-fullwidth .rs-column.-small-col-6-2 { width: 28.20513%; } .rs-column.-small-col-6-3, .luxe-fullwidth .rs-column.-small-col-6-3 { width: 46.15385%; } .rs-column.-small-col-6-4, .luxe-fullwidth .rs-column.-small-col-6-4 { width: 64.10256%; } .rs-column.-small-col-6-5, .luxe-fullwidth .rs-column.-small-col-6-5 { width: 82.05128%; } .rs-column.-small-col-6-6, .luxe-fullwidth .rs-column.-small-col-6-6 { width: 100%; } } ::selection { background: #008b9d; color: white; text-shadow: none !important; } ::-moz-selection { background: #008b9d; color: white; text-shadow: none !important; } button, input, select, textarea { outline: none; font-family: inherit; } table { width: 100%; border-collapse: collapse; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.12); box-shadow: 0 0 5px rgba(0, 0, 0, 0.12); } table th, table td { border: 1px solid #eeeeee; } table th { padding: 0.66667em 1em; font-weight: bold; text-align: left; } table td { padding: 0.76923em 1.15385em; font-size: 0.86667em; color: #5a5d63; } table thead tr { background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.03))); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.03)); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.03)); background: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.03)); background: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.03)); } table tfoot tr { background-color: #f9f9f9; } a { color: #008b9d; text-decoration: underline; } a:hover, a:focus { text-decoration: none; } a:hover, a:active { outline: 0; } a[target="_blank"]:after { font: 0.86667em/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.26667em; } /* Icon attribute */ *[data-icon]:before { 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-right: 0.26667em; } *[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.26667em; } .clear { clear: both; } hr { clear: both; height: 1px; overflow: visible; margin: 1.6em 0; border: 0; background: #c2c6cc; } .confirmation { color: #008b9d; } .information { color: #42efff; } .warning { color: #793200; } p.confirmation, p.information, p.warning, div.confirmation, div.information, div.warning { position: relative; padding: 0.66667em 0 0.66667em 3.33333em; color: #006f7d; } p.confirmation:before, p.information:before, p.warning:before, div.confirmation:before, div.information:before, div.warning:before { font: 1.73333em/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; left: 0.30769em; top: 1.06667em; margin-top: -0.5em; } p.information, div.information { border-color: #42efff; color: #34bfcc; } p.information:before, div.information:before { content: "\e0a6"; left: 0.46154em; } p.warning, div.warning { border-color: #793200; color: #602800; } p.warning:before, div.warning:before { content: "\e144"; } p.drop-cap:first-letter, span.drop-cap { float: left; margin: 0.12em 0.12em -0.2em 0; font-size: 3.33333em; line-height: 0.7; color: #008b9d; } p.drop-cap:first-letter { /* IE8 and IE9 calculate em's from the parent element */ margin: 0.4em 0.4em -0.66667em 0 \0/; } code { padding: 0.14286em 0.35714em; font-family: "Lucida Console", monospace; font-size: 0.93333em; line-height: 1.35714; background-color: #eeeeee; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } pre { margin: 1.71429em 0; padding: 0 0.42857em; display: block; overflow: auto; font-family: "Lucida Console", monospace; font-size: 0.93333em; line-height: 1.71429; color: white; background: #44464b; } pre code { font-size: 1em; padding: 0; line-height: inherit; background-color: transparent; } /* =========================================== Button styles ======================================== */ button, .button, .button-secondary, input[type="submit"], input[type="reset"], input[type="button"] { position: relative; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: inline-block; padding: 0.8em 1.33333em; border: 1px solid; border-color: #ffe500; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; font-weight: bold; color: #393938; text-align: center; text-decoration: none; text-shadow: none; background: #ffe500; } button:hover, button:focus, .button:hover, .button-secondary:hover, .button:focus, .button-secondary: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 { text-decoration: none; background: #ffe500; } button:active, .button:active, .button-secondary:active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active { -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3), inset 1px 0 rgba(0, 0, 0, 0.05), inset -1px 0 rgba(0, 0, 0, 0.05), 0 0 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3), inset 1px 0 rgba(0, 0, 0, 0.05), inset -1px 0 rgba(0, 0, 0, 0.05), 0 0 5px rgba(0, 0, 0, 0.1); box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3), inset 1px 0 rgba(0, 0, 0, 0.05), inset -1px 0 rgba(0, 0, 0, 0.05), 0 0 5px rgba(0, 0, 0, 0.1); } .button-secondary { padding: 0.4em 0.8em; border-color: #eaeaea #d8d8d8 #d1d1d1; font-weight: normal; color: #5a5d63; text-shadow: none; background: #f7f7f7; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(50%, #ffffff), color-stop(100%, #eaeaea)); background: -webkit-linear-gradient(#ffffff, #ffffff 50%, #eaeaea); background: -moz-linear-gradient(#ffffff, #ffffff 50%, #eaeaea); background: -o-linear-gradient(#ffffff, #ffffff 50%, #eaeaea); background: linear-gradient(#ffffff, #ffffff 50%, #eaeaea); } .button-secondary:hover, .button-secondary:focus { border-color: #e0e0e0 #cecece #c9c9c9; background: #c5c5c5; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(50%, #fcfcfc), color-stop(100%, #e5e5e5)); background: -webkit-linear-gradient(#ffffff, #fcfcfc 50%, #e5e5e5); background: -moz-linear-gradient(#ffffff, #fcfcfc 50%, #e5e5e5); background: -o-linear-gradient(#ffffff, #fcfcfc 50%, #e5e5e5); background: linear-gradient(#ffffff, #fcfcfc 50%, #e5e5e5); } .button-secondary:active { -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); } /* =========================================== Wrapper Elements ======================================== */ .page, .page-footer-inner { max-width: 1100px; margin: 0 auto; } .page-wrapper { background: url("../../files/luxe/img/trenner.png") repeat-x 0 32px; } /* Main wrapper */ .page { zoom: 1; position: relative; padding-bottom: 2.66667em; } .page:before { content: ""; display: table; } .page:after { content: ""; display: table; clear: both; } /* =========================================== Elements in order of appearance in HTML ======================================== */ .page-header { zoom: 1; position: relative; z-index: 50; margin: 0 4%; padding: 0 0 15px; } .page-header:before { content: ""; display: table; } .page-header:after { content: ""; display: table; clear: both; } @media screen and (max-width: 900px) { .page-header { margin-right: 6.66667%; margin-left: 6.66667%; height: 200px;} } .logo { margin: 29px 0 -13px 0; text-align: right; height: 95px;} @media screen and (max-width: 599px) { .logo { margin-top: 38px }} .logo img { display: block; width: auto; height: 95px; } @media screen and (max-width: 599px) { .logo img { margin-top: 0px; height: 100%; } } .logo div { height: 160px; background: url(../../files/luxe/img/schriftzug.svg) no-repeat top right; font-size: 0.625em; font-weight: normal; margin-top: -90px; line-height: 1.2;} @media screen and (max-width: 599px) {.logo div { height: 40px; background: url(../../files/luxe/img/schriftzug_mobil.svg) no-repeat bottom center; background-size: contain; margin-top: 0px; } } .logo span { display: block; visibility: hidden; margin-bottom: 0.5em; } @media screen and (max-width: 599px) { .logo span { float: left; margin-right: 2em; visibility: visible; } } .logo i { display: block; font-style: normal; font-size: 0.6em; color: #999; } @media screen and (max-width: 599px) { .logo .sw { float: right !important; margin-right: 0 !important; } } .header-bar { zoom: 1; font-size: 0.86667em; text-align: right; padding-top: 0.75em; color: #5a5d63; } .header-bar:before { content: ""; display: table; } .header-bar:after { content: ""; display: table; clear: both; } .main-navigation { margin: 30px 0 0; border-top: 1px solid #eeeeee; padding-top: 0; text-transform: uppercase; background-color: #ffe502; } @media screen and (max-width: 900px) { .main-navigation { clear: both; padding-top: 1.33333em; text-align: left; } } @media screen and (max-width: 900px) { .main-navigation { display: none; } } .main-navigation ul { display: inline; margin: 0; padding: 0; } .main-navigation li { position: relative; display: inline-block; margin-right: -1.06667em; margin-left: 1.73333em; } .main-navigation li.first { margin-left: 0; } .main-navigation > ul > li > a { position: relative; display: block; z-index: 3; padding: 0.85714em 1.14286em; font-family: "Open Sans", sans-serif; font-size: 0.93333em; color: #1e2022; text-decoration: none; } .main-navigation > ul > li > a:hover, .main-navigation > ul > li > a:focus { color: #1e2022; border-top: 1px solid #1e2022; } .main-navigation > ul > li.active > a, .main-navigation > ul > li.trail > a { color: #1e2022; border-top: 1px solid #1e2022; font-weight: bold; } .main-navigation > ul > li.has-children:before { content: ""; position: absolute; left: 1.06667em; right: 1.06667em; bottom: 0; display: none; z-index: 2; height: 3px; background: #008b9d; } .main-navigation > ul > li > ul { position: absolute; left: 0; top: 100%; z-index: 1; overflow: hidden; min-width: 100%; max-height: 0; margin-top: -2px; padding: 0; border: 1px solid #eeeeee; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; text-align: left; white-space: nowrap; background: white; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px 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; -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 > ul > li > ul li { display: inline; margin: 0; } .main-navigation > ul > li > ul a { position: relative; display: block; padding: 0.38462em 1em 0.38462em 0; border-top: 1px solid #eeeeee; font-size: 0.86667em; color: #5a5d63; text-decoration: none; } .main-navigation > ul > li > ul a:hover, .main-navigation > ul > li > ul a:focus { color: #008b9d; } .main-navigation > ul > li > ul > li:first-child > a { border-top: 0; } .main-navigation > ul > li > ul li.active > a { color: #008b9d; } .main-navigation > ul > li > ul ul a { padding-left: 0.76923em; border-top: 0; } .main-navigation > ul > li > ul ul ul a { margin-left: 1.33333em; } .main-navigation > ul > li:hover { z-index: 5; } .main-navigation > ul > li:hover > ul { max-height: 9999px; padding: 1em; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; } .main-navigation > ul > li.has-children:hover:before { /* change generated content to avoid IE8 ghost pseudo elements */ content: " "; display: block; } .main-navigation > ul > li:last-child > ul, .main-navigation > ul > li.last > ul { left: auto; right: 0; } @media screen and (max-width: 900px) { .main-navigation > ul > li:last-child > ul, .main-navigation > ul > li.last > ul { left: 0; right: auto; } } .invisible { display: none; } .main-navigation-mobile-open { position: absolute; top: 16px; left: 6.66667%; width: 44px; height: 39px; margin: -20px 0 0 -11px; padding: 11px; display: none; z-index: 200; text-indent: -99em; line-height: 0; } .main-navigation-mobile-open:after { content: ""; display: block; height: 3px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; background: #008b9da8; -webkit-box-shadow: 0 7px #008b9da8, 0 14px #008b9da8; -moz-box-shadow: 0 7px #008b9da8, 0 14px #1e2022; box-shadow: 0 7px #1e2022, 0 14px #1e2022; } @media screen and (max-width: 900px) { .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; -webkit-box-shadow: none !important; -moz-box-shadow: 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; color: white; background: #008b9da8; } @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; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); 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: #008b9da8; -webkit-box-shadow: inset 0 40px 40px -20px rgba(0, 0, 0, 0.04), inset 0 -40px 40px -20px rgba(0, 0, 0, 0.04); -moz-box-shadow: inset 0 40px 40px -20px rgba(0, 0, 0, 0.04), inset 0 -40px 40px -20px rgba(0, 0, 0, 0.04); 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 a, .main-navigation-mobile span.active, .main-navigation-mobile span.trail { display: block; padding: 0.69231em 1em 0.61538em; border-bottom: 1px solid black; color: inherit; background-color: #008b9da8; -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -moz-box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); 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: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 { outline: none; text-decoration: none; background-color: #121314; -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 { font-weight: bold; } .main-navigation-mobile a.active, .main-navigation-mobile span.active { background-color: #008b9da8; -webkit-box-shadow: inset 0 0 5px #1e2022; -moz-box-shadow: inset 0 0 5px #1e2022; box-shadow: inset 0 0 5px #1e2022; } .main-navigation-mobile li li a, .main-navigation-mobile li li span.active, .main-navigation-mobile li li span.trail { padding-left: 2em; } .main-navigation-mobile li li li a, .main-navigation-mobile li li li span.active, .main-navigation-mobile li li li span.trail { padding-left: 3em; } .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 { padding-left: 4em; } .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 { padding-left: 5em; } .main-navigation-mobile .main-navigation-mobile-expand { position: absolute; top: 0; right: 0; overflow: hidden; margin: 0; padding: 0.61538em 1em; border: solid transparent; border-width: 0.23077em 0; -webkit-box-shadow: inset 1px 0 #333333; -moz-box-shadow: inset 1px 0 #333333; box-shadow: inset 1px 0 #333333; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; 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.23077em/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"; } .content-wrapper { zoom: 1; } .content-wrapper:before { content: ""; display: table; } .content-wrapper:after { content: ""; display: table; clear: both; } .home .content-wrapper { margin-top: -3%; } .tag-line { margin: 0 4% 1em; padding: 2em 1.14286em; background-color: #eeeeee; } @media screen and (max-width: 900px) { .tag-line { margin-right: 6.66667%; margin-left: 6.66667%; } } .tag-line h1, .tag-line h2 { margin: 0; font-weight: normal; } .tag-line h1 { font-size: 1.6em; } .tag-line h2 { font-size: 1.06667em; } .tag-line img { display: block; width: 100%; height: auto; margin: 2em 0; } @media screen and (max-width: 900px) { .tag-line img { width: 115.38462%; margin-right: -7.69231%; margin-left: -7.69231%; } } .tag-line > img:first-child { margin-top: -2em; } .tag-line > img:last-child { margin-bottom: -2em; } .tag-line .rsts-main { margin: 2em 0; } .tag-line .rsts-slide img { margin: 0; } /* =========================================== Content styles ======================================== */ .main-content { float: right; width: 52%; margin: 0 12% 0 0; } .luxe-fullwidth .main-content { float: none; width: auto; margin-left: 4%; margin-right: 4%; } .luxe-sidebar-right .main-content { float: left; margin-right: 0; margin-left: 8%; } @media screen and (max-width: 900px) { .main-content, .luxe-fullwidth .main-content, .luxe-sidebar-right .main-content { float: none; width: auto; margin-right: 6.66667%; margin-left: 6.66667%; } } .main-content p, .main-content ul, .main-content ol, .main-content table, .main-content form, .main-content fieldset { margin-top: 0; margin-bottom: 1.2em; } .main-content h1, .main-content h2, .main-content h3, .main-content h4, .main-content h5, .main-content h6 { margin-top: 0.75em; margin-bottom: 0.3em; font-family: "Open Sans", sans-serif; font-weight: normal; line-height: 1.4; color: #1e2022; } .main-content h1 { margin-top: 1em; margin-bottom: 0.66667em; font-size: 2.4em; font-family: "Open Sans", sans-serif; line-height: 1.25; color: #008b9d; } @media screen and (max-width: 599px) { .main-content h1 { font-size: 1.71429em; } } .main-content h2 { font-size: 1.86667em; } .main-content h3 { font-size: 1.6em; } .main-content h4 { font-size: 1.4em; } .main-content h5 { font-size: 1.2em; } .main-content h6 { font-size: 1em; } .main-content h2 + p, .main-content h2 + ul, .main-content h2 + ol, .main-content h2 + blockquote, .main-content h3 + p, .main-content h3 + ul, .main-content h3 + ol, .main-content h3 + blockquote, .main-content h4 + p, .main-content h4 + ul, .main-content h4 + ol, .main-content h4 + blockquote, .main-content h5 + p, .main-content h5 + ul, .main-content h5 + ol, .main-content h5 + blockquote, .main-content h6 + p, .main-content h6 + ul, .main-content h6 + ol, .main-content h6 + blockquote { margin-top: 0; } .main-content ul, .main-content ol { padding-left: 7.69231%; } .main-content ul li[data-icon], .main-content ol li[data-icon] { list-style: none; } .main-content ul li[data-icon]:before, .main-content ol li[data-icon]:before { left: -1.4em; width: 0; } .main-content ul { list-style: disc; } .main-content ul ul { margin-top: 0; } .main-content ol { list-style: decimal; } .main-content ol ol, .main-content ol ul { margin-top: 0; } .main-content ol ol { 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.66667em 0; font-family: "Open Sans", sans-serif; font-size: 1.6em; } @media screen and (max-width: 599px) { .main-content blockquote { font-size: 1.28571em; } } .main-content blockquote p { margin-top: 0.5em; margin-bottom: 0.5em; } .main-content blockquote:before { content: "\201e"; display: block; width: 0.58333em; height: 0.83333em; padding: 0 0 0 0.25em; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; font-size: 2em; line-height: 0.2; color: white; background: #008b9d; } .main-content blockquote small, .main-content blockquote i, .main-content blockquote em { display: block; margin-top: 0.33333em; font-family: "Open Sans", sans-serif; font-size: 0.75em; font-style: normal; color: #5a5d63; } .main-content blockquote small:before, .main-content blockquote i:before, .main-content blockquote em:before { content: "– "; } .main-content img { max-width: 100%; height: auto; } .ce_accordion h1 { font-size: 1.86667em; } .ce_accordion h2 { font-size: 1.6em; } .ce_accordion h3 { font-size: 1.4em; } .ce_accordion { border: 1px solid #eeeeee; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.12); box-shadow: 0 0 5px rgba(0, 0, 0, 0.12); } .ce_accordion .accordion { position: relative; overflow: hidden; padding: 1.06667em 3.84615% 0.8em; min-height: 388px; -webkit-box-shadow: inset 0 5px 5px -5px rgba(0, 0, 0, 0.12); -moz-box-shadow: inset 0 5px 5px -5px rgba(0, 0, 0, 0.12); box-shadow: inset 0 5px 5px -5px rgba(0, 0, 0, 0.12); } .ce_accordion .accordion:before { content: ""; position: absolute; top: -50px; left: 5%; z-index: -1; width: 90%; height: 50px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); } .ce_accordion .toggler { position: relative; margin: -1px; padding: 0.66667em 11.53846% 0.66667em 3.84615%; border: 1px solid #eeeeee; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; outline: none; color: #fff; background: #008b9d; cursor: pointer; } .ce_accordion .toggler:after { font: 1.33333em/1 "RockSolid Icons"; content: "\e00b"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; top: 0.6em; right: 3.84615%; width: 1em; height: 1em; padding-left: 0.05em; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; color: #999; background: #fff; } .ce_accordion .toggler.active:after, .ce_accordion .toggler:hover:after { content: "\e009"; padding: 0.05em 0 0; } .ce_accordion + .ce_accordion { margin-top: -3px; } /* =========================================== Sidebar styles ======================================== */ .sidebar { position: relative; float: left; width: 28.0%; margin: 0; padding: 0 0 0 4%; } @media screen and (max-width: 900px) { .sidebar { clear: both; float: none; width: auto; padding: 0; } } @media screen and (max-width: 599px) { .sidebar { margin: 0 6.66667%; } } .luxe-sidebar-right .sidebar { float: right; } @media screen and (max-width: 900px) { .luxe-sidebar-right .sidebar { float: none; } } .sidebar .widget { margin: 1.33333em 0; } @media screen and (max-width: 900px) { .sidebar .widget { float: left; width: 40%; margin: 6.66667% 0 0 6.66667%; } } @media screen and (max-width: 599px) { .sidebar .widget { float: none; width: auto; margin-left: 0; } } .sidebar h1, .sidebar h2, .sidebar h3 { margin: 1em 0 0.5em; } .sidebar h1 { font-size: 1.33333em; color: #008b9d; } .sidebar h2 { font-size: 1.13333em; } .sidebar h3 { font-size: 1em; } .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; } @media screen and (max-width: 900px) { .sidebar .sub-navigation { float: left; width: 40%; margin: 6.66667% 0 0 6.66667%; } } @media screen and (max-width: 599px) { .sidebar .sub-navigation { display: none; } } .sub-navigation h1 { margin: 1.9em 0 1.2em; font-size: 1.2em; } .sub-navigation h1 a { display: block; margin: 2.91667em 0 1.25em; font-weight: bold; letter-spacing: 1px; color: #008b9d; text-decoration: none; text-transform: uppercase; } .sub-navigation h1 a:hover, .sub-navigation h1 a:focus { text-decoration: underline; } .sub-navigation ul { margin: 0; padding: 0; } .sub-navigation ul li { display: inline; } .sub-navigation ul a { display: block; padding: 0.61538em 0; font-size: 0.86667em; color: #5a5d63; text-decoration: none; } .sub-navigation ul a:hover, .sub-navigation ul a:focus { color: #008b9d; } .sub-navigation ul ul a { padding-top: 0; padding-left: 0; } .sub-navigation ul ul ul a { padding-left: 0; } .sub-navigation ul li.active > a { color: #008b9d; } /* =========================================== Form styles ======================================== */ form h1, form h2, form h3, form h4, form h5, form h6 { clear: both; } form p { position: relative; margin: 1.33333em 0; } form p b.error { display: block; color: #793200; } form input, form textarea { padding: 0.8em 1em; line-height: normal; border: 1px solid #c2c6cc; outline: none; color: inherit; background: #f9f9f9; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.02))); 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)); -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.15); box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.15); -webkit-transition: border 0.2s; -moz-transition: border 0.2s; -o-transition: border 0.2s; transition: border 0.2s; } form input::-webkit-input-placeholder, form textarea::-webkit-input-placeholder { /* multiple rules, because user agents are required to ignore a rule with an unknown selector */ color: #5a5d63; } form input:-moz-placeholder, form textarea:-moz-placeholder { color: #5a5d63; } form input:-ms-input-placeholder, form textarea:-ms-input-placeholder { color: #5a5d63; } form input::placeholder, form textarea::placeholder { color: #5a5d63; } form input:hover, form textarea:hover { border-color: #9b9ea3; } form input:focus, form textarea:focus { border-color: #008b9d; } form textarea { height: 200px; resize: vertical; line-height: 1.5; } form fieldset { margin: 1.33333em 0; border: 1px solid #c2c6cc; } form fieldset legend { padding: 0 0.33333em; } form input[type="checkbox"], form input[type="radio"], form input[type="image"] { width: auto !important; height: auto !important; margin: 0; padding: 0; border: 0; } form input[type="checkbox"] { vertical-align: middle; -webkit-appearance: checkbox; -moz-appearance: checkbox; appearance: checkbox; } form input[type="radio"] { vertical-align: middle; -webkit-appearance: radio; -moz-appearance: radio; appearance: radio; background: none; } form .valid input, form .valid textarea { border-color: #75bb3c; } form .invalid input, form .invalid textarea { border-color: #793200; } form input[type="file"] { height: auto; padding: 0; border: 0; /* IE8 and IE9 */ border: 1px solid #c2c6cc \0/; font-size: 0.8em; background: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } form button, form input[type="submit"] { margin-top: 1.33333em; } .main-content form p b.error { width: 69.23077%; margin-left: 30.76923%; } @media screen and (max-width: 599px) { .main-content form p b.error { width: auto; margin-left: 0; } } .main-content form .explanation, .main-content form .captcha_text { width: 69.23077%; margin-left: 30.76923%; } @media screen and (max-width: 599px) { .main-content form .explanation, .main-content form .captcha_text { width: auto; margin-left: 0; } } .main-content form fieldset p b.error { width: auto; margin-left: 0; } .main-content form label { display: inline-block; width: 30.76923%; } @media screen and (max-width: 599px) { .main-content form label { display: block; width: auto; } } .main-content form label + input, .main-content form label + textarea, .main-content form label + select { /* Kill space between label and element */ margin-left: -0.26667em; } @media screen and (max-width: 599px) { .main-content form label + input, .main-content form label + textarea, .main-content form label + select { margin-left: 0; } } .main-content form input[type="checkbox"] + label { display: inline; width: auto; margin-right: 0; } .main-content form textarea, .main-content form fieldset, .main-content form button, .main-content form input[type="submit"] { margin-left: 30.76923%; } @media screen and (max-width: 599px) { .main-content form textarea, .main-content form fieldset, .main-content form button, .main-content form input[type="submit"] { margin-left: 0; } } .main-content form fieldset p { margin: 0; } .main-content form fieldset label { display: inline; width: auto; margin: 0; } .main-content form fieldset label:after { /* add line break after label */ content: "\A"; white-space: pre; } .main-content form input, .main-content form textarea, .main-content form select, .main-content form fieldset, .main-content form button { width: 69.23077%; /* For rounding failures */ margin-right: -0.66667em; } @media screen and (max-width: 599px) { .main-content form input, .main-content form textarea, .main-content form select, .main-content form fieldset, .main-content form button { width: 100%; } } .main-content form input[type="checkbox"], .main-content form input[type="radio"], .main-content form input[type="image"] { margin-right: 0; } .sidebar form input, .sidebar form textarea, .sidebar form button { width: 100%; margin: 0; } .sidebar form label { display: block; margin-bottom: 0.33333em; } .sidebar form input[type="checkbox"], .sidebar form input[type="radio"], .sidebar form input[type="image"] { width: auto; height: auto; } /* =========================================== Content elements ======================================== */ .content-404 { position: relative; } .content-404 h1 { font-family: "Open Sans", sans-serif; font-style: normal; font-size: 1.6em; color: #5a5d63; text-align: center; } @media screen and (max-width: 599px) { .main-content .content-404 h1 { font-size: 1.28571em; } } .content-404 h1 i { display: block; margin-bottom: 0.16em; font-weight: bold; font-style: normal; font-size: 5.20833em; line-height: 1; } .content-404 h1 b { display: inline-block; width: 2.5em; height: 2.5em; overflow: hidden; margin: 0 0.08333em -0.55em; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; font-family: "Open Sans", sans-serif; font-weight: normal; font-size: 0.48em; color: #c5c6c8; text-indent: -999px; background: #ebebeb; } .content-404 h1 b:after { content: "Oh!"; position: relative; top: -0.2em; display: block; text-indent: 0; } .content-404 form { position: relative; margin: 0 auto; } .content-404 form input { width: 69.23077%; margin-left: 15.38462%; padding-right: 3.33333em; } @media screen and (max-width: 599px) { .main-content .content-404 form input { width: 100%; margin-left: 0; } } .content-404 form button { position: absolute; top: -0.2em; right: 15.38462%; width: 3.53333em; height: 3.53333em; overflow: hidden; margin: 0 0.33333em 0 0; padding: 0; white-space: nowrap; background: none; border: 0; text-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } @media screen and (max-width: 599px) { .main-content .content-404 form button { width: 3.53333em; right: 0; } } .content-404 form button:before { font: 100%/1 "RockSolid Icons"; content: "\e0cb"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; margin: 0.6087em 0.65217em; font-size: 1.53333em; color: #008b9d; } .image-wrapper, .content-image a { position: relative; display: block; width: 100%; height: 100%; background-color: #1e2022; } .image-wrapper img, .content-image a img { -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; } .image-wrapper:before, .content-image a:before, .image-wrapper:after, .content-image a:after { content: ""; position: absolute; top: 50%; left: 50%; } .image-wrapper:before, .content-image a:before { width: 1px; height: 30px; margin-top: -15px; } .image-wrapper:after, .content-image a:after { width: 30px; height: 1px; margin-left: -15px; } .image-wrapper:hover:before, .content-image a:hover:before, .image-wrapper:hover:after, .content-image a:hover:after, .image-wrapper:focus:before, .content-image a:focus:before, .image-wrapper:focus:after, .content-image a:focus:after { background-color: white; } .image-wrapper:hover img, .content-image a:hover img, .image-wrapper:focus img, .content-image a:focus img { opacity: 0.4; } .content-image { position: relative; display: inline-block; } .content-image.float_below, .content-image.float_above { width: 100%; margin: 0.8em 0 0; } .content-image img { display: block; width: 100%; height: auto; } .content-image figcaption, .content-image .caption { position: relative; float: left; width: auto !important; max-width: 91.66667%; margin-top: -1.69231em; padding: 0.46154em 1em; font-size: 0.86667em; color: white; background: #008b9d; background: rgba(0, 139, 157, 0.9); } .content-image { float: right; margin: 1.53846% 0 3.84615% 7.69231%; width: 46.15385% !important; } @media screen and (max-width: 599px) { .content-image { float: none !important; margin-left: 0; width: auto !important; } } .no-resize .content-image, .content-image.no-resize { width: auto !important; } .luxe-fullwidth .content-image { margin: 0 0 2.17391% 4.34783%; width: 39.13043% !important; } @media screen and (max-width: 900px) { .luxe-fullwidth .content-image { width: 46.15385%; } } @media screen and (max-width: 599px) { .luxe-fullwidth .content-image { width: auto !important; margin-left: 0; } } .luxe-fullwidth .no-resize .content-image, .luxe-fullwidth .content-image.no-resize { width: auto !important; } .content-image.left { float: left; margin: 1.53846% 7.69231% 3.84615% 0; } @media screen and (max-width: 599px) { .content-image.left { float: none !important; margin-right: 0; } } div.video { position: relative; /* ratio 16 to 9 */ padding-bottom: 56.25%; height: 0; overflow: hidden; } div.video iframe, div.video object, div.video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } div.video.ratio-4to3 { /* ratio 4 to 3 */ padding-bottom: 75%; } .downloads { position: relative; margin: 2.66667em 0; padding: 1.33333em 7.69231%; border: 1px solid #eeeeee; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.12); box-shadow: 0 0 5px rgba(0, 0, 0, 0.12); } .luxe-fullwidth .downloads { padding: 1.33333em 4.34783%; } .downloads p, .downloads h3, .downloads h4, .downloads h5, .downloads h6 { margin: 0.4em 0 !important; } .downloads h1, .downloads h2, .main-content .downloads h1, .main-content .downloads h2 { margin: 0 0 0.83333em; padding: 0 0 0.83333em; border-bottom: 1px solid #eeeeee; font-family: "Open Sans", sans-serif; font-size: 0.8em; font-weight: bold; font-style: normal; letter-spacing: 0.08333em; color: #5a5d63; text-transform: uppercase; } .downloads ul, .main-content .downloads ul { margin: 0; padding: 0; list-style: none; } .main-content .ce_imageslider img { max-width: none; } .home-slider, .main-image { margin: 2.66667em 0; } @media screen and (max-width: 900px) { .home-slider { width: 115.38462%; margin-right: -7.69231%; margin-left: -7.69231%; } } @media screen and (max-width: 900px) { .home-slider img { margin-bottom: 1em; } } .home-slider .rsts-slide { background: #008b9d; } .home-slider .rsts-slide > div { padding: 0.5em 1em; font-size: 0.93333em; } .home-slider .rsts-slide > div .ce_headline { text-align: center; position: absolute; bottom: -555px; padding-bottom: 1.4em; } @media screen and (max-width: 900px) { .home-slider .rsts-slide > div .ce_headline { margin-top: 10%; position: relative; bottom: auto; } } @media screen and (max-width: 599px) { .home-slider .rsts-slide > div .ce_headline { margin-top: 0; width: auto; } } .home-slider .rsts-slide > div .ce_text { margin-left: 32%; color: white; } .home-slider .rsts-slide > div h1 { font-size: 2.4em !important; color: white; font-weight: bold; text-shadow: 0 2px 0 black; } @media screen and (max-width: 599px) { .home-slider .rsts-slide > div h1 { font-size: 1em !important; } } .home-slider .rsts-slide > div h2 { font-size: 1.46667em !important; color: white; font-weight: bold; text-shadow: 0 2px 0 black; } @media screen and (max-width: 900px) { .home-slider .rsts-slide > div h2 { margin-top: -5% !important; } } .home-slider .rsts-slide > div a { color: white; display: block; margin-top: 2em; } .home-slider .rsts-slide > div a:after { content: ""; display: inline-block; font: 0.53846em/1 "RockSolid Icons"; margin-left: 1.42857em; position: relative; text-indent: 0; text-rendering: geometricprecision; top: -0.14286em; } .main-image img { display: block; width: 100%; max-width: none !important; height: auto; } .section-headline, .featured-list > header, .teaser-boxes > header { display: inline-block; width: 100%; margin-bottom: 2em; border-bottom: 1px solid #eeeeee; } .section-headline h1, .featured-list > header h1, .teaser-boxes > header h1, .section-headline h2, .featured-list > header h2, .teaser-boxes > header h2, .section-headline h3, .featured-list > header h3, .teaser-boxes > header h3 { margin: 0; float: left; margin: 0 0.83333em -0.16667em 0; padding: 0.25em 0 0.66667em; line-height: 0.5; font-family: "Open Sans", sans-serif; font-size: 1.2em; font-weight: bold; font-style: normal; color: #5a5d63; } .section-headline a, .featured-list > header a, .teaser-boxes > header a { float: right; font-size: 1em; } .section-headline a:after, .featured-list > header a:after, .teaser-boxes > header a:after { font: 0.53846em/1 "RockSolid Icons"; content: "\e019"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; top: -0.14286em; margin-left: 1.42857em; } .content-gallery.-per-row-1 > ul > li { width: 100%; } .content-gallery.-per-row-2 > ul > li { width: 49.25%; } .content-gallery.-per-row-3 > ul > li { width: 32.33333%; } .content-gallery.-per-row-4 > ul > li { width: 23.875%; } .content-gallery--cols-5 > ul > li { width: 18.8%; } .content-gallery.-per-row-6 > ul > li { width: 15.41667%; } .content-gallery.-per-row-7 > ul > li { width: 13%; } .content-gallery.-per-row-8 > ul > li { width: 11.1875%; } .content-gallery.-per-row-9 > ul > li { width: 9.77778%; } .content-gallery.-per-row-10 > ul > li { width: 8.65%; } .content-gallery.-per-row-11 > ul > li { width: 7.72727%; } .content-gallery.-per-row-12 > ul > li { width: 6.95833%; } @media screen and (max-width: 599px) { .content-gallery { /* doubled class for specificity */ } .content-gallery.content-gallery > ul > li { width: auto; } } .content-gallery > ul { zoom: 1; margin: 0 !important; padding: 0 !important; list-style: none !important; } .content-gallery > ul:before { content: ""; display: table; } .content-gallery > ul:after { content: ""; display: table; clear: both; } .content-gallery > ul > li { float: left; margin: 1.5% 0 0 1.5%; } @media screen and (max-width: 599px) { .content-gallery > ul > li { margin-right: 0; margin-left: 0; } } .content-gallery > ul > li:first-child { clear: left; margin-left: 0; } .content-gallery > ul > li:nth-child(5n+1) { clear: left; margin-left: 0; } .content-gallery > ul > li.col_last { /* for rounding failures */ margin-right: -1%; } .content-gallery > ul > li > .image_container { width: 100%; } .content-gallery img { width: 100%; height: auto; } @media screen and (max-width: 599px) { .featured-list { float: none; width: auto; } } .featured-list.-left, .featured-list.-right { width: 46.15385%; margin-bottom: 2.66667em; } .luxe-fullwidth .featured-list.-left, .luxe-fullwidth .featured-list.-right { width: 47.82609%; } .featured-list.-left { float: left; } .featured-list.-right { float: right; } .featured-list > header { margin: 0.66667em 0 0.4em; } .featured-list ul { padding-left: 2.15385em; list-style: none; font-size: 0.86667em; line-height: 1.61538; } .featured-list li { position: relative; margin: 0.30769em 0;line-height:2em } .featured-list li:before { font: 100%/1 "RockSolid Icons"; content: "\e019"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; position: absolute; top: 0.375em; left: -3.5em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 2em; height: 2em; padding-top: 0.5em; font-size: 0.61538em; color: white; text-align: center; background: #008b9da8; } .icon-boxes { position: relative; overflow: hidden; clear: both; padding: 1.6em 0.66667em; margin: 1.06667em -0.66667em; letter-spacing: -0.3em; } @media screen and (max-width: 599px) { .icon-boxes { margin-right: 0; margin-left: 0; } .icon-boxes:after { right: 0; left: 0; } .icon-boxes .box { width: 100%; } } .icon-boxes.-highlight { padding-top: 2.66667em; border-top: 1px solid #eeeeee; } .icon-boxes.-highlight:before { content: ""; position: absolute; top: -50px; left: 0; z-index: -1; width: 100%; height: 50px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 40px rgba(0, 0, 0, 0.1); box-shadow: 0 0 40px rgba(0, 0, 0, 0.1); } .icon-boxes-item { position: relative; display: inline-block; font-size: 0.86667em; letter-spacing: normal; color: #5a5d63; text-decoration: none; vertical-align: top; } .icon-boxes-item:nth-child(3n+1):before { -webkit-transition-delay: 0.3s, 0.3s; -moz-transition-delay: 0.3s, 0.3s; -o-transition-delay: 0.3s, 0.3s; transition-delay: 0.3s, 0.3s; } .icon-boxes-item:nth-child(3n+2):before { -webkit-transition-delay: 0.6s, 0.6s; -moz-transition-delay: 0.6s, 0.6s; -o-transition-delay: 0.6s, 0.6s; transition-delay: 0.6s, 0.6s; } .icon-boxes-item:nth-child(3n+3):before { -webkit-transition-delay: 0.9s, 0.9s; -moz-transition-delay: 0.9s, 0.9s; -o-transition-delay: 0.9s, 0.9s; transition-delay: 0.9s, 0.9s; } .icon-boxes-item:nth-child(3n+4):before { -webkit-transition-delay: 1.2s, 1.2s; -moz-transition-delay: 1.2s, 1.2s; -o-transition-delay: 1.2s, 1.2s; transition-delay: 1.2s, 1.2s; } .icon-boxes-item:hover, .icon-boxes-item:focus { text-decoration: none; } .icon-boxes-item:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 1.66667em; height: 1.66667em; padding-top: 0.33333em; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; font-size: 1.84615em; color: white; text-align: center; background: #008b9d; -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.1s; -moz-transition-duration: 0.2s, 0.2s, 0.2s, 0.1s; -o-transition-duration: 0.2s, 0.2s, 0.2s, 0.1s; transition-duration: 0.2s, 0.2s, 0.2s, 0.1s; } .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: translate(0, -30px); -moz-transform: translate(0, -30px); -ms-transform: translate(0, -30px); -o-transform: translate(0, -30px); transform: translate(0, -30px); } .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: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .icon-boxes-item:hover:before, .icon-boxes-item:focus:before { color: #008b9d; background: transparent; -webkit-transition-delay: 0, 0; -moz-transition-delay: 0, 0; -o-transition-delay: 0, 0; transition-delay: 0, 0; } .icon-boxes-item h1 { font-family: "Open Sans", sans-serif; font-style: normal; font-size: 1.61538em; color: #5a5d63; } .icon-boxes-item p { line-height: 1.84615; } .teaser-boxes { margin: 2.66667em 0; zoom: 1; } .teaser-boxes:before { content: ""; display: table; } .teaser-boxes:after { content: ""; display: table; clear: both; } .teaser-boxes-item { font-size: 0.86667em; color: #5a5d63; text-decoration: none; } .teaser-boxes-item:hover { text-decoration: none; } .teaser-boxes-item h1 { margin: 0 0 0.125em; font: normal bold 1em/1.4 "Open Sans", sans-serif; color: #5a5d63; } .teaser-boxes-item h2 { margin: 0.72727em 0; padding-bottom: 0.54545em; border-bottom: 1px solid #eeeeee; font-size: 0.84615em; } .teaser-boxes-item p { margin: 0.15385em 0; } .teaser-boxes-item > a { display: block; } .teaser-boxes-item .image-wrapper, .teaser-boxes-item .no-image { margin-bottom: 1.125em; } .teaser-boxes-item img { display: block; width: 100%; height: auto; margin-bottom: 1.125em; } @media screen and (max-width: 599px) { .teaser-boxes-item img { max-width: 100%; } } .teaser-boxes-item .image-wrapper > img { margin: 0; } .teaser-boxes-item .no-image { display: block; width: 100%; padding-top: 56.25%; background: #eeeeee; } .ch-grid { margin: 20px 0 0 0; padding: 0; list-style: none; display: block; text-align: center; width: 100%; padding-left: 0 !important; } .ch-grid:after, .ch-item:before { content: ''; display: table; } .ch-grid:after { clear: both; } .ch-grid li { width: 195px; height: 195px; display: inline-block; margin: 20px; } .ch-item { border-radius: 50%; position: relative; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); cursor: default; z-index: 99; behavior: url(../../files/luxe/css/ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */ } .ch-info-wrap { position: absolute; width: 180px; height: 180px; border-radius: 50%; -webkit-perspective: 800px; -moz-perspective: 800px; -o-perspective: 800px; -ms-perspective: 800px; perspective: 800px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; z-index: 99; top: 20px; left: 20px; background: white; box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.2), inset 0 0 3px rgba(115, 114, 23, 0.8); behavior: url(../../files/luxe/css/ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */ } .ch-info { position: absolute; width: 180px; height: 180px; border-radius: 50%; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; z-index: 99; behavior: url(../../files/luxe/css/ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */ } .ch-info > div { display: block; position: absolute; width: 100%; height: 100%; border-radius: 50%; background-position: top center !important; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; zoom: 1; behavior: url(../../files/luxe/css/ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */ z-index: 99; } .ch-info .ch-info-back { -webkit-transform: rotate3d(0, 1, 0, 180deg); -moz-transform: rotate3d(0, 1, 0, 180deg); -o-transform: rotate3d(0, 1, 0, 180deg); -ms-transform: rotate3d(0, 1, 0, 180deg); transform: rotate3d(0, 1, 0, 180deg); background: #ffe500; } .ch-info h3 { color: #393938; letter-spacing: 2px; font-size: 14px; padding: 45px 0 0 0; text-shadow: none; } .ch-info p { color: #393938; padding: 10px 5px; font-style: italic; margin: 0 30px; font-size: 12px; border-top: 1px solid rgba(255, 255, 255, 0.5); } .ch-info a { color: #393938; text-decoration: none; } .ch-info a:hover { color: #6e6e6d; text-decoration: none; } .ch-info a i { display: block; } .ch-info a .weiterpfeil { display: block; font-size: 1.5em; margin: -0.8em 0 0; } .ch-item:hover .ch-info-wrap { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.8), inset 0 0 3px rgba(115, 114, 23, 0.8); } .ch-item:hover .ch-info, .ch-item:active .ch-info { -webkit-transform: rotate3d(0, 1, 0, -180deg); -moz-transform: rotate3d(0, 1, 0, -180deg); -o-transform: rotate3d(0, 1, 0, -180deg); -ms-transform: rotate3d(0, 1, 0, -180deg); transform: rotate3d(0, 1, 0, -180deg); } .feature-box { display: inline-block; margin: 0.8em 0; } .feature-box h1 { margin-bottom: 0; font-size: 1.6em; line-height: 1.5; color: #5a5d63; } .feature-box.-left .feature-box-text { float: right; } .feature-box.-left .feature-box-image { float: left; } .feature-box.-fade { opacity: 0; -webkit-transition: opacity 2s; -moz-transition: opacity 2s; -o-transition: opacity 2s; transition: opacity 2s; } @media screen and (max-width: 599px) { .feature-box.-fade { opacity: 1; } } .feature-box.-fade.in-view { opacity: 1; } .feature-box.-move .feature-box-text, .feature-box.-move .feature-box-image { -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; -o-transition: -o-transform 0.3s; transition: transform 0.3s; -webkit-transform: translate(-20%, 0); -moz-transform: translate(-20%, 0); -ms-transform: translate(-20%, 0); -o-transform: translate(-20%, 0); transform: translate(-20%, 0); } @media screen and (max-width: 599px) { .feature-box.-move .feature-box-text, .feature-box.-move .feature-box-image { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; } } .feature-box.-move .feature-box-image { -webkit-transform: translate(20%, 0); -moz-transform: translate(20%, 0); -ms-transform: translate(20%, 0); -o-transform: translate(20%, 0); transform: translate(20%, 0); } .feature-box.-move.-left .feature-box-text { -webkit-transform: translate(20%, 0); -moz-transform: translate(20%, 0); -ms-transform: translate(20%, 0); -o-transform: translate(20%, 0); transform: translate(20%, 0); } .feature-box.-move.-left .feature-box-image { -webkit-transform: translate(-20%, 0); -moz-transform: translate(-20%, 0); -ms-transform: translate(-20%, 0); -o-transform: translate(-20%, 0); transform: translate(-20%, 0); } .feature-box.in-view.in-view .feature-box-text, .feature-box.in-view.in-view .feature-box-image { -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, .feature-box-image { width: 46.15385%; } @media screen and (max-width: 599px) { .feature-box-text, .feature-box-image { float: none; width: auto; } } .luxe-fullwidth .feature-box-text, .luxe-fullwidth .feature-box-image { width: 47.82609%; } @media screen and (max-width: 599px) { .luxe-fullwidth .feature-box-text, .luxe-fullwidth .feature-box-image { float: none; width: auto; } } .feature-box-image { float: right; margin-bottom: 2.4em; } @media screen and (max-width: 599px) { .feature-box-image { float: none; } } .highlight-box { position: relative; margin: 4.8em 0 3.2em; padding: 0 0 8em; } .highlight-box:before, .highlight-box:after { content: ""; position: absolute; bottom: 4em; width: 39.13043%; } @media screen and (max-width: 599px) { .highlight-box:before, .highlight-box:after { width: 23.07692%; } } .highlight-box:before { left: 0; } .highlight-box:after { right: 0; } .highlight-box h1 { text-align: center; font-family: "Open Sans", sans-serif; font-style: normal; font-size: 1.6em; color: #5a5d63; } .highlight-box a { position: absolute; bottom: 0; left: 50%; display: block; width: 6.66667em; height: 6.66667em; margin: 0 -3.33333em; font-size: 1.2em; color: #393938; text-align: center; text-shadow: none; } .highlight-box a:hover { text-decoration: none; } .highlight-box a:hover .highlight-box-link-label { -webkit-transform: perspective(750px) rotateX(180deg); -moz-transform: perspective(750px) rotateX(180deg); -ms-transform: perspective(750px) rotateX(180deg); -o-transform: perspective(750px) rotateX(180deg); transform: perspective(750px) rotateX(180deg); } .highlight-box a:hover .highlight-box-link-icon { -webkit-transform: perspective(750px) rotateX(360deg); -moz-transform: perspective(750px) rotateX(360deg); -ms-transform: perspective(750px) rotateX(360deg); -o-transform: perspective(750px) rotateX(360deg); transform: perspective(750px) rotateX(360deg); } .highlight-box .highlight-box-link-label, .highlight-box .highlight-box-link-icon { font-size: 17px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 1.66667em 0.83333em 0; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; background: #ffe500; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; -o-transition: -o-transform 0.3s; transition: transform 0.3s; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: perspective(750px); -moz-transform: perspective(750px); -ms-transform: perspective(750px); -o-transform: perspective(750px); transform: perspective(750px); } @media screen and (max-width: 599px) { .highlight-box .highlight-box-link-label, .highlight-box .highlight-box-link-icon {font-size: 14px; } } .highlight-box .highlight-box-link-icon { -webkit-transform: perspective(750px) rotateX(180deg); -moz-transform: perspective(750px) rotateX(180deg); -ms-transform: perspective(750px) rotateX(180deg); -o-transform: perspective(750px) rotateX(180deg); transform: perspective(750px) rotateX(180deg); } .highlight-box .highlight-box-link-icon:before { top: 0.10417em; margin-right: 0; font-size: 2.66667em; } .highlight-box.erwachsene .highlight-box-link-label {padding-top: 40%;} .highlight-box.kinder .highlight-box-link-label, .highlight-box .highlight-box-link-icon {padding-top: 30%;} .highlight-headline h1, .highlight-headline h2, .highlight-headline h3 { color: #5a5d63; text-align: center; line-height: 1.5; } .highlight-headline h1 { margin-bottom: 1.28571em; font-size: 1.86667em; } .highlight-headline h2 { margin-bottom: 1.5em; font-size: 1.6em; } .highlight-headline h3 { margin-bottom: 1.71429em; font-size: 1.4em; } .testimonial, .main-content .testimonial { font-size: 1.2em; } .testimonial:before, .main-content .testimonial:before { content: none; } .testimonial > p, .main-content .testimonial > p { position: relative; padding: 1.11111em; border: 1px solid #c2c6cc; } .testimonial > p:before, .testimonial > p:after, .main-content .testimonial > p:before, .main-content .testimonial > p:after { content: ""; position: absolute; right: 29px; bottom: -32px; width: 0; height: 0; border-color: #b4b9c0 transparent transparent transparent; border-style: solid; border-width: 32px 32px 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 { right: 30px; bottom: -30px; border-color: white transparent transparent transparent; border-width: 30px 30px 0 0; } .testimonial-author, .testimonial .testimonial-author { font-size: 0.86667em; } @media screen and (max-width: 599px) { .testimonial-author, .testimonial .testimonial-author { font-size: 1.06667em; } } .testimonial-author > img, .testimonial .testimonial-author > img { float: left; margin-left: 1.53846em; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; 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 { margin: 0.46154em 0 2em 1.53846em; } .testimonial-author > img + small, .testimonial .testimonial-author > img + small { margin: 1.07692em 0 0 0.76923em; } .testimonial-author small, .testimonial .testimonial-author small { float: left; } .testimonial-author small:before, .testimonial .testimonial-author small:before { content: none; } .testimonial-author small a:after, .testimonial .testimonial-author small a:after { content: none; } .contact-box-map { position: relative; height: 0; padding-bottom: 56.25%; } .contact-box-map > iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .contact-box > ul { padding: 0; list-style-type: none; } .contact-box-address, .contact-box-hours, .contact-box-phone, .contact-box-email { position: relative; padding-left: 1.53846em; } .contact-box-address:before, .contact-box-hours:before, .contact-box-phone:before, .contact-box-email:before { font: 0.92308em/1 "RockSolid Icons"; content: "\e0d3"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; position: absolute; top: 0.33333em; left: 0; color: #44464b; } .contact-box-hours:before { content: "\e049"; } .contact-box-phone:before { content: "\e0e6"; } .contact-box-email:before { content: "\e0cd"; } /* =========================================== Footer styles ======================================== */ .page-footer { background-color: #eeeeee; border-top: 10px solid #ffe500; } .page-footer-inner { zoom: 1; padding: 3% 0 0; font-size: 0.86667em; color: #44464b; /* collapse white-space between inline-block elements */ letter-spacing: -0.3em; } .page-footer-inner:before { content: ""; display: table; } .page-footer-inner:after { content: ""; display: table; clear: both; } @media screen and (max-width: 900px) { .page-footer-inner { margin-top: 0; } } .page-footer-inner h1 { margin: 0 0 1.66667em; padding: 0 0 0.41667em; font-size: 0.92308em; color: #44464b; text-transform: uppercase; } .page-footer-inner ul { padding: 0; list-style: none; } .page-footer-inner a { color: #008b9d; text-decoration: none; } .page-footer-inner a:hover, .page-footer-inner a:focus { text-decoration: underline; } .page-footer-inner form label { position: absolute; left: 1.30769em; top: 1.15385em; color: #999a9c; } .page-footer-inner form .error + label { top: 2.76923em; } .page-footer-inner form input, .page-footer-inner form textarea { width: 81.81818%; padding: 1.15385em 1.15385em 1em; border-color: #e6e6e6 transparent white; background: #eeeeee; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e6e6e6), color-stop(100%, #ffffff)) 0 0/1px 100% no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e6e6e6), color-stop(100%, #ffffff)) 100% 0/1px 100% no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(50%, rgba(0, 0, 0, 0.04)), color-stop(100%, rgba(0, 0, 0, 0.02))), #eeeeee; background: -webkit-linear-gradient(#e6e6e6, #ffffff) 0 0/1px 100% no-repeat, -webkit-linear-gradient(#e6e6e6, #ffffff) 100% 0/1px 100% no-repeat, -webkit-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0.02)), #eeeeee; background: -moz-linear-gradient(#e6e6e6, #ffffff) 0 0/1px 100% no-repeat, -moz-linear-gradient(#e6e6e6, #ffffff) 100% 0/1px 100% no-repeat, -moz-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0.02)), #eeeeee; background: -o-linear-gradient(#e6e6e6, #ffffff) 0 0/1px 100% no-repeat, -o-linear-gradient(#e6e6e6, #ffffff) 100% 0/1px 100% no-repeat, -o-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0.02)), #eeeeee; background: linear-gradient(#e6e6e6, #ffffff) 0 0/1px 100% no-repeat, linear-gradient(#e6e6e6, #ffffff) 100% 0/1px 100% no-repeat, linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0.02)), #eeeeee; -webkit-background-origin: border; -moz-background-origin: border; -ms-background-origin: border-box; -o-background-origin: border-box; background-origin: border-box; -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.15); box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.15); } @media screen and (max-width: 900px) { .page-footer-inner form input, .page-footer-inner form textarea { width: 100%; } } .page-footer-inner form input:focus, .page-footer-inner form textarea:focus { border-color: #77bcc5; } .page-footer-inner form button { font-size: 1.15385em; padding-right: 2.66667em; padding-left: 2.66667em; } .footer-column { display: inline-block; width: 20%; margin: 0 0 4% 3%; letter-spacing: 0; vertical-align: top; } .footer-column.-large { width: 40%; } @media screen and (max-width: 900px) { .footer-column, .footer-column-1, .footer-column.-large { width: 40%; margin-left: 6.66667%; } } @media screen and (max-width: 599px) { .footer-column, .footer-column-1, .footer-column.-large { display: block; width: auto; margin-top: 10%; margin-right: 6.66667%; } } .footer-map { display: block; margin: 0 -3px; border: 3px solid #5a5d63; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .footer-map:hover, .footer-map:focus { border-color: #1e2022; } .footer-map:after { content: none !important; } .footer-map img { display: block; width: 100%; height: auto; } .footer-address, .footer-hours, .footer-phone, .footer-email { position: relative; padding-left: 1.53846em; } .footer-address:before, .footer-hours:before, .footer-phone:before, .footer-email:before { font: 0.92308em/1 "RockSolid Icons"; content: "\e0d3"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; position: absolute; top: 0.33333em; left: 0; color: #44464b; } .footer-hours:before { content: "\e049"; } .footer-phone:before { content: "\e0e6"; } .footer-email:before { content: "\e0cd"; } .footer-link-list { margin: -0.76923em 0 1em; } .footer-link-list a { display: block; } .footer-link-list a:hover { opacity: 0.8; } .page-footer .mod_newslist article { border-bottom: 0; } .page-footer .mod_newslist .news-boxes-item { font-size: 1em; } .page-footer .mod_newslist .news-boxes-item .news-boxes-item-info { margin-top: 1.92308em; color: #44464b; } .page-footer .mod_newslist .news-boxes-item h2 > a { color: #008b9d; } .mod_newsarchive article h2 { border-bottom: 3px solid #ffe500; } .mod_newsarchive article h2 > a { color: #1e2022; text-decoration: none; } .mod_newsarchive article .teaser a:after { content: ""; display: inline-block; font: 0.53846em/1 "RockSolid Icons"; margin-left: 1.42857em; position: relative; text-indent: 0; text-rendering: geometricprecision; top: -0.14286em; } .back a:before, .previous a:before, .next a:after, a.back :before, a.previous:before, a.next :after { content: ""; display: inline-block; font: 100%/1 "RockSolid Icons"; margin-right: 0.33333em; position: relative; text-indent: 0; text-rendering: geometricprecision; } a.next :after, .next a:after { content: "\e019"; margin-left: 0.33333em; } .footer-navigation { zoom: 1; clear: both; margin: 0 4%; padding: 2.30769em 0 1.53846em; letter-spacing: 0; } .footer-navigation:before { content: ""; display: table; } .footer-navigation:after { content: ""; display: table; clear: both; } @media screen and (max-width: 900px) { .footer-navigation { margin: 0 6.66667%; } } .footer-navigation .social-links { float: right; margin: 0; padding: 0; font-size: 1.23077em; } .footer-navigation .social-links { float: right; margin: 0; padding: 0; font-size: 1.23077em; } @media screen and (max-width: 599px) { .footer-navigation .social-links { float: none; margin-left: -0.5em; } } .footer-navigation .social-links li { display: inline; } .footer-navigation .social-links a { display: inline-block; width: 1.0625em; overflow: hidden; margin-left: 0.5em; white-space: nowrap; } .footer-navigation .social-links a:hover, .footer-navigation .social-links a:focus { color: inherit; } .footer-info-links { display: inline; } .footer-info-links ul, .footer-info-links li { display: inline; margin: 0; padding: 0; } .footer-info-links li:after { content: " · "; margin: 0 2px; } .footer-info { display: inline; } @media screen and (max-width: 599px) { .footer-info { text-align: left; clear: both; } } .footer-info p { display: inline; margin: 0; } /* =========================================== Slider styles ======================================== */ .rsts-skin-testimonials.rsts-main { position: relative; margin: 1.8em 0; } .rsts-skin-testimonials .rsts-header { border-bottom: 1px solid #eeeeee; } .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; padding: 0.14286em 0 0.64286em; font-size: 0.93333em; font-weight: 600; color: #5a5d63; letter-spacing: 0.07143em; text-transform: uppercase; } .rsts-skin-testimonials .rsts-prev, .rsts-skin-testimonials .rsts-next { position: absolute; top: -0.33333em; left: 0; overflow: hidden; text-indent: -99em; line-height: 0; } .rsts-skin-testimonials .rsts-prev:hover, .rsts-skin-testimonials .rsts-next:hover { text-decoration: none; } .sidebar .rsts-skin-testimonials .rsts-prev, .sidebar .rsts-skin-testimonials .rsts-next { bottom: 0.4em; } .rsts-skin-testimonials .rsts-prev:after, .rsts-skin-testimonials .rsts-next:after { font: 0.66667em/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: 1em; color: #c2c6cc; } .rsts-skin-testimonials .rsts-next { left: 2.06667em; } .rsts-skin-testimonials .rsts-next:after { content: "\e019"; } .rsts-skin-testimonials .rsts-nav { position: absolute; right: -5px; top: 2px; 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: 17px; height: 17px; overflow: hidden; outline: none; padding: 5px; text-indent: -99em; } .rsts-skin-testimonials .rsts-nav a:after { content: ""; display: block; width: 7px; height: 7px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; background: #c2c6cc; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; } .rsts-skin-testimonials .rsts-nav a:hover:after, .rsts-skin-testimonials .rsts-nav a.active:after { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; width: 10px; height: 10px; margin: -1px; } .rsts-skin-testimonials .rsts-nav-prev, .rsts-skin-testimonials .rsts-nav-next { display: none; } .rsts-skin-liquid .rsts-nav-bullets a:hover, .rsts-skin-liquid .rsts-nav-bullets a.active { background-color: #008b9d; background-color: rgba(197,100,31,0.5); } .pagination ul, .pagination ul li:first-child { padding-left: 0px; } .pagination ul li { display: inline-block; padding: 0 10px; }