table.sortable thead th{background-image:url(../../assets/tablesorter/images/default.svg);background-repeat:no-repeat;background-position:center right}table.sortable thead th.tablesorter-headerDesc{background-image:url(../../assets/tablesorter/images/asc.svg)}table.sortable thead th.tablesorter-headerAsc{background-image:url(../../assets/tablesorter/images/desc.svg)} body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /* fira-mono-regular - latin */ @font-face { font-family: 'Fira Mono'; font-style: normal; font-weight: 400; src: url('../../files/projektordner/dist/fonts/fira-mono/fira-mono-v6-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Fira Mono Regular'), local('FiraMono-Regular'), url('../../files/projektordner/dist/fonts/fira-mono/fira-mono-v6-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/projektordner/dist/fonts/fira-mono/fira-mono-v6-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/projektordner/dist/fonts/fira-mono/fira-mono-v6-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../../files/projektordner/dist/fonts/fira-mono/fira-mono-v6-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/projektordner/dist/fonts/fira-mono/fira-mono-v6-latin-regular.svg#FiraMono') format('svg'); /* Legacy iOS */ } /* fira-mono-500 - latin */ @font-face { font-family: 'Fira Mono'; font-style: normal; font-weight: 500; src: url('../../files/projektordner/dist/fonts/fira-mono/fira-mono-v6-latin-500.eot'); /* IE9 Compat Modes */ src: local('Fira Mono Medium'), local('FiraMono-Medium'), url('../../files/projektordner/dist/fonts/fira-mono/fira-mono-v6-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/projektordner/dist/fonts/fira-mono/fira-mono-v6-latin-500.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/projektordner/dist/fonts/fira-mono/fira-mono-v6-latin-500.woff') format('woff'), /* Modern Browsers */ url('../../files/projektordner/dist/fonts/fira-mono/fira-mono-v6-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/projektordner/dist/fonts/fira-mono/fira-mono-v6-latin-500.svg#FiraMono') format('svg'); /* Legacy iOS */ } /* normalize.css 2012-03-11T12:53 UTC - http://github.com/necolas/normalize.css */ /* ============================================================================= * HTML5 display definitions * ========================================================================== */ /* Corrects block display not defined in IE6/7/8/9 & FF3 */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; } /* Corrects inline-block display not defined in IE6/7/8/9 & FF3 */ audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } /* Prevents modern browsers from displaying 'audio' without controls * Remove excess height in iOS5 devices */ audio:not([controls]) { display: none; height: 0; } /* Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4 * Known issue: no IE6 support */ [hidden] { display: none; } /* ============================================================================= * Base * ========================================================================== */ /* 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units * http://clagnut.com/blog/348/#c790 * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom * www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ html { font-size: 100%; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ font-family: sans-serif; } /* Addresses font-family inconsistency between 'textarea' and other form elements. */ button, input, select, textarea { font-family: sans-serif; } /* Addresses margins handled incorrectly in IE6/7 */ body { margin: 0; } /* ============================================================================= * Links * ========================================================================== */ /* Addresses outline displayed oddly in Chrome */ a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } /* Improves readability when focused and also mouse hovered in all browsers * people.opera.com/patrickl/experiments/keyboard/test */ /* ============================================================================= * Typography * ========================================================================== */ /* Addresses font sizes and margins set differently in IE6/7 * Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5 */ h1 { font-size: 2em; margin: 0.67em 0; } h2 { font-size: 1.5em; margin: 0.83em 0; } h3 { font-size: 1.17em; margin: 1em 0; } h4 { font-size: 1em; margin: 1.33em 0; } h5 { font-size: 0.83em; margin: 1.67em 0; } h6 { font-size: 0.75em; margin: 2.33em 0; } /* Addresses styling not present in IE7/8/9, S5, Chrome */ abbr[title] { border-bottom: 1px dotted; } /* Addresses style set to 'bolder' in FF3+, S4/5, Chrome */ b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } /* Addresses styling not present in S5, Chrome */ dfn { font-style: italic; } /* Addresses styling not present in IE6/7/8/9 */ mark { background: yellow; color: black; } /* Addresses margins set differently in IE6/7 */ p { margin: 1em 0; } pre { margin: 1em 0; font-family: monospace, serif; _font-family: "courier new", monospace; font-size: 1em; } /* Corrects font family set oddly in IE6, S4/5, Chrome * en.wikipedia.org/wiki/User:Davidgothberg/Test59 */ code, kbd, samp { font-family: monospace, serif; _font-family: "courier new", monospace; font-size: 1em; } /* Improves readability of pre-formatted text in all browsers */ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } /* 1. Addresses CSS quotes not supported in IE6/7 * 2. Addresses quote property not supported in S4 */ /* 1 */ q { quotes: none; } q:before, q:after { content: ""; content: none; } /* 2 */ small { font-size: 75%; } /* Prevents sub and sup affecting line-height in all browsers * gist.github.com/413930 */ sub { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; top: -0.25em; } sub { bottom: -0.2em; } /* ============================================================================= * Lists * ========================================================================== */ /* Addresses margins set differently in IE6/7 */ dl, menu, ol, ul { margin: 1em 0; } dd { margin: 0 0 0 40px; } /* Addresses paddings set differently in IE6/7 */ menu, ol, ul { padding: 0 0 0 40px; } /* Corrects list images handled incorrectly in IE7 */ nav ul, nav ol { list-style: none; list-style-image: none; } /* ============================================================================= * Embedded content * ========================================================================== */ /* 1. Removes border when inside 'a' element in IE6/7/8/9, FF3 * 2. Improves image quality when scaled in IE7 * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */ img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ } /* Corrects overflow displayed oddly in IE9 */ svg:not(:root) { overflow: hidden; } /* ============================================================================= * Figures * ========================================================================== */ /* Addresses margin not present in IE6/7/8/9, S5, O11 */ figure, form { margin: 0; } /* ============================================================================= * Forms * ========================================================================== */ /* Corrects margin displayed oddly in IE6/7 */ /* Define consistent border, margin, and padding */ fieldset { border: 1px solid silver; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /* 1. Corrects color not being inherited in IE6/7/8/9 * 2. Corrects text not wrapping in FF3 * 3. Corrects alignment displayed oddly in IE6/7 */ legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ *margin-left: -7px; /* 3 */ } /* 1. Corrects font size not being inherited in all browsers * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome * 3. Improves appearance and consistency in all browsers */ button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ } /* Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet */ button, input { line-height: normal; /* 1 */ } /* 1. Improves usability and consistency of cursor style between image-type 'input' and others * 2. Corrects inability to style clickable 'input' types in iOS * 3. Removes inner spacing in IE7 without affecting normal text inputs * Known issue: inner spacing remains in IE6 */ button { cursor: pointer; /* 1 */ -webkit-appearance: button; /* 2 */ *overflow: visible; /* 3 */ } input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; /* 1 */ -webkit-appearance: button; /* 2 */ *overflow: visible; /* 3 */ } /* Re-set default cursor for disabled elements */ button[disabled] { cursor: default; } input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */ } input[type="search"] { -webkit-appearance: textfield; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } /* 1. Addresses box sizing set to content-box in IE8/9 * 2. Removes excess padding in IE8/9 * 3. Removes excess padding in IE7 * Known issue: excess padding remains in IE6 */ /* 1. Addresses appearance set to searchfield in S5, Chrome * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof) */ /* Removes inner padding and search cancel button in S5, Chrome on OS X */ /* Removes inner padding and border in FF3+ * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* 1. Removes default vertical scrollbar in IE6/7/8/9 * 2. Improves readability and alignment in all browsers */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /* ============================================================================= * Tables * ========================================================================== */ /* Remove most spacing between table cells */ table { border-collapse: collapse; border-spacing: 0; } /* =========================================== * Icon classes * ======================================== */ .icon-3d:before { content: "\e150"; } .icon-addressbook:before { content: "\e001"; } .icon-airplane:before { content: "\e002"; } .icon-amazon:before { content: "\e004"; } .icon-amazon-2:before { content: "\e003"; } .icon-ampersand:before { content: "\26"; } .icon-anchor:before { content: "\e005"; } .icon-android:before { content: "\e006"; } .icon-aperture:before { content: "\e007"; } .icon-apple:before { content: "\e008"; } .icon-arrow-2-down:before { content: "\e009"; } .icon-arrow-2-left:before { content: "\e00a"; } .icon-arrow-2-right:before { content: "\e00b"; } .icon-arrow-2-up:before { content: "\e00c"; } .icon-arrow-3-down:before { content: "\2193"; } .icon-arrow-3-down-left:before { content: "\e00d"; } .icon-arrow-3-down-right:before { content: "\e00e"; } .icon-arrow-3-left:before { content: "\2190"; } .icon-arrow-3-right:before { content: "\2192"; } .icon-arrow-3-up:before { content: "\2191"; } .icon-arrow-3-up-left:before { content: "\e00f"; } .icon-arrow-3-up-right:before { content: "\e010"; } .icon-arrow-4-down:before { content: "\e011"; } .icon-arrow-4-left:before { content: "\e012"; } .icon-arrow-4-right:before { content: "\e013"; } .icon-arrow-4-up:before { content: "\e014"; } .icon-arrow-5-down:before { content: "\e015"; } .icon-arrow-5-first:before { content: "\e016"; } .icon-arrow-5-last:before { content: "\e017"; } .icon-arrow-5-left:before { content: "\e018"; } .icon-arrow-5-right:before { content: "\e019"; } .icon-arrow-5-up:before { content: "\e01a"; } .icon-arrow-down:before { content: "\e01d"; } .icon-arrow-down-left:before { content: "\e01b"; } .icon-arrow-down-right:before { content: "\e01c"; } .icon-arrow-left:before { content: "\e01e"; } .icon-arrow-right:before { content: "\e01f"; } .icon-arrow-up:before { content: "\e022"; } .icon-arrow-up-left:before { content: "\e020"; } .icon-arrow-up-right:before { content: "\e021"; } .icon-at:before { content: "\40"; } .icon-award:before { content: "\e023"; } .icon-backspace:before { content: "\e024"; } .icon-baidu:before { content: "\e025"; } .icon-bars:before { content: "\e026"; } .icon-basket:before { content: "\e027"; } .icon-beaker:before { content: "\e028"; } .icon-bell:before { content: "\e029"; } .icon-binoculars:before { content: "\e02a"; } .icon-blogger:before { content: "\e02c"; } .icon-blogger-2:before { content: "\e02b"; } .icon-bluetooth:before { content: "\e02d"; } .icon-bolt:before { content: "\2301"; } .icon-bolt-2:before { content: "\e02e"; } .icon-book:before { content: "\e031"; } .icon-book-2:before { content: "\e02f"; } .icon-book-3:before { content: "\e030"; } .icon-bookmark:before { content: "\e032"; } .icon-box:before { content: "\e033"; } .icon-brush:before { content: "\e034"; } .icon-calc:before { content: "\e035"; } .icon-calendar:before { content: "\e037"; } .icon-calendar-stroke:before { content: "\e036"; } .icon-camera:before { content: "\e038"; } .icon-cart:before { content: "\e03a"; } .icon-cart-2:before { content: "\e039"; } .icon-case:before { content: "\e03b"; } .icon-cc:before { content: "\e03c"; } .icon-cd:before { content: "\e03d"; } .icon-chart:before { content: "\25d5"; } .icon-chart-down:before { content: "\e03f"; } .icon-chart-down-2:before { content: "\e03e"; } .icon-chart-up:before { content: "\e041"; } .icon-chart-up-2:before { content: "\e040"; } .icon-chat:before { content: "\e043"; } .icon-chat-stroke:before { content: "\e042"; } .icon-check:before { content: "\2713"; } .icon-check-2:before { content: "\e044"; } .icon-check-3:before { content: "\2714"; } .icon-chrome:before { content: "\e045"; } .icon-clef:before { content: "\e047"; } .icon-clef-2:before { content: "\e046"; } .icon-clipboard:before { content: "\e048"; } .icon-clock:before { content: "\e049"; } .icon-cloud:before { content: "\2601"; } .icon-cloud-download:before { content: "\e04a"; } .icon-cloud-upload:before { content: "\e04b"; } .icon-code:before { content: "\e04c"; } .icon-coffee:before { content: "\e04d"; } .icon-cog:before { content: "\2699"; } .icon-cogs:before { content: "\e04e"; } .icon-command:before { content: "\e04f"; } .icon-comment:before { content: "\e053"; } .icon-comment-2:before { content: "\e051"; } .icon-comment-2-stroke:before { content: "\e050"; } .icon-comment-stroke:before { content: "\e052"; } .icon-cone:before { content: "\e055"; } .icon-cone-2:before { content: "\e054"; } .icon-contao:before { content: "\e056"; } .icon-contrast:before { content: "\e057"; } .icon-creditcard:before { content: "\e059"; } .icon-creditcard-2:before { content: "\e058"; } .icon-css3:before { content: "\e05a"; } .icon-cursor:before { content: "\2196"; } .icon-curved-arrow:before { content: "\e05b"; } .icon-delicious:before { content: "\e05c"; } .icon-denied:before { content: "\2298"; } .icon-deviantart:before { content: "\e05e"; } .icon-deviantart-2:before { content: "\e05d"; } .icon-direction:before { content: "\e05f"; } .icon-document:before { content: "\e06a"; } .icon-document-add:before { content: "\e060"; } .icon-document-css:before { content: "\e061"; } .icon-document-excel:before { content: "\e062"; } .icon-document-openoffice:before { content: "\e063"; } .icon-document-pdf:before { content: "\e064"; } .icon-document-powerpoint:before { content: "\e065"; } .icon-document-remove:before { content: "\e066"; } .icon-document-word:before { content: "\e067"; } .icon-document-xml:before { content: "\e068"; } .icon-document-zip:before { content: "\e069"; } .icon-documents:before { content: "\e06c"; } .icon-documents-2:before { content: "\e06b"; } .icon-download:before { content: "\e06d"; } .icon-download-2:before { content: "\2913"; } .icon-dribbble:before { content: "\e06f"; } .icon-dribbble-2:before { content: "\e06e"; } .icon-dropbox:before { content: "\e070"; } .icon-eject:before { content: "\23cf"; } .icon-ember:before { content: "\e071"; } .icon-equalizer:before { content: "\e072"; } .icon-external:before { content: "\e151"; } .icon-eye:before { content: "\e073"; } .icon-eyedropper:before { content: "\e074"; } .icon-facebook:before { content: "\e076"; } .icon-facebook-2:before { content: "\e075"; } .icon-fan:before { content: "\e077"; } .icon-fax:before { content: "\e078"; } .icon-feed:before { content: "\e07a"; } .icon-feed-2:before { content: "\e079"; } .icon-female:before { content: "\e07b"; } .icon-firefox:before { content: "\e07c"; } .icon-firewire:before { content: "\e07d"; } .icon-first:before { content: "\21e4"; } .icon-flag:before { content: "\e07f"; } .icon-flag-2:before { content: "\e07e"; } .icon-flickr:before { content: "\e081"; } .icon-flickr-2:before { content: "\e080"; } .icon-floppy:before { content: "\e082"; } .icon-folder:before { content: "\e083"; } .icon-folders:before { content: "\e084"; } .icon-font:before { content: "\e086"; } .icon-font-2:before { content: "\e085"; } .icon-fork:before { content: "\2443"; } .icon-forrst:before { content: "\e088"; } .icon-forrst-2:before { content: "\e087"; } .icon-fullscreen:before { content: "\e08a"; } .icon-fullscreen-exit:before { content: "\e089"; } .icon-funnel:before { content: "\e08b"; } .icon-gallery:before { content: "\e08c"; } .icon-game:before { content: "\e08d"; } .icon-git:before { content: "\e090"; } .icon-git-2:before { content: "\e08e"; } .icon-git-3:before { content: "\e08f"; } .icon-github:before { content: "\e093"; } .icon-github-2:before { content: "\e091"; } .icon-github-cat:before { content: "\e092"; } .icon-glasses:before { content: "\e094"; } .icon-globe:before { content: "\e095"; } .icon-gplus:before { content: "\e098"; } .icon-gplus-2:before { content: "\e096"; } .icon-gplus-3:before { content: "\e097"; } .icon-grid:before { content: "\e09a"; } .icon-grid-2:before { content: "\e099"; } .icon-hash:before { content: "\23"; } .icon-hd:before { content: "\e09b"; } .icon-headphones:before { content: "\e09c"; } .icon-heart:before { content: "\e09e"; } .icon-heart-stroke:before { content: "\e09d"; } .icon-heartbeat:before { content: "\e09f"; } .icon-help:before { content: "\e0a0"; } .icon-home:before { content: "\2302"; } .icon-home-2:before { content: "\e0a1"; } .icon-html5:before { content: "\e0a3"; } .icon-html5-stroke:before { content: "\e0a2"; } .icon-ie:before { content: "\e0a4"; } .icon-infinity:before { content: "\e0a5"; } .icon-info:before { content: "\2139"; } .icon-info-2:before { content: "\e0a6"; } .icon-instagram:before { content: "\e152"; } .icon-ipad:before { content: "\e0a7"; } .icon-iphone:before { content: "\e0a8"; } .icon-ipod:before { content: "\e0a9"; } .icon-key:before { content: "\e0ab"; } .icon-key-stroke:before { content: "\e0aa"; } .icon-laptop:before { content: "\e0ad"; } .icon-laptop-2:before { content: "\e0ac"; } .icon-last:before { content: "\21e5"; } .icon-lastfm:before { content: "\e0af"; } .icon-lastfm-2:before { content: "\e0ae"; } .icon-layers:before { content: "\e0b0"; } .icon-leave:before { content: "\e0b1"; } .icon-left-quote:before { content: "\201c"; } .icon-left-quote-2:before { content: "\e0b2"; } .icon-like:before { content: "\e0b3"; } .icon-link:before { content: "\e0b5"; } .icon-link-2:before { content: "\e0b4"; } .icon-linkedin:before { content: "\e0b6"; } .icon-list:before { content: "\e0b8"; } .icon-list-2:before { content: "\e0b7"; } .icon-load-0:before { content: "\e0b9"; } .icon-load-1:before { content: "\e0ba"; } .icon-load-2:before { content: "\e0bb"; } .icon-load-3:before { content: "\e0bc"; } .icon-load-4:before { content: "\e0bd"; } .icon-load-5:before { content: "\e0be"; } .icon-load-6:before { content: "\e0bf"; } .icon-load-7:before { content: "\e0c0"; } .icon-lock:before { content: "\e0c3"; } .icon-lock-2:before { content: "\e0c1"; } .icon-lock-stroke:before { content: "\e0c2"; } .icon-loop:before { content: "\27f3"; } .icon-loop-double:before { content: "\e0c4"; } .icon-loop-left:before { content: "\e0c6"; } .icon-loop-left-2:before { content: "\e0c5"; } .icon-loop-right:before { content: "\e0c8"; } .icon-loop-right-2:before { content: "\e0c7"; } .icon-magnifying-glass:before { content: "\e0cb"; } .icon-magnifying-glass-2:before { content: "\e0c9"; } .icon-magnifying-glass-3:before { content: "\e0ca"; } .icon-mail:before { content: "\2709"; } .icon-mail-2:before { content: "\e0cc"; } .icon-mail-3:before { content: "\e0cd"; } .icon-mail-stroke:before { content: "\e0ce"; } .icon-male:before { content: "\e0cf"; } .icon-map-pin:before { content: "\e0d3"; } .icon-map-pin-2:before { content: "\e0d1"; } .icon-map-pin-2-stroke:before { content: "\e0d0"; } .icon-map-pin-stroke:before { content: "\e0d2"; } .icon-megaphone:before { content: "\e0d4"; } .icon-mic:before { content: "\e0d6"; } .icon-mic-2:before { content: "\e0d5"; } .icon-minus:before { content: "\2212"; } .icon-minus-2:before { content: "\2296"; } .icon-monitor:before { content: "\e0d7"; } .icon-moon:before { content: "\e0d8"; } .icon-moon-stroke:before { content: "\263e"; } .icon-mouse:before { content: "\e0d9"; } .icon-move:before { content: "\e0da"; } .icon-move-horizontal:before { content: "\2194"; } .icon-move-vertical:before { content: "\2195"; } .icon-movie:before { content: "\e0db"; } .icon-new-window:before { content: "\e0dc"; } .icon-news:before { content: "\e0dd"; } .icon-opera:before { content: "\e0de"; } .icon-paperclip:before { content: "\e0df"; } .icon-paperplane:before { content: "\e0e0"; } .icon-pause:before { content: "\e0e2"; } .icon-pause-2:before { content: "\e0e1"; } .icon-pen:before { content: "\270f"; } .icon-pen-2:before { content: "\e0e4"; } .icon-pen-2-stroke:before { content: "\e0e3"; } .icon-pen-3:before { content: "\e0e5"; } .icon-phone:before { content: "\e0e8"; } .icon-phone-2:before { content: "\e0e6"; } .icon-phone-mobile:before { content: "\e0e7"; } .icon-picasa:before { content: "\e0ea"; } .icon-picasa-2:before { content: "\e0e9"; } .icon-pilcrow:before { content: "\b6"; } .icon-pin:before { content: "\e0eb"; } .icon-pinterest:before { content: "\e0ed"; } .icon-pinterest-2:before { content: "\e0ec"; } .icon-play:before { content: "\25b6"; } .icon-play-2:before { content: "\e0ee"; } .icon-plus:before { content: "\2b"; } .icon-plus-2:before { content: "\e0ef"; } .icon-plus-3:before { content: "\2295"; } .icon-podcast:before { content: "\e0f1"; } .icon-podcast-2:before { content: "\e0f0"; } .icon-polaroids:before { content: "\e0f2"; } .icon-power:before { content: "\e0f3"; } .icon-printer:before { content: "\e0f5"; } .icon-printer-2:before { content: "\e0f4"; } .icon-puzzle:before { content: "\e0f6"; } .icon-question:before { content: "\e0f7"; } .icon-question-mark:before { content: "\3f"; } .icon-rain:before { content: "\e0f8"; } .icon-read:before { content: "\e0f9"; } .icon-recycle:before { content: "\e0fa"; } .icon-reload:before { content: "\21bb"; } .icon-responsive:before { content: "\e0fb"; } .icon-right-quote:before { content: "\201d"; } .icon-right-quote-2:before { content: "\e0fc"; } .icon-rocket:before { content: "\e0fd"; } .icon-rss:before { content: "\e0ff"; } .icon-rss-2:before { content: "\e0fe"; } .icon-ruler:before { content: "\e100"; } .icon-safari:before { content: "\e101"; } .icon-save:before { content: "\e102"; } .icon-seo:before { content: "\e103"; } .icon-share:before { content: "\e105"; } .icon-share-2:before { content: "\e104"; } .icon-shield:before { content: "\e108"; } .icon-shield-2:before { content: "\e107"; } .icon-shield-2-stroke:before { content: "\e106"; } .icon-shuffle:before { content: "\e109"; } .icon-skype:before { content: "\e10a"; } .icon-smiles:before { content: "\e10b"; } .icon-snowflake:before { content: "\e10c"; } .icon-soundcloud:before { content: "\e10e"; } .icon-soundcloud-2:before { content: "\e10d"; } .icon-speedometer:before { content: "\e112"; } .icon-speedometer-2:before { content: "\e111"; } .icon-speedometer-2-low:before { content: "\e10f"; } .icon-speedometer-2-medium:before { content: "\e110"; } .icon-spin:before { content: "\e113"; } .icon-star:before { content: "\2605"; } .icon-star-2:before { content: "\e116"; } .icon-star-2-half:before { content: "\e114"; } .icon-star-2-stroke:before { content: "\e115"; } .icon-star-half:before { content: "\e117"; } .icon-star-stroke:before { content: "\e118"; } .icon-stop:before { content: "\25a0"; } .icon-stop-2:before { content: "\e119"; } .icon-stumbleupon:before { content: "\e11b"; } .icon-stumbleupon-2:before { content: "\e11a"; } .icon-sun:before { content: "\2600"; } .icon-sun-stroke:before { content: "\263c"; } .icon-support:before { content: "\e11c"; } .icon-tag:before { content: "\e120"; } .icon-tag-left:before { content: "\e11d"; } .icon-tag-right:before { content: "\e11e"; } .icon-tag-stroke:before { content: "\e11f"; } .icon-target:before { content: "\e122"; } .icon-target-2:before { content: "\e121"; } .icon-temperature:before { content: "\e124"; } .icon-temperature-2:before { content: "\e123"; } .icon-thumb-down:before { content: "\e125"; } .icon-thumb-up:before { content: "\e126"; } .icon-tie:before { content: "\e127"; } .icon-tools:before { content: "\e129"; } .icon-tools-2:before { content: "\e128"; } .icon-transfer:before { content: "\21c4"; } .icon-trash:before { content: "\e12d"; } .icon-trash-2:before { content: "\e12a"; } .icon-trash-3:before { content: "\e12c"; } .icon-trash-3-stroke:before { content: "\e12b"; } .icon-truck:before { content: "\e12e"; } .icon-tumblr:before { content: "\e130"; } .icon-tumblr-2:before { content: "\e12f"; } .icon-twitter-bird:before { content: "\e132"; } .icon-twitter-bird-2:before { content: "\e131"; } .icon-umbrella:before { content: "\2602"; } .icon-undo:before { content: "\238c"; } .icon-unlock:before { content: "\e134"; } .icon-unlock-stroke:before { content: "\e133"; } .icon-upload:before { content: "\e135"; } .icon-upload:before { content: "\2912"; } .icon-usb:before { content: "\e136"; } .icon-user:before { content: "\e138"; } .icon-user-2:before { content: "\e137"; } .icon-users:before { content: "\e139"; } .icon-vcard:before { content: "\e13a"; } .icon-vector:before { content: "\e13c"; } .icon-vector-2:before { content: "\e13b"; } .icon-video:before { content: "\e13d"; } .icon-vimeo:before { content: "\e13f"; } .icon-vimeo-2:before { content: "\e13e"; } .icon-volume:before { content: "\e141"; } .icon-volume-mute:before { content: "\e140"; } .icon-wand:before { content: "\e142"; } .icon-warning:before { content: "\e144"; } .icon-warning-2:before { content: "\e143"; } .icon-windows:before { content: "\e145"; } .icon-wireless:before { content: "\e146"; } .icon-wordpress:before { content: "\e148"; } .icon-wordpress-2:before { content: "\e147"; } .icon-wrench:before { content: "\e149"; } .icon-x:before { content: "\d7"; } .icon-x-2:before { content: "\2297"; } .icon-x-2-stroke:before { content: "\e14a"; } .icon-xing:before { content: "\e14b"; } .icon-yahoo:before { content: "\e14d"; } .icon-yahoo-2:before { content: "\e14c"; } .icon-youtube:before { content: "\e14f"; } .icon-youtube-2:before { content: "\e14e"; } /* * Main Stylesheet * * @copyright Copyright (c) 2012 rocksolidthemes.com * @license https://rocksolidthemes.com/agb No free usage allowed */ /* =========================================== * # Index: The structure of this stylesheet * * - Imports (Sass only) * - Fonts * - Basic settings (Sass only) * - Colors (Sass only) * - General * - Buttons * - Wrapper elements * - Layout in order of appearance in HTML * - Content * - Forms * - Content elements * - Modules (Search, FAQ, News, Events, Comments) * - Sidebar / Widgets * - Footer * - Slider * - Grid (design + production helper) * ======================================== */ /* =========================================== * Fonts * ======================================== */ @font-face { font-family: "RockSolid Icons"; src: url("../../files/oneo/fonts/rocksolid-icons.eot"); src: url("../../files/oneo/fonts/rocksolid-icons.eot?#iefix") format('eot'), url("../../files/oneo/fonts/rocksolid-icons.woff") format('woff'), url("../../files/oneo/fonts/rocksolid-icons.ttf") format('truetype'), url("../../files/oneo/fonts/rocksolid-icons.svg") format('svg'); font-weight: normal; font-style: normal; } /* =========================================== * General * ======================================== */ html { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: #7a7a78; } body { font: 15px/1.6 "Fira Mono", sans-serif; color: #7a7a78; background: #ffffff none 50% 0 no-repeat scroll; background-size: auto; } @media screen and (max-width: 599px) { body { font-size: 13px; } } body[class^="icon-"]:before, body[class*=" icon-"]:before { /* Ignore icon classes on the body element */ content: none; } body.background-variation-1 { background: url("../../files/oneo/img/demo/background-boxed.jpg") 50% 0 no-repeat; background-size: cover; background-attachment: fixed; } body.background-variation-2 { background-size: cover; background-attachment: fixed; } *, *:before, *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; } .rs-columns { clear: both; display: inline-block; vertical-align: top; width: 100%; } .rs-column { float: left; width: 100%; margin-top: 5%; margin-right: 5%; } .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: 47.5%; } .rs-column.-large-col-2-2 { width: 100%; } .rs-column.-large-col-3-1 { width: 30%; } .rs-column.-large-col-3-2 { width: 65%; } .rs-column.-large-col-3-3 { width: 100.0%; } .rs-column.-large-col-4-1 { width: 21.25%; } .rs-column.-large-col-4-2 { width: 47.5%; } .rs-column.-large-col-4-3 { width: 73.75%; } .rs-column.-large-col-4-4 { width: 100%; } .rs-column.-large-col-5-1 { width: 16%; } .rs-column.-large-col-5-2 { width: 37%; } .rs-column.-large-col-5-3 { width: 58.0%; } .rs-column.-large-col-5-4 { width: 79%; } .rs-column.-large-col-5-5 { width: 100%; } .rs-column.-large-col-6-1 { width: 12.5%; } .rs-column.-large-col-6-2 { width: 30%; } .rs-column.-large-col-6-3 { width: 47.5%; } .rs-column.-large-col-6-4 { width: 65%; } .rs-column.-large-col-6-5 { width: 82.5%; } .rs-column.-large-col-6-6 { width: 100%; } .rs-column.-large-col-7-1 { width: 10%; } .rs-column.-large-col-7-2 { width: 25%; } .rs-column.-large-col-7-3 { width: 40%; } .rs-column.-large-col-7-4 { width: 55.0%; } .rs-column.-large-col-7-5 { width: 70%; } .rs-column.-large-col-7-6 { width: 85%; } .rs-column.-large-col-7-7 { width: 100%; } .oneo-no-sidebar .rs-column, .page-footer .rs-column { margin-top: 3.33333%; margin-right: 3.33333%; } .oneo-no-sidebar .rs-column.-large-last, .page-footer .rs-column.-large-last { margin-right: -5px; } .oneo-no-sidebar .rs-column.-large-first-row, .page-footer .rs-column.-large-first-row { margin-top: 0; } .oneo-no-sidebar .rs-column.-large-col-1-1, .page-footer .rs-column.-large-col-1-1 { width: 100%; } .oneo-no-sidebar .rs-column.-large-col-2-1, .page-footer .rs-column.-large-col-2-1 { width: 48.33333%; } .oneo-no-sidebar .rs-column.-large-col-2-2, .page-footer .rs-column.-large-col-2-2 { width: 100%; } .oneo-no-sidebar .rs-column.-large-col-3-1, .page-footer .rs-column.-large-col-3-1 { width: 31.11111%; } .oneo-no-sidebar .rs-column.-large-col-3-2, .page-footer .rs-column.-large-col-3-2 { width: 65.55556%; } .oneo-no-sidebar .rs-column.-large-col-3-3, .page-footer .rs-column.-large-col-3-3 { width: 100%; } .oneo-no-sidebar .rs-column.-large-col-4-1, .page-footer .rs-column.-large-col-4-1 { width: 22.5%; } .oneo-no-sidebar .rs-column.-large-col-4-2, .page-footer .rs-column.-large-col-4-2 { width: 48.33333%; } .oneo-no-sidebar .rs-column.-large-col-4-3, .page-footer .rs-column.-large-col-4-3 { width: 74.16667%; } .oneo-no-sidebar .rs-column.-large-col-4-4, .page-footer .rs-column.-large-col-4-4 { width: 100%; } .oneo-no-sidebar .rs-column.-large-col-5-1, .page-footer .rs-column.-large-col-5-1 { width: 17.33333%; } .oneo-no-sidebar .rs-column.-large-col-5-2, .page-footer .rs-column.-large-col-5-2 { width: 38%; } .oneo-no-sidebar .rs-column.-large-col-5-3, .page-footer .rs-column.-large-col-5-3 { width: 58.66667%; } .oneo-no-sidebar .rs-column.-large-col-5-4, .page-footer .rs-column.-large-col-5-4 { width: 79.33333%; } .oneo-no-sidebar .rs-column.-large-col-5-5, .page-footer .rs-column.-large-col-5-5 { width: 100%; } .oneo-no-sidebar .rs-column.-large-col-6-1, .page-footer .rs-column.-large-col-6-1 { width: 13.88889%; } .oneo-no-sidebar .rs-column.-large-col-6-2, .page-footer .rs-column.-large-col-6-2 { width: 31.11111%; } .oneo-no-sidebar .rs-column.-large-col-6-3, .page-footer .rs-column.-large-col-6-3 { width: 48.33333%; } .oneo-no-sidebar .rs-column.-large-col-6-4, .page-footer .rs-column.-large-col-6-4 { width: 65.55556%; } .oneo-no-sidebar .rs-column.-large-col-6-5, .page-footer .rs-column.-large-col-6-5 { width: 82.77778%; } .oneo-no-sidebar .rs-column.-large-col-6-6, .page-footer .rs-column.-large-col-6-6 { width: 100%; } .oneo-no-sidebar .rs-column.-large-col-7-1, .page-footer .rs-column.-large-col-7-1 { width: 11.42857%; } .oneo-no-sidebar .rs-column.-large-col-7-2, .page-footer .rs-column.-large-col-7-2 { width: 26.19048%; } .oneo-no-sidebar .rs-column.-large-col-7-3, .page-footer .rs-column.-large-col-7-3 { width: 40.95238%; } .oneo-no-sidebar .rs-column.-large-col-7-4, .page-footer .rs-column.-large-col-7-4 { width: 55.71429%; } .oneo-no-sidebar .rs-column.-large-col-7-5, .page-footer .rs-column.-large-col-7-5 { width: 70.47619%; } .oneo-no-sidebar .rs-column.-large-col-7-6, .page-footer .rs-column.-large-col-7-6 { width: 85.2381%; } .oneo-no-sidebar .rs-column.-large-col-7-7, .page-footer .rs-column.-large-col-7-7 { width: 100%; } @media screen and (max-width: 900px) { .rs-column, .oneo-no-sidebar .rs-column, .page-footer .rs-column { margin-top: 4.54545%; margin-right: 4.54545%; } .rs-column.-large-first, .oneo-no-sidebar .rs-column.-large-first, .page-footer .rs-column.-large-first { clear: none; } .rs-column.-large-last, .oneo-no-sidebar .rs-column.-large-last, .page-footer .rs-column.-large-last { margin-right: 4.54545%; } .rs-column.-large-first-row, .oneo-no-sidebar .rs-column.-large-first-row, .page-footer .rs-column.-large-first-row { margin-top: 4.54545%; } .rs-column.-medium-first, .oneo-no-sidebar .rs-column.-medium-first, .page-footer .rs-column.-medium-first { clear: left; } .rs-column.-medium-last, .oneo-no-sidebar .rs-column.-medium-last, .page-footer .rs-column.-medium-last { margin-right: -5px; } .rs-column.-medium-first-row, .oneo-no-sidebar .rs-column.-medium-first-row, .page-footer .rs-column.-medium-first-row { margin-top: 0; } .rs-column.-medium-col-1-1, .oneo-no-sidebar .rs-column.-medium-col-1-1, .page-footer .rs-column.-medium-col-1-1 { width: 100%; } .rs-column.-medium-col-2-1, .oneo-no-sidebar .rs-column.-medium-col-2-1, .page-footer .rs-column.-medium-col-2-1 { width: 47.72727%; } .rs-column.-medium-col-2-2, .oneo-no-sidebar .rs-column.-medium-col-2-2, .page-footer .rs-column.-medium-col-2-2 { width: 100%; } .rs-column.-medium-col-3-1, .oneo-no-sidebar .rs-column.-medium-col-3-1, .page-footer .rs-column.-medium-col-3-1 { width: 30.30303%; } .rs-column.-medium-col-3-2, .oneo-no-sidebar .rs-column.-medium-col-3-2, .page-footer .rs-column.-medium-col-3-2 { width: 65.15152%; } .rs-column.-medium-col-3-3, .oneo-no-sidebar .rs-column.-medium-col-3-3, .page-footer .rs-column.-medium-col-3-3 { width: 100%; } .rs-column.-medium-col-4-1, .oneo-no-sidebar .rs-column.-medium-col-4-1, .page-footer .rs-column.-medium-col-4-1 { width: 21.59091%; } .rs-column.-medium-col-4-2, .oneo-no-sidebar .rs-column.-medium-col-4-2, .page-footer .rs-column.-medium-col-4-2 { width: 47.72727%; } .rs-column.-medium-col-4-3, .oneo-no-sidebar .rs-column.-medium-col-4-3, .page-footer .rs-column.-medium-col-4-3 { width: 73.86364%; } .rs-column.-medium-col-4-4, .oneo-no-sidebar .rs-column.-medium-col-4-4, .page-footer .rs-column.-medium-col-4-4 { width: 100%; } .rs-column.-medium-col-5-1, .oneo-no-sidebar .rs-column.-medium-col-5-1, .page-footer .rs-column.-medium-col-5-1 { width: 16.36364%; } .rs-column.-medium-col-5-2, .oneo-no-sidebar .rs-column.-medium-col-5-2, .page-footer .rs-column.-medium-col-5-2 { width: 37.27273%; } .rs-column.-medium-col-5-3, .oneo-no-sidebar .rs-column.-medium-col-5-3, .page-footer .rs-column.-medium-col-5-3 { width: 58.18182%; } .rs-column.-medium-col-5-4, .oneo-no-sidebar .rs-column.-medium-col-5-4, .page-footer .rs-column.-medium-col-5-4 { width: 79.09091%; } .rs-column.-medium-col-5-5, .oneo-no-sidebar .rs-column.-medium-col-5-5, .page-footer .rs-column.-medium-col-5-5 { width: 100%; } .rs-column.-medium-col-6-1, .oneo-no-sidebar .rs-column.-medium-col-6-1, .page-footer .rs-column.-medium-col-6-1 { width: 12.87879%; } .rs-column.-medium-col-6-2, .oneo-no-sidebar .rs-column.-medium-col-6-2, .page-footer .rs-column.-medium-col-6-2 { width: 30.30303%; } .rs-column.-medium-col-6-3, .oneo-no-sidebar .rs-column.-medium-col-6-3, .page-footer .rs-column.-medium-col-6-3 { width: 47.72727%; } .rs-column.-medium-col-6-4, .oneo-no-sidebar .rs-column.-medium-col-6-4, .page-footer .rs-column.-medium-col-6-4 { width: 65.15152%; } .rs-column.-medium-col-6-5, .oneo-no-sidebar .rs-column.-medium-col-6-5, .page-footer .rs-column.-medium-col-6-5 { width: 82.57576%; } .rs-column.-medium-col-6-6, .oneo-no-sidebar .rs-column.-medium-col-6-6, .page-footer .rs-column.-medium-col-6-6 { width: 100%; } .rs-column.-medium-col-7-1, .oneo-no-sidebar .rs-column.-medium-col-7-1, .page-footer .rs-column.-medium-col-7-1 { width: 10.38961%; } .rs-column.-medium-col-7-2, .oneo-no-sidebar .rs-column.-medium-col-7-2, .page-footer .rs-column.-medium-col-7-2 { width: 25.32468%; } .rs-column.-medium-col-7-3, .oneo-no-sidebar .rs-column.-medium-col-7-3, .page-footer .rs-column.-medium-col-7-3 { width: 40.25974%; } .rs-column.-medium-col-7-4, .oneo-no-sidebar .rs-column.-medium-col-7-4, .page-footer .rs-column.-medium-col-7-4 { width: 55.19481%; } .rs-column.-medium-col-7-5, .oneo-no-sidebar .rs-column.-medium-col-7-5, .page-footer .rs-column.-medium-col-7-5 { width: 70.12987%; } .rs-column.-medium-col-7-6, .oneo-no-sidebar .rs-column.-medium-col-7-6, .page-footer .rs-column.-medium-col-7-6 { width: 85.06494%; } .rs-column.-medium-col-7-7, .oneo-no-sidebar .rs-column.-medium-col-7-7, .page-footer .rs-column.-medium-col-7-7 { width: 100%; } } @media screen and (max-width: 599px) { .rs-column, .oneo-no-sidebar .rs-column, .page-footer .rs-column { margin-right: 4.54545%; } .rs-column.-medium-first, .oneo-no-sidebar .rs-column.-medium-first, .page-footer .rs-column.-medium-first { clear: none; } .rs-column.-medium-last, .oneo-no-sidebar .rs-column.-medium-last, .page-footer .rs-column.-medium-last { margin-right: 4.54545%; } .rs-column.-medium-first-row, .oneo-no-sidebar .rs-column.-medium-first-row, .page-footer .rs-column.-medium-first-row { margin-top: 4.54545%; } .rs-column.-small-first, .oneo-no-sidebar .rs-column.-small-first, .page-footer .rs-column.-small-first { clear: left; } .rs-column.-small-last, .oneo-no-sidebar .rs-column.-small-last, .page-footer .rs-column.-small-last { margin-right: -5px; } .rs-column.-small-first-row, .oneo-no-sidebar .rs-column.-small-first-row, .page-footer .rs-column.-small-first-row { margin-top: 0; } .rs-column.-small-col-1-1, .oneo-no-sidebar .rs-column.-small-col-1-1, .page-footer .rs-column.-small-col-1-1 { width: 100%; } .rs-column.-small-col-2-1, .oneo-no-sidebar .rs-column.-small-col-2-1, .page-footer .rs-column.-small-col-2-1 { width: 47.72727%; } .rs-column.-small-col-2-2, .oneo-no-sidebar .rs-column.-small-col-2-2, .page-footer .rs-column.-small-col-2-2 { width: 100%; } .rs-column.-small-col-3-1, .oneo-no-sidebar .rs-column.-small-col-3-1, .page-footer .rs-column.-small-col-3-1 { width: 30.30303%; } .rs-column.-small-col-3-2, .oneo-no-sidebar .rs-column.-small-col-3-2, .page-footer .rs-column.-small-col-3-2 { width: 65.15152%; } .rs-column.-small-col-3-3, .oneo-no-sidebar .rs-column.-small-col-3-3, .page-footer .rs-column.-small-col-3-3 { width: 100%; } .rs-column.-small-col-4-1, .oneo-no-sidebar .rs-column.-small-col-4-1, .page-footer .rs-column.-small-col-4-1 { width: 21.59091%; } .rs-column.-small-col-4-2, .oneo-no-sidebar .rs-column.-small-col-4-2, .page-footer .rs-column.-small-col-4-2 { width: 47.72727%; } .rs-column.-small-col-4-3, .oneo-no-sidebar .rs-column.-small-col-4-3, .page-footer .rs-column.-small-col-4-3 { width: 73.86364%; } .rs-column.-small-col-4-4, .oneo-no-sidebar .rs-column.-small-col-4-4, .page-footer .rs-column.-small-col-4-4 { width: 100%; } .rs-column.-small-col-5-1, .oneo-no-sidebar .rs-column.-small-col-5-1, .page-footer .rs-column.-small-col-5-1 { width: 16.36364%; } .rs-column.-small-col-5-2, .oneo-no-sidebar .rs-column.-small-col-5-2, .page-footer .rs-column.-small-col-5-2 { width: 37.27273%; } .rs-column.-small-col-5-3, .oneo-no-sidebar .rs-column.-small-col-5-3, .page-footer .rs-column.-small-col-5-3 { width: 58.18182%; } .rs-column.-small-col-5-4, .oneo-no-sidebar .rs-column.-small-col-5-4, .page-footer .rs-column.-small-col-5-4 { width: 79.09091%; } .rs-column.-small-col-5-5, .oneo-no-sidebar .rs-column.-small-col-5-5, .page-footer .rs-column.-small-col-5-5 { width: 100%; } .rs-column.-small-col-6-1, .oneo-no-sidebar .rs-column.-small-col-6-1, .page-footer .rs-column.-small-col-6-1 { width: 12.87879%; } .rs-column.-small-col-6-2, .oneo-no-sidebar .rs-column.-small-col-6-2, .page-footer .rs-column.-small-col-6-2 { width: 30.30303%; } .rs-column.-small-col-6-3, .oneo-no-sidebar .rs-column.-small-col-6-3, .page-footer .rs-column.-small-col-6-3 { width: 47.72727%; } .rs-column.-small-col-6-4, .oneo-no-sidebar .rs-column.-small-col-6-4, .page-footer .rs-column.-small-col-6-4 { width: 65.15152%; } .rs-column.-small-col-6-5, .oneo-no-sidebar .rs-column.-small-col-6-5, .page-footer .rs-column.-small-col-6-5 { width: 82.57576%; } .rs-column.-small-col-6-6, .oneo-no-sidebar .rs-column.-small-col-6-6, .page-footer .rs-column.-small-col-6-6 { width: 100%; } .rs-column.-small-col-7-1, .oneo-no-sidebar .rs-column.-small-col-7-1, .page-footer .rs-column.-small-col-7-1 { width: 10.38961%; } .rs-column.-small-col-7-2, .oneo-no-sidebar .rs-column.-small-col-7-2, .page-footer .rs-column.-small-col-7-2 { width: 25.32468%; } .rs-column.-small-col-7-3, .oneo-no-sidebar .rs-column.-small-col-7-3, .page-footer .rs-column.-small-col-7-3 { width: 40.25974%; } .rs-column.-small-col-7-4, .oneo-no-sidebar .rs-column.-small-col-7-4, .page-footer .rs-column.-small-col-7-4 { width: 55.19481%; } .rs-column.-small-col-7-5, .oneo-no-sidebar .rs-column.-small-col-7-5, .page-footer .rs-column.-small-col-7-5 { width: 70.12987%; } .rs-column.-small-col-7-6, .oneo-no-sidebar .rs-column.-small-col-7-6, .page-footer .rs-column.-small-col-7-6 { width: 85.06494%; } .rs-column.-small-col-7-7, .oneo-no-sidebar .rs-column.-small-col-7-7, .page-footer .rs-column.-small-col-7-7 { width: 100%; } } /* Resetting box model for moo_mediabox, moo_slimbox and j_colorbox */ #mbCenter, #colorbox, #lbCenter, #lbBottomContainer { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } ::selection { background: #33b1ec; color: #ffffff; text-shadow: none !important; } ::-moz-selection { background: #33b1ec; color: #ffffff; text-shadow: none !important; } button, input, select, textarea { font-family: inherit; } table { width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid #dcdcdc; background: #ffffff; } table th, table td { border: solid #f2f2f2; border-width: 1px 0 0 1px; } table th:first-child, table td:first-child { border-left: 0; } table > thead > tr:first-child > th, table > thead > tr:first-child > td, table > tbody:first-child > tr:first-child > th, table > tbody:first-child > tr:first-child > td, table > tfoot:first-child + tbody > tr:first-child > th, table > tfoot:first-child + tbody > tr:first-child > td { /* First row of the table */ border-top: 0; } table th { padding: 0.4em 0.66667em; font-weight: bold; text-align: left; } table td { padding: 0.4em 0.66667em; } table thead { background: rgba(0, 0, 0, 0.02); } table tfoot td { font-style: italic; } strong, b { font-weight: bold; } a { color: #7a7a78; text-decoration: none; } a:hover, a:focus { text-decoration: underline; } a:hover, a:active { outline: 0; } a.external-link: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; } .-highlight-color a { color: #2d2d2c; } /* Icon attribute */ *[data-icon]:before, *[class^="icon-"]:before, *[class*=" icon-"]:before { font: 100%/1 "RockSolid Icons"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; margin-right: 0.26667em; } *[data-icon]:before { content: attr(data-icon); } *[data-icon].after:before { content: none; } *[data-icon].after:after { font: 100%/1 "RockSolid Icons"; content: attr(data-icon); -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; margin-left: 0.26667em; } .clear { clear: both; } .invisible { position: absolute; height: 1px !important; width: 1px !important; clip: rect(0 0 0 0); margin: -1px; padding: 0 !important; overflow: hidden; border: 0; } .no-border { border: 0 !important; } .no-margin { margin: 0 !important; } .no-margin-top { margin-top: 0 !important; } .no-margin-bottom { margin-bottom: 0 !important; } .left { float: left; } .right { float: right; } .margin-top-none { margin-top: 0 !important; } @media screen and (max-width: 599px) { .margin-top-none { margin-top: 0 !important; } } .margin-right-none { margin-right: 0 !important; } @media screen and (max-width: 599px) { .margin-right-none { margin-right: 0 !important; } } .margin-bottom-none { margin-bottom: 0 !important; } @media screen and (max-width: 599px) { .margin-bottom-none { margin-bottom: 0 !important; } } .margin-left-none { margin-left: 0 !important; } @media screen and (max-width: 599px) { .margin-left-none { margin-left: 0 !important; } } .padding-top-none { padding-top: 0 !important; } @media screen and (max-width: 599px) { .padding-top-none { padding-top: 0 !important; } } .padding-right-none { padding-right: 0 !important; } @media screen and (max-width: 599px) { .padding-right-none { padding-right: 0 !important; } } .padding-bottom-none { padding-bottom: 0 !important; } @media screen and (max-width: 599px) { .padding-bottom-none { padding-bottom: 0 !important; } } .padding-left-none { padding-left: 0 !important; } @media screen and (max-width: 599px) { .padding-left-none { padding-left: 0 !important; } } .margin-top-xxs { margin-top: 10px !important; } @media screen and (max-width: 599px) { .margin-top-xxs { margin-top: 5px !important; } } .margin-right-xxs { margin-right: 10px !important; } @media screen and (max-width: 599px) { .margin-right-xxs { margin-right: 5px !important; } } .margin-bottom-xxs { margin-bottom: 10px !important; } @media screen and (max-width: 599px) { .margin-bottom-xxs { margin-bottom: 5px !important; } } .margin-left-xxs { margin-left: 10px !important; } @media screen and (max-width: 599px) { .margin-left-xxs { margin-left: 5px !important; } } .padding-top-xxs { padding-top: 10px !important; } @media screen and (max-width: 599px) { .padding-top-xxs { padding-top: 5px !important; } } .padding-right-xxs { padding-right: 10px !important; } @media screen and (max-width: 599px) { .padding-right-xxs { padding-right: 5px !important; } } .padding-bottom-xxs { padding-bottom: 10px !important; } @media screen and (max-width: 599px) { .padding-bottom-xxs { padding-bottom: 5px !important; } } .padding-left-xxs { padding-left: 10px !important; } @media screen and (max-width: 599px) { .padding-left-xxs { padding-left: 5px !important; } } .margin-top-xs { margin-top: 25px !important; } @media screen and (max-width: 599px) { .margin-top-xs { margin-top: 13px !important; } } .margin-right-xs { margin-right: 25px !important; } @media screen and (max-width: 599px) { .margin-right-xs { margin-right: 13px !important; } } .margin-bottom-xs { margin-bottom: 25px !important; } @media screen and (max-width: 599px) { .margin-bottom-xs { margin-bottom: 13px !important; } } .margin-left-xs { margin-left: 25px !important; } @media screen and (max-width: 599px) { .margin-left-xs { margin-left: 13px !important; } } .padding-top-xs { padding-top: 25px !important; } @media screen and (max-width: 599px) { .padding-top-xs { padding-top: 13px !important; } } .padding-right-xs { padding-right: 25px !important; } @media screen and (max-width: 599px) { .padding-right-xs { padding-right: 13px !important; } } .padding-bottom-xs { padding-bottom: 25px !important; } @media screen and (max-width: 599px) { .padding-bottom-xs { padding-bottom: 13px !important; } } .padding-left-xs { padding-left: 25px !important; } @media screen and (max-width: 599px) { .padding-left-xs { padding-left: 13px !important; } } .margin-top-s { margin-top: 50px !important; } @media screen and (max-width: 599px) { .margin-top-s { margin-top: 25px !important; } } .margin-right-s { margin-right: 50px !important; } @media screen and (max-width: 599px) { .margin-right-s { margin-right: 25px !important; } } .margin-bottom-s { margin-bottom: 50px !important; } @media screen and (max-width: 599px) { .margin-bottom-s { margin-bottom: 25px !important; } } .margin-left-s { margin-left: 50px !important; } @media screen and (max-width: 599px) { .margin-left-s { margin-left: 25px !important; } } .padding-top-s { padding-top: 50px !important; } @media screen and (max-width: 599px) { .padding-top-s { padding-top: 25px !important; } } .padding-right-s { padding-right: 50px !important; } @media screen and (max-width: 599px) { .padding-right-s { padding-right: 25px !important; } } .padding-bottom-s { padding-bottom: 50px !important; } @media screen and (max-width: 599px) { .padding-bottom-s { padding-bottom: 25px !important; } } .padding-left-s { padding-left: 50px !important; } @media screen and (max-width: 599px) { .padding-left-s { padding-left: 25px !important; } } .margin-top-m { margin-top: 75px !important; } @media screen and (max-width: 599px) { .margin-top-m { margin-top: 38px !important; } } .margin-right-m { margin-right: 75px !important; } @media screen and (max-width: 599px) { .margin-right-m { margin-right: 38px !important; } } .margin-bottom-m { margin-bottom: 75px !important; } @media screen and (max-width: 599px) { .margin-bottom-m { margin-bottom: 38px !important; } } .margin-left-m { margin-left: 75px !important; } @media screen and (max-width: 599px) { .margin-left-m { margin-left: 38px !important; } } .padding-top-m { padding-top: 75px !important; } @media screen and (max-width: 599px) { .padding-top-m { padding-top: 38px !important; } } .padding-right-m { padding-right: 75px !important; } @media screen and (max-width: 599px) { .padding-right-m { padding-right: 38px !important; } } .padding-bottom-m { padding-bottom: 75px !important; } @media screen and (max-width: 599px) { .padding-bottom-m { padding-bottom: 38px !important; } } .padding-left-m { padding-left: 75px !important; } @media screen and (max-width: 599px) { .padding-left-m { padding-left: 38px !important; } } .margin-top-l { margin-top: 100px !important; } @media screen and (max-width: 599px) { .margin-top-l { margin-top: 50px !important; } } .margin-right-l { margin-right: 100px !important; } @media screen and (max-width: 599px) { .margin-right-l { margin-right: 50px !important; } } .margin-bottom-l { margin-bottom: 100px !important; } @media screen and (max-width: 599px) { .margin-bottom-l { margin-bottom: 50px !important; } } .margin-left-l { margin-left: 100px !important; } @media screen and (max-width: 599px) { .margin-left-l { margin-left: 50px !important; } } .padding-top-l { padding-top: 100px !important; } @media screen and (max-width: 599px) { .padding-top-l { padding-top: 50px !important; } } .padding-right-l { padding-right: 100px !important; } @media screen and (max-width: 599px) { .padding-right-l { padding-right: 50px !important; } } .padding-bottom-l { padding-bottom: 100px !important; } @media screen and (max-width: 599px) { .padding-bottom-l { padding-bottom: 50px !important; } } .padding-left-l { padding-left: 100px !important; } @media screen and (max-width: 599px) { .padding-left-l { padding-left: 50px !important; } } .margin-top-xl { margin-top: 150px !important; } @media screen and (max-width: 599px) { .margin-top-xl { margin-top: 75px !important; } } .margin-right-xl { margin-right: 150px !important; } @media screen and (max-width: 599px) { .margin-right-xl { margin-right: 75px !important; } } .margin-bottom-xl { margin-bottom: 150px !important; } @media screen and (max-width: 599px) { .margin-bottom-xl { margin-bottom: 75px !important; } } .margin-left-xl { margin-left: 150px !important; } @media screen and (max-width: 599px) { .margin-left-xl { margin-left: 75px !important; } } .padding-top-xl { padding-top: 150px !important; } @media screen and (max-width: 599px) { .padding-top-xl { padding-top: 75px !important; } } .padding-right-xl { padding-right: 150px !important; } @media screen and (max-width: 599px) { .padding-right-xl { padding-right: 75px !important; } } .padding-bottom-xl { padding-bottom: 150px !important; } @media screen and (max-width: 599px) { .padding-bottom-xl { padding-bottom: 75px !important; } } .padding-left-xl { padding-left: 150px !important; } @media screen and (max-width: 599px) { .padding-left-xl { padding-left: 75px !important; } } .margin-top-xxl { margin-top: 200px !important; } @media screen and (max-width: 599px) { .margin-top-xxl { margin-top: 100px !important; } } .margin-right-xxl { margin-right: 200px !important; } @media screen and (max-width: 599px) { .margin-right-xxl { margin-right: 100px !important; } } .margin-bottom-xxl { margin-bottom: 200px !important; } @media screen and (max-width: 599px) { .margin-bottom-xxl { margin-bottom: 100px !important; } } .margin-left-xxl { margin-left: 200px !important; } @media screen and (max-width: 599px) { .margin-left-xxl { margin-left: 100px !important; } } .padding-top-xxl { padding-top: 200px !important; } @media screen and (max-width: 599px) { .padding-top-xxl { padding-top: 100px !important; } } .padding-right-xxl { padding-right: 200px !important; } @media screen and (max-width: 599px) { .padding-right-xxl { padding-right: 100px !important; } } .padding-bottom-xxl { padding-bottom: 200px !important; } @media screen and (max-width: 599px) { .padding-bottom-xxl { padding-bottom: 100px !important; } } .padding-left-xxl { padding-left: 200px !important; } @media screen and (max-width: 599px) { .padding-left-xxl { padding-left: 100px !important; } } .font-size-xxs { font-size: 0.6em !important; } @media screen and (max-width: 599px) { .font-size-xxs { font-size: 0.8em !important; } } .font-size-xs { font-size: 0.8em !important; } @media screen and (max-width: 599px) { .font-size-xs { font-size: 0.9em !important; } } .font-size-s { font-size: 0.9em !important; } @media screen and (max-width: 599px) { .font-size-s { font-size: 0.95em !important; } } .font-size-m { font-size: 1.2em !important; } @media screen and (max-width: 599px) { .font-size-m { font-size: 1.1em !important; } } .font-size-l { font-size: 1.5em !important; } @media screen and (max-width: 599px) { .font-size-l { font-size: 1.25em !important; } } .font-size-xl { font-size: 2em !important; } @media screen and (max-width: 599px) { .font-size-xl { font-size: 1.5em !important; } } .font-size-xxl { font-size: 2.5em !important; } @media screen and (max-width: 599px) { .font-size-xxl { font-size: 1.75em !important; } } .centered { display: block; margin-left: auto !important; margin-right: auto !important; text-align: center; } .pdf_link { margin: 0.8em 0 0 1.33333em; float: right; } .pdf_link a { margin-left: 0.13333em; } .mime_icon { margin-bottom: -0.25em; } .ce_toplink, .toplink { overflow: hidden; margin: 1.6em 0; } .ce_toplink:after, .toplink:after { content: ""; display: inline-block; vertical-align: middle; width: 100%; height: 0; overflow: visible; margin: 0 -100% 0 0.66667em; border-top: 1px solid #dcdcdc; } .ce_toplink > a:before, .toplink > a:before { font: 100%/1 "RockSolid Icons"; content: "\e00c"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; margin-right: 0.33333em; } /* Style for dlh_googlemaps (if you don't use the plugin, you might want to delete this) */ .dlh_googlemap { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .main-content .dlh_googlemap, .sidebar .dlh_googlemap { /* Setting the maps max-width to 100% is best practice, since it becomes fluid that way */ max-width: 100%; } .main-content .dlh_googlemap img { max-width: none; } hr, .headline-hr:before, .headline-hr:after { clear: both; height: 0; overflow: visible; margin: 2.4em 0; border: 0; border-top: 1px solid #dcdcdc; } hr.-hr-dotted, .headline-hr.-hr-dotted:before, .headline-hr.-hr-dotted:after { border-top-style: dotted; border-top-color: #717c8e; } hr.-hr-shadow, .headline-hr.-hr-shadow:before, .headline-hr.-hr-shadow:after { height: 8px; background: -webkit-radial-gradient(rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0) 60%); background: -moz-radial-gradient(rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0) 60%); background: -o-radial-gradient(rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0) 60%); background: radial-gradient(rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0) 60%); background-size: 100% 16px; background-position: 50% -8px; } .headline-hr { overflow: hidden; clear: both; } .headline-hr:before, .headline-hr:after { display: inline-block; vertical-align: middle; width: 100%; margin: 0 0.66667em 0 -100%; } .headline-hr:after { content: ""; margin: 0 -100% 0 0.66667em; } .headline-hr.-centered { text-align: center; } .headline-hr.-centered:before { content: ""; } .headline-hr.-align-right { text-align: right; } .headline-hr.-align-right:before { content: ""; } .headline-hr.-align-right:after { content: none; } .icon-hr { display: block; } .icon-hr:before { position: relative; display: block; bottom: -0.53333em; width: 2em; margin: 0; background: #ffffff; } .icon-hr.-centered:before { width: 2.4em; margin: 0 auto; text-align: center; } .icon-hr.-align-right:before { margin: 0 0 0 auto; text-align: right; } .icon-hr hr { margin: 0; } .confirmation { color: #b5da44; } .information { color: #33b1ec; } .warning { color: #df3763; } p.confirmation, p.information, p.warning, div.confirmation, div.information, div.warning, span.confirmation, span.information, span.warning { position: relative; display: block; overflow: hidden; margin: 1.66667em 0; padding: 1.06667em 6.25% 1.06667em 12.5%; border: 1px solid #dcdcdc; color: #dfefae; background: #ffffff; } @media screen and (max-width: 599px) { p.confirmation, p.information, p.warning, div.confirmation, div.information, div.warning, span.confirmation, span.information, span.warning { padding-left: 4.26667em; } } p.confirmation:before, p.information:before, p.warning:before, div.confirmation:before, div.information:before, div.warning:before, span.confirmation:before, span.information:before, span.warning:before { font: 1.6em/1 "RockSolid Icons"; content: "\e044"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; position: absolute; top: 50%; left: -0.41667em; width: 2.5em; height: 2.5em; margin: -1.25em 0 0; padding: 0.66667em; border-radius: 100%; color: #ffffff; text-align: center; background: #b5da44; } p.information, div.information, span.information { color: #a8def7; } p.information:before, div.information:before, span.information:before { content: "\e0a6"; background: #33b1ec; } p.warning, div.warning, span.warning { color: #f1a5b9; } p.warning:before, div.warning:before, span.warning:before { content: "\e143"; background: #df3763; } p.drop-cap:first-letter, span.drop-cap { float: left; margin: 0.14286em 0.42857em 0 0; padding: 0.39286em; font-size: 1.86667em; font-weight: bold; /* Fixes line-height difference between gecko and webkit */ line-height: 0.7; color: #ffffff; background: #7a7a78; } p.drop-cap:first-letter { /* IE8 and IE9 calculate em's from the parent element */ margin: 0.26667em 0.8em 0 0 \9; } code { padding: 0.14286em 0.35714em; font-family: "Lucida Console", monospace; font-size: 0.93333em; line-height: 1.35786; background-color: #f2f2f2; } pre { margin: 1.71429em 0; padding: 0.5em 1em; display: block; overflow: auto; font-family: "Lucida Console", monospace; font-size: 0.93333em; line-height: 1.715; background-color: #f2f2f2; } pre code { font-size: 1em; padding: 0; line-height: inherit; background-color: transparent; } /* =========================================== * Buttons * ======================================== */ .button-box { margin: 0.8em 0; } .button-box.-left { text-align: left; } .button-box.-right { text-align: right; } .button-box.-centered { text-align: center; } .button-box.-inline { display: inline; } button.-secondary, .button.-secondary, input[type="submit"].-secondary, .main-navigation-search-form button, .feature-box-link.-secondary, .headline-box-link.-secondary, .pricing-table-plan a.-secondary, .feature-box-link, .headline-box-link, .pricing-table-plan a, button, .button, input[type="submit"], input[type="reset"], input[type="button"] { position: relative; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: inline-block; padding: 1.07143em 1.42857em; border: 0; outline: none; font-size: 0.93333em; letter-spacing: 0.1em; line-height: 1.42929; color: #ffffff; text-align: center; text-decoration: none; text-transform: uppercase; background: #878786; } button.-secondary:hover, .button.-secondary:hover, input[type="submit"].-secondary:hover, .main-navigation-search-form button:hover, .feature-box-link:hover, .headline-box-link:hover, .pricing-table-plan a:hover, button.-secondary:focus, .button.-secondary:focus, input[type="submit"].-secondary:focus, .main-navigation-search-form button:focus, .feature-box-link:focus, .headline-box-link:focus, .pricing-table-plan a:focus, button:hover, button:focus, .button:hover, .button:focus, input[type="submit"]:hover, input[type="submit"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="button"]:hover, input[type="button"]:focus { background-color: #6d6d6d; text-decoration: none; } button.-secondary:active, .button.-secondary:active, input[type="submit"].-secondary:active, .main-navigation-search-form button:active, .feature-box-link:active, .headline-box-link:active, .pricing-table-plan a:active, button:active, .button:active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active { background-color: #7a7a79; } button.-small.-secondary, .-small.button.-secondary, input.-small[type="submit"].-secondary, .main-navigation-search-form button.-small, .-small.feature-box-link, .-small.headline-box-link, .pricing-table-plan a.-small, button.-small, .button.-small, input[type="submit"].-small, input[type="reset"].-small, input[type="button"].-small { padding: 0.66667em 1em; font-size: 0.8em; line-height: 1.6675; } button.-medium.-secondary, .-medium.button.-secondary, input.-medium[type="submit"].-secondary, .main-navigation-search-form button.-medium, .-medium.feature-box-link, .-medium.headline-box-link, .pricing-table-plan a.-medium, button.-medium, .button.-medium, input[type="submit"].-medium, input[type="reset"].-medium, input[type="button"].-medium { padding: 0.75em 1em; font-size: 1.2em; line-height: 1.11167; } button.-large.-secondary, .-large.button.-secondary, input.-large[type="submit"].-secondary, .main-navigation-search-form button.-large, .-large.feature-box-link, .-large.headline-box-link, .pricing-table-plan a.-large, button.-large, .button.-large, input[type="submit"].-large, input[type="reset"].-large, input[type="button"].-large { padding: 0.71429em 0.95238em; font-size: 1.4em; line-height: 0.95286; } button.-super-size.-secondary, .-super-size.button.-secondary, input.-super-size[type="submit"].-secondary, .main-navigation-search-form button.-super-size, .-super-size.feature-box-link, .-super-size.headline-box-link, .pricing-table-plan a.-super-size, button.-super-size, .button.-super-size, input[type="submit"].-super-size, input[type="reset"].-super-size, input[type="button"].-super-size { padding: 0.55556em 0.69444em; font-size: 2.4em; line-height: 1.00028; } @media screen and (max-width: 599px) { button.-super-size.-secondary, .-super-size.button.-secondary, input.-super-size[type="submit"].-secondary, .main-navigation-search-form button.-super-size, .-super-size.feature-box-link, .-super-size.headline-box-link, .pricing-table-plan a.-super-size, button.-super-size, .button.-super-size, input[type="submit"].-super-size, input[type="reset"].-super-size, input[type="button"].-super-size { font-size: 1.86667em; } } .-highlight-color button.-secondary, .-highlight-color .button.-secondary, .-highlight-color input[type="submit"].-secondary, .-highlight-color .main-navigation-search-form button, .main-navigation-search-form .-highlight-color button, .-highlight-color .feature-box-link, .-highlight-color .headline-box-link, .-highlight-color .pricing-table-plan a, .pricing-table-plan .-highlight-color a, .-highlight-color button, .-highlight-color .button, .-highlight-color input[type="submit"], .-highlight-color input[type="reset"], .-highlight-color input[type="button"] { color: #ffffff; } button.-small, .button.-small, input[type="submit"].-small { padding: 0.41667em 0.83333em; font-size: 0.8em; } button.-secondary, .button.-secondary, input[type="submit"].-secondary, .main-navigation-search-form button, .feature-box-link.-secondary, .headline-box-link.-secondary, .pricing-table-plan a.-secondary { padding: 0.92857em 1.28571em; border: 2px solid #7a7a78; border-color: currentColor; color: inherit; background: transparent; } button.-secondary:hover, .button.-secondary:hover, input[type="submit"].-secondary:hover, .main-navigation-search-form button:hover, .feature-box-link.-secondary:hover, .headline-box-link.-secondary:hover, .pricing-table-plan a.-secondary:hover, button.-secondary:focus, .button.-secondary:focus, input[type="submit"].-secondary:focus, .main-navigation-search-form button:focus, .feature-box-link.-secondary:focus, .headline-box-link.-secondary:focus, .pricing-table-plan a.-secondary:focus { background-color: transparent; } button.-secondary:hover:after, .button.-secondary:hover:after, input[type="submit"].-secondary:hover:after, .main-navigation-search-form button:hover:after, .feature-box-link.-secondary:hover:after, .headline-box-link.-secondary:hover:after, .pricing-table-plan a.-secondary:hover:after, button.-secondary:focus:after, .button.-secondary:focus:after, input[type="submit"].-secondary:focus:after, .main-navigation-search-form button:focus:after, .feature-box-link.-secondary:focus:after, .headline-box-link.-secondary:focus:after, .pricing-table-plan a.-secondary:focus:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: currentColor; opacity: 0.2; } button.-secondary:active, .button.-secondary:active, input[type="submit"].-secondary:active, .main-navigation-search-form button:active, .feature-box-link.-secondary:active, .headline-box-link.-secondary:active, .pricing-table-plan a.-secondary:active { background-color: transparent; } button.-secondary:active:after, .button.-secondary:active:after, input[type="submit"].-secondary:active:after, .main-navigation-search-form button:active:after, .feature-box-link.-secondary:active:after, .headline-box-link.-secondary:active:after, .pricing-table-plan a.-secondary:active:after { opacity: 0.1; } button.-large.-secondary, .-large.button.-secondary, input.-large[type="submit"].-secondary, .main-navigation-search-form button.-large, .-large.feature-box-link.-secondary, .-large.headline-box-link.-secondary, .pricing-table-plan a.-large.-secondary, button.-super-size.-secondary, .-super-size.button.-secondary, input.-super-size[type="submit"].-secondary, .main-navigation-search-form button.-super-size, .-super-size.feature-box-link.-secondary, .-super-size.headline-box-link.-secondary, .pricing-table-plan a.-super-size.-secondary { border-width: 3px; } button.-tertiary, .button.-tertiary, input[type="submit"].-tertiary { padding: 0; font-size: 1.6em; letter-spacing: normal; text-align: left; text-transform: none; background: none; color: #7a7a78; } button.-small.-tertiary, .-small.button.-tertiary, input.-small[type="submit"].-tertiary { font-size: 0.93333em; line-height: 1.42929; } button.-medium.-tertiary, .-medium.button.-tertiary, input.-medium[type="submit"].-tertiary { font-size: 1.2em; line-height: 1.11167; } button.-large.-tertiary, .-large.button.-tertiary, input.-large[type="submit"].-tertiary { font-size: 1.4em; line-height: 0.95286; } button.-super-size.-tertiary, .-super-size.button.-tertiary, input.-super-size[type="submit"].-tertiary { font-size: 2.4em; line-height: 1.00028; } button.-tertiary:before, .button.-tertiary:before, input[type="submit"].-tertiary:before { top: -2px; font-size: 60%; } .-color-inverted button.-tertiary, .-color-inverted .button.-tertiary, .-color-inverted input[type="submit"].-tertiary { color: #ffffff; } button.-tertiary:hover, .button.-tertiary:hover, input[type="submit"].-tertiary:hover, button.-tertiary:focus, .button.-tertiary:focus, input[type="submit"].-tertiary:focus { color: #7a7a78; } /* =========================================== * Wrapper Elements * ======================================== */ .content-wrapper { max-width: 1280px; margin-right: auto; margin-left: auto; } .mega-dropdown-inner, .centered-wrapper-inner, .news-footer > h1, .news-footer > h2, .news-footer > h3, .news-footer-item-inner { width: 100%; max-width: 1200px; margin-right: auto; margin-left: auto; } @media screen and (max-width: 1280px) { .mega-dropdown-inner, .centered-wrapper-inner, .news-footer > h1, .news-footer > h2, .news-footer > h3, .news-footer-item-inner { width: 93.75%; max-width: none; margin-right: 0; margin-left: 3.125%; } } @media screen and (max-width: 900px) { .mega-dropdown-inner, .centered-wrapper-inner, .news-footer > h1, .news-footer > h2, .news-footer > h3, .news-footer-item-inner { width: 91.66667%; margin-left: 4.16667%; } } .page { zoom: 1; position: relative; margin: 0 auto; background: #ffffff; } .page:before { content: ""; display: table; } .page:after { content: ""; display: table; clear: both; } .oneo-boxed .page { max-width: 1280px; border: solid #dcdcdc; border-width: 0 1px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); } @media screen and (max-width: 1280px) { .page { } .oneo-boxed .page { border: 0; box-shadow: none; } } .oneo-not-boxed .page { max-width: none; border: 0; box-shadow: none; } /* =========================================== * Layout in order of appearance in HTML * ======================================== */ .header-navigation { position: relative; z-index: 5; } .header-navigation.is-fixed { position: fixed; top: 0; left: 0; width: 100%; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); } .oneo-boxed .header-navigation.is-fixed { left: auto; margin-left: -1px; max-width: 1280px; } .main-navigation-wrapper { zoom: 1; position: relative; border: solid #dcdcdc; border-width: 1px 0; background: #ffffff; } .main-navigation-wrapper:before { content: ""; display: table; } .main-navigation-wrapper:after { content: ""; display: table; clear: both; } .logo { position: absolute; top: 25%; bottom: 25%; left: 2.6666em; margin: 0; font-size: inherit; } @media screen and (max-width: 900px) { .logo { position: static; float: left; margin-left: 4.16667%; padding-top: 1.6em; padding-bottom: 0.4em; } } @media screen and (max-width: 599px) { .logo { float: none; text-align: center; margin-left: 0; padding-top: 0.8em; } } .logo a { display: block; height: 100%; } @media screen and (max-width: 900px) { .logo a { display: inline; } } .logo img { display: block; width: auto; height: 100%; } @media screen and (max-width: 900px) { .logo img { display: inline; height: 2em; } } @media screen and (max-width: 599px) { .logo img { height: 2em; } } .main-navigation { float: right; padding-right: 1.46667em; } @media screen and (max-width: 1280px) { .main-navigation { padding-right: 0.8em; } } @media screen and (max-width: 900px) { .main-navigation { zoom: 1; position: relative; float: none; clear: both; padding-left: 1.46667em; } .main-navigation:before { content: ""; display: table; } .main-navigation:after { content: ""; display: table; clear: both; } } @media screen and (max-width: 599px) { .main-navigation { display: none; } } .main-navigation ul { display: inline; margin: 0; padding: 0; } .main-navigation > ul > li { position: relative; float: left; margin-left: 2em; } @media screen and (max-width: 1280px) { .main-navigation > ul > li { margin-left: 0; } } .main-navigation > ul > li:before { /* disable icons */ content: none; display: none; } .main-navigation > ul > li.-mega { position: static; } .main-navigation > ul > li > a, .main-navigation > ul > li > span.active, .main-navigation > ul > li > span.trail, .main-navigation > ul > li > span.forward { z-index: 1; position: relative; float: left; padding: 0.61538em 1.07692em 0.53846em; border: solid transparent; border-width: 0.84615em 0; font-size: 0.86667em; line-height: 1.61615; font-weight: bold; letter-spacing: 0.1em; color: #7a7a78; text-transform: uppercase; -webkit-background-clip: padding; -moz-background-clip: padding; background-clip: padding-box; } .main-navigation > ul > li > a.highlight, .main-navigation > ul > li > span.active.highlight, .main-navigation > ul > li > span.trail.highlight, .main-navigation > ul > li > span.forward.highlight { color: #7a7a78; } .main-navigation > ul > li > a.highlight:after, .main-navigation > ul > li > span.active.highlight:after, .main-navigation > ul > li > span.trail.highlight:after, .main-navigation > ul > li > span.forward.highlight:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: auto; height: auto; border: 2px solid #7a7a78; } .main-navigation > ul > li > a:hover, .main-navigation > ul > li > a:focus, .main-navigation > ul > li > span.active:hover, .main-navigation > ul > li > span.active:focus, .main-navigation > ul > li > span.trail:hover, .main-navigation > ul > li > span.trail:focus, .main-navigation > ul > li > span.forward:hover, .main-navigation > ul > li > span.forward:focus { color: #707070; text-decoration: none; } .main-navigation > ul > li > a.active, .main-navigation > ul > li > a.trail, .main-navigation > ul > li > a.forward, .main-navigation > ul > li > span.active, .main-navigation > ul > li > span.trail, .main-navigation > ul > li > span.forward { color: #707070; } .main-navigation > ul > li > a.active:not(.highlight):after, .main-navigation > ul > li > a.trail:not(.highlight):after, .main-navigation > ul > li > a.forward:not(.highlight):after, .main-navigation > ul > li > span.active:not(.highlight):after, .main-navigation > ul > li > span.trail:not(.highlight):after, .main-navigation > ul > li > span.forward:not(.highlight):after { content: ""; position: absolute; bottom: -0.92308em; left: 50%; display: block; width: 0.84615em; height: 0.84615em; margin-left: -0.61538em; border: solid #dcdcdc; border-width: 0 1px 1px 0; background: #ffffff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; } .main-navigation > ul > li > ul { position: absolute; top: 100%; left: 0; display: block; overflow: hidden; max-height: 0; min-width: 100%; padding: 0; border: 1px solid #dcdcdc; background: #ffffff; opacity: 0; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); -webkit-transition: max-height 0s, padding 0s, opacity 0.3s; -webkit-transition-delay: 0.3s, 0.3s, 0s; -moz-transition: max-height 0s 0.3s, padding 0s 0.3s, opacity 0.3s; -o-transition: max-height 0s 0.3s, padding 0s 0.3s, opacity 0.3s; transition: max-height 0s 0.3s, padding 0s 0.3s, opacity 0.3s; pointer-events: none; } .header-navigation.is-bottom .main-navigation > ul > li > ul { top: auto; bottom: 100%; } .main-navigation > ul > li > ul li { position: relative; display: block; padding: 0; border-top: 1px solid #dcdcdc; white-space: nowrap; } .main-navigation > ul > li > ul li:first-child { border-top: 0; } .main-navigation > ul > li > ul li li { border: 0; } .main-navigation > ul > li > ul li[data-icon]:before, .main-navigation > ul > li > ul li[class^="icon-"]:before, .main-navigation > ul > li > ul li[class*=" icon-"]:before { position: absolute; top: 0.85714em; left: 1em; z-index: 1; font-size: 0.93333em; } .main-navigation > ul > li > ul li[data-icon] a, .main-navigation > ul > li > ul li[data-icon] span.active, .main-navigation > ul > li > ul li[data-icon] span.trail, .main-navigation > ul > li > ul li[data-icon] span.forward, .main-navigation > ul > li > ul li[class^="icon-"] a, .main-navigation > ul > li > ul li[class^="icon-"] span.active, .main-navigation > ul > li > ul li[class^="icon-"] span.trail, .main-navigation > ul > li > ul li[class^="icon-"] span.forward, .main-navigation > ul > li > ul li[class*=" icon-"] a, .main-navigation > ul > li > ul li[class*=" icon-"] span.active, .main-navigation > ul > li > ul li[class*=" icon-"] span.trail, .main-navigation > ul > li > ul li[class*=" icon-"] span.forward { padding-left: 2.42857em; } .main-navigation > ul > li > ul a, .main-navigation > ul > li > ul span.active, .main-navigation > ul > li > ul span.trail, .main-navigation > ul > li > ul span.forward { position: relative; display: block; padding: 0.57143em 0.85714em; margin: 0; font-size: 0.93333em; } .main-navigation > ul > li > ul a:before, .main-navigation > ul > li > ul span.active:before, .main-navigation > ul > li > ul span.trail:before, .main-navigation > ul > li > ul span.forward:before { /* disable icons */ content: none; display: none; } .main-navigation > ul > li > ul a { color: #242424; -webkit-transition: background-color 0.6s ease-in, color 0.6s ease-in; -moz-transition: background-color 0.6s ease-in, color 0.6s ease-in; -o-transition: background-color 0.6s ease-in, color 0.6s ease-in; transition: background-color 0.6s ease-in, color 0.6s ease-in; } .main-navigation > ul > li > ul a:hover { text-decoration: none; color: #33b1ec; background-color: #f2f2f2; -webkit-transition-duration: 0.05s; -moz-transition-duration: 0.05s; -o-transition-duration: 0.05s; transition-duration: 0.05s; } .main-navigation > ul > li > ul a.active, .main-navigation > ul > li > ul a.trail, .main-navigation > ul > li > ul a.forward, .main-navigation > ul > li > ul span.active, .main-navigation > ul > li > ul span.trail, .main-navigation > ul > li > ul span.forward { color: #717c8e; } .main-navigation > ul > li > ul ul { display: block; padding-left: 0.66667em; } .main-navigation > ul > li:hover { z-index: 2; } .main-navigation > ul > li:hover:after { content: ""; position: absolute; top: 50%; right: 0; bottom: 0; left: 0; z-index: 1; margin-top: 0.66667em; } .main-navigation > ul > li:hover > ul { z-index: 1; max-height: 9999px; opacity: 1; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; pointer-events: auto; } .main-navigation > ul > li:hover > a, .main-navigation > ul > li:hover > span.active, .main-navigation > ul > li:hover > span.trail, .main-navigation > ul > li:hover > span.forward { z-index: 2; } .main-navigation > ul > li.submenu:hover > a:after, .main-navigation > ul > li.submenu:hover > span.active:after, .main-navigation > ul > li.submenu:hover > span.trail:after, .main-navigation > ul > li.submenu:hover > span.forward:after { content: ""; position: absolute; top: -0.23077em; right: 0; bottom: -0.92308em; left: 0; width: auto; height: auto; margin-left: 0; border: 0; border-top: 4px solid #7a7a78; border-radius: 2px 2px 0 0; box-shadow: 0 -3px 3px rgba(0, 0, 0, 0.1), inset 1px 0 #dcdcdc, inset -1px 0 #dcdcdc, inset 0 -10px #ffffff; background: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .header-navigation.is-bottom .main-navigation > ul > li.submenu:hover > a:after, .header-navigation.is-bottom .main-navigation > ul > li.submenu:hover > span.active:after, .header-navigation.is-bottom .main-navigation > ul > li.submenu:hover > span.trail:after, .header-navigation.is-bottom .main-navigation > ul > li.submenu:hover > span.forward:after { top: -0.92308em; bottom: -0.46154em; border-top: 0; border-bottom: 4px solid #7a7a78; border-radius: 0 0 2px 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1), inset 1px 0 #dcdcdc, inset -1px 0 #dcdcdc, inset 0 10px #ffffff; } .main-navigation > ul > li.last > ul { left: auto; right: 0; } .mega-dropdown { position: absolute; top: 100%; left: 0; display: block; width: 100%; max-height: 0; padding: 0; overflow: hidden; border: solid #dcdcdc; border-width: 1px 0; background: #ffffff; opacity: 0; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); -webkit-transition: max-height 0s, padding 0s, opacity 0.3s; -webkit-transition-delay: 0.3s, 0.3s, 0s; -moz-transition: max-height 0s 0.3s, padding 0s 0.3s, opacity 0.3s; -o-transition: max-height 0s 0.3s, padding 0s 0.3s, opacity 0.3s; transition: max-height 0s 0.3s, padding 0s 0.3s, opacity 0.3s; pointer-events: none; /* Fixes chrome text flicker */ -webkit-backface-visibility: hidden; } @media screen and (max-width: 900px) { .mega-dropdown { background-image: none !important; } } .header-navigation.is-bottom .mega-dropdown { top: auto; bottom: 100%; } li:hover > .mega-dropdown { z-index: 1; max-height: 9999px; overflow: visible; padding: 1.57143em 0; opacity: 1; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; pointer-events: auto; } .mega-dropdown .rsts-nav { pointer-events: none; } .mega-dropdown .rsts-nav-prev, .mega-dropdown .rsts-nav-next, .mega-dropdown .rsts-nav-item { pointer-events: auto; } .mega-dropdown-column h1, .mega-dropdown-column h2, .mega-dropdown-column h3 { margin: 0 0 0.71429em; font-size: inherit; font-weight: bold; color: #33b1ec; } .mega-dropdown-column h1 a, .mega-dropdown-column h2 a, .mega-dropdown-column h3 a { color: inherit; } .mega-dropdown-column p { margin: 1em 0; } .mega-dropdown-column ul a { display: inline-block; padding: 0.28571em 0 0.21429em; color: #242424; } .mega-dropdown-column ul a:before { content: none; } .mega-dropdown-column ul a:hover { color: #33b1ec; } .mega-dropdown-column ul a.active, .mega-dropdown-column ul a.trail, .mega-dropdown-column ul a.forward { font-weight: bold; } .mega-dropdown-image { margin: 1.42857em 0; } .mega-dropdown-image img { display: block; width: 100%; height: auto; } .main-navigation-search { float: right; } @media screen and (max-width: 599px) { .main-navigation-search { position: absolute; top: 50%; right: 0; margin-top: -1.93333em; } } .main-navigation-search > a { display: block; overflow: hidden; margin-right: 0.66667em; padding: 1.26667em 0 1.2em; line-height: 0; color: #7a7a78; text-decoration: none; text-indent: -99em; } @media screen and (max-width: 1280px) { .main-navigation-search > a { margin-right: 0; } } @media screen and (max-width: 900px) { .main-navigation-search > a { margin-top: 0.66667em; } } @media screen and (max-width: 900px) { .main-navigation-search > a { margin-top: 0; margin-right: 0; } } .main-navigation-search > a:hover, .main-navigation-search > a:focus { color: #707070; } .main-navigation-search > a:after { font: 1.4em/1 "RockSolid Icons"; content: "\e0cb"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; display: block; padding: 0 1.42857em; border-left: 1px solid #7a7a78; text-indent: 0; } @media screen and (max-width: 900px) { .main-navigation-search > a:after { border-left: 0; } } .main-navigation-search form { display: none; } .main-navigation-search-form { position: fixed; top: 0; right: 0; bottom: 0; left: 0; display: none; z-index: 100; color: #ffffff; text-align: center; background: #7a7a78; background: rgba(122, 122, 120, 0.9); } .main-navigation-search-form.is-active, .main-navigation-search-form.is-pre-active { display: block; } .main-navigation-search-form.is-pre-active { opacity: 0; } .main-navigation-search-form.is-active { -webkit-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; transition: opacity 0.3s linear; } .main-navigation-search-form:before { content: ""; display: block; height: 50%; margin-bottom: -6.66667em; } .main-navigation-search-form label { display: block; font-size: 2.4em; } @media screen and (max-width: 599px) { .main-navigation-search-form label { font-size: 1.86667em; } } .main-navigation-search-form input, .main-navigation-search-form input:hover, .main-navigation-search-form input:focus { display: block; margin: 0.33333em auto; padding: 0; border: 0; border-bottom: 2px solid currentColor; border-radius: 0; font-size: 2.4em; color: inherit; text-align: center; background: none; box-shadow: none; } @media screen and (max-width: 599px) { .main-navigation-search-form input, .main-navigation-search-form input:hover, .main-navigation-search-form input:focus { width: 80%; font-size: 1.86667em; } } .main-navigation-search-close { position: absolute; top: 0; right: 0; overflow: hidden; padding: 2em; color: inherit; line-height: 0; text-indent: -99em; } .main-navigation-search-close:hover, .main-navigation-search-close:focus { text-decoration: none; } .main-navigation-search-close:after { font: 2.8em/1 "RockSolid Icons"; content: "\e14a"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; display: block; text-indent: 0; } .secondary-navigation-wrapper { zoom: 1; background: #f2f2f2; } .secondary-navigation-wrapper:before { content: ""; display: table; } .secondary-navigation-wrapper:after { content: ""; display: table; clear: both; } .secondary-navigation { padding: 0 1em; font-size: 0.86667em; text-align: center; } @media screen and (max-width: 900px) { .secondary-navigation { text-align: left; padding-right: 2em; padding-left: 2em; } } @media screen and (max-width: 599px) { .secondary-navigation { display: none; } } .secondary-navigation ul { margin: 0; padding: 0; } .secondary-navigation li { position: relative; display: inline-block; } .secondary-navigation li:before { /* disable icons */ content: none; display: none; } .secondary-navigation li.-mega { position: static; } .secondary-navigation li > a, .secondary-navigation li > span.active, .secondary-navigation li > span.trail, .secondary-navigation li > span.forward { position: relative; display: block; padding: 1.15385em 1.85em; letter-spacing: 0.075em; white-space: nowrap; color: #7a7a78; text-transform: uppercase; -webkit-background-clip: padding; -moz-background-clip: padding; background-clip: padding-box; } @media screen and (max-width: 1280px) { .secondary-navigation li > a, .secondary-navigation li > span.active, .secondary-navigation li > span.trail, .secondary-navigation li > span.forward { padding-right: 1em; padding-left: 1em; } } @media screen and (max-width: 900px) { .secondary-navigation li > a, .secondary-navigation li > span.active, .secondary-navigation li > span.trail, .secondary-navigation li > span.forward { padding-right: 0.76923em; padding-left: 0.76923em; } } .secondary-navigation li > a:before, .secondary-navigation li > span.active:before, .secondary-navigation li > span.trail:before, .secondary-navigation li > span.forward:before { margin-right: 0.69231em; } .secondary-navigation li > a:hover, .secondary-navigation li > a:focus { color: #707070; text-decoration: none; } .secondary-navigation li > a.active, .secondary-navigation li > a.trail, .secondary-navigation li > a.forward, .secondary-navigation li > span.active, .secondary-navigation li > span.trail, .secondary-navigation li > span.forward { background-color: #707070; color: #ffffff; } .main-navigation-mobile-open { position: absolute; top: 41px; left: 6.66667%; width: 44px; height: 39px; margin: -19px 0 0 -11px; padding: 11px; display: none; z-index: 200; text-indent: -99em; line-height: 0; } .main-navigation-mobile-open:after { content: ""; display: block; height: 3px; border-radius: 2px; background: #7a7a78; box-shadow: 0 7px #7a7a78, 0 14px #7a7a78; } @media screen and (max-width: 599px) { .main-navigation-mobile-open { display: block; } } .main-navigation-wrapper .main-navigation-mobile-open { top: 50%; } .main-navigation-mobile-close { position: absolute; top: 0; right: -17.64706%; display: none; width: 17.64706%; height: 100%; overflow: hidden; margin: 0; padding: 0; border: 0 !important; text-indent: -99em; background: none !important; box-shadow: none !important; } .is-active > .main-navigation-mobile-close { display: block; } .main-navigation-mobile { /* Hide mobile navigation by default */ display: none; padding: 0; border-top: 1px solid #000000; color: #ffffff; background: #242424; } @media screen and (max-width: 599px) { .main-navigation-mobile { display: block; } } .modernizr-js .main-navigation-mobile { display: none; } .main-navigation-mobile.is-enabled { position: absolute; top: 0; left: -85%; z-index: 201; width: 85%; min-height: 100%; -webkit-transition: left 0.2s ease-out; -moz-transition: left 0.2s ease-out; -o-transition: left 0.2s ease-out; transition: left 0.2s ease-out; } @media screen and (max-width: 599px) { .main-navigation-mobile.is-enabled { display: block; } } .modernizr-csstransforms3d .main-navigation-mobile.is-enabled { left: 0; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); -webkit-transition: -webkit-transform 0.2s ease-out; -moz-transition: -moz-transform 0.2s ease-out; -o-transition: -o-transform 0.2s ease-out; transition: transform 0.2s ease-out; } .main-navigation-mobile.is-active { left: 0; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); } .modernizr-csstransforms3d .main-navigation-mobile.is-active { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .main-navigation-mobile ul { display: block; margin: 0; padding: 0; } .main-navigation-mobile ul ul { background: #242424; box-shadow: inset 0 40px 40px -20px rgba(0, 0, 0, 0.04), inset 0 -40px 40px -20px rgba(0, 0, 0, 0.04); } .main-navigation-mobile .is-collapsed > ul { display: none; } .main-navigation-mobile li { position: relative; display: block; } .main-navigation-mobile li:before { content: none; } .main-navigation-mobile a, .main-navigation-mobile span.active, .main-navigation-mobile span.trail, .main-navigation-mobile span.forward { display: block; padding: 0.64286em 0.92857em 0.57143em; border-bottom: 1px solid #000000; color: inherit; background-color: #242424; box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -webkit-transition: background-color 0.6s ease-out; -moz-transition: background-color 0.6s ease-out; -o-transition: background-color 0.6s ease-out; transition: background-color 0.6s ease-out; } .main-navigation-mobile a:before, .main-navigation-mobile span.active:before, .main-navigation-mobile span.trail:before, .main-navigation-mobile span.forward:before { margin-right: 0.42857em; } .main-navigation-mobile a:hover, .main-navigation-mobile a:focus, .main-navigation-mobile span.active:hover, .main-navigation-mobile span.active:focus, .main-navigation-mobile span.trail:hover, .main-navigation-mobile span.trail:focus, .main-navigation-mobile span.forward:hover, .main-navigation-mobile span.forward:focus { outline: none; text-decoration: none; background-color: #171717; -webkit-transition: background-color 0.2s ease-out; -moz-transition: background-color 0.2s ease-out; -o-transition: background-color 0.2s ease-out; transition: background-color 0.2s ease-out; } .main-navigation-mobile a.active, .main-navigation-mobile a.trail, .main-navigation-mobile span.active, .main-navigation-mobile span.trail, .main-navigation-mobile span.forward { font-weight: bold; } .main-navigation-mobile a.active, .main-navigation-mobile span.active { background-color: #383838; box-shadow: inset 0 0 5px #242424; } .main-navigation-mobile li li { color: #bfbfbf; } .main-navigation-mobile li li a, .main-navigation-mobile li li span.active, .main-navigation-mobile li li span.trail, .main-navigation-mobile li li span.forward { padding-left: 1.85714em; } .main-navigation-mobile li li li a, .main-navigation-mobile li li li span.active, .main-navigation-mobile li li li span.trail, .main-navigation-mobile li li li span.forward { padding-left: 2.78571em; } .main-navigation-mobile li li li li a, .main-navigation-mobile li li li li span.active, .main-navigation-mobile li li li li span.trail, .main-navigation-mobile li li li li span.forward { padding-left: 3.71429em; } .main-navigation-mobile li li li li li a, .main-navigation-mobile li li li li li span.active, .main-navigation-mobile li li li li li span.trail, .main-navigation-mobile li li li li li span.forward { padding-left: 4.64286em; } .main-navigation-mobile .main-navigation-mobile-expand { position: absolute; top: 0.21429em; right: 0; overflow: hidden; margin: 0; padding: 0.57143em 0.92857em; border: solid transparent; border-width: 0.21429em 0; box-shadow: inset 1px 0 #1f1f1f; border-radius: 0; outline: none; line-height: 0; color: inherit; text-indent: -99em; text-shadow: none; background: none; } .main-navigation-mobile .main-navigation-mobile-expand:after { font: 1.14286em/1 "RockSolid Icons"; content: "\e009"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; display: block; } .main-navigation-mobile .is-expanded > .main-navigation-mobile-expand:after { content: "\e00c"; } .main-navigation-mobile-search { position: relative; margin: 5%; } .main-navigation-mobile-search a, .main-navigation-mobile-search label { display: none; } .main-navigation-mobile-search input, .main-navigation-mobile-search input:hover, .main-navigation-mobile-search input:focus { width: 100%; border: 1px solid #000000; background: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); } .main-navigation-mobile-search button { position: absolute; top: 0.07143em; right: 0; width: 3.57143em; height: 100%; margin: 0; padding: 0; border: 0; text-align: left; text-indent: -99em; text-shadow: none; line-height: 0; background: none; box-shadow: none; } .main-navigation-mobile-search button:after { font: 1.14286em/1 "RockSolid Icons"; content: "\e0cb"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; display: block; text-align: center; } .main-navigation-mobile-icons.main-navigation-mobile-icons { margin: 1em 0; text-align: center; } .main-navigation-mobile-icons.main-navigation-mobile-icons li { display: inline; padding: 0; } .main-navigation-mobile-icons.main-navigation-mobile-icons a { display: inline-block; width: 2.85714em; height: 2.85714em; overflow: hidden; padding: 0; border: 0; box-shadow: none; } .main-navigation-mobile-icons.main-navigation-mobile-icons a:before { font-size: 1.28571em; line-height: 2.22278; margin: 0 0 100%; color: #ffffff !important; } .main-navigation-mobile-icons.main-navigation-mobile-icons a:hover:before { color: inherit !important; } .tagline .image_container { display: block; clear: both; margin: 0; padding: 0; border: 0; background: none; box-shadow: none; } .tagline img { display: block; } .content-wrapper { zoom: 1; } .content-wrapper:before { content: ""; display: table; } .content-wrapper:after { content: ""; display: table; clear: both; } .tagline + .content-wrapper { position: relative; margin-top: -2em; border-radius: 2px 2px 0 0; background: #ffffff; } @media screen and (max-width: 1280px) { .tagline + .content-wrapper { border-radius: 0; } } @media screen and (max-width: 599px) { .tagline + .content-wrapper { margin-top: 0; } } .oneo-fullwidth .content-wrapper { max-width: none; margin-top: 0; border-radius: 0; } .centered-wrapper { zoom: 1; position: relative; clear: both; background: 50% 50% no-repeat; background-size: cover; } .centered-wrapper:before { content: ""; display: table; } .centered-wrapper:after { content: ""; display: table; clear: both; } .centered-wrapper.-vertical-centered { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -moz-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .centered-wrapper.-border-top { border-top: 1px solid #dcdcdc; } .centered-wrapper.-border-bottom { border-bottom: 1px solid #dcdcdc; } .centered-wrapper.-color-inverted { color: #ffffff; } .centered-wrapper.-highlight-color { background-color: #7a7a78; } .centered-wrapper.-background-color-1 { background-color: #353d47; } .centered-wrapper.-background-color-2 { background-color: #f5f5f5; } .centered-wrapper.-height-small { min-height: 300px; } @media screen and (max-width: 599px) { .centered-wrapper.-height-small { min-height: 200px; } } .centered-wrapper.-height-medium { min-height: 600px; } @media screen and (max-width: 599px) { .centered-wrapper.-height-medium { min-height: 400px; } } .centered-wrapper.-height-large { min-height: 900px; } @media screen and (max-width: 599px) { .centered-wrapper.-height-large { min-height: 600px; } } .centered-wrapper.-viewport-height { min-height: 710px; min-height: calc(100vh - 3.86667em); } @media screen and (max-width: 900px) { .centered-wrapper.-viewport-height { min-height: 100vh; } } @media screen and (max-width: 599px) { .centered-wrapper.-viewport-height { min-height: 500px; min-height: 100vh; } } .centered-wrapper.-background-mousemove, .centered-wrapper.-background-mousemove-inverted, .centered-wrapper.-background-parallax { overflow: hidden; } .centered-wrapper.-fade-in.not-in-view { opacity: 0; } .centered-wrapper.-fade-in.in-view { -webkit-transition: opacity 1.5s; -moz-transition: opacity 1.5s; -o-transition: opacity 1.5s; transition: opacity 1.5s; } .centered-wrapper-background { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; background: 50% 50% no-repeat; background-size: cover; } .centered-wrapper-background video { /* Change this to `object-fit: cover;` once all browsers support it, */ /* see http://stackoverflow.com/a/20851590 */ position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .-background-mousemove > .centered-wrapper-background, .-background-mousemove-inverted > .centered-wrapper-background { right: -12%; } .centered-wrapper-background-2 { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.1); } .centered-wrapper-inner { position: relative; } .centered-wrapper-inner.-fullwidth { width: 100%; max-width: none; margin: 0; } .centered-wrapper-inner.-fullwidth-padded { max-width: none; padding-right: 2.66667em; padding-left: 2.66667em; } @media screen and (max-width: 1280px) { .centered-wrapper-inner.-fullwidth-padded { padding-right: 0; padding-left: 0; } } @media screen and (max-width: 900px) { .centered-wrapper.-no-background-tablet > .centered-wrapper-background, .centered-wrapper.-no-background-tablet > .centered-wrapper-background-2 { display: none; } } @media screen and (max-width: 599px) { .centered-wrapper.-no-background-mobile > .centered-wrapper-background, .centered-wrapper.-no-background-mobile > .centered-wrapper-background-2 { display: none; } } /* =========================================== * Content * ======================================== */ h1, h2 { line-height: 1.3; } h3, h4, h5, h6 { line-height: 1.5; font-weight: normal; } .main-content { float: right; width: 68.75%; margin: 1.6em 6.25% 4em 0; } @media screen and (max-width: 900px) { .main-content { float: none; width: auto; margin-right: 4.16667%; margin-left: 4.16667%; } } .oneo-no-sidebar .main-content { float: none; width: auto; margin-left: 6.25%; margin-right: 6.25%; } @media screen and (max-width: 900px) { .oneo-no-sidebar .main-content { margin-right: 4.16667%; margin-left: 4.16667%; } } .oneo-sidebar-right .main-content { float: left; margin-right: 0; margin-left: 6.25%; } @media screen and (max-width: 900px) { .oneo-sidebar-right .main-content { float: none; margin-right: 4.16667%; margin-left: 4.16667%; } } .oneo-3-columns .main-content { width: 50%; margin-right: 25%; } @media screen and (max-width: 900px) { .oneo-3-columns .main-content { float: none; width: auto; margin-right: 4.16667%; } } .oneo-fullwidth .main-content { margin: 0; } .main-content p, .main-content ul, .main-content ol, .main-content table, .main-content form, .main-content fieldset { margin-top: 0.8em; margin-bottom: 1.6em; } .main-content p > span[style] { padding: 0 0.2em; } .main-content h1, .main-content h2, .main-content h3, .main-content h4, .main-content h5, .main-content h6 { margin-top: 1em; margin-bottom: 0.3em; } .main-content h1 { font-size: 3rem; color: #7a7a78; } .main-content .-color-inverted h1 { color: #ffffff; } .main-content h2, .main-content h3, .main-content h4 { font-weight: normal; } .main-content h2 { font-size: 2.5rem; color: #7a7a78; } .main-content .-color-inverted h2 { color: #dcdcdc; } .main-content h3 { font-size: 2rem; } .main-content h4 { font-size: 1.5rem; } .main-content h5, .main-content h6 { text-transform: uppercase; } .main-content h5 { font-size: 1em; } .main-content h6 { font-size: 1em; color: #7a7a78; } .-color-inverted .main-content h6 { color: #dcdcdc; } .main-content ul, .main-content ol { padding-left: 1.46667em; } .main-content ul li[data-icon], .main-content ul li[class^="icon-"], .main-content ul li[class*=" icon-"], .main-content ol li[data-icon], .main-content ol li[class^="icon-"], .main-content ol li[class*=" icon-"] { list-style: none; } .main-content ul li[data-icon]:before, .main-content ul li[class^="icon-"]:before, .main-content ul li[class*=" icon-"]:before, .main-content ol li[data-icon]:before, .main-content ol li[class^="icon-"]:before, .main-content ol li[class*=" icon-"]:before { float: left; left: -1.46667em; top: 0.33333em; margin-right: 0; width: 0; color: #7a7a78; } .main-content ul { list-style: disc; } .main-content ul ul { margin-top: 0; } .main-content ol { padding-left: 1.33333em; list-style: decimal; } .main-content ol ol, .main-content ol ul { margin-top: 0; } .main-content ol ol { padding-left: 1.6em; list-style: upper-alpha; } .main-content ol ol ol { list-style: lower-roman; } .main-content ol ol ol ol { list-style: lower-alpha; } .main-content blockquote { position: relative; margin: 1.28571em 0 1.28571em 1.90476em; font-size: 1.4em; line-height: 1.52429; color: #7a7a78; } .-color-inverted .main-content blockquote { color: #dcdcdc; } @media screen and (max-width: 599px) { .main-content blockquote { margin-left: 12.5%; } } .main-content blockquote small, .main-content blockquote i, .main-content blockquote em { display: block; font-size: 0.7619em; line-height: 1.6; font-style: normal; } .main-content blockquote:before { content: "\201c"; float: left; margin-left: -0.8em; font-size: 2.38095em; line-height: 1; color: #7a7a78; } @media screen and (max-width: 599px) { .main-content blockquote:before { margin-left: -12.5%; } } .main-content img { max-width: 100%; height: auto; } .main-content .gm-style img { max-width: none; } .main-content .rsts-main { margin: 24px 0; } .main-content .main-slider { margin: 0; } /* =========================================== * Forms * ======================================== */ form h1, form h2, form h3, form h4, form h5, form h6 { clear: both; } form .form-row { position: relative; clear: both; } form .form-row b.error, form p.error { display: block; margin: 0; color: #df3763; } input, textarea { padding: 0.85714em 1.35714em; line-height: normal; border: 1px solid #dcdcdc; border-bottom-color: #cfcfcf; font-size: 0.93333em; color: inherit; background: #ffffff; } .valid input, .valid textarea { border-color: #b5da44; } .invalid input, input.error, .invalid textarea, textarea.error { border-color: #df3763; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* multiple rules, because user agents are required to ignore a rule with an unknown selector */ color: #98a0ab; } input:-moz-placeholder, textarea:-moz-placeholder { color: #98a0ab; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #98a0ab; } input::placeholder, textarea::placeholder { color: #98a0ab; } input:hover, textarea:hover { border-color: #cfcfcf #cfcfcf #c5c5c5; box-shadow: 0 0 6px rgba(0, 0, 0, 0.1); } input:focus, textarea:focus { border-color: #7a7a78; } input[type="text"], input[type="search"], input[type="email"], input[type="password"], input[type="url"] { outline: none; } input[type="checkbox"], input[type="radio"], input[type="image"] { width: auto !important; height: auto !important; margin: 0; padding: 0; border: 0; box-shadow: none; } input[type="checkbox"] { vertical-align: middle; -webkit-appearance: checkbox; -moz-appearance: checkbox; appearance: checkbox; } input[type="radio"] { vertical-align: middle; -webkit-appearance: radio; -moz-appearance: radio; appearance: radio; background: none; } input[type="file"] { height: auto; padding: 0; border: 0; /* IE8 and IE9 */ border: 1px solid #dcdcdc \9; background: none; box-shadow: none; } button, input[type="submit"] { margin-top: 1.2em; } textarea { height: 223px; resize: vertical; line-height: 1.5; outline: none; } fieldset { margin: 1.2em 0; border: 1px solid #dcdcdc; } fieldset legend { padding: 0 0.33333em; } fieldset + br { /* Kill
that Contao injects */ display: none; } .main-content form .form-row { margin-top: 1.2em; margin-bottom: 1.2em; } .main-content label { display: block; margin-bottom: 0.35714em; font-size: 0.93333em; color: #7a7a78; } .-color-inverted .main-content label { color: #dcdcdc; } .main-content label .mandatory { margin-left: 0.14286em; color: #7a7a78; } .main-content input[type="checkbox"] + label { display: inline; } .main-content fieldset p { margin: 0; } .main-content fieldset label { display: inline; margin: 0; } .main-content fieldset label:after { /* add line break after label */ content: "\A"; white-space: pre; } .main-content input, .main-content textarea, .main-content select, .main-content fieldset { width: 75%; } @media screen and (max-width: 599px) { .main-content input, .main-content textarea, .main-content select, .main-content fieldset { width: 100%; } } .main-content button, .main-content input[type="submit"] { width: auto; } @media screen and (max-width: 599px) { .main-content button, .main-content input[type="submit"] { width: 100%; } } .fullwidth-form input, .fullwidth-form textarea, .fullwidth-form select, .fullwidth-form fieldset { width: 100%; } .explanation p, .captcha_text p { margin: 0; } .explanation { font-size: 0.93333em; margin: -0.85714em 0 1.71429em; color: #7a7a78; } .-color-inverted .explanation { color: #dcdcdc; } .captcha_text { display: block; } label .captcha_text { display: inline; } .sidebar form input, .sidebar form textarea, .sidebar form select, .sidebar form fieldset, .sidebar form button { width: 100%; } .sidebar form label { display: block; margin-bottom: 0.3125em; font-size: 1.06667em; } .sidebar form input[type="checkbox"], .sidebar form input[type="radio"], .sidebar form input[type="image"] { width: auto; } /* =========================================== * Content elements * ======================================== */ .image_container { position: relative; display: inline-block; vertical-align: top; } .image_container.float_above { margin-top: 1.6em; } .image_container.float_below { margin-bottom: 1.6em; } .image_container img { display: block; width: 100%; height: auto; } .image_container a { position: relative; display: block; overflow: hidden; /* Fixes IE bug */ text-decoration: none; } .image_container a:hover:before, .image_container a:focus:before { content: ""; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: rgba(122, 122, 120, 0.6); } .image_container a:hover:after, .image_container a:focus:after { font: 1.6em/1 "RockSolid Icons"; content: "\e0cb"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; position: absolute; top: 50%; left: 50%; z-index: 1; margin: -0.5em; color: #ffffff; } .image_container figcaption, .image_container .caption { /* overwrite elements style attribute */ width: 100% !important; padding: 0.42857em 0 0; font-size: 0.93333em; color: #7a7a78; } .image_container.float_right, .image_container.float_left { float: right; width: 31.25% !important; margin: 0.53333em 0 1.06667em 6.25%; } @media screen and (max-width: 599px) { .image_container.float_right, .image_container.float_left { margin-left: 0; float: none !important; width: auto !important; width: auto !important; } } .oneo-no-sidebar .image_container.float_right, .oneo-no-sidebar .image_container.float_left { margin: 0.53333em 0 1.06667em 3.33333%; width: 16.66667% !important; } @media screen and (max-width: 900px) { .oneo-no-sidebar .image_container.float_right, .oneo-no-sidebar .image_container.float_left { margin-left: 6.25%; width: 31.25% !important; } } @media screen and (max-width: 599px) { .oneo-no-sidebar .image_container.float_right, .oneo-no-sidebar .image_container.float_left { margin-left: 0; width: auto !important; } } .no-resize .image_container.float_right, .oneo-no-sidebar .no-resize .image_container.float_right, .image_container.float_right.no-resize, .oneo-no-sidebar .image_container.float_right.no-resize, .no-resize .image_container.float_left, .oneo-no-sidebar .no-resize .image_container.float_left, .image_container.float_left.no-resize, .oneo-no-sidebar .image_container.float_left.no-resize { width: auto !important; } .image_container.float_left { float: left; margin: 0.53333em 6.25% 1.06667em 0; } @media screen and (max-width: 599px) { .image_container.float_left { margin-right: 0; } } .oneo-no-sidebar .image_container.float_left { margin: 0.53333em 3.84615% 1.06667em 0; } @media screen and (max-width: 900px) { .oneo-no-sidebar .image_container.float_left { margin-right: 6.25%; } } @media screen and (max-width: 599px) { .oneo-no-sidebar .image_container.float_left { margin-right: 0; } } .ce_youtube-wrapper { position: relative; margin: 1.6em 0; /* ratio 16 to 9 */ padding-bottom: 56.25%; height: 0; overflow: hidden; } .ce_youtube-wrapper iframe, .ce_youtube-wrapper object, .ce_youtube-wrapper embed, .ce_youtube-wrapper .ce_youtube-wrapper-poster { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ce_youtube-wrapper-poster { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; } .ce_youtube-wrapper-poster:before { font: 1.33333em/1 "RockSolid Icons"; content: "\25b6"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; position: absolute; top: 50%; left: 50%; margin: -1.2em -1.675em; padding: 0.7em 1.2em 0.7em 1.4em; border-radius: 0.5em; color: white; background: black; background: rgba(0, 0, 0, 0.6); transition: background-color 0.1s linear; } .ce_youtube-wrapper-poster:hover:before { opacity: 1; background: #cc181e; } .mejs-video:not(.mejs-container-fullscreen), .mejs-audio:not(.mejs-container-fullscreen) { margin: 1.33333em 0; background: transparent; } .mejs-video button, .mejs-audio button { -webkit-appearance: button; -moz-appearance: button; appearance: button; border-radius: 0; box-shadow: none; } .ce_gallery > ul.cols_1 > li { width: 100%; } .ce_gallery > ul.cols_2 > li { width: 49.25%; } .ce_gallery > ul.cols_3 > li { width: 32.33333%; } .ce_gallery > ul.cols_4 > li { width: 23.875%; } .ce_gallery > ul.cols_5 > li { width: 18.8%; } .ce_gallery > ul.cols_6 > li { width: 15.41667%; } .ce_gallery > ul.cols_7 > li { width: 13%; } .ce_gallery > ul.cols_8 > li { width: 11.1875%; } .ce_gallery > ul.cols_9 > li { width: 9.77778%; } .ce_gallery > ul.cols_10 > li { width: 8.65%; } .ce_gallery > ul.cols_11 > li { width: 7.72727%; } .ce_gallery > ul.cols_12 > li { width: 6.95833%; } @media screen and (max-width: 599px) { .ce_gallery.ce_gallery > ul > li { /* doubled class for specificity */ width: auto; } } .ce_gallery.no-resize > ul > li { width: auto; } .main-content .ce_gallery { margin: 1.6em 0; } .ce_gallery > ul { zoom: 1; margin: 0 !important; padding: 0 0 1.5% 0 !important; list-style: none !important; } .ce_gallery > ul:before { content: ""; display: table; } .ce_gallery > ul:after { content: ""; display: table; clear: both; } .ce_gallery > ul > li { float: left; width: 23.875%; margin: 1.5% 0 0 1.5%; } @media screen and (max-width: 599px) { .ce_gallery > ul > li { margin-left: 0; margin-right: 1.5%; } } .ce_gallery > ul > li.col_first { clear: left; margin-left: 0; } @media screen and (max-width: 599px) { .ce_gallery > ul > li.col_first { clear: none; } } .ce_gallery > ul > li.col_last { /* for rounding failures */ margin-right: -1%; } @media screen and (max-width: 599px) { .ce_gallery > ul > li.col_last { margin-right: 1.5%; } } .ce_gallery > ul > li > .image_container { display: block; width: 100%; } .ce_gallery img { width: 100%; height: auto; } .enclosure, .sidebar .enclosure, .ce_downloads, .sidebar .ce_downloads { margin: 1.8em 0; padding: 1.33333em 2em; border: 1px solid #dcdcdc; } .enclosure h1, .enclosure h2, .enclosure h3, .enclosure h4, .enclosure h5, .enclosure h6, .sidebar .enclosure h1, .sidebar .enclosure h2, .sidebar .enclosure h3, .sidebar .enclosure h4, .sidebar .enclosure h5, .sidebar .enclosure h6, .ce_downloads h1, .ce_downloads h2, .ce_downloads h3, .ce_downloads h4, .ce_downloads h5, .ce_downloads h6, .sidebar .ce_downloads h1, .sidebar .ce_downloads h2, .sidebar .ce_downloads h3, .sidebar .ce_downloads h4, .sidebar .ce_downloads h5, .sidebar .ce_downloads h6 { margin: -1.75em -2.58333em 1.66667em; padding: 0.66667em 1.66667em; font-size: 0.8em; font-weight: bold; letter-spacing: 0.08333em; color: #ffffff; text-transform: uppercase; background: #7a7a78; } .enclosure h1:before, .enclosure h2:before, .enclosure h3:before, .enclosure h4:before, .enclosure h5:before, .enclosure h6:before, .sidebar .enclosure h1:before, .sidebar .enclosure h2:before, .sidebar .enclosure h3:before, .sidebar .enclosure h4:before, .sidebar .enclosure h5:before, .sidebar .enclosure h6:before, .ce_downloads h1:before, .ce_downloads h2:before, .ce_downloads h3:before, .ce_downloads h4:before, .ce_downloads h5:before, .ce_downloads h6:before, .sidebar .ce_downloads h1:before, .sidebar .ce_downloads h2:before, .sidebar .ce_downloads h3:before, .sidebar .ce_downloads h4:before, .sidebar .ce_downloads h5:before, .sidebar .ce_downloads h6:before { font: 1.16667em/1 "RockSolid Icons"; content: "\e06d"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; top: 0.07143em; float: right; } .enclosure ul, .enclosure p, .sidebar .enclosure ul, .sidebar .enclosure p, .ce_downloads ul, .ce_downloads p, .sidebar .ce_downloads ul, .sidebar .ce_downloads p { margin: 0; padding: 0; list-style: none; } .ce_accordion[data-icon], .ce_accordion[class^="icon-"], .ce_accordion[class*=" icon-"] { position: relative; } .ce_accordion[data-icon]:before, .ce_accordion[class^="icon-"]:before, .ce_accordion[class*=" icon-"]:before { position: absolute; top: 0.75em; left: 1em; z-index: 1; font-size: 1.33333em; color: #7a7a78; } .ce_accordion[data-icon] .toggler, .ce_accordion[class^="icon-"] .toggler, .ce_accordion[class*=" icon-"] .toggler { padding-left: 3.33333em; } .ce_accordion .toggler { position: relative; /* collapse borders */ margin-bottom: -2px; padding: 0.73333em 2.66667em 0.86667em 1.33333em; border: 1px solid #dcdcdc; outline: none; font-weight: bold; cursor: pointer; color: #7a7a78; background: #ffffff; } .ce_accordion .toggler:after { font: 0.86667em/1 "RockSolid Icons"; content: "\2b"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; position: absolute; top: 1.38462em; right: 1.53846em; } .ce_accordion .toggler:hover { color: #7a7a78; text-decoration: none; } .ce_accordion .toggler.ui-accordion-header-active:after { content: "\2212"; } .ce_accordion .accordion { zoom: 1; position: relative; overflow: hidden; /* collapse borders */ margin-bottom: -2px; padding: 0.06667em 1.33333em; border: 1px solid #dcdcdc; border-top-color: #ededed; background: #f2f2f2; } .ce_accordion .accordion:before { content: ""; display: table; } .ce_accordion .accordion:after { content: ""; display: table; clear: both; } .feature-box { zoom: 1; position: relative; overflow: hidden; } .feature-box:before { content: ""; display: table; } .feature-box:after { content: ""; display: table; clear: both; } .feature-box.-image-centered { text-align: center; } .feature-box.-vertical-centered { display: table; table-layout: fixed; /* Fixes IE bug */ width: 100%; } .feature-box.-small { min-height: 300px; } .feature-box.-small.-vertical-centered { height: 300px; } @media screen and (max-width: 599px) { .feature-box.-small { min-height: 200px; } .feature-box.-small.-vertical-centered { height: 200px; } } .feature-box.-medium { min-height: 600px; } .feature-box.-medium.-vertical-centered { height: 600px; } @media screen and (max-width: 599px) { .feature-box.-medium { min-height: 400px; } .feature-box.-medium.-vertical-centered { height: 400px; } } .feature-box.-large { min-height: 900px; } .feature-box.-large.-vertical-centered { height: 900px; } @media screen and (max-width: 599px) { .feature-box.-large { min-height: 600px; } .feature-box.-large.-vertical-centered { height: 600px; } } .feature-box-text { position: relative; z-index: 1; margin: 6.66667em 46.66667% 6.66667em 0; color: #7a7a78; } @media screen and (max-width: 900px) { .feature-box-text { margin-right: 37.5%; } } @media screen and (max-width: 599px) { .feature-box-text { margin: 2.4em 0; } } .-image-left > .feature-box-text { margin-right: 0; margin-left: 46.66667%; } @media screen and (max-width: 900px) { .-image-left > .feature-box-text { margin-left: 37.5%; } } @media screen and (max-width: 599px) { .-image-left > .feature-box-text { margin-left: 0; } } .-image-centered > .feature-box-text { margin-right: 16.66667%; margin-left: 16.66667%; } @media screen and (max-width: 900px) { .-image-centered > .feature-box-text { margin-right: 0; margin-left: 0; } } .-image-centered > .feature-box-text + .feature-box-image { margin-top: -2.4em; } @media screen and (max-width: 599px) { .-image-centered > .feature-box-text + .feature-box-image { margin-top: 0; } } .-vertical-centered > .feature-box-text { display: table-cell; vertical-align: middle; width: 56.66667%; margin: 0; padding: 4.8em 3.33333% 4.8em 0; } @media screen and (max-width: 900px) { .-vertical-centered > .feature-box-text { width: 68.75%; } } @media screen and (max-width: 599px) { .-vertical-centered > .feature-box-text { display: block; width: auto; padding-right: 0; } } .-vertical-centered.-image-left > .feature-box-text { padding-right: 0; padding-left: 3.33333%; } @media screen and (max-width: 599px) { .-vertical-centered.-image-left > .feature-box-text { padding-left: 0; } } .-vertical-centered.-image-centered > .feature-box-text { width: 100%; padding-right: 20%; padding-left: 20%; } @media screen and (max-width: 900px) { .-vertical-centered.-image-centered > .feature-box-text { padding-right: 0; padding-left: 0; } } .-vertical-centered.-large-image > .feature-box-text { width: 40%; } @media screen and (max-width: 900px) { .-vertical-centered.-large-image > .feature-box-text { width: 68.75%; } } @media screen and (max-width: 599px) { .-vertical-centered.-large-image > .feature-box-text { width: auto; } } .-no-image > .feature-box-text { width: 100%; } .-color-inverted .feature-box-text { color: #ffffff; } .no-margin .feature-box-text { margin: 0; padding: 0; } .no-margin-top .feature-box-text { margin-top: 0; padding-top: 0; } .no-margin-bottom .feature-box-text { margin-bottom: 0; padding-bottom: 0; } .feature-box-text h1, .feature-box-text h2, .feature-box-text h3 { margin: 0; color: #7a7a78; font-size: 3rem; font-weight: normal; letter-spacing: 0.1em; text-transform: uppercase; } .feature-box-text h1.-small, .feature-box-text h2.-small, .feature-box-text h3.-small { font-size: 1.4em; } @media screen and (max-width: 599px) { .feature-box-text h1.-small, .feature-box-text h2.-small, .feature-box-text h3.-small { font-size: 1.2em; } } .feature-box-text h1.-medium, .feature-box-text h2.-medium, .feature-box-text h3.-medium { font-size: 2.4em; } @media screen and (max-width: 599px) { .feature-box-text h1.-medium, .feature-box-text h2.-medium, .feature-box-text h3.-medium { font-size: 1.86667em; } } .feature-box-text h1.-large, .feature-box-text h2.-large, .feature-box-text h3.-large { font-size: 3.2em; } @media screen and (max-width: 599px) { .feature-box-text h1.-large, .feature-box-text h2.-large, .feature-box-text h3.-large { font-size: 2.4em; } } .feature-box-text h1.-super-size, .feature-box-text h2.-super-size, .feature-box-text h3.-super-size { font-size: 4em; } @media screen and (max-width: 599px) { .feature-box-text h1.-super-size, .feature-box-text h2.-super-size, .feature-box-text h3.-super-size { font-size: 3.2em; } } .feature-box-text h1 + a, .feature-box-text h2 + a, .feature-box-text h3 + a { margin-top: 1.6em; } .-color-inverted .feature-box-text h1, .-color-inverted .feature-box-text h2, .-color-inverted .feature-box-text h3 { color: #ffffff; } .feature-box-text p { font-size: 1.2em; margin: 1.33333em 0; } .feature-box-text p:before { content: ""; display: block; width: 4em; height: 2px; margin: 0.8em 0; background: #7a7a78; } .-image-centered .feature-box-text p:before { width: 5.71429em; margin-left: auto; margin-right: auto; } .feature-box-text .feature-box-subheadline { margin-top: 0.28571em; font-size: 1.4em; color: #7a7a78; } .feature-box-image { display: block; float: right; width: 43.33333%; margin: 3.2em 0 3.2em 3.33333%; } @media screen and (max-width: 900px) { .feature-box-image { width: 31.25%; } } @media screen and (max-width: 599px) { .feature-box-image { width: 100%; } } .-image-left > .feature-box-image { float: left; margin-right: 3.33333%; margin-left: 0; } @media screen and (max-width: 599px) { .-image-left > .feature-box-image { float: none; margin-right: 0; } } .-image-centered > .feature-box-image { float: none; width: 60%; margin-right: auto; margin-left: auto; } @media screen and (max-width: 900px) { .-image-centered > .feature-box-image { width: 100%; } } .-image-centered > .feature-box-image + .feature-box-text { margin-top: 3.2em; } .-image-top > .feature-box-image { margin-top: 0; } .-image-bottom > .feature-box-image { position: absolute; bottom: 0; right: 0; margin: 0; } @media screen and (max-width: 599px) { .-image-bottom > .feature-box-image { position: static; margin-bottom: 3.2em; } } .-image-bottom.-image-left > .feature-box-image { right: auto; left: 0; } .-vertical-centered > .feature-box-image { display: table-cell; vertical-align: middle; float: none; margin: 0; padding: 3.2em 0; } @media screen and (max-width: 599px) { .-vertical-centered > .feature-box-image { display: block; padding-top: 1.6em; padding-bottom: 1.6em; } } .-image-rounded > .feature-box-image img { border-radius: 99em; } .-large-image .feature-box-image { width: 60%; } @media screen and (max-width: 900px) { .-large-image .feature-box-image { width: 31.25%; } } @media screen and (max-width: 599px) { .-large-image .feature-box-image { width: 100%; } } .-image-centered.-large-image .feature-box-image { width: 73.33333%; } @media screen and (max-width: 900px) { .-image-centered.-large-image .feature-box-image { width: 62.5%; } } @media screen and (max-width: 599px) { .-image-centered.-large-image .feature-box-image { width: 100%; } } .not-in-view > .feature-box-text.-fade, .not-in-view > .feature-box-image.-fade { opacity: 0; } .not-in-view > .feature-box-text.-move, .not-in-view > .feature-box-image.-move { -webkit-transform: translate(100%, 0); -moz-transform: translate(100%, 0); -ms-transform: translate(100%, 0); -o-transform: translate(100%, 0); transform: translate(100%, 0); } .not-in-view > .feature-box-text.-move-right, .not-in-view > .feature-box-image.-move-right { -webkit-transform: translate(-100%, 0); -moz-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); -o-transform: translate(-100%, 0); transform: translate(-100%, 0); } .not-in-view > .feature-box-text.-move-top, .not-in-view > .feature-box-image.-move-top { -webkit-transform: translate(0, 100%); -moz-transform: translate(0, 100%); -ms-transform: translate(0, 100%); -o-transform: translate(0, 100%); transform: translate(0, 100%); } .not-in-view > .feature-box-text.-move-bottom, .not-in-view > .feature-box-image.-move-bottom { -webkit-transform: translate(0, -100%); -moz-transform: translate(0, -100%); -ms-transform: translate(0, -100%); -o-transform: translate(0, -100%); transform: translate(0, -100%); } .in-view > .feature-box-text, .in-view > .feature-box-image { -webkit-transition: opacity 0.6s linear, -webkit-transform 0.6s ease-out; -moz-transition: opacity 0.6s linear, -moz-transform 0.6s ease-out; -o-transition: opacity 0.6s linear, -o-transform 0.6s ease-out; transition: opacity 0.6s linear, transform 0.6s ease-out; } .in-view > .feature-box-text.-fade, .in-view > .feature-box-image.-fade { opacity: 1; } .in-view > .feature-box-text.-move, .in-view > .feature-box-image.-move { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .feature-box-text img, .feature-box-image img { display: block; max-width: 100%; height: auto; margin: 0 auto; } .fading-boxes { zoom: 1; margin: 2.66667em 0; } .fading-boxes:before { content: ""; display: table; } .fading-boxes:after { content: ""; display: table; clear: both; } .fading-boxes > h1, .fading-boxes > h2, .fading-boxes > h3, .fading-boxes > h4, .fading-boxes > h5, .fading-boxes > h6 { margin-top: 0; margin-bottom: 1.06667em; } .fading-boxes-item { position: relative; z-index: 0; color: #ffffff; -webkit-transition: -webkit-transform 0.2s linear; -moz-transition: -moz-transform 0.2s linear; -o-transition: -o-transform 0.2s linear; transition: transform 0.2s linear; } .fading-boxes-item.-with-link:hover, .fading-boxes-item.-with-link.is-hovered { -webkit-transform: translate3d(0, -2.33333em, 0); -moz-transform: translate3d(0, -2.33333em, 0); -ms-transform: translate3d(0, -2.33333em, 0); -o-transform: translate3d(0, -2.33333em, 0); transform: translate3d(0, -2.33333em, 0); } .fading-boxes-item:hover, .fading-boxes-item.is-hovered { z-index: 1; } .fading-boxes-item-image { position: relative; z-index: 1; background: #7a7a78 no-repeat; background-size: cover; } .-highlight-color .fading-boxes-item-image { background: #3685ab no-repeat; } .fading-boxes-item-image:before { position: absolute; top: 2.875em; right: 50%; z-index: 1; margin: -0.5em; font-size: 2.66667em; -webkit-transition: top 0.2s linear, right 0.2s linear, font-size 0.2s linear; -moz-transition: top 0.2s linear, right 0.2s linear, font-size 0.2s linear; -o-transition: top 0.2s linear, right 0.2s linear, font-size 0.2s linear; transition: top 0.2s linear, right 0.2s linear, font-size 0.2s linear; } .fading-boxes-item:hover .fading-boxes-item-image:before, .fading-boxes-item.is-hovered .fading-boxes-item-image:before { top: 1.25em; right: 1.125em; font-size: 2.13333em; /* IE8 and IE9 calculate em's wrong */ font-size: 32px \9; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .fading-boxes-item:hover .fading-boxes-item-image:before, .fading-boxes-item.is-hovered .fading-boxes-item-image:before { /* IE10 and IE11 calculate em's wrong */ font-size: 32px; } } .fading-boxes-item-image:after { content: attr(data-headline); position: absolute; top: 5.17857em; left: 5%; width: 90%; font-size: 1.86667em; text-align: center; -webkit-transition: opacity 0.1s linear; -moz-transition: opacity 0.1s linear; -o-transition: opacity 0.1s linear; transition: opacity 0.1s linear; -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; } .fading-boxes-item:hover .fading-boxes-item-image:after, .fading-boxes-item.is-hovered .fading-boxes-item-image:after { opacity: 0; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .-has-text-shadow .fading-boxes-item-image:after { text-shadow: 0 0 5px rgba(0, 0, 0, 0.5); } .fading-boxes-item-text { min-height: 19.28571em; /* clearfix */ overflow: hidden; padding: 0 1.42857em; font-size: 0.93333em; background: rgba(122, 122, 120, 0.8); opacity: 0; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .fading-boxes-item:hover .fading-boxes-item-text, .fading-boxes-item.is-hovered .fading-boxes-item-text { opacity: 1; } .fading-boxes-item-text h3 { margin: 1em 0 -0.29167em; font-size: 1.71429em; font-weight: normal; color: inherit; } .fading-boxes-item-text p { margin: 1.5em 0; } .fading-boxes-item-text a { color: inherit; text-decoration: underline; } .fading-boxes-item-text a:hover { text-decoration: none; } .fading-boxes-item-link { visibility: hidden; margin: -5.33333em 0 1.33333em; padding: 1em 1.33333em; background: #7a7a78; -webkit-transition: margin 0.2s linear, visibility 0s; -webkit-transition-delay: 0s, 0.2s; -moz-transition: margin 0.2s linear, visibility 0s 0.2s; -o-transition: margin 0.2s linear, visibility 0s 0.2s; transition: margin 0.2s linear, visibility 0s 0.2s; } .fading-boxes-item:hover .fading-boxes-item-link, .fading-boxes-item.is-hovered .fading-boxes-item-link { visibility: visible; margin-top: 0; margin-bottom: -4em; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .fading-boxes-item-link .button { display: block; } .icon-boxes { zoom: 1; margin: 2.66667em 0; } .icon-boxes:before { content: ""; display: table; } .icon-boxes:after { content: ""; display: table; clear: both; } .icon-boxes > h1, .icon-boxes > h2, .icon-boxes > h3, .icon-boxes > h4, .icon-boxes > h5, .icon-boxes > h6 { margin-top: 0; margin-bottom: 1.06667em; } .icon-boxes-item { position: relative; color: inherit; text-align: center; text-decoration: none; } .icon-boxes-item:hover, .icon-boxes-item:focus { text-decoration: none; } .icon-boxes-item h3 { margin: 0; color: #7a7a78; } .icon-boxes-item.-icon-color h3 { color: #7a7a78; } .icon-boxes-item p { margin: 0.46667em 0; } .icon-boxes-item.-headline-icon { padding-left: 5.33333em; } .icon-boxes-item.-align-left { text-align: left; } .icon-boxes-item.-align-right { text-align: right; } .icon-boxes-item.-color-inverted, .-color-inverted .icon-boxes-item { color: #ffffff; } .icon-boxes-item.-color-inverted h3, .-color-inverted .icon-boxes-item h3 { color: #ffffff; } .icon-boxes-item.-background-color { padding: 1.33333em; } .icon-boxes-item-icon { display: inline-block; width: 2.5em; height: 2.5em; margin: 0 0 0.625em; padding: 0.75em; font-size: 2.13333em; line-height: 1; color: #ffffff; background: #7a7a78; -webkit-transition: background 0.2s, -webkit-transform 0.2s, color 0.2s; -webkit-transition-delay: 0s, 0s, 0.3s; -moz-transition: background 0.2s, -moz-transform 0.2s, color 0.2s 0.3s; -o-transition: background 0.2s, -o-transform 0.2s, color 0.2s 0.3s; transition: background 0.2s, transform 0.2s, color 0.2s 0.3s; } .icon-boxes-item-icon:before { margin-right: 0; } .not-in-view > .icon-boxes-item > .icon-boxes-item-icon { color: transparent !important; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } .in-view > .icon-boxes-item:nth-of-type(12n+1) > .icon-boxes-item-icon { -webkit-transition-delay: 0s, 0.1s, 0.4s; -moz-transition-delay: 0s, 0.1s, 0.4s; -o-transition-delay: 0s, 0.1s, 0.4s; transition-delay: 0s, 0.1s, 0.4s; } .in-view > .icon-boxes-item:nth-of-type(12n+2) > .icon-boxes-item-icon { -webkit-transition-delay: 0s, 0.2s, 0.5s; -moz-transition-delay: 0s, 0.2s, 0.5s; -o-transition-delay: 0s, 0.2s, 0.5s; transition-delay: 0s, 0.2s, 0.5s; } .in-view > .icon-boxes-item:nth-of-type(12n+3) > .icon-boxes-item-icon { -webkit-transition-delay: 0s, 0.3s, 0.6s; -moz-transition-delay: 0s, 0.3s, 0.6s; -o-transition-delay: 0s, 0.3s, 0.6s; transition-delay: 0s, 0.3s, 0.6s; } .in-view > .icon-boxes-item:nth-of-type(12n+4) > .icon-boxes-item-icon { -webkit-transition-delay: 0s, 0.4s, 0.7s; -moz-transition-delay: 0s, 0.4s, 0.7s; -o-transition-delay: 0s, 0.4s, 0.7s; transition-delay: 0s, 0.4s, 0.7s; } .in-view > .icon-boxes-item:nth-of-type(12n+5) > .icon-boxes-item-icon { -webkit-transition-delay: 0s, 0.5s, 0.8s; -moz-transition-delay: 0s, 0.5s, 0.8s; -o-transition-delay: 0s, 0.5s, 0.8s; transition-delay: 0s, 0.5s, 0.8s; } .in-view > .icon-boxes-item:nth-of-type(12n+6) > .icon-boxes-item-icon { -webkit-transition-delay: 0s, 0.6s, 0.9s; -moz-transition-delay: 0s, 0.6s, 0.9s; -o-transition-delay: 0s, 0.6s, 0.9s; transition-delay: 0s, 0.6s, 0.9s; } .in-view > .icon-boxes-item:nth-of-type(12n+7) > .icon-boxes-item-icon { -webkit-transition-delay: 0s, 0.7s, 1s; -moz-transition-delay: 0s, 0.7s, 1s; -o-transition-delay: 0s, 0.7s, 1s; transition-delay: 0s, 0.7s, 1s; } .in-view > .icon-boxes-item:nth-of-type(12n+8) > .icon-boxes-item-icon { -webkit-transition-delay: 0s, 0.8s, 1.1s; -moz-transition-delay: 0s, 0.8s, 1.1s; -o-transition-delay: 0s, 0.8s, 1.1s; transition-delay: 0s, 0.8s, 1.1s; } .in-view > .icon-boxes-item:nth-of-type(12n+9) > .icon-boxes-item-icon { -webkit-transition-delay: 0s, 0.9s, 1.2s; -moz-transition-delay: 0s, 0.9s, 1.2s; -o-transition-delay: 0s, 0.9s, 1.2s; transition-delay: 0s, 0.9s, 1.2s; } .in-view > .icon-boxes-item:nth-of-type(12n+10) > .icon-boxes-item-icon { -webkit-transition-delay: 0s, 1s, 1.3s; -moz-transition-delay: 0s, 1s, 1.3s; -o-transition-delay: 0s, 1s, 1.3s; transition-delay: 0s, 1s, 1.3s; } .in-view > .icon-boxes-item:nth-of-type(12n+11) > .icon-boxes-item-icon { -webkit-transition-delay: 0s, 1.1s, 1.4s; -moz-transition-delay: 0s, 1.1s, 1.4s; -o-transition-delay: 0s, 1.1s, 1.4s; transition-delay: 0s, 1.1s, 1.4s; } .in-view > .icon-boxes-item:nth-of-type(12n+12) > .icon-boxes-item-icon { -webkit-transition-delay: 0s, 1.2s, 1.5s; -moz-transition-delay: 0s, 1.2s, 1.5s; -o-transition-delay: 0s, 1.2s, 1.5s; transition-delay: 0s, 1.2s, 1.5s; } .-inverted-icon > .icon-boxes-item-icon { width: 2.08333em; height: 2.08333em; margin-bottom: 0.41667em; padding: 0.5em; border: 2px solid #dcdcdc; border-radius: 99em; font-size: 3.2em; color: #7a7a78; background: #ffffff; background: rgba(255, 255, 255, 0.5); } .-headline-icon > .icon-boxes-item-icon { position: absolute; top: 0; left: 0; width: 2em; height: 2em; padding: 0.42857em; border: 2px solid #7a7a78; border-radius: 99em; font-size: 1.86667em; color: #7a7a78; background: none; } .-highlight-color .icon-boxes-item-icon { background: #3685ab; } *:hover > .icon-boxes-item-icon, *:focus > .icon-boxes-item-icon { opacity: 0.7; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; } .icon-boxes-item-text { color: #7a7a78; } .-color-inverted .icon-boxes-item-text { color: #ffffff; } .icon-boxes-item-link.-link { color: #7a7a78; } .icon-boxes-item:hover > .icon-boxes-item-link.-link, .icon-boxes-item:focus > .icon-boxes-item-link.-link { text-decoration: underline; } .-color-inverted .icon-boxes-item-link { color: #ffffff; } .area-navigation { z-index: 1; position: fixed; top: 0; right: 30px; height: 100%; display: table; } @media screen and (max-width: 1280px) { .area-navigation { right: 1.5625%; margin-right: -12px; } } @media screen and (max-width: 900px) { .area-navigation { right: 2.08333%; } } @media screen and (max-width: 599px) { .area-navigation { display: none; } } .area-navigation ul { display: table-cell; vertical-align: middle; padding: 0; width: 24px; } .area-navigation li { margin: 4px 0; text-align: center; } .area-navigation a { position: relative; display: inline-block; width: 18px; height: 18px; margin: 0; padding: 4px; outline: none; color: #878786; text-decoration: none; } .area-navigation a:after { content: ""; display: block; width: 10px; height: 10px; border: 2px solid rgba(135, 135, 134, 0); border-radius: 100%; background-color: #878786; background-clip: padding-box; } .area-navigation a:hover:after, .area-navigation a.active:after { border-color: #878786; background-color: rgba(135, 135, 134, 0.25); } .area-navigation a.prev, .area-navigation a.next { width: 24px; height: 24px; padding: 5px; border: 2px solid currentColor; border-radius: 100%; -webkit-transition: -webkit-transform 0.1s; -moz-transition: -moz-transform 0.1s; -o-transition: -o-transform 0.1s; transition: transform 0.1s; } @media screen and (max-width: 1280px) { .area-navigation a.prev, .area-navigation a.next { display: none; } } .area-navigation a.prev:after, .area-navigation a.next:after { font: 10px/1 "RockSolid Icons"; content: "\e01a"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; display: block; } .area-navigation a.prev:after, .area-navigation a.prev:hover:after, .area-navigation a.next:after, .area-navigation a.next:hover:after { color: inherit; background-color: transparent; border: 0; } .area-navigation a.prev:hover, .area-navigation a.next:hover { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } .area-navigation a.prev.is-disabled, .area-navigation a.next.is-disabled { visibility: hidden; pointer-events: none; } .area-navigation a.prev > span, .area-navigation a.next > span { display: none; } .area-navigation a.next:after { content: "\e015"; } .area-navigation a > span { position: absolute; top: 50%; right: 100%; max-width: 0; overflow: hidden; margin: -0.5em 0.5em 0 0; font-size: 0.93333em; line-height: 1; white-space: nowrap; -webkit-transition: max-width 0.3s cubic-bezier(0, 1, 1, 1); -moz-transition: max-width 0.3s cubic-bezier(0, 1, 1, 1); -o-transition: max-width 0.3s cubic-bezier(0, 1, 1, 1); transition: max-width 0.3s cubic-bezier(0, 1, 1, 1); } .area-navigation a:hover > span { max-width: 999px; -webkit-transition: max-width 0.6s cubic-bezier(0.75, 0, 1, 1); -moz-transition: max-width 0.6s cubic-bezier(0.75, 0, 1, 1); -o-transition: max-width 0.6s cubic-bezier(0.75, 0, 1, 1); transition: max-width 0.6s cubic-bezier(0.75, 0, 1, 1); } .area-navigation.-invert-controls a { color: #ffffff; } .area-navigation.-invert-controls a:after { border-color: rgba(255, 255, 255, 0); background-color: #ffffff; } .area-navigation.-invert-controls a:hover:after, .area-navigation.-invert-controls a.active:after { border-color: #ffffff; background-color: rgba(255, 255, 255, 0.25); } .area-navigation.-invert-controls a.prev:hover, .area-navigation.-invert-controls a.prev.active, .area-navigation.-invert-controls a.next:hover, .area-navigation.-invert-controls a.next.active { color: #ffffff; } .area-navigation.-invert-controls a.prev:after, .area-navigation.-invert-controls a.prev:hover:after, .area-navigation.-invert-controls a.next:after, .area-navigation.-invert-controls a.next:hover:after { background-color: transparent; } .filter-navigation { text-align: center; margin: 1.6em 0 2.4em; } .filter-navigation h1, .filter-navigation h2, .filter-navigation h3 { font-size: 0.8em; font-weight: normal; text-transform: uppercase; letter-spacing: 0.1em; } .filter-navigation > ul { margin: 0.8em 0; padding: 0; list-style-type: none; } .filter-navigation > ul li { display: inline; margin: 0 0.66667em; white-space: nowrap; } .filter-navigation > ul li a { display: inline-block; margin-bottom: 0.35714em; padding: 0.35714em 0.85714em; text-decoration: none; text-transform: uppercase; font-size: 0.93333em; line-height: 1; color: #858587; background: #7a7a78; border-radius: 2px; -webkit-transition: color 0.3s, border-color 0.3s; -moz-transition: color 0.3s, border-color 0.3s; -o-transition: color 0.3s, border-color 0.3s; transition: color 0.3s, border-color 0.3s; } .filter-navigation > ul li a:first-child { margin-left: 0; } .filter-navigation > ul li a:hover { color: #808081; } .filter-navigation > ul li a.active { background: #7a7a78; } .filter-navigation > ul li a.active:hover { color: #ffffff; } .portfolio-boxes { zoom: 1; margin: 2.66667em 0; } .portfolio-boxes:before { content: ""; display: table; } .portfolio-boxes:after { content: ""; display: table; clear: both; } .portfolio-boxes > h1, .portfolio-boxes > h2, .portfolio-boxes > h3, .portfolio-boxes > h4, .portfolio-boxes > h5, .portfolio-boxes > h6 { margin-top: 0; margin-bottom: 1.06667em; } .mega-dropdown .portfolio-boxes { margin: 0; } .portfolio-boxes-item { position: relative; padding-bottom: 5.33333em; background: #ffffff; } .portfolio-boxes-item-image { position: absolute; top: 0; right: 0; bottom: 5.33333em; left: 0; background: 50% 50% no-repeat; background-size: cover; } .portfolio-boxes-item-image img { display: none; } .portfolio-boxes-item-image:before { /* Headline */ content: attr(data-headline); position: absolute; right: 0; bottom: -5.33333em; left: 0; display: block; padding: 2em 0.66667em; font-size: 1em; font-weight: normal; letter-spacing: 0.1em; color: inherit; text-align: center; text-transform: uppercase; } .portfolio-boxes-item-text { position: relative; display: block; min-height: 20em; padding: 2em 1.33333em; color: #ffffff; text-align: center; background: #000000; background: rgba(0, 0, 0, 0.7); opacity: 0; -webkit-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; transition: opacity 0.3s linear; } .portfolio-boxes-item-text:hover, .portfolio-boxes-item-text:focus, .portfolio-boxes-item-text.is-hovered { text-decoration: none; opacity: 1; -webkit-transition: opacity 0.1s linear; -moz-transition: opacity 0.1s linear; -o-transition: opacity 0.1s linear; transition: opacity 0.1s linear; } .portfolio-boxes-item-text h3 { margin: 0; font-size: 1em; font-weight: normal; letter-spacing: 0.1em; color: inherit; text-transform: uppercase; } .portfolio-boxes-item-text h3:after { content: ""; display: block; width: 5.33333em; height: 1px; margin: 1.8em auto 0; background: #ffffff; } .portfolio-boxes-item-text p { margin: 1em 0 0; } .portfolio-boxes-item-more { position: absolute; bottom: -5.33333em; left: 0; width: 100%; height: 5.33333em; background: #7a7a78; } .portfolio-boxes-item-more:before, .portfolio-boxes-item-more:after { content: ""; position: absolute; top: 50%; left: 50%; background: #ffffff; } .portfolio-boxes-item-more:before { width: 2.66667em; height: 2px; margin: -1px -1.33333em; } .portfolio-boxes-item-more:after { width: 2px; height: 2.66667em; margin: -1.33333em -1px; } .portfolio-boxes-item-more span { display: none; } .portfolio-tiles { clear: both; width: 100%; /* Clearfix */ overflow: hidden; /* For rounding failures */ margin-right: -1%; } .portfolio-tiles-item { position: relative; float: left; width: 25%; } @media screen and (max-width: 900px) { .portfolio-tiles-item { width: 33.33333%; } } @media screen and (max-width: 599px) { .portfolio-tiles-item { width: 50%; font-size: 0.8em; } } .portfolio-tiles-item > img { display: block; width: 100%; height: auto; } .portfolio-tiles-item > .no-image { display: block; padding-bottom: 75%; background: #f2f2f2; } .portfolio-tiles-item-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding-top: 37.5%; text-align: center; background: rgba(122, 122, 120, 0.8); opacity: 0; -webkit-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; transition: opacity 0.3s linear; } .portfolio-tiles-item-link:hover, .portfolio-tiles-item-link:focus, .portfolio-tiles-item-link.is-hovered { text-decoration: none; opacity: 1; -webkit-transition: opacity 0.1s linear; -moz-transition: opacity 0.1s linear; -o-transition: opacity 0.1s linear; transition: opacity 0.1s linear; } .portfolio-tiles-item-link:before { content: "\2b"; display: block; width: 1em; margin: -1.25em auto 0.375em; font-size: 2.66667em; line-height: 1; color: #7a7a78; background: #ffffff; } .portfolio-tiles-item-link h3 { margin: 0; font-size: 1.33333em; font-weight: bold; color: #ffffff; text-transform: uppercase; } .portfolio-tiles-item-link h4 { margin: 0; font-size: 1em; font-weight: normal; color: #2d2d2c; } .portfolio-detail > .back { display: none; } .counter-boxes { zoom: 1; text-align: center; margin: 2.66667em 0; overflow: hidden; } .counter-boxes:before { content: ""; display: table; } .counter-boxes:after { content: ""; display: table; clear: both; } .counter-boxes-item { text-decoration: none; color: inherit; } .counter-boxes-item:link:hover, .counter-boxes-item:link:focus { text-decoration: none; } .counter-boxes-item:link:hover:before, .counter-boxes-item:link:focus:before { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .counter-boxes-item:before { margin: 0; font-size: 3.33333em; color: #7a7a78; } .-highlight-color .counter-boxes-item:before { color: #dcdcdc; } .counter-boxes-item p { margin: 0.05556em -0.4em 0.13333em; font-size: 6em; line-height: 1; } @media screen and (max-width: 1280px) { .counter-boxes-item p { font-size: 5.06667em; } } @media screen and (max-width: 900px) { .counter-boxes-item p { font-size: 3.86667em; } } @media screen and (max-width: 599px) { .counter-boxes-item p { font-size: 3.06667em; } } .counter-boxes-item h3 { margin: 0; font-size: 1.2em; font-weight: normal; letter-spacing: 0.1em; color: #7a7a78; text-transform: uppercase; } .-color-inverted .counter-boxes-item h3 { color: #dcdcdc; } .typing-headline { margin-top: 2.66667em; margin-bottom: 2.66667em; text-align: center; } .typing-headline.-align-left { text-align: left; } .typing-headline.-align-right { text-align: right; } .typing-headline.-small > h2, .typing-headline.-small > h3 { font-size: 1.6em; } .typing-headline.-small > p { font-size: 1.2em; } .typing-headline.-medium > h2, .typing-headline.-medium > h3 { font-size: 2.4em; } @media screen and (max-width: 599px) { .typing-headline.-medium > h2, .typing-headline.-medium > h3 { font-size: 1.86667em; } } .typing-headline.-medium > p { font-size: 1.4em; } .typing-headline.-large > h2, .typing-headline.-large > h3 { font-size: 3.2em; } @media screen and (max-width: 599px) { .typing-headline.-large > h2, .typing-headline.-large > h3 { font-size: 2.13333em; } } .typing-headline.-large > p { font-size: 1.4em; } .typing-headline.-super-size > h2, .typing-headline.-super-size > h3 { font-size: 4.8em; } @media screen and (max-width: 599px) { .typing-headline.-super-size > h2, .typing-headline.-super-size > h3 { font-size: 2.8em; } } .typing-headline.-not-bold > h2 { font-weight: normal; } .typing-headline h2, .typing-headline h3 { position: relative; margin: 0; font-size: 4em; line-height: 1.2; } @media screen and (max-width: 599px) { .typing-headline h2, .typing-headline h3 { font-size: 2.4em; } } .modernizr-csstransitions .typing-headline h2 > .typing-headline-dummy, .modernizr-csstransitions .typing-headline h3 > .typing-headline-dummy { color: transparent; pointer-events: none; } .typing-headline h2 > .typing-headline-text, .typing-headline h3 > .typing-headline-text { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .typing-headline h2 > .typing-headline-text.is-typing:after, .typing-headline h2 > .typing-headline-text.is-done-typing:after, .typing-headline h3 > .typing-headline-text.is-typing:after, .typing-headline h3 > .typing-headline-text.is-done-typing:after { content: ""; display: inline-block; vertical-align: middle; width: 0; height: 1em; margin: -0.5em -0.06667em -0.5em 0.03333em; border-left: 2px solid currentColor; } .typing-headline h2 > .typing-headline-text.is-done-typing:after, .typing-headline h3 > .typing-headline-text.is-done-typing:after { margin-right: -0.33333em; margin-left: 0.3em; -webkit-animation: typing-cursor 0.5s linear infinite alternate; -moz-animation: typing-cursor 0.5s linear infinite alternate; -o-animation: typing-cursor 0.5s linear infinite alternate; animation: typing-cursor 0.5s linear infinite alternate; } .typing-headline h2 { font-weight: bold; } .-color-inverted .typing-headline h2 { color: #ffffff; } .typing-headline h3 { font-weight: normal; } .-color-inverted .typing-headline h3 { color: #ffffff; } .typing-headline p { margin: 0.75em 16.66667% 1em 16.66667%; color: #7a7a78; font-size: 1.6em; } @media screen and (max-width: 599px) { .typing-headline p { margin-right: 0; margin-left: 0; } } .-color-inverted .typing-headline p { color: #ffffff; } .typing-headline.-align-left > p { margin-left: 0; } .typing-headline.-align-right > p { margin-right: 0; } .typing-headline h2 + .button, .typing-headline h3 + .button { margin-top: 2.4em; } @-moz-keyframes typing-cursor { from, 10% { opacity: 0; } to, 60% { opacity: 1; } } @-webkit-keyframes typing-cursor { from, 10% { opacity: 0; } to, 60% { opacity: 1; } } @-o-keyframes typing-cursor { from, 10% { opacity: 0; } to, 60% { opacity: 1; } } @keyframes typing-cursor { from, 10% { opacity: 0; } to, 60% { opacity: 1; } } .team-boxes { margin: 3.2em 0; zoom: 1; } .team-boxes:before { content: ""; display: table; } .team-boxes:after { content: ""; display: table; clear: both; } .team-boxes-item { text-align: center; } .team-boxes-item > h3 { font-size: 1.06667em; font-weight: normal; text-transform: uppercase; } .team-boxes-item > h4 { margin-top: 0.42857em; font-size: 0.93333em; color: #7a7a78; } .team-boxes-item:hover img, .team-boxes-item:hover .no-image { opacity: 0.5; -webkit-transition: opacity 0.3s ease-in; -moz-transition: opacity 0.3s ease-in; -o-transition: opacity 0.3s ease-in; transition: opacity 0.3s ease-in; } .team-boxes-item:hover .team-boxes-social-links { bottom: 20px; } .-align-left > .team-boxes-item { text-align: left; } .-align-right > .team-boxes-item { text-align: right; } .-small > .team-boxes-item > h3 { font-size: 0.93333em; } .-small > .team-boxes-item > h4 { font-size: 0.93333em; } .-medium > .team-boxes-item > h3 { font-size: 1.2em; } .-medium > .team-boxes-item > h4 { font-size: 1.06667em; } .-large > .team-boxes-item > h3 { font-size: 1.4em; } .-large > .team-boxes-item > h4 { font-size: 1.2em; } .-super-size > .team-boxes-item > h3 { font-size: 1.6em; } .-super-size > .team-boxes-item > h4 { font-size: 1.4em; } .team-boxes-item .team-boxes-social-links { position: absolute; top: auto; right: 0; bottom: -50%; left: 0; margin: 0; padding: 0; text-align: center; list-style-type: none; -webkit-transition: bottom 0.2s ease-out; -moz-transition: bottom 0.2s ease-out; -o-transition: bottom 0.2s ease-out; transition: bottom 0.2s ease-out; } .team-boxes-item .team-boxes-social-links > li { display: inline; } .team-boxes-item .team-boxes-social-links > li > a { display: inline-block; overflow: hidden; padding: 0.42857em; border: 2px solid #dcdcdc; border-radius: 99em; outline: none; line-height: 0; /* Fixes Chrome bug */ letter-spacing: -1em; text-indent: -99em; text-decoration: none; background-color: #ffffff; } .team-boxes-item .team-boxes-social-links > li > a:hover { border-color: currentColor; } .team-boxes-item .team-boxes-social-links > li > a:before { content: none; } .team-boxes-item .team-boxes-social-links > li > a:after { font: 1.28571em/1 "RockSolid Icons"; content: attr(data-icon); -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; display: block; letter-spacing: 0; color: #7a7a78; } .team-boxes-item .team-boxes-social-links > li > a:hover:after, .team-boxes-item .team-boxes-social-links > li > a:focus:after { color: inherit !important; } .team-boxes-image-wrapper { position: relative; background-color: #7a7a78; overflow: hidden; } .team-boxes-image-wrapper > a { font-size: 0; } .team-boxes-image-wrapper > img, .team-boxes-image-wrapper > a { display: block; width: 100%; height: auto; } .team-boxes-image-wrapper > .no-image { display: block; padding-bottom: 150%; background-color: #f5f5f5; } .team-boxes-image-wrapper > .no-image:after { font: 100px/1 "RockSolid Icons"; content: "\e13a"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; position: absolute; left: 50%; top: 50%; margin-left: -50px; margin-top: -50px; color: #dcdcdc; } .multicolumn-icon-lists { margin: 0.8em 0 1.6em; zoom: 1; } .multicolumn-icon-lists:before { content: ""; display: table; } .multicolumn-icon-lists:after { content: ""; display: table; clear: both; } .multicolumn-icon-list { float: left; margin: 0; padding-right: 0.8em; padding-left: 0; list-style-type: none; } .main-content .multicolumn-icon-list { margin: 0; } .multicolumn-icon-list > h2 { font-size: 1.4em; letter-spacing: 0.1em; text-transform: uppercase; margin-bottom: 1.14286em; } .multicolumn-icon-list > h2:after { content: ""; display: block; width: 2.66667em; height: 2px; margin-top: 0.4em; background: #7a7a78; } .-color-inverted.-highlight-color .multicolumn-icon-list > h2:after { background: #3685ab; } .multicolumn-icon-list ul { margin: 0; } .multicolumn-icon-list li:before { color: #7a7a78; } .multicolumn-icon-list li a[target="_blank"]:after { content: none; } .-columns-1 > .multicolumn-icon-list { width: 100%; } .-columns-2 > .multicolumn-icon-list { width: 50%; } .-columns-3 > .multicolumn-icon-list { width: 33.33333%; } .-columns-4 > .multicolumn-icon-list { width: 25%; } .-columns-5 > .multicolumn-icon-list { width: 20%; } .-columns-6 > .multicolumn-icon-list { width: 16.66667%; } .multicolumn-icon-list:last-of-type { margin-right: -1px; } @media screen and (max-width: 599px) { .multicolumn-icon-list.multicolumn-icon-list { /* doubled class for specificity */ float: none; width: auto; } } .info-lists { zoom: 1; } .info-lists:before { content: ""; display: table; } .info-lists:after { content: ""; display: table; clear: both; } .info-list { float: left; } .-columns-1 > .info-list { width: 100%; } .-columns-2 > .info-list { width: 50%; } .-columns-3 > .info-list { width: 33.33333%; } .-columns-4 > .info-list { width: 25%; } .-columns-5 > .info-list { width: 20%; } .-columns-6 > .info-list { width: 16.66667%; } .info-list:last-of-type { margin-right: -1px; } .info-list dt { margin-top: 1em; color: #7a7a78; font-size: 0.8em; letter-spacing: 0.1em; text-transform: uppercase; } .info-list dt:first-child { margin-top: 0; } .info-list dd { margin-left: 0; } @media screen and (max-width: 599px) { .info-list.info-list { /* doubled class for specificity */ float: none; width: auto; } } .info-list a[target="_blank"]:after { content: none; } .headline-box { margin: 2.4em 0; text-align: center; } .headline-box.-align-left { text-align: left; } .headline-box.-align-left:before { text-align: left; margin-left: 0; } .headline-box.-align-right { text-align: right; } .headline-box.-align-right:before { text-align: right; margin-right: 0; } .headline-box.-no-underline:after { content: none; } .headline-box.-small { margin: 1.6em 0; } .headline-box.-small:before { font-size: 1.6em; margin-bottom: 0.25em; } .headline-box.-no-tracking h2 { letter-spacing: normal; text-transform: none; } .headline-box:before { display: block; width: 1.95455em; height: 1.95455em; margin: 0 auto 0.27273em auto; border-radius: 100%; font-size: 2.93333em; font-weight: normal; line-height: 2.00023; text-align: center; background: #ffffff; background: rgba(255, 255, 255, 0.6); color: #7a7a78; } .-color-inverted .headline-box:before { background: #353d47; background: rgba(53, 61, 71, 0.6); color: #ffffff; } .headline-box:after { content: ""; display: inline-block; width: 8em; height: 2px; background: #7a7a78; } .-highlight-color .headline-box:after { background: #3685ab; } .headline-box.-button-only:after { display: none; } .headline-box h2 { margin: 0.11111em 0; font-size: 2.4em; font-weight: normal; letter-spacing: 0.1em; color: inherit; text-transform: uppercase; } @media screen and (max-width: 599px) { .headline-box h2 { font-size: 1.86667em; } } .headline-box h2.-bold { font-weight: bold; } .headline-box h2.-small { font-size: 1.6em; } .headline-box h2.-medium { font-size: 2.13333em; } @media screen and (max-width: 599px) { .headline-box h2.-medium { font-size: 1.6em; } } .headline-box h2.-large { font-size: 2.8em; } @media screen and (max-width: 599px) { .headline-box h2.-large { font-size: 2.13333em; } } .headline-box h2.-super-size { font-size: 3.46667em; } @media screen and (max-width: 599px) { .headline-box h2.-super-size { font-size: 2.4em; } } .headline-box h3 { margin: 0; font-size: 0.93333em; font-weight: bold; letter-spacing: 0.1em; line-height: 1.5; color: #7a7a78; text-transform: uppercase; } .-color-inverted.-highlight-color .headline-box h3 { color: #3685ab; } .-color-inverted .headline-box h3 { color: #dcdcdc; } .headline-box h3.-small { font-size: 0.86667em; } .headline-box h3.-medium { font-size: 1.06667em; } @media screen and (max-width: 599px) { .headline-box h3.-medium { font-size: 0.93333em; } } .headline-box h3.-large { font-size: 1.2em; } @media screen and (max-width: 599px) { .headline-box h3.-large { font-size: 1.06667em; } } .headline-box h3.-super-size { font-size: 1.4em; } @media screen and (max-width: 599px) { .headline-box h3.-super-size { font-size: 1.2em; } } .headline-box.-button-inline h2, .headline-box.-button-inline h3 { display: inline; } @media screen and (max-width: 599px) { .headline-box.-button-inline h2, .headline-box.-button-inline h3 { display: block; } } h2 + .headline-box-link, h3 + .headline-box-link { margin-top: 1.92857em; } .-align-left > .headline-box-link { float: right; margin: -0.14286em 0 0 3.14286em; } @media screen and (max-width: 599px) { .-align-left > .headline-box-link { float: none; margin: 0 0 1em; } } .-align-right > .headline-box-link { float: left; margin: -0.14286em 3.14286em 0 0; } @media screen and (max-width: 599px) { .-align-right > .headline-box-link { float: none; margin: 0 0 1em; } } .-button-inline > .headline-box-link { margin: 0 0 0 2.14286em; } @media screen and (max-width: 599px) { .-button-inline > .headline-box-link { margin: 1em 0 0; } } .teaser-boxes { zoom: 1; } .teaser-boxes:before { content: ""; display: table; } .teaser-boxes:after { content: ""; display: table; clear: both; } .teaser-boxes-item { text-align: center; } .teaser-boxes-item .no-image { display: block; padding-top: 75%; background: #f2f2f2; } .teaser-boxes-item .teaser-boxes-label { display: inline-block; margin-bottom: 1.11111em; padding: 0 0.44444em; color: #7a7a78; border: 2px solid #7a7a78; border-radius: 99em; font-size: 1.2em; font-weight: bold; text-transform: uppercase; letter-spacing: 0.05556em; } @media screen and (max-width: 599px) { .teaser-boxes-item .teaser-boxes-label { font-size: 0.9em; } } .teaser-boxes-item .teaser-boxes-label + .teaser-boxes-content > h3 { margin-top: 0; } .teaser-boxes-item.-align-left { text-align: left; } .teaser-boxes-item.-align-right { text-align: right; } .-boxed > .teaser-boxes-item { overflow: hidden; padding: 1.42857em; border: 1px solid #dcdcdc; border-radius: 2px; outline: none; background-color: #ffffff; } .teaser-boxes-content > h3 { font-size: 1.2em; font-weight: bold; } .teaser-boxes-image { display: block; margin-bottom: 1.6em; } .teaser-boxes-image > img { display: block; margin: 0 auto; } .teaser-boxes-image.-image-circle { border-radius: 99em; overflow: hidden; /* Fixes hover in Chrome */ opacity: 0.99; outline: none; } .teaser-boxes-image.-image-circle > img { /* Fixes android bug with border-radius and overflow */ border-radius: 99em; } .teaser-boxes-image.-has-hover:hover img, .teaser-boxes-image.-has-hover:focus img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } .testimonial, blockquote.testimonial { margin: 2.66667em 0; font-size: inherit; color: inherit; text-align: center; } .testimonial:before, blockquote.testimonial:before { content: "\201c"; float: none; display: block; margin: -0.2em 0; font-size: 6.66667em; /* IE8 and IE9 calculate em's wrong */ font-size: 100px \9; line-height: 1; color: #7a7a78; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .testimonial:before, blockquote.testimonial:before { /* IE10 and IE11 calculate em's wrong */ font-size: 100px; } } .-highlight-color .testimonial:before, .-highlight-color blockquote.testimonial:before { color: #3685ab; } .testimonial-text { font-size: 2.66667em; } @media screen and (max-width: 599px) { .testimonial-text { font-size: 1.86667em; } } .-small .testimonial-text { font-size: 1.06667em; } @media screen and (max-width: 599px) { .-small .testimonial-text { font-size: 0.93333em; } } .-medium .testimonial-text { font-size: 1.4em; } @media screen and (max-width: 599px) { .-medium .testimonial-text { font-size: 1.2em; } } .-large .testimonial-text { font-size: 1.86667em; } @media screen and (max-width: 599px) { .-large .testimonial-text { font-size: 1.6em; } } .-super-size .testimonial-text { font-size: 3.2em; } @media screen and (max-width: 599px) { .-super-size .testimonial-text { font-size: 2.4em; } } .testimonial-text p { margin: 0; } .testimonial-author { margin: 1.33333em 0; font-size: 0.93333em; letter-spacing: 0.1em; text-transform: uppercase; } .testimonial-author img { display: inline; vertical-align: middle; overflow: hidden; margin-right: 0.71429em; border-radius: 99em; } .testimonial-author small { font-size: inherit !important; } .testimonial-author a { color: inherit; } .pricing-table { zoom: 1; margin: 2.66667em 0; } .pricing-table:before { content: ""; display: table; } .pricing-table:after { content: ""; display: table; clear: both; } .pricing-table > h1, .pricing-table > h2, .pricing-table > h3, .pricing-table > h4, .pricing-table > h5, .pricing-table > h6 { margin-top: 0; } .pricing-table-plan { position: relative; float: left; border: 1px solid #f2f2f2; text-align: center; } .pricing-table-plan h4 { position: absolute; top: 0; left: 0; width: 100%; overflow: hidden; margin: -2px; padding-bottom: 100%; font-size: inherit; font-weight: normal; pointer-events: none; } .pricing-table-plan h4 span { float: left; margin: -2.07692em; padding: 0.76923em 2.92308em; font-size: 0.86667em; letter-spacing: 0.1em; text-transform: uppercase; color: #ffffff; background: #262626; -webkit-transform: translate(-30%, 0) rotate(-45deg); -moz-transform: translate(-30%, 0) rotate(-45deg); -ms-transform: translate(-30%, 0) rotate(-45deg); -o-transform: translate(-30%, 0) rotate(-45deg); transform: translate(-30%, 0) rotate(-45deg); -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; -o-transform-origin: 100% 0; transform-origin: 100% 0; } @media screen and (max-width: 1280px) { .pricing-table-plan h4 span { font-size: 0.66667em; } } .pricing-table-plan h3 { margin: -1px -1px 1px; padding: 1.42857em 0.71429em; font-size: 0.93333em; font-weight: normal; letter-spacing: 0.1em; color: #ffffff; text-transform: uppercase; background: #3685ab; } .pricing-table-plan p { position: relative; margin: -1px -1px 1px; padding: 0.3125em 0.125em 0.4375em; border-bottom: 1px solid #f2f2f2; font-size: 5.33333em; line-height: 1; color: #ffffff; background: #7a7a78; } @media screen and (max-width: 1280px) { .pricing-table-plan p { font-size: 4em; } } .pricing-table-plan p:after { content: ""; position: absolute; bottom: 0; left: 50%; margin: -0.125em; border: 0.125em solid transparent; border-top-color: #7a7a78; border-bottom: 0; } .pricing-table-plan p b { display: inline-block; vertical-align: top; margin: 0.26471em -0.47059em 0 0; font-size: 0.425em; font-weight: normal; } .pricing-table-plan ul { margin: 1.46667em 1.33333em; padding: 0; list-style: none; color: #7a7a78; } .pricing-table-plan li { padding: 0.46667em 0 0.53333em; border-top: 1px solid #f2f2f2; -webkit-transition: background-color 0.3s ease-in; -moz-transition: background-color 0.3s ease-in; -o-transition: background-color 0.3s ease-in; transition: background-color 0.3s ease-in; } .pricing-table-plan li:hover { background-color: #f2f2f2; -webkit-transition-duration: 0.05s; -moz-transition-duration: 0.05s; -o-transition-duration: 0.05s; transition-duration: 0.05s; } .pricing-table-plan li:first-child { border-top: 0; } .pricing-table-plan a { display: block; margin: 2.42857em 1.42857em 1.42857em; } .pricing-table-plan a.-secondary { display: block; } .pricing-table-plan-price-part { display: inline-block; vertical-align: bottom; text-align: left; margin-left: 0.0375em; } .pricing-table-plan-price-part small { display: block; font-size: 0.425em; } .pricing-table-plan-price-part small + i { margin-top: 1.06667em; } .pricing-table-plan-price-part small + i:after { /* Fix empty elements */ content: "\a0"; margin-left: -0.26em; } .pricing-table-plan-price-part i { display: block; margin-bottom: 0.4em; font-size: 0.1875em; font-style: normal; } .google-map { position: relative; padding-bottom: 56.25%; } .google-map iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .info-map { position: relative; clear: both; } .info-map-gmap { height: 31.33333em; } @media screen and (max-width: 599px) { .info-map-gmap { height: 20em; /* Add area for touch scrolling */ margin-right: 5.55556%; margin-left: 5.55556%; } } .skills { margin: 1.6em 0; } .skills-item { margin: 2.13333em 0; } .skills-item:first-child { margin-top: 0; } .skills-item > a { display: block; color: inherit; } .skills-item > a:hover, .skills-item > a:focus { text-decoration: none; opacity: 0.6; } .skills-item h3, .skills-item h4 { margin: 0; margin-bottom: 16px; font-size: 0.93333em; font-weight: bold; letter-spacing: 0.1em; color: inherit; text-transform: uppercase; } .skills-item h3 { float: left; } .skills-item h3:after { content: ""; display: table; } .skills-item h4 { color: #7a7a78; text-align: right; } .skills-item-meter { clear: both; height: 1.6em; overflow: hidden; margin: 1.06667em 0; background: #dcdcdc; } .skills-item-meter-inner { height: 100%; color: #7a7a78; background-color: currentColor; } .skills-item.not-in-view .skills-item-meter-inner { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .skills-item.in-view .skills-item-meter-inner { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; -webkit-transition: -webkit-transform 2s ease-out; -moz-transition: -moz-transform 2s ease-out; -o-transition: -o-transform 2s ease-out; transition: transform 2s ease-out; } .tab-navigation { border: 1px solid transparent; border-bottom-color: #dcdcdc; text-align: center; } .tab-navigation ul, .tab-navigation li { margin: 0; padding: 0; } .tab-navigation ul { display: table; table-layout: fixed; width: 100%; } @media screen and (max-width: 599px) { .tab-navigation ul { display: inline; } } .tab-navigation li { display: table-cell; list-style-type: none; vertical-align: bottom; } @media screen and (max-width: 599px) { .tab-navigation li { display: block; } } .tab-navigation li:first-child a { margin-left: -1px; } .tab-navigation a { position: relative; display: block; margin: -1px -1px 0 0; padding: 0.6em 1.86667em; letter-spacing: 0.1em; text-transform: uppercase; outline: none; border: 1px solid #dcdcdc; border-bottom-width: 0; background-color: #ffffff; } @media screen and (max-width: 599px) { .tab-navigation a { margin: 0 -1px; } } .tab-navigation a:hover, .tab-navigation a:focus { text-decoration: none; } .tab-navigation a.is-active { z-index: 1; box-shadow: 0 10px 0 -1px #ffffff, 0 -3px #7a7a78, -3px 0 3px -1px rgba(0, 0, 0, 0.1), 3px 0 3px -1px rgba(0, 0, 0, 0.1); } @media screen and (max-width: 599px) { .tab-navigation a.is-active { border-color: #7a7a78; color: #ffffff; background: #7a7a78; box-shadow: 0 1px #7a7a78; } } .tab-navigation.-image-tabs { border: 0; } .tab-navigation.-image-tabs ul, .tab-navigation.-image-tabs li { display: inline; } .tab-navigation.-image-tabs a { display: inline-block; margin: 0; padding: 0.5625em 1.75em; border: 0; font-size: 1.06667em; color: inherit; background: none; } .tab-navigation.-image-tabs a:hover, .tab-navigation.-image-tabs a:focus { color: #7a7a78; } .tab-navigation.-image-tabs a.is-active { color: #7a7a78; box-shadow: none; } .tab-navigation.-image-tabs a.is-active:after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -0.4375em; border: 0.4375em solid transparent; border-top-color: #7a7a78; border-bottom: 0; } .tab-navigation.-image-tabs a:before { display: block; margin: 0 auto 0.25em; font-size: 3em; color: #7a7a78; } .tab-navigation.-image-tabs a img { display: block; margin: 0 auto 0.8em; } .-columns-1 .tab-navigation-item { width: 100%; } .-columns-2 .tab-navigation-item { width: 50%; } .-columns-3 .tab-navigation-item { width: 33.33333%; } .-columns-4 .tab-navigation-item { width: 25%; } .-columns-5 .tab-navigation-item { width: 20%; } .-columns-6 .tab-navigation-item { width: 16.66667%; } @media screen and (max-width: 599px) { .tab-navigation-item.tab-navigation-item { width: auto; } } .tab-start.-has-border { margin-top: -1px; border: 1px solid #dcdcdc; padding-right: 2.66667em; padding-left: 2.66667em; } .timeline { margin: 2.66667em 16.66667%; position: relative; } @media screen and (max-width: 900px) { .timeline { margin-right: 0; margin-left: 0; } } .timeline:before, .timeline:after { content: ""; position: absolute; bottom: 0; left: 50%; background: #7a7a78; } @media screen and (max-width: 599px) { .timeline:before, .timeline:after { left: 4.54545%; } } .timeline:before { top: 0; width: 2px; margin: 0 -1px; } .timeline:after { width: 10px; height: 10px; margin: 0 -5px; border-radius: 99em; } .timeline-item { position: relative; min-height: 6em; /* clearfix */ overflow: hidden; padding: 0 0 2em; } .timeline-item:before { position: absolute; top: 1em; left: 50%; font-size: 2em; border-radius: 99em; } @media screen and (max-width: 599px) { .timeline-item:before { left: 4.54545%; } } .timeline-item.not-in-view:before { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } .timeline-item.in-view:before { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; -webkit-transition: -webkit-transform 0.6s ease-out; -moz-transition: -moz-transform 0.6s ease-out; -o-transition: -o-transform 0.6s ease-out; transition: transform 0.6s ease-out; } .timeline-item:not([data-icon]):before { content: ""; width: 0.66667em; height: 0.66667em; margin: -0.33333em; border: 0.06667em solid #7a7a78; background: #ffffff; } .timeline-item[data-icon]:before { width: 2em; height: 2em; margin: -1em; padding-top: 0.5em; color: #ffffff; text-align: center; background: #7a7a78; } @media screen and (max-width: 599px) { .timeline-item[data-icon]:before { font-size: 1.06667em; } } .timeline-item > h3 { float: left; width: 40%; color: #7a7a78; text-align: right; } @media screen and (max-width: 599px) { .timeline-item > h3 { float: none; width: auto; margin-left: 13.63636%; text-align: left; } } .timeline-item:nth-of-type(2n) > h3 { float: right; text-align: left; } @media screen and (max-width: 599px) { .timeline-item:nth-of-type(2n) > h3 { float: none; } } .timeline-item:nth-of-type(2n) > .timeline-item-text { float: left; text-align: right; } @media screen and (max-width: 599px) { .timeline-item:nth-of-type(2n) > .timeline-item-text { float: none; text-align: left; } } .timeline-item-text { float: right; width: 40%; } @media screen and (max-width: 599px) { .timeline-item-text { float: none; width: auto; margin-left: 13.63636%; } } .timeline-item > h3, .timeline-item-text h3, .timeline-item-text h4 { margin-top: 1em; margin-bottom: 1em; font-size: 1.2em; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; } .timeline-image-caption { font-size: 0.93333em; color: #7a7a78; } /* =========================================== * Modules (Search, FAQ, News, Events, Comments, Sitemap etc.) * ======================================== */ .fixed-note { position: fixed; display: table; top: auto; right: 0; bottom: 0; left: 0; width: 100%; min-height: 4em; padding: 0.8em 1.33333em 0.8em 5.33333em; border-top: 1px solid #dcdcdc; z-index: 99; background-color: #ffffff; box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1); } @media screen and (max-width: 900px) { .fixed-note { position: static; } } @media screen and (max-width: 599px) { .fixed-note { display: block; padding-left: 1.33333em; } } .fixed-note:before { position: absolute; top: 50%; margin-top: -0.5em; left: 0.83333em; font-size: 2.4em; color: #7a7a78; } @media screen and (max-width: 900px) { .fixed-note:before { top: 0.66667em; margin-top: 0; } } @media screen and (max-width: 599px) { .fixed-note:before { position: static; } } .fixed-note h1, .fixed-note h2, .fixed-note h3 { font-size: 0.93333em; margin: 0.42857em 0; } .fixed-note p { font-size: 0.86667em; margin: 0.46154em 0; } .fixed-note-column { display: table-cell; vertical-align: middle; padding: 0 0.66667em; } .fixed-note-column:last-child { text-align: right; } @media screen and (max-width: 900px) { .fixed-note-column:last-child { text-align: left; } } @media screen and (max-width: 900px) { .fixed-note-column { display: block; margin: 0.8em 0; padding: 0; } } .fixed-note-link, .fixed-note-button { white-space: nowrap; } .fixed-note-button { margin: 0; } .fixed-note-closed { position: fixed; right: 2em; bottom: 0; z-index: 99; padding: 0.53333em 0.8em; color: #ffffff; text-decoration: none; background: #878786; box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1); } @media screen and (max-width: 900px) { .fixed-note-closed { position: absolute; top: 0.8em; right: 4.66667em; bottom: auto; padding: 0.26667em 0.8em; } } .fixed-note-closed:hover, .fixed-note-closed:focus { background-color: #6d6d6d; } .fixed-note-closed:before { font: 100%/1 "RockSolid Icons"; content: "\e0a6"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; } .fixed-note-closed > span { display: none; } .breadcrumbs-wrapper { padding-bottom: 2em; } @media screen and (max-width: 599px) { .breadcrumbs-wrapper { padding-bottom: 0; } } .oneo-fullwidth .breadcrumbs-wrapper { padding-bottom: 0; } .breadcrumbs-headline { float: left; margin: 0; font-size: 1.4em; font-weight: normal; color: inherit; padding: 1.09524em 0 1.19048em; } .breadcrumbs-headline:not(:last-child) { padding-bottom: 0; } @media screen and (max-width: 599px) { .breadcrumbs-headline { float: none; padding-top: 0; padding-bottom: 0; margin-top: 0.95238em; margin-bottom: 0.95238em; text-align: center; } } .mod_breadcrumb { padding: 2.46154em 0 2.07692em; font-size: 0.86667em; } @media screen and (max-width: 599px) { .mod_breadcrumb { padding-top: 0; padding-bottom: 0; margin-top: 1.53846em; margin-bottom: 1.53846em; text-align: center; } } .mod_breadcrumb.-right { float: right; } @media screen and (max-width: 599px) { .mod_breadcrumb.-right { float: none; } } .mod_breadcrumb ul, .mod_breadcrumb li { display: inline; margin: 0; padding: 0; } .mod_breadcrumb li:before { content: " \A0 / \A0 "; } .mod_breadcrumb li:first-child:before { content: none; } .mod_breadcrumb a { color: inherit; text-decoration: underline; } .mod_breadcrumb a:hover { text-decoration: none; } p.back a:before, p.previous a:before, p.next a:after { font: 0.8em/1 "RockSolid Icons"; content: "\e018"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; top: -0.16667em; margin-right: 0.5em; vertical-align: middle; } p.next a:after { content: "\e019"; margin-right: 0; margin-left: 0.5em; } .pagination > p { text-align: center; } .pagination ul { list-style-type: none !important; text-align: center; } .pagination li { display: inline-block; } .pagination li a, .pagination li span { padding: 4px 12px; background-color: #ffffff; } .pagination li .current { border-bottom: 1px solid #f2f2f2; background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02)); background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02)); background-image: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02)); background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02)); } .news-image-teaser { zoom: 1; position: relative; margin: 4.53333em 0; } .news-image-teaser:before { content: ""; display: table; } .news-image-teaser:after { content: ""; display: table; clear: both; } .news-image-teaser:first-child { margin-top: 3em; } .news-image-teaser h2 { margin: 0 3.21429em 0.35714em 0; font-size: 1.86667em; font-weight: normal; line-height: 1.28607; color: inherit; } @media screen and (max-width: 599px) { .news-image-teaser h2 { margin-right: 0; } } .news-image-teaser h2 a { color: inherit; } .news-image-teaser h2 a:hover, .news-image-teaser h2 a:focus { color: #7a7a78; text-decoration: none; } .news-image-teaser p { margin: 0.66667em 0; color: #7a7a78; } .news-image-teaser p.news-image-teaser-info { margin: -0.46667em 0 0.33333em; } .news-image-teaser-image { float: right; max-width: 35%; margin-left: 5%; } @media screen and (max-width: 599px) { .news-image-teaser-image { float: none; max-width: none; margin-left: 0; margin-bottom: 0.66667em; } } .news-image-teaser-image img { display: block; max-width: 100%; height: auto; margin: 0; } .news-image-teaser-date { position: absolute; right: 0.71429em; top: 0; width: 1.85714em; padding: 0.25em 0 0.32143em; font-size: 1.86667em; font-weight: bold; line-height: 1; color: #7a7a78; text-align: center; background: #ffffff; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); } @media screen and (max-width: 599px) { .news-image-teaser-date { position: static; float: right; } .news-image-teaser-image ~ .news-image-teaser-date { position: absolute; right: auto; left: 0.71429em; } } .news-image-teaser-date b { display: block; margin: -0.05882em 0 0; font-size: 0.60714em; font-weight: normal; text-transform: uppercase; } .news-image-teaser-more { font-size: 0.86667em; font-weight: bold; letter-spacing: 0.07692em; text-transform: uppercase; } .news-boxed { zoom: 1; margin: 2.66667em 0; } .news-boxed:before { content: ""; display: table; } .news-boxed:after { content: ""; display: table; clear: both; } .news-boxed-item h3 { margin: 0; font-size: 1.2em; font-weight: normal; line-height: 1.33389; } .news-boxed-item h3 > a { color: inherit; text-decoration: none; } .news-boxed-item h3 > a:hover, .news-boxed-item h3 > a:focus { color: #7a7a78; } .news-boxed-item p { margin: 0.66667em 0; color: #7a7a78; } .news-boxed-item p.news-boxed-item-info { margin: 0 0 0.16667em; font-size: 0.8em; } .news-boxed-item-image { position: relative; margin-bottom: 0.33333em; } .news-boxed-item-image:after { font: 1.66667em/1 "RockSolid Icons"; content: "\e0dd"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; position: absolute; top: 0; right: 0.8em; padding: 0.32em; color: #7a7a78; background: #ffffff; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); } .news-boxed-item-image img { display: block; width: 100%; height: auto; } .news-boxed-item-image-more > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 0.93333em; font-weight: bold; letter-spacing: 0.07143em; color: #ffffff; text-align: center; text-decoration: none; text-transform: uppercase; background: #7a7a78; background: rgba(122, 122, 120, 0.5); opacity: 0; } .news-boxed-item-image-more > a:hover, .news-boxed-item-image-more > a:focus { opacity: 1; } .news-boxed-item-image-more > a:before { content: ""; display: block; height: 50%; margin-bottom: -0.78571em; } .news-link-list-item { margin: 0.8em 0; min-height: 2.66667em; } .news-link-list-item:hover time:before { top: 0.4em; } .news-link-list-item:hover b { margin-top: 40px; } .news-link-list-item time { position: relative; float: left; width: 3.6em; height: 3.6em; padding: 0.3em 0 0; overflow: hidden; font-size: 0.66667em; line-height: 1; color: #ffffff; text-transform: uppercase; text-align: center; background: #3685ab; } .news-link-list-item time:before { font: 2em/1 "RockSolid Icons"; content: "\e0dd"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; position: absolute; top: -1em; left: 0.4em; -webkit-transition: top 0.2s ease-out; -moz-transition: top 0.2s ease-out; -o-transition: top 0.2s ease-out; transition: top 0.2s ease-out; } .news-link-list-item time b { display: block; font-size: 1.8em; font-weight: normal; -webkit-transition: margin 0.2s ease-out; -moz-transition: margin 0.2s ease-out; -o-transition: margin 0.2s ease-out; transition: margin 0.2s ease-out; } .-color-inverted .news-link-list-item time { background: #ffffff; color: #7a7a78; } .news-link-list-item a { display: block; line-height: 1.33333em; } .news-link-list-item time + a { padding-left: 3.33333em; } .sidebar-news > .block { margin-bottom: 0.71429em; padding-bottom: 0.71429em; border-bottom: 1px dotted #dcdcdc; } .sidebar-news .info { margin-bottom: 0; } .sidebar .sidebar-news .image_container { margin-top: 0; } .sidebar .sidebar-news h2 { margin: 0.85714em 0 0; } .sidebar .sidebar-news p { margin: 0.42857em 0; } .main-content .mod_calendar { margin: 1.6em 0; } .mod_calendar th.previous a:after, .mod_calendar th.previous a:before, .mod_calendar th.next a:after, .mod_calendar th.next a:before { display: none; } .mod_calendar th.current { border-right: 0; border-left: 0; text-align: center; } .mod_calendar th.current:before { font: 16px/1 "RockSolid Icons"; content: "\e037"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; margin-right: 6px; } .mod_calendar th.previous { border-right: 0; } .mod_calendar th.next { border-left: 0; text-align: right; } .mod_calendar th.label { font-size: 0.8em; text-align: center; text-transform: uppercase; letter-spacing: 0.07143em; } @media screen and (max-width: 599px) { .mod_calendar th.label > span { display: none; } } .mod_calendar td { vertical-align: top; width: 14.28571%; } @media screen and (max-width: 599px) { .mod_calendar td { text-align: center; } } .mod_calendar td.today { font-weight: bold; background-color: #dcdcdc; } .mod_calendar .event { font-size: 0.8em; } .mod_calendar .minicalendar .label { padding-left: 0; padding-right: 0; } .mod_calendar .minicalendar td { padding: 0.2em; text-align: center; } .mod_nl_list ul { padding-left: 0; list-style-type: none; } .mod_nl_list ul li { border-bottom: 1px solid #dcdcdc; padding: 0.53333em 0; } .mod_nl_list ul li:before { font: 2em/1 "RockSolid Icons"; content: "\e0ce"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; float: left; width: 1.33333em; margin-top: 0.13333em; color: #7a7a78; } .mod_nl_list ul a { display: block; font-size: 1.4em; } .mod_eventlist { margin-top: 1.6em; } .mod_eventlist > .header { font-weight: bold; } .mod_eventlist .event { overflow: hidden; margin-bottom: 3.2em; } .mod_eventlist .event > h2 { margin-top: 0; font-size: 1.6em; } .mod_faqlist ul { list-style: none; padding-left: 0; } .mod_faqlist li:before { font: 100%/1 "RockSolid Icons"; content: "\e0f7"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; margin-right: 0.53333em; } .mod_faqpage section { margin: 2.4em 0; padding-left: 4.8em; } .mod_faqpage h3 { position: relative; margin: 1em 0; padding: 0.47619em 0 0.71429em; border-bottom: 1px solid #f2f2f2; font-size: 1.4em; } .mod_faqpage h3:before, .mod_faqpage h3 + *:before { content: "Q"; position: absolute; top: 0; left: -2.57143em; width: 1.78571em; padding: 0.35714em 0.39286em 0.42857em; border-radius: 100%; font-size: 1.33333em; line-height: 1; color: #ffffff; text-align: center; background: #7a7a78; } .mod_faqpage h3 + * { position: relative; } .mod_faqpage h3 + *:before { content: "A"; left: -3.75em; font-size: 1.06667em; } .mod_faqpage p { margin-top: 0.8em; margin-bottom: 0.8em; } .mod_faqpage .info { font-size: 0.86667em; color: #7a7a78; } .mod_faqreader .info { font-size: 0.86667em; color: #7a7a78; } .mod_login form p.error { float: none; width: auto; margin: 1.2em 0; } .mod_login input { width: 80%; } @media screen and (max-width: 599px) { .mod_login input { width: 100%; } } .mod_login table { border: 0; box-shadow: none; } .mod_login table td { border: 0; padding: 0.4em 0; } .mod_search { margin: 1.8em 0; } .mod_search form input { vertical-align: middle; } .mod_search form input[type="search"] { width: 74.375%; margin: 0; padding-top: 1.06667em; padding-bottom: 1em; } .mod_search form input[type="submit"] { width: 25%; margin: 0 -2% 0 0; } @media screen and (max-width: 599px) { .mod_search form input[type="submit"] { padding-right: 0; padding-left: 0; } } .mod_search .relevance { float: right; margin-top: 0.71429em; font-size: 0.58333em; } .mod_search .header { padding-bottom: 0.33333em; border-bottom: 1px solid #dcdcdc; color: #7a7a78; } .mod_search .highlight { padding: 0 0.26667em; font-weight: bold; background: #e4e4e4; } .mod_search .url { padding-bottom: 1.42857em; border-bottom: 1px dotted #dcdcdc; font-size: 0.93333em; color: #7a7a78; } .mod_search .url:before { font: 100%/1 "RockSolid Icons"; content: "\e0b5"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; margin-right: 0.35714em; } .mod_search .url .filesize { font-size: 0.85714em; } .comment_default { margin: 1.6875em 0; padding: 1.25em 6.25% 0; border: 1px solid #dcdcdc; font-size: 1.06667em; background: #ffffff; background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02)); background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02)); background-image: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02)); background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02)); box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); } .comment_default .info { margin-top: 0; border-bottom: 1px solid #dcdcdc; } .comment_default .reply { margin-left: 6.66667%; } .comment_default .reply .info { font-weight: bold; } .ce_comments .form { margin-top: 2.4em; } .ce_comments .form .widget { margin-top: 1.6em; } .ce_comments .form .widget:nth-of-type(-n+4) { float: left; width: 46.66667%; } @media screen and (max-width: 599px) { .ce_comments .form .widget:nth-of-type(-n+4) { width: 100%; } } .ce_comments .form .widget:nth-of-type(-2n+4) { margin-right: -1%; margin-left: 6.66667%; } @media screen and (max-width: 599px) { .ce_comments .form .widget:nth-of-type(-2n+4) { margin-right: 0; margin-left: 0; } } .ce_comments .form .widget:nth-of-type(5) { clear: both; padding-top: 1.6em; } .ce_comments .form .widget input { width: 100%; } .ce_comments .form .widget textarea { width: 100%; } .ce_comments .form .checkbox_container { margin: 0; border: 0; margin-top: -1.2em; padding: 0; } .ce_comments h2 + .form, .ce_comments h2 + .form > form { margin-top: 0; } .mod_sitemap ul { padding-left: 0; list-style-type: none; } .mod_sitemap ul li:before { content: none; } .mod_sitemap ul li li { padding: 0.2em 0 0.2em 1.86667em; } .mod_sitemap ul li li.submenu ul { margin: 0; } .mod_sitemap > ul > li:before { font: 100%/1 "RockSolid Icons"; content: "\e083"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; margin-right: 0.66667em; color: #7a7a78; } .mod_sitemap a:before { margin-right: 0.53333em; } .mod_subscribe .submit, .mod_unsubscribe .submit { padding-top: 1em; padding-bottom: 0.78571em; } .mod_subscribe.-centered { text-align: center; } .centered-wrapper .mod_subscribe input[type=text], .centered-wrapper .mod_subscribe input[type=email] { width: 30%; min-width: 17.33333em; } .centered-wrapper .mod_subscribe .submit { width: auto; } .sidebar .mod_subscribe input[type=text], .sidebar .mod_subscribe input[type=email] { width: 100%; } @media screen and (max-width: 599px) { .sidebar .mod_subscribe input[type=text], .sidebar .mod_subscribe input[type=email] { display: inline; margin: 0; } } .sidebar .mod_subscribe .submit { width: 100%; margin-top: 0.26667em; } /* =========================================== * Sidebar / Widgets * ======================================== */ .sidebar { position: relative; float: left; width: 18.75%; margin: 2.66667em 0 0 3.125%; font-size: 0.93333em; } @media screen and (max-width: 900px) { .sidebar { float: none; clear: both; width: auto; margin-right: 0; margin-left: 0; } } @media screen and (max-width: 599px) { .sidebar { margin-right: 4.16667%; margin-left: 4.16667%; } } .oneo-sidebar-right .sidebar { float: right; margin-right: 3.125%; margin-left: 0; } @media screen and (max-width: 900px) { .oneo-sidebar-right .sidebar { float: none; margin-right: 0; margin-left: 0; } } @media screen and (max-width: 599px) { .oneo-sidebar-right .sidebar { margin-right: 4.16667%; margin-left: 4.16667%; } } .oneo-3-columns .sidebar.-right { left: 53.125%; margin-right: -18.75%; } @media screen and (max-width: 900px) { .oneo-3-columns .sidebar.-right { left: auto; clear: none; margin-right: 0; } } @media screen and (max-width: 599px) { .oneo-3-columns .sidebar.-right { margin-right: 4.16667%; } } .sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5 { margin: 2.14286em 0 0.5em; font-size: 1em; font-weight: bold; color: #7a7a78; } .sidebar p, .sidebar ul, .sidebar ol, .sidebar table, .sidebar blockquote, .sidebar fieldset, .sidebar form { margin: 1.06667em 0; } .sidebar ul, .sidebar ol { padding: 0; list-style-type: none; } .sidebar > .block { margin: 1.33333em 0; } @media screen and (max-width: 900px) { .sidebar > .block { float: left; width: 43.75%; margin-left: 4.16667%; } } @media screen and (max-width: 599px) { .sidebar > .block { float: none; width: auto; margin-left: 0; } } .sidebar .ce_youtube-wrapper { margin: 0.8em 0; } .sidebar .image_container { margin: 0.8em 0 0; } .sub-navigation h3, .sub-navigation h3 a { color: inherit; } .sub-navigation > ul { font-size: 0.92857em; } .sub-navigation ul a, .sub-navigation ul span.active, .sub-navigation ul span.trail, .sub-navigation ul span.forward { display: block; padding: 0.38462em 0; color: inherit; } .sub-navigation ul a:before, .sub-navigation ul span.active:before, .sub-navigation ul span.trail:before, .sub-navigation ul span.forward:before { margin-right: 0.53846em; } .sub-navigation ul span.active, .sub-navigation ul span.trail { font-weight: bold; } .sub-navigation ul ul { margin: 0 0 0 1.53846em; } .sub-navigation li[data-icon]:before, .sub-navigation li[class^="icon-"]:before, .sub-navigation li[class*=" icon-"]:before { content: none; } /* =========================================== * Footer * ======================================== */ .news-footer { margin: 2.66667em 0; } .news-footer > h1, .news-footer > h2, .news-footer > h3 { margin-bottom: 0.66667em; font-size: 2.4em; font-weight: normal; letter-spacing: 0.1em; color: inherit; text-transform: uppercase; } @media screen and (max-width: 599px) { .news-footer > h1, .news-footer > h2, .news-footer > h3 { font-size: 1.86667em; } } .news-footer > h1:after, .news-footer > h2:after, .news-footer > h3:after { content: ""; display: block; width: 3.33333em; height: 2px; margin-top: 0.66667em; background: #7a7a78; } .news-footer.-centered { text-align: center; } .news-footer.-centered > h1:after, .news-footer.-centered > h2:after, .news-footer.-centered > h3:after { margin-right: auto; margin-left: auto; } .news-footer-item h3 { margin: 0; font-size: 1.6em; font-weight: bold; color: inherit; text-transform: uppercase; } @media screen and (max-width: 599px) { .news-footer-item h3 { font-size: 1.33333em; } } .news-footer-item p { margin: 0.13333em 0 0; color: #7a7a78; -webkit-transition: color 0.4s linear; -moz-transition: color 0.4s linear; -o-transition: color 0.4s linear; transition: color 0.4s linear; } .-color-inverted .news-footer-item p { color: #dcdcdc; } .news-footer-item > a { position: relative; display: block; color: inherit; -webkit-transition: color 0.4s linear; -moz-transition: color 0.4s linear; -o-transition: color 0.4s linear; transition: color 0.4s linear; } .news-footer-item > a:before { content: ""; position: absolute; top: 50%; left: 0; width: 100%; height: 0; background: #7a7a78; -webkit-transition: top 0.6s ease-in, height 0.6s ease-in; -moz-transition: top 0.6s ease-in, height 0.6s ease-in; -o-transition: top 0.6s ease-in, height 0.6s ease-in; transition: top 0.6s ease-in, height 0.6s ease-in; } .news-footer-item > a:hover, .news-footer-item > a:focus { text-decoration: none; color: #ffffff; -webkit-transition: color 0.1s linear; -moz-transition: color 0.1s linear; -o-transition: color 0.1s linear; transition: color 0.1s linear; } .news-footer-item > a:hover:before, .news-footer-item > a:focus:before { top: 0; height: 100%; -webkit-transition: top 0.2s ease-out, height 0.2s ease-out; -moz-transition: top 0.2s ease-out, height 0.2s ease-out; -o-transition: top 0.2s ease-out, height 0.2s ease-out; transition: top 0.2s ease-out, height 0.2s ease-out; } .news-footer-item > a:hover p, .news-footer-item > a:focus p { color: #dcdcdc; -webkit-transition: color 0.1s linear; -moz-transition: color 0.1s linear; -o-transition: color 0.1s linear; transition: color 0.1s linear; } .news-footer-item-inner { position: relative; padding-top: 1.6em; padding-bottom: 1.6em; } .icon-text-block { position: relative; padding-left: 2em; } .icon-text-block > p { margin: 1em 0; } .icon-text-block:before { position: absolute; top: 0.26667em; left: 0; color: #7a7a78; } .footer-links { float: right; margin: 0; padding: 2.14286em 0; font-size: 0.93333em; color: #7a7a78; } @media screen and (max-width: 900px) { .footer-links { float: none; padding-top: 0; } } .footer-links ul, .footer-links li { display: inline; margin: 0; padding: 0; } .footer-links li:before { content: ""; display: inline-block; width: 1px; height: 0.78571em; margin: 0 0.57143em 0 0.35714em; background: #7a7a78; } .footer-links li:first-child:before { content: none; } .footer-links a, .footer-links span.trail, .footer-links span.active, .footer-links span.forward { color: inherit; } .footer-top-link { position: relative; display: block; z-index: 1; clear: both; width: 2.66667em; height: 3.33333em; overflow: hidden; margin: -1.66667em auto 0; color: #ffffff; text-indent: -999em; } @media screen and (max-width: 599px) { .footer-top-link { margin-top: 1.66667em; } } .footer-top-link:after { font: 1.06667em/1 "RockSolid Icons"; content: "\e01a"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding-top: 1.0625em; text-align: center; background: #878786; } .footer-top-link:hover:after, .footer-top-link:focus:after { color: #878786; background-color: #f3f3f2; } .main-content .icon-links { padding-left: 0; list-style-type: none; } .icon-links li { padding-bottom: 0.4em; } .icon-links a { text-decoration: none; } .icon-links a:hover span { text-decoration: underline; } .footer-icon-links { margin: 2.66667em; padding: 0; text-align: center; list-style: none; } .footer-icon-links ul, .footer-icon-links li { display: inline; margin: 0; padding: 0; } .footer-icon-links a { display: inline-block; margin: 0 0.53333em; width: 4em; height: 4em; overflow: hidden; border: 2px solid #dcdcdc; border-radius: 99em; color: #7a7a78; } .footer-icon-links a:hover, .footer-icon-links a:focus { color: #ffffff; text-decoration: none; background: #dcdcdc; } .footer-icon-links a:before { display: block; width: 100%; height: 100%; padding-top: 0.66667em; font-size: 1.6em; } .footer-navigation { margin: 0 2.66667em; text-align: center; list-style: none; } @media screen and (max-width: 599px) { .footer-navigation { margin: 1.33333em 4.16667%; } } .footer-navigation ul, .footer-navigation li { display: inline; margin: 0; padding: 0; } .footer-navigation li:before { /* disable icons */ content: none; display: none; } .footer-navigation a, .footer-navigation span.trail, .footer-navigation span.active, .footer-navigation span.forward { display: inline-block; padding: 0.83333em 1.66667em; font-size: 0.8em; letter-spacing: 0.1em; text-transform: uppercase; } @media screen and (max-width: 599px) { .footer-navigation a, .footer-navigation span.trail, .footer-navigation span.active, .footer-navigation span.forward { padding: 0.5em 0.83333em; } } .footer-copyright { margin: 0 2.66667em 2.66667em; color: #7a7a78; text-align: center; } .footer-copyright a { color: inherit; } .footer-copyright .rocksolid-copyright { display: block; color: inherit; opacity: 0.75; } /* =========================================== * Slider * ======================================== */ .main-slider { height: 600px; } @media screen and (min-height: 600px) { .main-slider { height: calc(100vh - 3.86667em); } } @media screen and (min-height: 600px) and (max-width: 900px) { .main-slider { height: calc(100vh - 6.4em - 2em); } } @media screen and (max-width: 599px) { .main-slider { height: auto; } .main-slider img { max-width: 100%; height: auto; } } .rsts-skin-testimonials .testimonial { margin: 0; } .rsts-skin-testimonials.rsts-main { position: relative; margin: 1.8em 0; padding: 2.13333em 0 0 0; } .rsts-skin-testimonials .rsts-header { margin-top: -2.13333em; } .rsts-skin-testimonials .rsts-header h1, .rsts-skin-testimonials .rsts-header h2, .rsts-skin-testimonials .rsts-header h3, .rsts-skin-testimonials .rsts-header h4, .rsts-skin-testimonials .rsts-header h5, .rsts-skin-testimonials .rsts-header h6 { margin: 0 0 1.06667em; padding: 0 5.33333em; font-size: 0.93333em; font-weight: bold; color: #7a7a78; text-align: center; } .rsts-skin-testimonials .rsts-prev, .rsts-skin-testimonials .rsts-next { position: absolute; top: -2.53333em; right: 1.46667em; overflow: hidden; text-indent: -99em; line-height: 0; } .rsts-skin-testimonials .rsts-prev:hover, .rsts-skin-testimonials .rsts-prev:focus, .rsts-skin-testimonials .rsts-next:hover, .rsts-skin-testimonials .rsts-next:focus { text-decoration: none; } .rsts-skin-testimonials .rsts-prev:after, .rsts-skin-testimonials .rsts-next:after { font: 0.93333em/1 "RockSolid Icons"; content: "\e018"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; display: block; padding: 0.57143em; color: #dcdcdc; } .rsts-skin-testimonials .rsts-prev:hover:after, .rsts-skin-testimonials .rsts-prev:focus:after, .rsts-skin-testimonials .rsts-next:hover:after, .rsts-skin-testimonials .rsts-next:focus:after { color: #c3c3c3; } .rsts-skin-testimonials .rsts-next { right: -0.6em; } .rsts-skin-testimonials .rsts-next:after { content: "\e019"; } .rsts-skin-testimonials .rsts-nav { position: absolute; left: -4px; top: 0; line-height: 0; } .rsts-skin-testimonials .rsts-nav ul { margin: 0; padding: 0; } .rsts-skin-testimonials .rsts-nav li { display: inline; } .rsts-skin-testimonials .rsts-nav a { float: left; width: 18px; height: 18px; overflow: hidden; outline: none; padding: 5px; text-indent: -99em; } .rsts-skin-testimonials .rsts-nav a:after { content: ""; display: block; width: 6px; height: 6px; border: 1px solid #dcdcdc; border-radius: 100%; background: #dcdcdc; background: rgba(220, 220, 220, 0.5); } .rsts-skin-testimonials .rsts-nav a:hover:after, .rsts-skin-testimonials .rsts-nav a.active:after { background-color: #dcdcdc; } .rsts-skin-testimonials .rsts-nav-prev, .rsts-skin-testimonials .rsts-nav-next { display: none !important; } .rsts-skin-oneo.rsts-main { position: relative; } .rsts-skin-oneo .rsts-caption { padding: 0.4em 0; color: #7a7a78; } .-color-inverted .rsts-skin-oneo .rsts-caption { color: #dcdcdc; } .rsts-skin-oneo .rsts-prev, .rsts-skin-oneo .rsts-next, .rsts-skin-oneo .rsts-video-play, .rsts-skin-oneo .rsts-video-stop { position: absolute; top: 50%; left: 1.33333em; overflow: hidden; margin-top: -1.73333em; border: 2px solid #878786; border-radius: 99em; outline: none; line-height: 0; color: #878786; text-indent: -99em; background-color: rgba(135, 135, 134, 0); opacity: 0; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; } .rsts-skin-oneo .rsts-prev:hover, .rsts-skin-oneo .rsts-prev:focus, .rsts-skin-oneo .rsts-next:hover, .rsts-skin-oneo .rsts-next:focus, .rsts-skin-oneo .rsts-video-play:hover, .rsts-skin-oneo .rsts-video-play:focus, .rsts-skin-oneo .rsts-video-stop:hover, .rsts-skin-oneo .rsts-video-stop:focus { text-decoration: none; background-color: rgba(135, 135, 134, 0.25); } .sidebar .rsts-skin-oneo .rsts-prev, .sidebar .rsts-skin-oneo .rsts-next, .sidebar .rsts-skin-oneo .rsts-video-play, .sidebar .rsts-skin-oneo .rsts-video-stop { bottom: 0.4em; } .rsts-skin-oneo .rsts-prev:after, .rsts-skin-oneo .rsts-next:after, .rsts-skin-oneo .rsts-video-play:after, .rsts-skin-oneo .rsts-video-stop:after { font: 0.93333em/1 "RockSolid Icons"; content: "\e018"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; display: block; padding: 1.21429em; } .rsts-skin-oneo:hover .rsts-prev, .rsts-skin-oneo:hover .rsts-next, .rsts-skin-oneo:hover .rsts-nav { opacity: 1; } .rsts-skin-oneo .rsts-next { left: auto; right: 1.33333em; } .rsts-skin-oneo .rsts-next:after { content: "\e019"; } .oneo-fullwidth .tagline .rsts-skin-oneo .rsts-prev { left: 0; } .oneo-fullwidth .tagline .rsts-skin-oneo .rsts-next { right: 0; } .rsts-skin-oneo .rsts-nav { position: absolute; left: 0; bottom: 5%; width: 100%; opacity: 0; } @media screen and (max-width: 599px) { .rsts-skin-oneo .rsts-nav { bottom: 30px; } } .rsts-skin-oneo .rsts-nav ul { /* Setting height to zero to fix click area */ height: 0; margin: 0; padding: 0; text-align: center; } .rsts-skin-oneo .rsts-nav li { display: inline; } .rsts-skin-oneo .rsts-nav a { display: inline-block; outline: none; margin: 3px; padding: 5px; } .rsts-skin-oneo .rsts-nav-bullets a { overflow: hidden; width: 16px; height: 16px; margin: 0; padding: 4px; line-height: 0; text-indent: -99em; } .rsts-skin-oneo .rsts-nav-bullets a:after { content: ""; display: block; width: 8px; height: 8px; border: 2px solid rgba(135, 135, 134, 0); border-radius: 100%; background-color: #878786; background-clip: padding-box; } .rsts-skin-oneo .rsts-nav-bullets a:hover:after, .rsts-skin-oneo .rsts-nav-bullets a.active:after { border-color: #878786; background-color: rgba(135, 135, 134, 0.25); } .rsts-skin-oneo .rsts-nav-numbers a, .rsts-skin-oneo .rsts-nav-tabs a { margin: 5px; border: 2px solid #878786; font-size: 0.86667em; line-height: 0.61538em; color: #7a7a78; background-color: #878786; } .rsts-skin-oneo .rsts-nav-numbers a:hover, .rsts-skin-oneo .rsts-nav-numbers a.active, .rsts-skin-oneo .rsts-nav-tabs a:hover, .rsts-skin-oneo .rsts-nav-tabs a.active { color: #878786; background-color: #878786; text-decoration: none; } .rsts-skin-oneo .rsts-nav-prev, .rsts-skin-oneo .rsts-nav-next { display: none !important; } .rsts-skin-oneo .rsts-video-play, .rsts-skin-oneo .rsts-video-stop { opacity: 1; } .rsts-skin-oneo .rsts-video-play { top: 50%; right: auto; bottom: auto; left: 50%; width: 5.6em; height: 5.6em; margin: -2.8em 0 0 -2.8em; border-width: 3px; -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; } .rsts-skin-oneo .rsts-video-play:after { content: "\25b6"; padding: 0; margin-left: 0.21429em; font-size: 1.86667em; line-height: 2.78571em; text-align: center; } .rsts-skin-oneo .rsts-video-stop { top: 20px; right: 20px; left: auto; margin-top: 0; } .rsts-skin-oneo .rsts-video-stop:after { content: "\d7"; padding: 0.78571em; } .rsts-skin-oneo .rsts-video-youtube > .rsts-video-stop { top: 30px; right: 10px; } .rsts-skin-oneo .rsts-video-vimeo > .rsts-video-stop { top: 10px; right: auto; left: 10px; } .rsts-skin-oneo .rsts-video-ipad > .rsts-video-iframe { padding-top: 38px; } .rsts-skin-oneo .rsts-video-ipad > .rsts-video-stop { top: 1px; right: 10px; left: auto; } .rsts-skin-oneo.rsts-video-playing .rsts-nav, .rsts-skin-oneo.rsts-video-playing .rsts-prev, .rsts-skin-oneo.rsts-video-playing .rsts-next { display: none; } .rsts-skin-oneo.rsts-touch .rsts-nav { opacity: 1; } .rsts-skin-oneo .rsts-progress { position: absolute; top: 0; right: 0; width: 100%; height: 2px; background-color: black; opacity: 0; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .rsts-skin-oneo .rsts-progress div { height: 100%; background-color: white; } .rsts-skin-oneo .rsts-progress.rsts-progress-active { opacity: 0.3; } .rsts-skin-oneo.rsts-invert-controls .rsts-prev, .rsts-skin-oneo.rsts-invert-controls .rsts-next, .rsts-skin-oneo.rsts-invert-controls .rsts-video-play, .rsts-skin-oneo.rsts-invert-controls .rsts-video-stop { border-color: #ffffff; color: #ffffff; } .rsts-skin-oneo.rsts-invert-controls .rsts-prev:hover, .rsts-skin-oneo.rsts-invert-controls .rsts-prev:focus, .rsts-skin-oneo.rsts-invert-controls .rsts-next:hover, .rsts-skin-oneo.rsts-invert-controls .rsts-next:focus, .rsts-skin-oneo.rsts-invert-controls .rsts-video-play:hover, .rsts-skin-oneo.rsts-invert-controls .rsts-video-play:focus, .rsts-skin-oneo.rsts-invert-controls .rsts-video-stop:hover, .rsts-skin-oneo.rsts-invert-controls .rsts-video-stop:focus { background-color: rgba(255, 255, 255, 0.25); } .rsts-skin-oneo.rsts-invert-controls .rsts-nav-bullets a:after { border-color: rgba(255, 255, 255, 0); background-color: #ffffff; } .rsts-skin-oneo.rsts-invert-controls .rsts-nav-bullets a:hover:after, .rsts-skin-oneo.rsts-invert-controls .rsts-nav-bullets a.active:after { border-color: #ffffff; background-color: rgba(255, 255, 255, 0.25); } .rsts-skin-oneo.rsts-invert-controls .rsts-nav-numbers a, .rsts-skin-oneo.rsts-invert-controls .rsts-nav-tabs a { border-color: #ffffff; color: #dcdcdc; background-color: #ffffff; } .rsts-skin-oneo.rsts-invert-controls .rsts-nav-numbers a:hover, .rsts-skin-oneo.rsts-invert-controls .rsts-nav-numbers a.active, .rsts-skin-oneo.rsts-invert-controls .rsts-nav-tabs a:hover, .rsts-skin-oneo.rsts-invert-controls .rsts-nav-tabs a.active { color: #ffffff; background-color: #ffffff; } .rsts-skin-testimonials-centered.rsts-main, .rsts-skin-partner.rsts-main { position: relative; margin: 2.4em 0; } .rsts-skin-testimonials-centered .rsts-view, .rsts-skin-partner .rsts-view { padding: 0 4em; } @media screen and (max-width: 599px) { .rsts-skin-testimonials-centered .rsts-view, .rsts-skin-partner .rsts-view { padding-right: 2em; padding-left: 2em; } } .rsts-skin-testimonials-centered .rsts-nav ul, .rsts-skin-partner .rsts-nav ul { height: 0; margin: 0; } .rsts-skin-testimonials-centered .rsts-prev, .rsts-skin-testimonials-centered .rsts-next, .rsts-skin-partner .rsts-prev, .rsts-skin-partner .rsts-next { position: absolute; top: 50%; left: 0; margin-top: -1.06667em; border: 1px solid #f2f2f2; overflow: hidden; text-indent: -99em; line-height: 0; background-color: #ffffff; } .rsts-skin-testimonials-centered .rsts-prev:hover, .rsts-skin-testimonials-centered .rsts-prev:focus, .rsts-skin-testimonials-centered .rsts-next:hover, .rsts-skin-testimonials-centered .rsts-next:focus, .rsts-skin-partner .rsts-prev:hover, .rsts-skin-partner .rsts-prev:focus, .rsts-skin-partner .rsts-next:hover, .rsts-skin-partner .rsts-next:focus { text-decoration: none; } .sidebar .rsts-skin-testimonials-centered .rsts-prev, .sidebar .rsts-skin-testimonials-centered .rsts-next, .sidebar .rsts-skin-partner .rsts-prev, .sidebar .rsts-skin-partner .rsts-next { bottom: 0.4em; } .rsts-skin-testimonials-centered .rsts-prev:after, .rsts-skin-testimonials-centered .rsts-next:after, .rsts-skin-partner .rsts-prev:after, .rsts-skin-partner .rsts-next:after { font: 0.93333em/1 "RockSolid Icons"; content: "\e018"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; display: block; padding: 0.57143em; color: #7a7a78; } .rsts-skin-testimonials-centered .rsts-prev:hover:after, .rsts-skin-testimonials-centered .rsts-prev:focus:after, .rsts-skin-testimonials-centered .rsts-next:hover:after, .rsts-skin-testimonials-centered .rsts-next:focus:after, .rsts-skin-partner .rsts-prev:hover:after, .rsts-skin-partner .rsts-prev:focus:after, .rsts-skin-partner .rsts-next:hover:after, .rsts-skin-partner .rsts-next:focus:after { color: #60605f; } .rsts-skin-testimonials-centered .rsts-next, .rsts-skin-partner .rsts-next { left: auto; right: 0; } .rsts-skin-testimonials-centered .rsts-next:after, .rsts-skin-partner .rsts-next:after { content: "\e019"; } .rsts-skin-testimonials-centered .rsts-nav-prev, .rsts-skin-testimonials-centered .rsts-nav-next, .rsts-skin-partner .rsts-nav-prev, .rsts-skin-partner .rsts-nav-next { display: none !important; } .rsts-skin-testimonials-centered .rsts-nav, .rsts-skin-partner .rsts-nav, .rsts-skin-mega-dropdown .rsts-nav, .rsts-skin-carousel .rsts-nav { line-height: 0; } .rsts-skin-testimonials-centered .rsts-nav ul, .rsts-skin-partner .rsts-nav ul, .rsts-skin-mega-dropdown .rsts-nav ul, .rsts-skin-carousel .rsts-nav ul { padding: 0; text-align: center; } .rsts-skin-testimonials-centered .rsts-nav .rsts-nav-item, .rsts-skin-partner .rsts-nav .rsts-nav-item, .rsts-skin-mega-dropdown .rsts-nav .rsts-nav-item, .rsts-skin-carousel .rsts-nav .rsts-nav-item { display: inline; } .rsts-skin-testimonials-centered .rsts-nav .rsts-nav-item a, .rsts-skin-partner .rsts-nav .rsts-nav-item a, .rsts-skin-mega-dropdown .rsts-nav .rsts-nav-item a, .rsts-skin-carousel .rsts-nav .rsts-nav-item a { display: inline-block; vertical-align: middle; width: 18px; height: 18px; overflow: hidden; outline: none; padding: 5px; text-indent: -99em; } .rsts-skin-testimonials-centered .rsts-nav .rsts-nav-item a:after, .rsts-skin-partner .rsts-nav .rsts-nav-item a:after, .rsts-skin-mega-dropdown .rsts-nav .rsts-nav-item a:after, .rsts-skin-carousel .rsts-nav .rsts-nav-item a:after { content: ""; display: block; width: 6px; height: 6px; border: 1px solid #dcdcdc; border-radius: 100%; background: #dcdcdc; background: rgba(220, 220, 220, 0.5); } .rsts-skin-testimonials-centered .rsts-nav .rsts-nav-item a:hover, .rsts-skin-testimonials-centered .rsts-nav .rsts-nav-item a.active, .rsts-skin-partner .rsts-nav .rsts-nav-item a:hover, .rsts-skin-partner .rsts-nav .rsts-nav-item a.active, .rsts-skin-mega-dropdown .rsts-nav .rsts-nav-item a:hover, .rsts-skin-mega-dropdown .rsts-nav .rsts-nav-item a.active, .rsts-skin-carousel .rsts-nav .rsts-nav-item a:hover, .rsts-skin-carousel .rsts-nav .rsts-nav-item a.active { text-decoration: none; } .rsts-skin-testimonials-centered .rsts-nav .rsts-nav-item a:hover:after, .rsts-skin-testimonials-centered .rsts-nav .rsts-nav-item a.active:after, .rsts-skin-partner .rsts-nav .rsts-nav-item a:hover:after, .rsts-skin-partner .rsts-nav .rsts-nav-item a.active:after, .rsts-skin-mega-dropdown .rsts-nav .rsts-nav-item a:hover:after, .rsts-skin-mega-dropdown .rsts-nav .rsts-nav-item a.active:after, .rsts-skin-carousel .rsts-nav .rsts-nav-item a:hover:after, .rsts-skin-carousel .rsts-nav .rsts-nav-item a.active:after { background-color: #dcdcdc; } .rsts-skin-partner .rsts-nav { margin: 1.6em 0; } .rsts-skin-mega-dropdown.rsts-main { margin: 0; } .rsts-skin-mega-dropdown .rsts-view { padding: 0; } .rsts-skin-mega-dropdown .rsts-prev, .rsts-skin-mega-dropdown .rsts-next { position: absolute; top: 50%; overflow: hidden; margin-top: -3.33333em; padding: 1.33333em; line-height: 0; color: inherit; text-indent: -99em; background: #ffffff; } .rsts-skin-mega-dropdown .rsts-prev:after, .rsts-skin-mega-dropdown .rsts-next:after { content: ""; display: block; width: 1.86667em; height: 1.86667em; border: 2px solid currentColor; border-top: 0; border-left: 0; text-indent: 0; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); } .rsts-skin-mega-dropdown .rsts-prev:hover, .rsts-skin-mega-dropdown .rsts-prev:focus, .rsts-skin-mega-dropdown .rsts-next:hover, .rsts-skin-mega-dropdown .rsts-next:focus { outline: none; } .rsts-skin-mega-dropdown .rsts-prev { right: 103.33333%; } .oneo-boxed .rsts-skin-mega-dropdown .rsts-prev { right: auto; left: -3.33333%; } @media screen and (max-width: 1280px) { .rsts-skin-mega-dropdown .rsts-prev.rsts-prev { /* doubled class for specificity */ right: auto; left: 0; margin-left: -1.33333em; } } .rsts-skin-mega-dropdown .rsts-prev:after { margin-right: -1em; } .rsts-skin-mega-dropdown .rsts-next { left: 103.33333%; } .oneo-boxed .rsts-skin-mega-dropdown .rsts-next { right: -3.33333%; left: auto; } @media screen and (max-width: 1280px) { .rsts-skin-mega-dropdown .rsts-next.rsts-next { /* doubled class for specificity */ right: 0; left: auto; margin-right: -1.33333em; } } .rsts-skin-mega-dropdown .rsts-next:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); margin-left: -1em; } .rsts-skin-mega-dropdown .rsts-nav { text-align: center; } .rsts-skin-mega-dropdown .rsts-nav-prev, .rsts-skin-mega-dropdown .rsts-nav-next { display: none !important; } .rsts-skin-carousel .rsts-nav ul { margin: 0.4em 0; } .rsts-skin-carousel .rsts-prev, .rsts-skin-carousel .rsts-next { display: none !important; } .rsts-skin-carousel .rsts-nav-prev, .rsts-skin-carousel .rsts-nav-next { display: inline; margin-right: 1.33333em; } .rsts-skin-carousel .rsts-nav-prev a, .rsts-skin-carousel .rsts-nav-next a { display: inline-block; vertical-align: middle; overflow: hidden; text-indent: -99em; line-height: 0; } .rsts-skin-carousel .rsts-nav-prev a:after, .rsts-skin-carousel .rsts-nav-next a:after { font: 1.06667em/1 "RockSolid Icons"; content: "\e018"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; display: block; padding: 0.5em; color: #7a7a78; } .-color-inverted .rsts-skin-carousel .rsts-nav-prev a:after, .-color-inverted .rsts-skin-carousel .rsts-nav-next a:after { color: #ffffff; } .rsts-skin-carousel .rsts-nav-prev a:hover, .rsts-skin-carousel .rsts-nav-prev a:focus, .rsts-skin-carousel .rsts-nav-next a:hover, .rsts-skin-carousel .rsts-nav-next a:focus { text-decoration: none; } .rsts-skin-carousel .rsts-nav-prev a:hover:after, .rsts-skin-carousel .rsts-nav-prev a:focus:after, .rsts-skin-carousel .rsts-nav-next a:hover:after, .rsts-skin-carousel .rsts-nav-next a:focus:after { color: #60605f; } .-color-inverted .rsts-skin-carousel .rsts-nav-prev a:hover:after, .-color-inverted .rsts-skin-carousel .rsts-nav-prev a:focus:after, .-color-inverted .rsts-skin-carousel .rsts-nav-next a:hover:after, .-color-inverted .rsts-skin-carousel .rsts-nav-next a:focus:after { color: #e6e6e6; } .rsts-skin-carousel .rsts-nav-next { margin-left: 1.33333em; margin-right: 0; } .rsts-skin-carousel .rsts-nav-next a:after { content: "\e019"; } .rsts-skin-light .rsts-nav { position: absolute; bottom: 20px; margin: 0; width: 100%; } .oneo-laptop-slider { position: relative; overflow: hidden; background: url("../../files/oneo/img/laptop-background.png") 50% 50% no-repeat; background-size: 100% 100%; } .oneo-laptop-slider:after { content: ""; position: absolute; top: 0.5%; right: 9.6%; z-index: 2; width: 30%; height: 0; padding-top: 48%; background: url("../../files/oneo/img/laptop-reflection.png") 50% 50% no-repeat; background-size: 100% 100%; pointer-events: none; } .oneo-laptop-slider .rsts-view { margin-top: 3.5%; margin-right: 12%; margin-left: 12%; margin-bottom: 8.5%; } .oneo-laptop-slider .rsts-nav { bottom: 20%; } .slider-navigation { margin: 2.4em 0 1.6em; text-align: center; } .slider-navigation-prev, .slider-navigation-next { display: inline-block; vertical-align: middle; overflow: hidden; padding: 1em; line-height: 0; color: inherit; text-indent: -99em; } .slider-navigation-prev:after, .slider-navigation-next:after { content: ""; display: block; width: 1.86667em; height: 1.86667em; border: 2px solid currentColor; border-top: 0; border-left: 0; text-indent: 0; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); } .slider-navigation-prev:hover, .slider-navigation-prev:focus, .slider-navigation-next:hover, .slider-navigation-next:focus { outline: none; } .slider-navigation-prev { margin-right: 6em; } @media screen and (max-width: 599px) { .slider-navigation-prev { margin-right: 1.33333em; } } .slider-navigation-next { margin-left: 6em; } @media screen and (max-width: 599px) { .slider-navigation-next { margin-left: 1.33333em; } } .slider-navigation-next:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } @charset "UTF-8"; @media screen and (min-width: 601px){.mobile-only{display:none !important}}@media screen and (max-width: 600px){.hide-on-mobile{display:none !important}}@media screen and (max-width: 900px){.desktop-only{display:none !important}}@media screen and (min-width: 901px){.hide-on-desktop{display:none !important}}@media screen and (max-width: 600px){.tablet-only{display:none !important}}@media screen and (min-width: 901px){.tablet-only{display:none !important}}@media screen and (max-width: 900px) and (min-width: 601px){.hide-on-tablet{display:none !important}}.mt-0{margin-top:0px}.mt-5{margin-top:5px}.mt-10{margin-top:10px}.mt-15{margin-top:15px}.mt-20{margin-top:20px}.mt-25{margin-top:25px}.mt-30{margin-top:30px}.mt-35{margin-top:35px}.mt-40{margin-top:40px}.mt-45{margin-top:45px}.mt-50{margin-top:50px}.mt-55{margin-top:55px}.mt-60{margin-top:60px}.mt-65{margin-top:65px}.mt-70{margin-top:70px}.mt-75{margin-top:75px}.mt-80{margin-top:80px}.mr-0{margin-right:0px}.mr-5{margin-right:5px}.mr-10{margin-right:10px}.mr-15{margin-right:15px}.mr-20{margin-right:20px}.mr-25{margin-right:25px}.mr-30{margin-right:30px}.mr-35{margin-right:35px}.mr-40{margin-right:40px}.mr-45{margin-right:45px}.mr-50{margin-right:50px}.mr-55{margin-right:55px}.mr-60{margin-right:60px}.mr-65{margin-right:65px}.mr-70{margin-right:70px}.mr-75{margin-right:75px}.mr-80{margin-right:80px}.mb-0{margin-bottom:0px}.mb-5{margin-bottom:5px}.mb-10{margin-bottom:10px}.mb-15{margin-bottom:15px}.mb-20{margin-bottom:20px}.mb-25{margin-bottom:25px}.mb-30{margin-bottom:30px}.mb-35{margin-bottom:35px}.mb-40{margin-bottom:40px}.mb-45{margin-bottom:45px}.mb-50{margin-bottom:50px}.mb-55{margin-bottom:55px}.mb-60{margin-bottom:60px}.mb-65{margin-bottom:65px}.mb-70{margin-bottom:70px}.mb-75{margin-bottom:75px}.mb-80{margin-bottom:80px}.ml-0{margin-left:0px}.ml-5{margin-left:5px}.ml-10{margin-left:10px}.ml-15{margin-left:15px}.ml-20{margin-left:20px}.ml-25{margin-left:25px}.ml-30{margin-left:30px}.ml-35{margin-left:35px}.ml-40{margin-left:40px}.ml-45{margin-left:45px}.ml-50{margin-left:50px}.ml-55{margin-left:55px}.ml-60{margin-left:60px}.ml-65{margin-left:65px}.ml-70{margin-left:70px}.ml-75{margin-left:75px}.ml-80{margin-left:80px}.m-0{margin:0px}.m-5{margin:5px}.m-10{margin:10px}.m-15{margin:15px}.m-20{margin:20px}.m-25{margin:25px}.m-30{margin:30px}.m-35{margin:35px}.m-40{margin:40px}.m-45{margin:45px}.m-50{margin:50px}.m-55{margin:55px}.m-60{margin:60px}.m-65{margin:65px}.m-70{margin:70px}.m-75{margin:75px}.m-80{margin:80px}.pt-0{padding-top:0px}.pt-5{padding-top:5px}.pt-10{padding-top:10px}.pt-15{padding-top:15px}.pt-20{padding-top:20px}.pt-25{padding-top:25px}.pt-30{padding-top:30px}.pt-35{padding-top:35px}.pt-40{padding-top:40px}.pt-45{padding-top:45px}.pt-50{padding-top:50px}.pt-55{padding-top:55px}.pt-60{padding-top:60px}.pt-65{padding-top:65px}.pt-70{padding-top:70px}.pt-75{padding-top:75px}.pt-80{padding-top:80px}.pr-0{padding-right:0px}.pr-5{padding-right:5px}.pr-10{padding-right:10px}.pr-15{padding-right:15px}.pr-20{padding-right:20px}.pr-25{padding-right:25px}.pr-30{padding-right:30px}.pr-35{padding-right:35px}.pr-40{padding-right:40px}.pr-45{padding-right:45px}.pr-50{padding-right:50px}.pr-55{padding-right:55px}.pr-60{padding-right:60px}.pr-65{padding-right:65px}.pr-70{padding-right:70px}.pr-75{padding-right:75px}.pr-80{padding-right:80px}.pb-0{padding-bottom:0px}.pb-5{padding-bottom:5px}.pb-10{padding-bottom:10px}.pb-15{padding-bottom:15px}.pb-20{padding-bottom:20px}.pb-25{padding-bottom:25px}.pb-30{padding-bottom:30px}.pb-35{padding-bottom:35px}.pb-40{padding-bottom:40px}.pb-45{padding-bottom:45px}.pb-50{padding-bottom:50px}.pb-55{padding-bottom:55px}.pb-60{padding-bottom:60px}.pb-65{padding-bottom:65px}.pb-70{padding-bottom:70px}.pb-75{padding-bottom:75px}.pb-80{padding-bottom:80px}.pl-0{padding-left:0px}.pl-5{padding-left:5px}.pl-10{padding-left:10px}.pl-15{padding-left:15px}.pl-20{padding-left:20px}.pl-25{padding-left:25px}.pl-30{padding-left:30px}.pl-35{padding-left:35px}.pl-40{padding-left:40px}.pl-45{padding-left:45px}.pl-50{padding-left:50px}.pl-55{padding-left:55px}.pl-60{padding-left:60px}.pl-65{padding-left:65px}.pl-70{padding-left:70px}.pl-75{padding-left:75px}.pl-80{padding-left:80px}.p-0{padding:0px}.p-5{padding:5px}.p-10{padding:10px}.p-15{padding:15px}.p-20{padding:20px}.p-25{padding:25px}.p-30{padding:30px}.p-35{padding:35px}.p-40{padding:40px}.p-45{padding:45px}.p-50{padding:50px}.p-55{padding:55px}.p-60{padding:60px}.p-65{padding:65px}.p-70{padding:70px}.p-75{padding:75px}.p-80{padding:80px}@media screen and (min-width:0){.mt-xs-0{margin-top:0rem}}@media screen and (min-width:0){.mt-xs-1{margin-top:1rem}}@media screen and (min-width:0){.mt-xs-2{margin-top:2rem}}@media screen and (min-width:0){.mt-xs-3{margin-top:3rem}}@media screen and (min-width:0){.mt-xs-4{margin-top:4rem}}@media screen and (min-width:0){.mt-xs-5{margin-top:5rem}}@media screen and (min-width:0){.mt-xs-6{margin-top:6rem}}@media screen and (min-width:0){.mt-xs-7{margin-top:7rem}}@media screen and (min-width:0){.mt-xs-8{margin-top:8rem}}@media screen and (min-width:0){.mt-xs-9{margin-top:9rem}}@media screen and (min-width:0){.mt-xs-10{margin-top:10rem}}@media screen and (min-width:34.375rem){.mt-sm-0{margin-top:0rem}}@media screen and (min-width:34.375rem){.mt-sm-1{margin-top:1rem}}@media screen and (min-width:34.375rem){.mt-sm-2{margin-top:2rem}}@media screen and (min-width:34.375rem){.mt-sm-3{margin-top:3rem}}@media screen and (min-width:34.375rem){.mt-sm-4{margin-top:4rem}}@media screen and (min-width:34.375rem){.mt-sm-5{margin-top:5rem}}@media screen and (min-width:34.375rem){.mt-sm-6{margin-top:6rem}}@media screen and (min-width:34.375rem){.mt-sm-7{margin-top:7rem}}@media screen and (min-width:34.375rem){.mt-sm-8{margin-top:8rem}}@media screen and (min-width:34.375rem){.mt-sm-9{margin-top:9rem}}@media screen and (min-width:34.375rem){.mt-sm-10{margin-top:10rem}}@media screen and (min-width:48rem){.mt-md-0{margin-top:0rem}}@media screen and (min-width:48rem){.mt-md-1{margin-top:1rem}}@media screen and (min-width:48rem){.mt-md-2{margin-top:2rem}}@media screen and (min-width:48rem){.mt-md-3{margin-top:3rem}}@media screen and (min-width:48rem){.mt-md-4{margin-top:4rem}}@media screen and (min-width:48rem){.mt-md-5{margin-top:5rem}}@media screen and (min-width:48rem){.mt-md-6{margin-top:6rem}}@media screen and (min-width:48rem){.mt-md-7{margin-top:7rem}}@media screen and (min-width:48rem){.mt-md-8{margin-top:8rem}}@media screen and (min-width:48rem){.mt-md-9{margin-top:9rem}}@media screen and (min-width:48rem){.mt-md-10{margin-top:10rem}}@media screen and (min-width:58.75rem){.mt-lg-0{margin-top:0rem}}@media screen and (min-width:58.75rem){.mt-lg-1{margin-top:1rem}}@media screen and (min-width:58.75rem){.mt-lg-2{margin-top:2rem}}@media screen and (min-width:58.75rem){.mt-lg-3{margin-top:3rem}}@media screen and (min-width:58.75rem){.mt-lg-4{margin-top:4rem}}@media screen and (min-width:58.75rem){.mt-lg-5{margin-top:5rem}}@media screen and (min-width:58.75rem){.mt-lg-6{margin-top:6rem}}@media screen and (min-width:58.75rem){.mt-lg-7{margin-top:7rem}}@media screen and (min-width:58.75rem){.mt-lg-8{margin-top:8rem}}@media screen and (min-width:58.75rem){.mt-lg-9{margin-top:9rem}}@media screen and (min-width:58.75rem){.mt-lg-10{margin-top:10rem}}@media screen and (min-width:68.75rem){.mt-xl-0{margin-top:0rem}}@media screen and (min-width:68.75rem){.mt-xl-1{margin-top:1rem}}@media screen and (min-width:68.75rem){.mt-xl-2{margin-top:2rem}}@media screen and (min-width:68.75rem){.mt-xl-3{margin-top:3rem}}@media screen and (min-width:68.75rem){.mt-xl-4{margin-top:4rem}}@media screen and (min-width:68.75rem){.mt-xl-5{margin-top:5rem}}@media screen and (min-width:68.75rem){.mt-xl-6{margin-top:6rem}}@media screen and (min-width:68.75rem){.mt-xl-7{margin-top:7rem}}@media screen and (min-width:68.75rem){.mt-xl-8{margin-top:8rem}}@media screen and (min-width:68.75rem){.mt-xl-9{margin-top:9rem}}@media screen and (min-width:68.75rem){.mt-xl-10{margin-top:10rem}}@media screen and (min-width:0){.mr-xs-0{margin-right:0rem}}@media screen and (min-width:0){.mr-xs-1{margin-right:1rem}}@media screen and (min-width:0){.mr-xs-2{margin-right:2rem}}@media screen and (min-width:0){.mr-xs-3{margin-right:3rem}}@media screen and (min-width:0){.mr-xs-4{margin-right:4rem}}@media screen and (min-width:0){.mr-xs-5{margin-right:5rem}}@media screen and (min-width:0){.mr-xs-6{margin-right:6rem}}@media screen and (min-width:0){.mr-xs-7{margin-right:7rem}}@media screen and (min-width:0){.mr-xs-8{margin-right:8rem}}@media screen and (min-width:0){.mr-xs-9{margin-right:9rem}}@media screen and (min-width:0){.mr-xs-10{margin-right:10rem}}@media screen and (min-width:34.375rem){.mr-sm-0{margin-right:0rem}}@media screen and (min-width:34.375rem){.mr-sm-1{margin-right:1rem}}@media screen and (min-width:34.375rem){.mr-sm-2{margin-right:2rem}}@media screen and (min-width:34.375rem){.mr-sm-3{margin-right:3rem}}@media screen and (min-width:34.375rem){.mr-sm-4{margin-right:4rem}}@media screen and (min-width:34.375rem){.mr-sm-5{margin-right:5rem}}@media screen and (min-width:34.375rem){.mr-sm-6{margin-right:6rem}}@media screen and (min-width:34.375rem){.mr-sm-7{margin-right:7rem}}@media screen and (min-width:34.375rem){.mr-sm-8{margin-right:8rem}}@media screen and (min-width:34.375rem){.mr-sm-9{margin-right:9rem}}@media screen and (min-width:34.375rem){.mr-sm-10{margin-right:10rem}}@media screen and (min-width:48rem){.mr-md-0{margin-right:0rem}}@media screen and (min-width:48rem){.mr-md-1{margin-right:1rem}}@media screen and (min-width:48rem){.mr-md-2{margin-right:2rem}}@media screen and (min-width:48rem){.mr-md-3{margin-right:3rem}}@media screen and (min-width:48rem){.mr-md-4{margin-right:4rem}}@media screen and (min-width:48rem){.mr-md-5{margin-right:5rem}}@media screen and (min-width:48rem){.mr-md-6{margin-right:6rem}}@media screen and (min-width:48rem){.mr-md-7{margin-right:7rem}}@media screen and (min-width:48rem){.mr-md-8{margin-right:8rem}}@media screen and (min-width:48rem){.mr-md-9{margin-right:9rem}}@media screen and (min-width:48rem){.mr-md-10{margin-right:10rem}}@media screen and (min-width:58.75rem){.mr-lg-0{margin-right:0rem}}@media screen and (min-width:58.75rem){.mr-lg-1{margin-right:1rem}}@media screen and (min-width:58.75rem){.mr-lg-2{margin-right:2rem}}@media screen and (min-width:58.75rem){.mr-lg-3{margin-right:3rem}}@media screen and (min-width:58.75rem){.mr-lg-4{margin-right:4rem}}@media screen and (min-width:58.75rem){.mr-lg-5{margin-right:5rem}}@media screen and (min-width:58.75rem){.mr-lg-6{margin-right:6rem}}@media screen and (min-width:58.75rem){.mr-lg-7{margin-right:7rem}}@media screen and (min-width:58.75rem){.mr-lg-8{margin-right:8rem}}@media screen and (min-width:58.75rem){.mr-lg-9{margin-right:9rem}}@media screen and (min-width:58.75rem){.mr-lg-10{margin-right:10rem}}@media screen and (min-width:68.75rem){.mr-xl-0{margin-right:0rem}}@media screen and (min-width:68.75rem){.mr-xl-1{margin-right:1rem}}@media screen and (min-width:68.75rem){.mr-xl-2{margin-right:2rem}}@media screen and (min-width:68.75rem){.mr-xl-3{margin-right:3rem}}@media screen and (min-width:68.75rem){.mr-xl-4{margin-right:4rem}}@media screen and (min-width:68.75rem){.mr-xl-5{margin-right:5rem}}@media screen and (min-width:68.75rem){.mr-xl-6{margin-right:6rem}}@media screen and (min-width:68.75rem){.mr-xl-7{margin-right:7rem}}@media screen and (min-width:68.75rem){.mr-xl-8{margin-right:8rem}}@media screen and (min-width:68.75rem){.mr-xl-9{margin-right:9rem}}@media screen and (min-width:68.75rem){.mr-xl-10{margin-right:10rem}}@media screen and (min-width:0){.mb-xs-0{margin-bottom:0rem}}@media screen and (min-width:0){.mb-xs-1{margin-bottom:1rem}}@media screen and (min-width:0){.mb-xs-2{margin-bottom:2rem}}@media screen and (min-width:0){.mb-xs-3{margin-bottom:3rem}}@media screen and (min-width:0){.mb-xs-4{margin-bottom:4rem}}@media screen and (min-width:0){.mb-xs-5{margin-bottom:5rem}}@media screen and (min-width:0){.mb-xs-6{margin-bottom:6rem}}@media screen and (min-width:0){.mb-xs-7{margin-bottom:7rem}}@media screen and (min-width:0){.mb-xs-8{margin-bottom:8rem}}@media screen and (min-width:0){.mb-xs-9{margin-bottom:9rem}}@media screen and (min-width:0){.mb-xs-10{margin-bottom:10rem}}@media screen and (min-width:34.375rem){.mb-sm-0{margin-bottom:0rem}}@media screen and (min-width:34.375rem){.mb-sm-1{margin-bottom:1rem}}@media screen and (min-width:34.375rem){.mb-sm-2{margin-bottom:2rem}}@media screen and (min-width:34.375rem){.mb-sm-3{margin-bottom:3rem}}@media screen and (min-width:34.375rem){.mb-sm-4{margin-bottom:4rem}}@media screen and (min-width:34.375rem){.mb-sm-5{margin-bottom:5rem}}@media screen and (min-width:34.375rem){.mb-sm-6{margin-bottom:6rem}}@media screen and (min-width:34.375rem){.mb-sm-7{margin-bottom:7rem}}@media screen and (min-width:34.375rem){.mb-sm-8{margin-bottom:8rem}}@media screen and (min-width:34.375rem){.mb-sm-9{margin-bottom:9rem}}@media screen and (min-width:34.375rem){.mb-sm-10{margin-bottom:10rem}}@media screen and (min-width:48rem){.mb-md-0{margin-bottom:0rem}}@media screen and (min-width:48rem){.mb-md-1{margin-bottom:1rem}}@media screen and (min-width:48rem){.mb-md-2{margin-bottom:2rem}}@media screen and (min-width:48rem){.mb-md-3{margin-bottom:3rem}}@media screen and (min-width:48rem){.mb-md-4{margin-bottom:4rem}}@media screen and (min-width:48rem){.mb-md-5{margin-bottom:5rem}}@media screen and (min-width:48rem){.mb-md-6{margin-bottom:6rem}}@media screen and (min-width:48rem){.mb-md-7{margin-bottom:7rem}}@media screen and (min-width:48rem){.mb-md-8{margin-bottom:8rem}}@media screen and (min-width:48rem){.mb-md-9{margin-bottom:9rem}}@media screen and (min-width:48rem){.mb-md-10{margin-bottom:10rem}}@media screen and (min-width:58.75rem){.mb-lg-0{margin-bottom:0rem}}@media screen and (min-width:58.75rem){.mb-lg-1{margin-bottom:1rem}}@media screen and (min-width:58.75rem){.mb-lg-2{margin-bottom:2rem}}@media screen and (min-width:58.75rem){.mb-lg-3{margin-bottom:3rem}}@media screen and (min-width:58.75rem){.mb-lg-4{margin-bottom:4rem}}@media screen and (min-width:58.75rem){.mb-lg-5{margin-bottom:5rem}}@media screen and (min-width:58.75rem){.mb-lg-6{margin-bottom:6rem}}@media screen and (min-width:58.75rem){.mb-lg-7{margin-bottom:7rem}}@media screen and (min-width:58.75rem){.mb-lg-8{margin-bottom:8rem}}@media screen and (min-width:58.75rem){.mb-lg-9{margin-bottom:9rem}}@media screen and (min-width:58.75rem){.mb-lg-10{margin-bottom:10rem}}@media screen and (min-width:68.75rem){.mb-xl-0{margin-bottom:0rem}}@media screen and (min-width:68.75rem){.mb-xl-1{margin-bottom:1rem}}@media screen and (min-width:68.75rem){.mb-xl-2{margin-bottom:2rem}}@media screen and (min-width:68.75rem){.mb-xl-3{margin-bottom:3rem}}@media screen and (min-width:68.75rem){.mb-xl-4{margin-bottom:4rem}}@media screen and (min-width:68.75rem){.mb-xl-5{margin-bottom:5rem}}@media screen and (min-width:68.75rem){.mb-xl-6{margin-bottom:6rem}}@media screen and (min-width:68.75rem){.mb-xl-7{margin-bottom:7rem}}@media screen and (min-width:68.75rem){.mb-xl-8{margin-bottom:8rem}}@media screen and (min-width:68.75rem){.mb-xl-9{margin-bottom:9rem}}@media screen and (min-width:68.75rem){.mb-xl-10{margin-bottom:10rem}}@media screen and (min-width:0){.ml-xs-0{margin-left:0rem}}@media screen and (min-width:0){.ml-xs-1{margin-left:1rem}}@media screen and (min-width:0){.ml-xs-2{margin-left:2rem}}@media screen and (min-width:0){.ml-xs-3{margin-left:3rem}}@media screen and (min-width:0){.ml-xs-4{margin-left:4rem}}@media screen and (min-width:0){.ml-xs-5{margin-left:5rem}}@media screen and (min-width:0){.ml-xs-6{margin-left:6rem}}@media screen and (min-width:0){.ml-xs-7{margin-left:7rem}}@media screen and (min-width:0){.ml-xs-8{margin-left:8rem}}@media screen and (min-width:0){.ml-xs-9{margin-left:9rem}}@media screen and (min-width:0){.ml-xs-10{margin-left:10rem}}@media screen and (min-width:34.375rem){.ml-sm-0{margin-left:0rem}}@media screen and (min-width:34.375rem){.ml-sm-1{margin-left:1rem}}@media screen and (min-width:34.375rem){.ml-sm-2{margin-left:2rem}}@media screen and (min-width:34.375rem){.ml-sm-3{margin-left:3rem}}@media screen and (min-width:34.375rem){.ml-sm-4{margin-left:4rem}}@media screen and (min-width:34.375rem){.ml-sm-5{margin-left:5rem}}@media screen and (min-width:34.375rem){.ml-sm-6{margin-left:6rem}}@media screen and (min-width:34.375rem){.ml-sm-7{margin-left:7rem}}@media screen and (min-width:34.375rem){.ml-sm-8{margin-left:8rem}}@media screen and (min-width:34.375rem){.ml-sm-9{margin-left:9rem}}@media screen and (min-width:34.375rem){.ml-sm-10{margin-left:10rem}}@media screen and (min-width:48rem){.ml-md-0{margin-left:0rem}}@media screen and (min-width:48rem){.ml-md-1{margin-left:1rem}}@media screen and (min-width:48rem){.ml-md-2{margin-left:2rem}}@media screen and (min-width:48rem){.ml-md-3{margin-left:3rem}}@media screen and (min-width:48rem){.ml-md-4{margin-left:4rem}}@media screen and (min-width:48rem){.ml-md-5{margin-left:5rem}}@media screen and (min-width:48rem){.ml-md-6{margin-left:6rem}}@media screen and (min-width:48rem){.ml-md-7{margin-left:7rem}}@media screen and (min-width:48rem){.ml-md-8{margin-left:8rem}}@media screen and (min-width:48rem){.ml-md-9{margin-left:9rem}}@media screen and (min-width:48rem){.ml-md-10{margin-left:10rem}}@media screen and (min-width:58.75rem){.ml-lg-0{margin-left:0rem}}@media screen and (min-width:58.75rem){.ml-lg-1{margin-left:1rem}}@media screen and (min-width:58.75rem){.ml-lg-2{margin-left:2rem}}@media screen and (min-width:58.75rem){.ml-lg-3{margin-left:3rem}}@media screen and (min-width:58.75rem){.ml-lg-4{margin-left:4rem}}@media screen and (min-width:58.75rem){.ml-lg-5{margin-left:5rem}}@media screen and (min-width:58.75rem){.ml-lg-6{margin-left:6rem}}@media screen and (min-width:58.75rem){.ml-lg-7{margin-left:7rem}}@media screen and (min-width:58.75rem){.ml-lg-8{margin-left:8rem}}@media screen and (min-width:58.75rem){.ml-lg-9{margin-left:9rem}}@media screen and (min-width:58.75rem){.ml-lg-10{margin-left:10rem}}@media screen and (min-width:68.75rem){.ml-xl-0{margin-left:0rem}}@media screen and (min-width:68.75rem){.ml-xl-1{margin-left:1rem}}@media screen and (min-width:68.75rem){.ml-xl-2{margin-left:2rem}}@media screen and (min-width:68.75rem){.ml-xl-3{margin-left:3rem}}@media screen and (min-width:68.75rem){.ml-xl-4{margin-left:4rem}}@media screen and (min-width:68.75rem){.ml-xl-5{margin-left:5rem}}@media screen and (min-width:68.75rem){.ml-xl-6{margin-left:6rem}}@media screen and (min-width:68.75rem){.ml-xl-7{margin-left:7rem}}@media screen and (min-width:68.75rem){.ml-xl-8{margin-left:8rem}}@media screen and (min-width:68.75rem){.ml-xl-9{margin-left:9rem}}@media screen and (min-width:68.75rem){.ml-xl-10{margin-left:10rem}}@media screen and (min-width:0){.m-xs-0{margin:0rem}}@media screen and (min-width:0){.m-xs-1{margin:1rem}}@media screen and (min-width:0){.m-xs-2{margin:2rem}}@media screen and (min-width:0){.m-xs-3{margin:3rem}}@media screen and (min-width:0){.m-xs-4{margin:4rem}}@media screen and (min-width:0){.m-xs-5{margin:5rem}}@media screen and (min-width:0){.m-xs-6{margin:6rem}}@media screen and (min-width:0){.m-xs-7{margin:7rem}}@media screen and (min-width:0){.m-xs-8{margin:8rem}}@media screen and (min-width:0){.m-xs-9{margin:9rem}}@media screen and (min-width:0){.m-xs-10{margin:10rem}}@media screen and (min-width:34.375rem){.m-sm-0{margin:0rem}}@media screen and (min-width:34.375rem){.m-sm-1{margin:1rem}}@media screen and (min-width:34.375rem){.m-sm-2{margin:2rem}}@media screen and (min-width:34.375rem){.m-sm-3{margin:3rem}}@media screen and (min-width:34.375rem){.m-sm-4{margin:4rem}}@media screen and (min-width:34.375rem){.m-sm-5{margin:5rem}}@media screen and (min-width:34.375rem){.m-sm-6{margin:6rem}}@media screen and (min-width:34.375rem){.m-sm-7{margin:7rem}}@media screen and (min-width:34.375rem){.m-sm-8{margin:8rem}}@media screen and (min-width:34.375rem){.m-sm-9{margin:9rem}}@media screen and (min-width:34.375rem){.m-sm-10{margin:10rem}}@media screen and (min-width:48rem){.m-md-0{margin:0rem}}@media screen and (min-width:48rem){.m-md-1{margin:1rem}}@media screen and (min-width:48rem){.m-md-2{margin:2rem}}@media screen and (min-width:48rem){.m-md-3{margin:3rem}}@media screen and (min-width:48rem){.m-md-4{margin:4rem}}@media screen and (min-width:48rem){.m-md-5{margin:5rem}}@media screen and (min-width:48rem){.m-md-6{margin:6rem}}@media screen and (min-width:48rem){.m-md-7{margin:7rem}}@media screen and (min-width:48rem){.m-md-8{margin:8rem}}@media screen and (min-width:48rem){.m-md-9{margin:9rem}}@media screen and (min-width:48rem){.m-md-10{margin:10rem}}@media screen and (min-width:58.75rem){.m-lg-0{margin:0rem}}@media screen and (min-width:58.75rem){.m-lg-1{margin:1rem}}@media screen and (min-width:58.75rem){.m-lg-2{margin:2rem}}@media screen and (min-width:58.75rem){.m-lg-3{margin:3rem}}@media screen and (min-width:58.75rem){.m-lg-4{margin:4rem}}@media screen and (min-width:58.75rem){.m-lg-5{margin:5rem}}@media screen and (min-width:58.75rem){.m-lg-6{margin:6rem}}@media screen and (min-width:58.75rem){.m-lg-7{margin:7rem}}@media screen and (min-width:58.75rem){.m-lg-8{margin:8rem}}@media screen and (min-width:58.75rem){.m-lg-9{margin:9rem}}@media screen and (min-width:58.75rem){.m-lg-10{margin:10rem}}@media screen and (min-width:68.75rem){.m-xl-0{margin:0rem}}@media screen and (min-width:68.75rem){.m-xl-1{margin:1rem}}@media screen and (min-width:68.75rem){.m-xl-2{margin:2rem}}@media screen and (min-width:68.75rem){.m-xl-3{margin:3rem}}@media screen and (min-width:68.75rem){.m-xl-4{margin:4rem}}@media screen and (min-width:68.75rem){.m-xl-5{margin:5rem}}@media screen and (min-width:68.75rem){.m-xl-6{margin:6rem}}@media screen and (min-width:68.75rem){.m-xl-7{margin:7rem}}@media screen and (min-width:68.75rem){.m-xl-8{margin:8rem}}@media screen and (min-width:68.75rem){.m-xl-9{margin:9rem}}@media screen and (min-width:68.75rem){.m-xl-10{margin:10rem}}@media screen and (min-width:0){.pt-xs-0{padding-top:0rem}}@media screen and (min-width:0){.pt-xs-1{padding-top:1rem}}@media screen and (min-width:0){.pt-xs-2{padding-top:2rem}}@media screen and (min-width:0){.pt-xs-3{padding-top:3rem}}@media screen and (min-width:0){.pt-xs-4{padding-top:4rem}}@media screen and (min-width:0){.pt-xs-5{padding-top:5rem}}@media screen and (min-width:0){.pt-xs-6{padding-top:6rem}}@media screen and (min-width:0){.pt-xs-7{padding-top:7rem}}@media screen and (min-width:0){.pt-xs-8{padding-top:8rem}}@media screen and (min-width:0){.pt-xs-9{padding-top:9rem}}@media screen and (min-width:0){.pt-xs-10{padding-top:10rem}}@media screen and (min-width:34.375rem){.pt-sm-0{padding-top:0rem}}@media screen and (min-width:34.375rem){.pt-sm-1{padding-top:1rem}}@media screen and (min-width:34.375rem){.pt-sm-2{padding-top:2rem}}@media screen and (min-width:34.375rem){.pt-sm-3{padding-top:3rem}}@media screen and (min-width:34.375rem){.pt-sm-4{padding-top:4rem}}@media screen and (min-width:34.375rem){.pt-sm-5{padding-top:5rem}}@media screen and (min-width:34.375rem){.pt-sm-6{padding-top:6rem}}@media screen and (min-width:34.375rem){.pt-sm-7{padding-top:7rem}}@media screen and (min-width:34.375rem){.pt-sm-8{padding-top:8rem}}@media screen and (min-width:34.375rem){.pt-sm-9{padding-top:9rem}}@media screen and (min-width:34.375rem){.pt-sm-10{padding-top:10rem}}@media screen and (min-width:48rem){.pt-md-0{padding-top:0rem}}@media screen and (min-width:48rem){.pt-md-1{padding-top:1rem}}@media screen and (min-width:48rem){.pt-md-2{padding-top:2rem}}@media screen and (min-width:48rem){.pt-md-3{padding-top:3rem}}@media screen and (min-width:48rem){.pt-md-4{padding-top:4rem}}@media screen and (min-width:48rem){.pt-md-5{padding-top:5rem}}@media screen and (min-width:48rem){.pt-md-6{padding-top:6rem}}@media screen and (min-width:48rem){.pt-md-7{padding-top:7rem}}@media screen and (min-width:48rem){.pt-md-8{padding-top:8rem}}@media screen and (min-width:48rem){.pt-md-9{padding-top:9rem}}@media screen and (min-width:48rem){.pt-md-10{padding-top:10rem}}@media screen and (min-width:58.75rem){.pt-lg-0{padding-top:0rem}}@media screen and (min-width:58.75rem){.pt-lg-1{padding-top:1rem}}@media screen and (min-width:58.75rem){.pt-lg-2{padding-top:2rem}}@media screen and (min-width:58.75rem){.pt-lg-3{padding-top:3rem}}@media screen and (min-width:58.75rem){.pt-lg-4{padding-top:4rem}}@media screen and (min-width:58.75rem){.pt-lg-5{padding-top:5rem}}@media screen and (min-width:58.75rem){.pt-lg-6{padding-top:6rem}}@media screen and (min-width:58.75rem){.pt-lg-7{padding-top:7rem}}@media screen and (min-width:58.75rem){.pt-lg-8{padding-top:8rem}}@media screen and (min-width:58.75rem){.pt-lg-9{padding-top:9rem}}@media screen and (min-width:58.75rem){.pt-lg-10{padding-top:10rem}}@media screen and (min-width:68.75rem){.pt-xl-0{padding-top:0rem}}@media screen and (min-width:68.75rem){.pt-xl-1{padding-top:1rem}}@media screen and (min-width:68.75rem){.pt-xl-2{padding-top:2rem}}@media screen and (min-width:68.75rem){.pt-xl-3{padding-top:3rem}}@media screen and (min-width:68.75rem){.pt-xl-4{padding-top:4rem}}@media screen and (min-width:68.75rem){.pt-xl-5{padding-top:5rem}}@media screen and (min-width:68.75rem){.pt-xl-6{padding-top:6rem}}@media screen and (min-width:68.75rem){.pt-xl-7{padding-top:7rem}}@media screen and (min-width:68.75rem){.pt-xl-8{padding-top:8rem}}@media screen and (min-width:68.75rem){.pt-xl-9{padding-top:9rem}}@media screen and (min-width:68.75rem){.pt-xl-10{padding-top:10rem}}@media screen and (min-width:0){.pr-xs-0{padding-right:0rem}}@media screen and (min-width:0){.pr-xs-1{padding-right:1rem}}@media screen and (min-width:0){.pr-xs-2{padding-right:2rem}}@media screen and (min-width:0){.pr-xs-3{padding-right:3rem}}@media screen and (min-width:0){.pr-xs-4{padding-right:4rem}}@media screen and (min-width:0){.pr-xs-5{padding-right:5rem}}@media screen and (min-width:0){.pr-xs-6{padding-right:6rem}}@media screen and (min-width:0){.pr-xs-7{padding-right:7rem}}@media screen and (min-width:0){.pr-xs-8{padding-right:8rem}}@media screen and (min-width:0){.pr-xs-9{padding-right:9rem}}@media screen and (min-width:0){.pr-xs-10{padding-right:10rem}}@media screen and (min-width:34.375rem){.pr-sm-0{padding-right:0rem}}@media screen and (min-width:34.375rem){.pr-sm-1{padding-right:1rem}}@media screen and (min-width:34.375rem){.pr-sm-2{padding-right:2rem}}@media screen and (min-width:34.375rem){.pr-sm-3{padding-right:3rem}}@media screen and (min-width:34.375rem){.pr-sm-4{padding-right:4rem}}@media screen and (min-width:34.375rem){.pr-sm-5{padding-right:5rem}}@media screen and (min-width:34.375rem){.pr-sm-6{padding-right:6rem}}@media screen and (min-width:34.375rem){.pr-sm-7{padding-right:7rem}}@media screen and (min-width:34.375rem){.pr-sm-8{padding-right:8rem}}@media screen and (min-width:34.375rem){.pr-sm-9{padding-right:9rem}}@media screen and (min-width:34.375rem){.pr-sm-10{padding-right:10rem}}@media screen and (min-width:48rem){.pr-md-0{padding-right:0rem}}@media screen and (min-width:48rem){.pr-md-1{padding-right:1rem}}@media screen and (min-width:48rem){.pr-md-2{padding-right:2rem}}@media screen and (min-width:48rem){.pr-md-3{padding-right:3rem}}@media screen and (min-width:48rem){.pr-md-4{padding-right:4rem}}@media screen and (min-width:48rem){.pr-md-5{padding-right:5rem}}@media screen and (min-width:48rem){.pr-md-6{padding-right:6rem}}@media screen and (min-width:48rem){.pr-md-7{padding-right:7rem}}@media screen and (min-width:48rem){.pr-md-8{padding-right:8rem}}@media screen and (min-width:48rem){.pr-md-9{padding-right:9rem}}@media screen and (min-width:48rem){.pr-md-10{padding-right:10rem}}@media screen and (min-width:58.75rem){.pr-lg-0{padding-right:0rem}}@media screen and (min-width:58.75rem){.pr-lg-1{padding-right:1rem}}@media screen and (min-width:58.75rem){.pr-lg-2{padding-right:2rem}}@media screen and (min-width:58.75rem){.pr-lg-3{padding-right:3rem}}@media screen and (min-width:58.75rem){.pr-lg-4{padding-right:4rem}}@media screen and (min-width:58.75rem){.pr-lg-5{padding-right:5rem}}@media screen and (min-width:58.75rem){.pr-lg-6{padding-right:6rem}}@media screen and (min-width:58.75rem){.pr-lg-7{padding-right:7rem}}@media screen and (min-width:58.75rem){.pr-lg-8{padding-right:8rem}}@media screen and (min-width:58.75rem){.pr-lg-9{padding-right:9rem}}@media screen and (min-width:58.75rem){.pr-lg-10{padding-right:10rem}}@media screen and (min-width:68.75rem){.pr-xl-0{padding-right:0rem}}@media screen and (min-width:68.75rem){.pr-xl-1{padding-right:1rem}}@media screen and (min-width:68.75rem){.pr-xl-2{padding-right:2rem}}@media screen and (min-width:68.75rem){.pr-xl-3{padding-right:3rem}}@media screen and (min-width:68.75rem){.pr-xl-4{padding-right:4rem}}@media screen and (min-width:68.75rem){.pr-xl-5{padding-right:5rem}}@media screen and (min-width:68.75rem){.pr-xl-6{padding-right:6rem}}@media screen and (min-width:68.75rem){.pr-xl-7{padding-right:7rem}}@media screen and (min-width:68.75rem){.pr-xl-8{padding-right:8rem}}@media screen and (min-width:68.75rem){.pr-xl-9{padding-right:9rem}}@media screen and (min-width:68.75rem){.pr-xl-10{padding-right:10rem}}@media screen and (min-width:0){.pb-xs-0{padding-bottom:0rem}}@media screen and (min-width:0){.pb-xs-1{padding-bottom:1rem}}@media screen and (min-width:0){.pb-xs-2{padding-bottom:2rem}}@media screen and (min-width:0){.pb-xs-3{padding-bottom:3rem}}@media screen and (min-width:0){.pb-xs-4{padding-bottom:4rem}}@media screen and (min-width:0){.pb-xs-5{padding-bottom:5rem}}@media screen and (min-width:0){.pb-xs-6{padding-bottom:6rem}}@media screen and (min-width:0){.pb-xs-7{padding-bottom:7rem}}@media screen and (min-width:0){.pb-xs-8{padding-bottom:8rem}}@media screen and (min-width:0){.pb-xs-9{padding-bottom:9rem}}@media screen and (min-width:0){.pb-xs-10{padding-bottom:10rem}}@media screen and (min-width:34.375rem){.pb-sm-0{padding-bottom:0rem}}@media screen and (min-width:34.375rem){.pb-sm-1{padding-bottom:1rem}}@media screen and (min-width:34.375rem){.pb-sm-2{padding-bottom:2rem}}@media screen and (min-width:34.375rem){.pb-sm-3{padding-bottom:3rem}}@media screen and (min-width:34.375rem){.pb-sm-4{padding-bottom:4rem}}@media screen and (min-width:34.375rem){.pb-sm-5{padding-bottom:5rem}}@media screen and (min-width:34.375rem){.pb-sm-6{padding-bottom:6rem}}@media screen and (min-width:34.375rem){.pb-sm-7{padding-bottom:7rem}}@media screen and (min-width:34.375rem){.pb-sm-8{padding-bottom:8rem}}@media screen and (min-width:34.375rem){.pb-sm-9{padding-bottom:9rem}}@media screen and (min-width:34.375rem){.pb-sm-10{padding-bottom:10rem}}@media screen and (min-width:48rem){.pb-md-0{padding-bottom:0rem}}@media screen and (min-width:48rem){.pb-md-1{padding-bottom:1rem}}@media screen and (min-width:48rem){.pb-md-2{padding-bottom:2rem}}@media screen and (min-width:48rem){.pb-md-3{padding-bottom:3rem}}@media screen and (min-width:48rem){.pb-md-4{padding-bottom:4rem}}@media screen and (min-width:48rem){.pb-md-5{padding-bottom:5rem}}@media screen and (min-width:48rem){.pb-md-6{padding-bottom:6rem}}@media screen and (min-width:48rem){.pb-md-7{padding-bottom:7rem}}@media screen and (min-width:48rem){.pb-md-8{padding-bottom:8rem}}@media screen and (min-width:48rem){.pb-md-9{padding-bottom:9rem}}@media screen and (min-width:48rem){.pb-md-10{padding-bottom:10rem}}@media screen and (min-width:58.75rem){.pb-lg-0{padding-bottom:0rem}}@media screen and (min-width:58.75rem){.pb-lg-1{padding-bottom:1rem}}@media screen and (min-width:58.75rem){.pb-lg-2{padding-bottom:2rem}}@media screen and (min-width:58.75rem){.pb-lg-3{padding-bottom:3rem}}@media screen and (min-width:58.75rem){.pb-lg-4{padding-bottom:4rem}}@media screen and (min-width:58.75rem){.pb-lg-5{padding-bottom:5rem}}@media screen and (min-width:58.75rem){.pb-lg-6{padding-bottom:6rem}}@media screen and (min-width:58.75rem){.pb-lg-7{padding-bottom:7rem}}@media screen and (min-width:58.75rem){.pb-lg-8{padding-bottom:8rem}}@media screen and (min-width:58.75rem){.pb-lg-9{padding-bottom:9rem}}@media screen and (min-width:58.75rem){.pb-lg-10{padding-bottom:10rem}}@media screen and (min-width:68.75rem){.pb-xl-0{padding-bottom:0rem}}@media screen and (min-width:68.75rem){.pb-xl-1{padding-bottom:1rem}}@media screen and (min-width:68.75rem){.pb-xl-2{padding-bottom:2rem}}@media screen and (min-width:68.75rem){.pb-xl-3{padding-bottom:3rem}}@media screen and (min-width:68.75rem){.pb-xl-4{padding-bottom:4rem}}@media screen and (min-width:68.75rem){.pb-xl-5{padding-bottom:5rem}}@media screen and (min-width:68.75rem){.pb-xl-6{padding-bottom:6rem}}@media screen and (min-width:68.75rem){.pb-xl-7{padding-bottom:7rem}}@media screen and (min-width:68.75rem){.pb-xl-8{padding-bottom:8rem}}@media screen and (min-width:68.75rem){.pb-xl-9{padding-bottom:9rem}}@media screen and (min-width:68.75rem){.pb-xl-10{padding-bottom:10rem}}@media screen and (min-width:0){.pl-xs-0{padding-left:0rem}}@media screen and (min-width:0){.pl-xs-1{padding-left:1rem}}@media screen and (min-width:0){.pl-xs-2{padding-left:2rem}}@media screen and (min-width:0){.pl-xs-3{padding-left:3rem}}@media screen and (min-width:0){.pl-xs-4{padding-left:4rem}}@media screen and (min-width:0){.pl-xs-5{padding-left:5rem}}@media screen and (min-width:0){.pl-xs-6{padding-left:6rem}}@media screen and (min-width:0){.pl-xs-7{padding-left:7rem}}@media screen and (min-width:0){.pl-xs-8{padding-left:8rem}}@media screen and (min-width:0){.pl-xs-9{padding-left:9rem}}@media screen and (min-width:0){.pl-xs-10{padding-left:10rem}}@media screen and (min-width:34.375rem){.pl-sm-0{padding-left:0rem}}@media screen and (min-width:34.375rem){.pl-sm-1{padding-left:1rem}}@media screen and (min-width:34.375rem){.pl-sm-2{padding-left:2rem}}@media screen and (min-width:34.375rem){.pl-sm-3{padding-left:3rem}}@media screen and (min-width:34.375rem){.pl-sm-4{padding-left:4rem}}@media screen and (min-width:34.375rem){.pl-sm-5{padding-left:5rem}}@media screen and (min-width:34.375rem){.pl-sm-6{padding-left:6rem}}@media screen and (min-width:34.375rem){.pl-sm-7{padding-left:7rem}}@media screen and (min-width:34.375rem){.pl-sm-8{padding-left:8rem}}@media screen and (min-width:34.375rem){.pl-sm-9{padding-left:9rem}}@media screen and (min-width:34.375rem){.pl-sm-10{padding-left:10rem}}@media screen and (min-width:48rem){.pl-md-0{padding-left:0rem}}@media screen and (min-width:48rem){.pl-md-1{padding-left:1rem}}@media screen and (min-width:48rem){.pl-md-2{padding-left:2rem}}@media screen and (min-width:48rem){.pl-md-3{padding-left:3rem}}@media screen and (min-width:48rem){.pl-md-4{padding-left:4rem}}@media screen and (min-width:48rem){.pl-md-5{padding-left:5rem}}@media screen and (min-width:48rem){.pl-md-6{padding-left:6rem}}@media screen and (min-width:48rem){.pl-md-7{padding-left:7rem}}@media screen and (min-width:48rem){.pl-md-8{padding-left:8rem}}@media screen and (min-width:48rem){.pl-md-9{padding-left:9rem}}@media screen and (min-width:48rem){.pl-md-10{padding-left:10rem}}@media screen and (min-width:58.75rem){.pl-lg-0{padding-left:0rem}}@media screen and (min-width:58.75rem){.pl-lg-1{padding-left:1rem}}@media screen and (min-width:58.75rem){.pl-lg-2{padding-left:2rem}}@media screen and (min-width:58.75rem){.pl-lg-3{padding-left:3rem}}@media screen and (min-width:58.75rem){.pl-lg-4{padding-left:4rem}}@media screen and (min-width:58.75rem){.pl-lg-5{padding-left:5rem}}@media screen and (min-width:58.75rem){.pl-lg-6{padding-left:6rem}}@media screen and (min-width:58.75rem){.pl-lg-7{padding-left:7rem}}@media screen and (min-width:58.75rem){.pl-lg-8{padding-left:8rem}}@media screen and (min-width:58.75rem){.pl-lg-9{padding-left:9rem}}@media screen and (min-width:58.75rem){.pl-lg-10{padding-left:10rem}}@media screen and (min-width:68.75rem){.pl-xl-0{padding-left:0rem}}@media screen and (min-width:68.75rem){.pl-xl-1{padding-left:1rem}}@media screen and (min-width:68.75rem){.pl-xl-2{padding-left:2rem}}@media screen and (min-width:68.75rem){.pl-xl-3{padding-left:3rem}}@media screen and (min-width:68.75rem){.pl-xl-4{padding-left:4rem}}@media screen and (min-width:68.75rem){.pl-xl-5{padding-left:5rem}}@media screen and (min-width:68.75rem){.pl-xl-6{padding-left:6rem}}@media screen and (min-width:68.75rem){.pl-xl-7{padding-left:7rem}}@media screen and (min-width:68.75rem){.pl-xl-8{padding-left:8rem}}@media screen and (min-width:68.75rem){.pl-xl-9{padding-left:9rem}}@media screen and (min-width:68.75rem){.pl-xl-10{padding-left:10rem}}@media screen and (min-width:0){.p-xs-0{padding:0rem}}@media screen and (min-width:0){.p-xs-1{padding:1rem}}@media screen and (min-width:0){.p-xs-2{padding:2rem}}@media screen and (min-width:0){.p-xs-3{padding:3rem}}@media screen and (min-width:0){.p-xs-4{padding:4rem}}@media screen and (min-width:0){.p-xs-5{padding:5rem}}@media screen and (min-width:0){.p-xs-6{padding:6rem}}@media screen and (min-width:0){.p-xs-7{padding:7rem}}@media screen and (min-width:0){.p-xs-8{padding:8rem}}@media screen and (min-width:0){.p-xs-9{padding:9rem}}@media screen and (min-width:0){.p-xs-10{padding:10rem}}@media screen and (min-width:34.375rem){.p-sm-0{padding:0rem}}@media screen and (min-width:34.375rem){.p-sm-1{padding:1rem}}@media screen and (min-width:34.375rem){.p-sm-2{padding:2rem}}@media screen and (min-width:34.375rem){.p-sm-3{padding:3rem}}@media screen and (min-width:34.375rem){.p-sm-4{padding:4rem}}@media screen and (min-width:34.375rem){.p-sm-5{padding:5rem}}@media screen and (min-width:34.375rem){.p-sm-6{padding:6rem}}@media screen and (min-width:34.375rem){.p-sm-7{padding:7rem}}@media screen and (min-width:34.375rem){.p-sm-8{padding:8rem}}@media screen and (min-width:34.375rem){.p-sm-9{padding:9rem}}@media screen and (min-width:34.375rem){.p-sm-10{padding:10rem}}@media screen and (min-width:48rem){.p-md-0{padding:0rem}}@media screen and (min-width:48rem){.p-md-1{padding:1rem}}@media screen and (min-width:48rem){.p-md-2{padding:2rem}}@media screen and (min-width:48rem){.p-md-3{padding:3rem}}@media screen and (min-width:48rem){.p-md-4{padding:4rem}}@media screen and (min-width:48rem){.p-md-5{padding:5rem}}@media screen and (min-width:48rem){.p-md-6{padding:6rem}}@media screen and (min-width:48rem){.p-md-7{padding:7rem}}@media screen and (min-width:48rem){.p-md-8{padding:8rem}}@media screen and (min-width:48rem){.p-md-9{padding:9rem}}@media screen and (min-width:48rem){.p-md-10{padding:10rem}}@media screen and (min-width:58.75rem){.p-lg-0{padding:0rem}}@media screen and (min-width:58.75rem){.p-lg-1{padding:1rem}}@media screen and (min-width:58.75rem){.p-lg-2{padding:2rem}}@media screen and (min-width:58.75rem){.p-lg-3{padding:3rem}}@media screen and (min-width:58.75rem){.p-lg-4{padding:4rem}}@media screen and (min-width:58.75rem){.p-lg-5{padding:5rem}}@media screen and (min-width:58.75rem){.p-lg-6{padding:6rem}}@media screen and (min-width:58.75rem){.p-lg-7{padding:7rem}}@media screen and (min-width:58.75rem){.p-lg-8{padding:8rem}}@media screen and (min-width:58.75rem){.p-lg-9{padding:9rem}}@media screen and (min-width:58.75rem){.p-lg-10{padding:10rem}}@media screen and (min-width:68.75rem){.p-xl-0{padding:0rem}}@media screen and (min-width:68.75rem){.p-xl-1{padding:1rem}}@media screen and (min-width:68.75rem){.p-xl-2{padding:2rem}}@media screen and (min-width:68.75rem){.p-xl-3{padding:3rem}}@media screen and (min-width:68.75rem){.p-xl-4{padding:4rem}}@media screen and (min-width:68.75rem){.p-xl-5{padding:5rem}}@media screen and (min-width:68.75rem){.p-xl-6{padding:6rem}}@media screen and (min-width:68.75rem){.p-xl-7{padding:7rem}}@media screen and (min-width:68.75rem){.p-xl-8{padding:8rem}}@media screen and (min-width:68.75rem){.p-xl-9{padding:9rem}}@media screen and (min-width:68.75rem){.p-xl-10{padding:10rem}}.cw-mw-100 .centered-wrapper-inner{max-width:100px}@media screen and (min-width:100px){.cw-mw-100 .centered-wrapper-inner{margin-left:auto;margin-right:auto}}.mw-100{max-width:100px;margin-left:auto;margin-right:auto}.cw-mw-150 .centered-wrapper-inner{max-width:150px}@media screen and (min-width:150px){.cw-mw-150 .centered-wrapper-inner{margin-left:auto;margin-right:auto}}.mw-150{max-width:150px;margin-left:auto;margin-right:auto}.cw-mw-200 .centered-wrapper-inner{max-width:200px}@media screen and (min-width:200px){.cw-mw-200 .centered-wrapper-inner{margin-left:auto;margin-right:auto}}.mw-200{max-width:200px;margin-left:auto;margin-right:auto}.cw-mw-250 .centered-wrapper-inner{max-width:250px}@media screen and (min-width:250px){.cw-mw-250 .centered-wrapper-inner{margin-left:auto;margin-right:auto}}.mw-250{max-width:250px;margin-left:auto;margin-right:auto}.cw-mw-300 .centered-wrapper-inner{max-width:300px}@media screen and (min-width:300px){.cw-mw-300 .centered-wrapper-inner{margin-left:auto;margin-right:auto}}.mw-300{max-width:300px;margin-left:auto;margin-right:auto}.cw-mw-350 .centered-wrapper-inner{max-width:350px}@media screen and (min-width:350px){.cw-mw-350 .centered-wrapper-inner{margin-left:auto;margin-right:auto}}.mw-350{max-width:350px;margin-left:auto;margin-right:auto}.cw-mw-400 .centered-wrapper-inner{max-width:400px}@media screen and (min-width:400px){.cw-mw-400 .centered-wrapper-inner{margin-left:auto;margin-right:auto}}.mw-400{max-width:400px;margin-left:auto;margin-right:auto}.cw-mw-450 .centered-wrapper-inner{max-width:450px}@media screen and (min-width:450px){.cw-mw-450 .centered-wrapper-inner{margin-left:auto;margin-right:auto}}.mw-450{max-width:450px;margin-left:auto;margin-right:auto}.cw-mw-500 .centered-wrapper-inner{max-width:500px}@media screen and (min-width:500px){.cw-mw-500 .centered-wrapper-inner{margin-left:auto;margin-right:auto}}.mw-500{max-width:500px;margin-left:auto;margin-right:auto}.cw-mw-550 .centered-wrapper-inner{max-width:550px}@media screen and (min-width:550px){.cw-mw-550 .centered-wrapper-inner{margin-left:auto;margin-right:auto}}.mw-550{max-width:550px;margin-left:auto;margin-right:auto}.cw-mw-600 .centered-wrapper-inner{max-width:600px}@media screen and (min-width:600px){.cw-mw-600 .centered-wrapper-inner{margin-left:auto;margin-right:auto}}.mw-600{max-width:600px;margin-left:auto;margin-right:auto}.cw-mw-650 .centered-wrapper-inner{max-width:650px}@media screen and (min-width:650px){.cw-mw-650 .centered-wrapper-inner{margin-left:auto;margin-right:auto}}.mw-650{max-width:650px;margin-left:auto;margin-right:auto}.cw-mw-700 .centered-wrapper-inner{max-width:700px}@media screen and (min-width:700px){.cw-mw-700 .centered-wrapper-inner{margin-left:auto;margin-right:auto}}.mw-700{max-width:700px;margin-left:auto;margin-right:auto}.cw-mw-750 .centered-wrapper-inner{max-width:750px}@media screen and (min-width:750px){.cw-mw-750 .centered-wrapper-inner{margin-left:auto;margin-right:auto}}.mw-750{max-width:750px;margin-left:auto;margin-right:auto}.cw-mw-800 .centered-wrapper-inner{max-width:800px}@media screen and (min-width:800px){.cw-mw-800 .centered-wrapper-inner{margin-left:auto;margin-right:auto}}.mw-800{max-width:800px;margin-left:auto;margin-right:auto}.cw-mw-850 .centered-wrapper-inner{max-width:850px}@media screen and (min-width:850px){.cw-mw-850 .centered-wrapper-inner{margin-left:auto;margin-right:auto}}.mw-850{max-width:850px;margin-left:auto;margin-right:auto}.cw-mw-900 .centered-wrapper-inner{max-width:900px}@media screen and (min-width:900px){.cw-mw-900 .centered-wrapper-inner{margin-left:auto;margin-right:auto}}.mw-900{max-width:900px;margin-left:auto;margin-right:auto}.cw-mw-950 .centered-wrapper-inner{max-width:950px}@media screen and (min-width:950px){.cw-mw-950 .centered-wrapper-inner{margin-left:auto;margin-right:auto}}.mw-950{max-width:950px;margin-left:auto;margin-right:auto}.cw-mw-1000 .centered-wrapper-inner{max-width:1000px}@media screen and (min-width:1000px){.cw-mw-1000 .centered-wrapper-inner{margin-left:auto;margin-right:auto}}.mw-1000{max-width:1000px;margin-left:auto;margin-right:auto}.cw-mw-1050 .centered-wrapper-inner{max-width:1050px}@media screen and (min-width:1050px){.cw-mw-1050 .centered-wrapper-inner{margin-left:auto;margin-right:auto}}.mw-1050{max-width:1050px;margin-left:auto;margin-right:auto}.cw-mw-1100 .centered-wrapper-inner{max-width:1100px}@media screen and (min-width:1100px){.cw-mw-1100 .centered-wrapper-inner{margin-left:auto;margin-right:auto}}.mw-1100{max-width:1100px;margin-left:auto;margin-right:auto}.cw-mw-1150 .centered-wrapper-inner{max-width:1150px}@media screen and (min-width:1150px){.cw-mw-1150 .centered-wrapper-inner{margin-left:auto;margin-right:auto}}.mw-1150{max-width:1150px;margin-left:auto;margin-right:auto}.cw-mw-1200 .centered-wrapper-inner{max-width:1200px}@media screen and (min-width:1200px){.cw-mw-1200 .centered-wrapper-inner{margin-left:auto;margin-right:auto}}.mw-1200{max-width:1200px;margin-left:auto;margin-right:auto}.cw-mw-1250 .centered-wrapper-inner{max-width:1250px}@media screen and (min-width:1250px){.cw-mw-1250 .centered-wrapper-inner{margin-left:auto;margin-right:auto}}.mw-1250{max-width:1250px;margin-left:auto;margin-right:auto}.cw-mw-1300 .centered-wrapper-inner{max-width:1300px}@media screen and (min-width:1300px){.cw-mw-1300 .centered-wrapper-inner{margin-left:auto;margin-right:auto}}.mw-1300{max-width:1300px;margin-left:auto;margin-right:auto}.cw-mw-1350 .centered-wrapper-inner{max-width:1350px}@media screen and (min-width:1350px){.cw-mw-1350 .centered-wrapper-inner{margin-left:auto;margin-right:auto}}.mw-1350{max-width:1350px;margin-left:auto;margin-right:auto}.cw-mw-1400 .centered-wrapper-inner{max-width:1400px}@media screen and (min-width:1400px){.cw-mw-1400 .centered-wrapper-inner{margin-left:auto;margin-right:auto}}.mw-1400{max-width:1400px;margin-left:auto;margin-right:auto}.cw-mw-1450 .centered-wrapper-inner{max-width:1450px}@media screen and (min-width:1450px){.cw-mw-1450 .centered-wrapper-inner{margin-left:auto;margin-right:auto}}.mw-1450{max-width:1450px;margin-left:auto;margin-right:auto}@media screen and (min-width:900px){.mh-d-200 .centered-wrapper-inner{min-height:200px}.mh-d-200{min-height:200px}}@media screen and (min-width:900px){.mh-d-250 .centered-wrapper-inner{min-height:250px}.mh-d-250{min-height:250px}}@media screen and (min-width:900px){.mh-d-300 .centered-wrapper-inner{min-height:300px}.mh-d-300{min-height:300px}}@media screen and (min-width:900px){.mh-d-350 .centered-wrapper-inner{min-height:350px}.mh-d-350{min-height:350px}}@media screen and (min-width:900px){.mh-d-400 .centered-wrapper-inner{min-height:400px}.mh-d-400{min-height:400px}}@media screen and (min-width:900px){.mh-d-450 .centered-wrapper-inner{min-height:450px}.mh-d-450{min-height:450px}}@media screen and (min-width:900px){.mh-d-500 .centered-wrapper-inner{min-height:500px}.mh-d-500{min-height:500px}}@media screen and (min-width:900px){.mh-d-550 .centered-wrapper-inner{min-height:550px}.mh-d-550{min-height:550px}}@media screen and (min-width:900px){.mh-d-600 .centered-wrapper-inner{min-height:600px}.mh-d-600{min-height:600px}}@media screen and (min-width:900px){.mh-d-650 .centered-wrapper-inner{min-height:650px}.mh-d-650{min-height:650px}}@media screen and (min-width:900px){.mh-d-700 .centered-wrapper-inner{min-height:700px}.mh-d-700{min-height:700px}}@media screen and (min-width:900px){.mh-d-750 .centered-wrapper-inner{min-height:750px}.mh-d-750{min-height:750px}}@media screen and (min-width:900px){.mh-d-800 .centered-wrapper-inner{min-height:800px}.mh-d-800{min-height:800px}}@media screen and (min-width:900px){.mh-d-850 .centered-wrapper-inner{min-height:850px}.mh-d-850{min-height:850px}}@media screen and (min-width:900px){.mh-d-900 .centered-wrapper-inner{min-height:900px}.mh-d-900{min-height:900px}}@media screen and (min-width:900px){.mh-d-950 .centered-wrapper-inner{min-height:950px}.mh-d-950{min-height:950px}}@media screen and (min-width:900px){.mh-d-1000 .centered-wrapper-inner{min-height:1000px}.mh-d-1000{min-height:1000px}}@media screen and (max-width:899px) and (min-width:600px){.mh-t-200 .centered-wrapper-inner{min-height:200px}.mh-t-200{min-height:200px}}@media screen and (max-width:899px) and (min-width:600px){.mh-t-250 .centered-wrapper-inner{min-height:250px}.mh-t-250{min-height:250px}}@media screen and (max-width:899px) and (min-width:600px){.mh-t-300 .centered-wrapper-inner{min-height:300px}.mh-t-300{min-height:300px}}@media screen and (max-width:899px) and (min-width:600px){.mh-t-350 .centered-wrapper-inner{min-height:350px}.mh-t-350{min-height:350px}}@media screen and (max-width:899px) and (min-width:600px){.mh-t-400 .centered-wrapper-inner{min-height:400px}.mh-t-400{min-height:400px}}@media screen and (max-width:899px) and (min-width:600px){.mh-t-450 .centered-wrapper-inner{min-height:450px}.mh-t-450{min-height:450px}}@media screen and (max-width:899px) and (min-width:600px){.mh-t-500 .centered-wrapper-inner{min-height:500px}.mh-t-500{min-height:500px}}@media screen and (max-width:899px) and (min-width:600px){.mh-t-550 .centered-wrapper-inner{min-height:550px}.mh-t-550{min-height:550px}}@media screen and (max-width:899px) and (min-width:600px){.mh-t-600 .centered-wrapper-inner{min-height:600px}.mh-t-600{min-height:600px}}@media screen and (max-width:899px) and (min-width:600px){.mh-t-650 .centered-wrapper-inner{min-height:650px}.mh-t-650{min-height:650px}}@media screen and (max-width:899px) and (min-width:600px){.mh-t-700 .centered-wrapper-inner{min-height:700px}.mh-t-700{min-height:700px}}@media screen and (max-width:899px) and (min-width:600px){.mh-t-750 .centered-wrapper-inner{min-height:750px}.mh-t-750{min-height:750px}}@media screen and (max-width:899px) and (min-width:600px){.mh-t-800 .centered-wrapper-inner{min-height:800px}.mh-t-800{min-height:800px}}@media screen and (max-width:899px) and (min-width:600px){.mh-t-850 .centered-wrapper-inner{min-height:850px}.mh-t-850{min-height:850px}}@media screen and (max-width:899px) and (min-width:600px){.mh-t-900 .centered-wrapper-inner{min-height:900px}.mh-t-900{min-height:900px}}@media screen and (max-width:899px) and (min-width:600px){.mh-t-950 .centered-wrapper-inner{min-height:950px}.mh-t-950{min-height:950px}}@media screen and (max-width:899px) and (min-width:600px){.mh-t-1000 .centered-wrapper-inner{min-height:1000px}.mh-t-1000{min-height:1000px}}@media screen and (max-width:599px){.mh-m-200 .centered-wrapper-inner{min-height:200px}.mh-m-200{min-height:200px}}@media screen and (max-width:599px){.mh-m-250 .centered-wrapper-inner{min-height:250px}.mh-m-250{min-height:250px}}@media screen and (max-width:599px){.mh-m-300 .centered-wrapper-inner{min-height:300px}.mh-m-300{min-height:300px}}@media screen and (max-width:599px){.mh-m-350 .centered-wrapper-inner{min-height:350px}.mh-m-350{min-height:350px}}@media screen and (max-width:599px){.mh-m-400 .centered-wrapper-inner{min-height:400px}.mh-m-400{min-height:400px}}@media screen and (max-width:599px){.mh-m-450 .centered-wrapper-inner{min-height:450px}.mh-m-450{min-height:450px}}@media screen and (max-width:599px){.mh-m-500 .centered-wrapper-inner{min-height:500px}.mh-m-500{min-height:500px}}@media screen and (max-width:599px){.mh-m-550 .centered-wrapper-inner{min-height:550px}.mh-m-550{min-height:550px}}@media screen and (max-width:599px){.mh-m-600 .centered-wrapper-inner{min-height:600px}.mh-m-600{min-height:600px}}@media screen and (max-width:599px){.mh-m-650 .centered-wrapper-inner{min-height:650px}.mh-m-650{min-height:650px}}@media screen and (max-width:599px){.mh-m-700 .centered-wrapper-inner{min-height:700px}.mh-m-700{min-height:700px}}@media screen and (max-width:599px){.mh-m-750 .centered-wrapper-inner{min-height:750px}.mh-m-750{min-height:750px}}@media screen and (max-width:599px){.mh-m-800 .centered-wrapper-inner{min-height:800px}.mh-m-800{min-height:800px}}@media screen and (max-width:599px){.mh-m-850 .centered-wrapper-inner{min-height:850px}.mh-m-850{min-height:850px}}@media screen and (max-width:599px){.mh-m-900 .centered-wrapper-inner{min-height:900px}.mh-m-900{min-height:900px}}@media screen and (max-width:599px){.mh-m-950 .centered-wrapper-inner{min-height:950px}.mh-m-950{min-height:950px}}@media screen and (max-width:599px){.mh-m-1000 .centered-wrapper-inner{min-height:1000px}.mh-m-1000{min-height:1000px}}.bg-green{background-color:#28792C}.bg-green a,.bg-green p{color:white}.bg-darkgreen{background-color:#134711}.bg-darkgreen a,.bg-darkgreen p{color:white}.bg-yellow{background-color:#FAF3A5}.bg-yellow a,.bg-yellow p{color:#134711}.bg-white{background-color:#ffffff}.bg-white a,.bg-white p{color:#134711}.bg-primary{background-color:#717c8e}.bg-primary a,.bg-primary p{color:white}.bg-secondary{background-color:#8570a6}.bg-secondary a,.bg-secondary p{color:#040404}.green{color:#28792C}.strong-green strong,strong.strong-green{color:#28792C}.darkgreen{color:#134711}.strong-darkgreen strong,strong.strong-darkgreen{color:#134711}.yellow{color:#FAF3A5}.strong-yellow strong,strong.strong-yellow{color:#FAF3A5}.white{color:#ffffff}.strong-white strong,strong.strong-white{color:#ffffff}.primary{color:#717c8e}.strong-primary strong,strong.strong-primary{color:#717c8e}.secondary{color:#8570a6}.strong-secondary strong,strong.strong-secondary{color:#8570a6}.hl-green h1,.hl-green h2,.hl-green h3,.hl-green h4,.hl-green h5,.hl-green h6{color:#28792C}h1.hl-green,h2.hl-green,h3.hl-green,h4.hl-green,h5.hl-green,h6.hl-green{color:#28792C}.hl-darkgreen h1,.hl-darkgreen h2,.hl-darkgreen h3,.hl-darkgreen h4,.hl-darkgreen h5,.hl-darkgreen h6{color:#134711}h1.hl-darkgreen,h2.hl-darkgreen,h3.hl-darkgreen,h4.hl-darkgreen,h5.hl-darkgreen,h6.hl-darkgreen{color:#134711}.hl-yellow h1,.hl-yellow h2,.hl-yellow h3,.hl-yellow h4,.hl-yellow h5,.hl-yellow h6{color:#FAF3A5}h1.hl-yellow,h2.hl-yellow,h3.hl-yellow,h4.hl-yellow,h5.hl-yellow,h6.hl-yellow{color:#FAF3A5}.hl-white h1,.hl-white h2,.hl-white h3,.hl-white h4,.hl-white h5,.hl-white h6{color:#ffffff}h1.hl-white,h2.hl-white,h3.hl-white,h4.hl-white,h5.hl-white,h6.hl-white{color:#ffffff}.hl-primary h1,.hl-primary h2,.hl-primary h3,.hl-primary h4,.hl-primary h5,.hl-primary h6{color:#717c8e}h1.hl-primary,h2.hl-primary,h3.hl-primary,h4.hl-primary,h5.hl-primary,h6.hl-primary{color:#717c8e}.hl-secondary h1,.hl-secondary h2,.hl-secondary h3,.hl-secondary h4,.hl-secondary h5,.hl-secondary h6{color:#8570a6}h1.hl-secondary,h2.hl-secondary,h3.hl-secondary,h4.hl-secondary,h5.hl-secondary,h6.hl-secondary{color:#8570a6}.w-mw-1400 .centered-wrapper-inner{max-width:1400px}.w-mw-1300 .centered-wrapper-inner{max-width:1300px}.w-mw-1200 .centered-wrapper-inner{max-width:1200px}.w-mw-1100 .centered-wrapper-inner{max-width:1100px}.w-mw-1000 .centered-wrapper-inner{max-width:1000px}.w-mw-900 .centered-wrapper-inner{max-width:900px}.w-mw-800 .centered-wrapper-inner{max-width:800px}.w-mw-700 .centered-wrapper-inner{max-width:700px}.w-mw-600 .centered-wrapper-inner{max-width:600px}.w-mw-500 .centered-wrapper-inner{max-width:500px}.w-mw-400 .centered-wrapper-inner{max-width:400px}.grey{color:#878786}.lightgrey{color:#f0f3f5}.white{color:#ffffff}.hl-grey h1,.hl-grey h2,.hl-grey h3,.hl-grey h4,.hl-grey h5,.hl-grey h6{color:#878786}h1.hl-grey,h2.hl-grey,h3.hl-grey,h4.hl-grey,h5.hl-grey,h6.hl-grey{color:#878786}.hl-lightgrey h1,.hl-lightgrey h2,.hl-lightgrey h3,.hl-lightgrey h4,.hl-lightgrey h5,.hl-lightgrey h6{color:#f0f3f5}h1.hl-lightgrey,h2.hl-lightgrey,h3.hl-lightgrey,h4.hl-lightgrey,h5.hl-lightgrey,h6.hl-lightgrey{color:#f0f3f5}.hl-white h1,.hl-white h2,.hl-white h3,.hl-white h4,.hl-white h5,.hl-white h6{color:#ffffff}h1.hl-white,h2.hl-white,h3.hl-white,h4.hl-white,h5.hl-white,h6.hl-white{color:#ffffff}.bg-grey{background-color:#878786}.bg-grey a,.bg-grey p{color:white}.bg-lightgrey{background-color:#f0f3f5}.bg-lightgrey a,.bg-lightgrey p{color:#9aa2a7}.bg-white{background-color:#ffffff}.bg-white a,.bg-white p{color:#9aa2a7}.hl-lighter h1,.hl-lighter h2,.hl-lighter h3,.hl-lighter h4,.hl-lighter h5,.hl-lighter h6{font-weight:lighter !important}.lighter{font-weight:lighter !important}.bold{font-weight:bold !important}h1.hl-lighter,h2.hl-lighter,h3.hl-lighter,h4.hl-lighter,h5.hl-lighter,h6.hl-lighter{font-weight:lighter !important}.p-small{padding:5px}.pt-small{padding-top:5px}.pb-small{padding-bottom:5px}.pl-small{padding-left:5px}.pr-small{padding-right:5px}.p-special-small{padding:1px 5px}.m-small{margin:5px}.mt-small{margin-top:5px}.mb-small{margin-bottom:5px}.ml-small{margin-left:5px}.mr-small{margin-right:5px}.m-special-small{margin:1px 5px}.p-small-double{padding:10px}.pt-small-double{padding-top:10px}.pb-small-double{padding-bottom:10px}.pl-small-double{padding-left:10px}.pr-small-double{padding-right:10px}.p-special-small-double{padding:1px 10px}.m-small-double{margin:10px}.mt-small-double{margin-top:10px}.mb-small-double{margin-bottom:10px}.ml-small-double{margin-left:10px}.mr-small-double{margin-right:10px}.m-special-small-double{margin:1px 10px}.p-medium{padding:30px}.pt-medium{padding-top:30px}.pb-medium{padding-bottom:30px}.pl-medium{padding-left:30px}.pr-medium{padding-right:30px}.p-special-medium{padding:1px 30px}.m-medium{margin:30px}.mt-medium{margin-top:30px}.mb-medium{margin-bottom:30px}.ml-medium{margin-left:30px}.mr-medium{margin-right:30px}.m-special-medium{margin:1px 30px}.p-large{padding:60px}.pt-large{padding-top:60px}.pb-large{padding-bottom:60px}.pl-large{padding-left:60px}.pr-large{padding-right:60px}.p-special-large{padding:1px 60px}.m-large{margin:60px}.mt-large{margin-top:60px}.mb-large{margin-bottom:60px}.ml-large{margin-left:60px}.mr-large{margin-right:60px}.m-special-large{margin:1px 60px}html,body{font-size:16px}@media screen and (max-width: $breakpoint){html,body{font-size:15px}}.bs-bottom{-webkit-box-shadow:0 5px 5px grey;box-shadow:0 5px 5px grey;z-index:5}.bs-top{-webkit-box-shadow:0 -5px 5px grey;box-shadow:0 -5px 5px grey;z-index:5}.bs-both{-webkit-box-shadow:0 0 5px 5px grey;box-shadow:0 0 5px 5px grey}.centered-wrapper-inner,.info-map-boxes{max-width:1280px}hr,.headline-hr:before,.headline-hr:after{border-color:#9aa2a7;margin:5em 0}.hl-centered h1,.hl-centered h2,.hl-centered h3,.hl-centered h4,.hl-centered h5,.hl-centered h6{text-align:center;margin-left:auto;margin-right:auto}h1.hl-centered,h2.hl-centered,h3.hl-centered,h4.hl-centered,h5.hl-centered,h6.hl-centered{text-align:center;margin-left:auto;margin-right:auto}.fixed-note{padding:0.5em 1.33333em 0.5em 5.33333em}.fixed-note p,.fixed-note a{font-size:16px}.fixed-note button{margin:0;padding:0.7em 2em;line-height:1}.fixed-note:before{font-size:2em}.header-navigation .main-navigation-wrapper .main-navigation{float:none;padding:0}.header-navigation .main-navigation-wrapper .main-navigation ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;background-color:#f0f3f5}.header-navigation .main-navigation-wrapper .main-navigation ul li{margin:0 2em}.header-navigation .main-navigation-wrapper .main-navigation ul li a,.header-navigation .main-navigation-wrapper .main-navigation ul li span{font-weight:normal}.header-navigation .main-navigation-wrapper .main-navigation ul li a:after,.header-navigation .main-navigation-wrapper .main-navigation ul li span:after{background:#f0f3f5}.main-navigation-mobile-open{position:fixed;border:1px solid;border-radius:5px;background:white;margin-top:5px;top:25px;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}.main-headline{text-align:center;letter-spacing:5px}.main-headline h1{font-size:2.5rem;font-weight:lighter;margin:110px auto 1rem}.main-headline h2{font-size:4rem;font-weight:lighter;margin:0 auto 1.5rem}@media screen and (max-width:1024px) and (min-width:600px){.main-headline h1{margin-top:60px}}@media screen and (max-width:600px){.main-headline h1{font-size:1.6rem}.main-headline h2{font-size:2.3rem}}.main-slider{height:460px;margin-bottom:30px}@media screen and (max-width:1024px) and (min-width:600px){.main-slider{margin-top:0}}.main-content h1,.main-content h2,.main-content h3,.main-content h4,.main-content h5,.main-content h6{font-weight:lighter}.main-content .v-center{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.main-content .table-no-border table{border:none}.main-content .table-no-border table td{border:none}.main-content .table-no-border{border:none}.main-content .table-no-border td{border:none}.main-content .mt-p{margin-top:1.2em}.main-content .kontaktform input,.main-content .kontaktform textarea,.main-content .kontaktform fieldset{width:100%}.main-content .kontaktform .submit_container{text-align:center}.main-content .kontaktform .submit_container button{margin:0;padding:0.7em 2em}@media screen and (max-width:599px){.main-content h1{font-size:2rem}.main-content h2{font-size:1.5rem}}.filter-navigation ul li a{color:#9aa2a7;background:white;border:2px solid #9aa2a7}.filter-navigation ul li a.active{color:white;background:#9aa2a7}.portfolio-tiles .portfolio-tiles-item{height:20vw;max-height:250px;overflow:hidden;border:5px solid white;border-collapse:collapse}.portfolio-tiles .portfolio-tiles-item>img{width:110%;height:auto;position:absolute;top:-10px;bottom:-10px;left:-15px;right:-15px;max-width:110%}.portfolio-tiles .portfolio-tiles-item-link h3{font-size:1em;text-transform:none}.portfolio-tiles .portfolio-tiles-item-link h4{font-size:0.7em;padding:0 5px}.mod_rocksolid_slider .rsts-header h3{font-size:1.2rem;text-transform:uppercase}.mod_rocksolid_slider .rsts-slide{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.mod_rocksolid_slider .rsts-slide a{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.mod_rocksolid_slider .rsts-slide a:hover::before{content:"";position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background:rgba(154, 162, 167, 0.6)}.mod_rocksolid_slider .rsts-slide a:hover::after{font:1.6em/1 "RockSolid Icons";content:"";-webkit-font-smoothing:antialiased;font-smoothing:antialiased;text-rendering:geometricPrecision;text-indent:0;display:inline-block;position:relative;position:absolute;top:50%;left:50%;z-index:1;margin:-0.5em;color:#ffffff}.mod_rocksolid_slider .rsts-slide .rsts-caption{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;min-height:64px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.rsts-skin-oneo .rsts-prev,.rsts-skin-oneo .rsts-next,.rsts-skin-oneo .rsts-video-play,.rsts-skin-oneo .rsts-video-stop{color:white;border-color:white}.kontakt-bild{margin-top:9px}#cboxTitle{margin-left:10px}#cboxContent{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:0}#cboxTitle{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;position:relative;-ms-flex-preferred-size:80%;flex-basis:80%;top:0;padding-right:10px}@media screen and (max-width:599px){#cboxTitle{-ms-flex-preferred-size:75%;flex-basis:75%}}#cboxCurrent{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;position:relative;top:0;-ms-flex-item-align:end;align-self:flex-end}#cboxLoadedContent{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.footer-top-link{font-size:16px;position:fixed;bottom:-100px;right:10px;border-radius:99em;height:2.66667em}.footer-top-link:after{padding-top:0.7em;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}.footer-navigation{margin-bottom:1em}.footer-navigation a,.footer-navigation span.trail,.footer-navigation span.active,.footer-navigation span.forward{text-transform:none;font-size:1em}.heading-small h1,.heading-small h2,.heading-small h3,.heading-small h4,.heading-small h5,.heading-small h6{font-size:1.2rem}.icon-links-contact{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.icon-links-contact>li{padding-left:1rem;padding-right:1rem}.form-field-centered-no-border{border:none;text-align:center}.form-field-no-border{border:none}.form-field-no-padding{padding:0 !important}.form-field-no-margin{margin:0 !important}.d-contents{display:contents}.main-content .fieldset-twocol{display:flex;padding:0;margin:0;flex-wrap:wrap;justify-content:space-between;border:none}.main-content .fieldset-twocol>.form-row{width:100%;margin-top:0}.main-content .fieldset-twocol>.form-row:nth-of-type(n+2){margin-bottom:0 !important}@media screen and (min-width:900px){.main-content .fieldset-twocol>.form-row{width:49%;margin:0 !important}}.text-thin strong,.text-thin h1,.text-thin h2,.text-thin h3,.text-thin h4,.text-thin h5,.text-thin h6{font-weight:normal;text-transform:uppercase}.text-thin strong{font-size:1.15em}.footer-navigation strong{font-weight:normal;text-decoration:underline}span[style="background-color: #ced4d9;"]{background:none !important;display:inline-block;padding:0 !important}.fancybox-stage{background:white}.fancybox-image{transition:all 0.3s ease !important}.fancybox-caption{background:linear-gradient(0deg, rgba(255, 255, 255, 0.85) 0, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.15) 65%, rgba(255, 255, 255, 0.075) 75.5%, rgba(255, 255, 255, 0.037) 82.85%, rgba(255, 255, 255, 0.019) 88%, transparent);color:#737371}input{accent-color:#737371 !important}.main-content label,.main-content .explanation,.main-content input,.main-content textarea,.main-content button{font-size:1em}.fieldset-margin-p{margin-top:0.8em;margin-bottom:1.6em;padding:0}.footer-nav-copyright-wrapper{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin-bottom:1rem}.footer-nav-copyright-wrapper>.footer-navigation{margin:0}.footer-nav-copyright-wrapper>.footer-copyright{margin:0;padding:0.83333em 1.66667em}input[type="checkbox"]{margin-top:-0.25em}