.rsts-main,.rsts-main *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.rsts-header,.rsts-footer,.rsts-thumbs-header,.rsts-thumbs-footer{overflow:hidden}.rsts-view,.rsts-thumbs-view{position:relative}@media print{.rsts-view,.rsts-thumbs-view{position:static}}.rsts-crop,.rsts-thumbs-crop{position:relative;overflow:hidden}@media print{.rsts-crop,.rsts-thumbs-crop{position:static;overflow:visible;width:auto !important;height:auto !important;transform:none !important}}.rsts-slides,.rsts-slide,.rsts-thumbs-slides,.rsts-thumbs-slide{position:absolute;left:0;top:0}@media print{.rsts-slides,.rsts-slide,.rsts-thumbs-slides,.rsts-thumbs-slide{position:static;width:auto !important;height:auto !important;transform:none !important}.rsts-slides.rsts-slide-image img,.rsts-slides.rsts-slide-video img,.rsts-slides.rsts-thumbs-slide-image img,.rsts-slides.rsts-thumbs-slide-video img,.rsts-slide.rsts-slide-image img,.rsts-slide.rsts-slide-video img,.rsts-slide.rsts-thumbs-slide-image img,.rsts-slide.rsts-thumbs-slide-video img,.rsts-thumbs-slides.rsts-slide-image img,.rsts-thumbs-slides.rsts-slide-video img,.rsts-thumbs-slides.rsts-thumbs-slide-image img,.rsts-thumbs-slides.rsts-thumbs-slide-video img,.rsts-thumbs-slide.rsts-slide-image img,.rsts-thumbs-slide.rsts-slide-video img,.rsts-thumbs-slide.rsts-thumbs-slide-image img,.rsts-thumbs-slide.rsts-thumbs-slide-video img{width:100% !important;height:auto !important;margin:0 !important}}.rsts-slide,.rsts-thumbs-slide{overflow:hidden}@media print{.rsts-slide,.rsts-thumbs-slide{position:static}}.rsts-video-iframe,.rsts-thumbs-video-iframe{position:absolute;top:0;left:0;width:100%;height:100%}.rsts-type-slide .rsts-view,.rsts-thumbs-type-slide .rsts-thumbs-view{cursor:url("../../bundles/rocksolidslider/img/openhand.cur"),default;cursor:-webkit-grab;cursor:-moz-grab;cursor:-ms-grab;cursor:-o-grab;cursor:grab}.rsts-type-slide.rsts-dragging .rsts-view,.rsts-thumbs-type-slide.rsts-thumbs-dragging .rsts-thumbs-view{cursor:url("../../bundles/rocksolidslider/img/closedhand.cur"),default;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-ms-grabbing;cursor:-o-grabbing;cursor:grabbing;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.rsts-type-slide.rsts-dragging-disabled .rsts-view,.rsts-thumbs-type-slide.rsts-thumbs-dragging-disabled .rsts-thumbs-view{cursor:auto}@media print{.rsts-nav,.rsts-prev,.rsts-next,.rsts-overlay-prev,.rsts-overlay-next,.rsts-progress,.rsts-thumbs-nav,.rsts-thumbs-prev,.rsts-thumbs-next,.rsts-thumbs-overlay-prev,.rsts-thumbs-overlay-next,.rsts-thumbs-progress{display:none !important}} #colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center} /* 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/Insta/fonts/rocksolid-icons.eot"); src: url("../../files/Insta/fonts/rocksolid-icons.eot?#iefix") format('eot'), url("../../files/Insta/fonts/rocksolid-icons.woff") format('woff'), url("../../files/Insta/fonts/rocksolid-icons.ttf") format('truetype'), url("../../files/Insta/fonts/rocksolid-icons.svg") format('svg'); font-weight: normal; font-style: normal; font-display: swap; } /* =========================================== * General * ======================================== */ :root { --main-padding-x: 2.5rem; --safe-area-left: 0px; --safe-area-right: 0px; --safe-area-top: 0px; --safe-area-bottom: 0px; --page-padding-left: calc(var(--safe-area-left) + var(--main-padding-x)); --page-padding-right: calc(var(--safe-area-right) + var(--main-padding-x)); --page-inner-width: calc(100% - var(--page-padding-left) - var(--page-padding-right)); } @media screen and (max-width: 1440px) { :root { --main-padding-x: 3.7037%; } } @media screen and (max-width: 960px) { :root { --main-padding-x: 5.55556%; } } @supports (padding: calc(constant(safe-area-inset-left, 0px) / 1.5)) { :root { /* Non-standard iOS 11.1 syntax */ --safe-area-left: calc(constant(safe-area-inset-left, 0px) / 1.5); --safe-area-right: calc(constant(safe-area-inset-right, 0px) / 1.5); --safe-area-top: constant(safe-area-inset-top, 0px); --safe-area-bottom: constant(safe-area-inset-bottom, 0px); } } @supports (padding: calc(max(0px, env(safe-area-inset-left, 0px) - 14px))) and (padding: calc(max(0px, 1px))) { :root { /* W3C standard and iOS 11.2 syntax */ --safe-area-left: calc(max(0px, env(safe-area-inset-left, 0px) - 14px)); --safe-area-right: calc(max(0px, env(safe-area-inset-right, 0px) - 14px)); --safe-area-top: env(safe-area-inset-top, 0px); --safe-area-bottom: env(safe-area-inset-bottom, 0px); } } html { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font: 18px/1.5625 Source Sans Pro, sans-serif; color: #707070; -webkit-tap-highlight-color: #707070; } @media screen and (max-width: 599px) { html { font-size: 14px; } } body { background: #ffffff none 50% 0 no-repeat scroll; background-size: auto; } body[class^="icon-"]:before, body[class*=" icon-"]:before { /* Ignore icon classes on the body element */ content: none; } body.background-variation-1 { background: url("../../files/Insta/img/demo/background-1.jpg") 50% 0 no-repeat; background-attachment: fixed; } body.background-variation-2 { background: url("../../files/Insta/img/demo/background-10.jpg") 50% 0 no-repeat; background-size: cover; background-attachment: fixed; } * { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; } .rs-columns { clear: both; display: inline-block; vertical-align: top; width: 100%; } .rs-column { float: left; width: 100%; margin-top: 6.25%; margin-right: 6.25%; } .rs-column.-large-first { clear: left; } .rs-column.-large-last { margin-right: -5px; } .rs-column.-large-first-row { margin-top: 0; } .rs-column.-large-col-1-1 { width: 100%; } .rs-column.-large-col-2-1 { width: 46.875%; } .rs-column.-large-col-2-2 { width: 100%; } .rs-column.-large-col-3-1 { width: 29.16667%; } .rs-column.-large-col-3-2 { width: 64.58333%; } .rs-column.-large-col-3-3 { width: 100%; } .rs-column.-large-col-4-1 { width: 20.3125%; } .rs-column.-large-col-4-2 { width: 46.875%; } .rs-column.-large-col-4-3 { width: 73.4375%; } .rs-column.-large-col-4-4 { width: 100%; } .rs-column.-large-col-5-1 { width: 15%; } .rs-column.-large-col-5-2 { width: 36.25%; } .rs-column.-large-col-5-3 { width: 57.5%; } .rs-column.-large-col-5-4 { width: 78.75%; } .rs-column.-large-col-5-5 { width: 100%; } .rs-column.-large-col-6-1 { width: 11.45833%; } .rs-column.-large-col-6-2 { width: 29.16667%; } .rs-column.-large-col-6-3 { width: 46.875%; } .rs-column.-large-col-6-4 { width: 64.58333%; } .rs-column.-large-col-6-5 { width: 82.29167%; } .rs-column.-large-col-6-6 { width: 100%; } .rs-column.-large-col-7-1 { width: 8.92857%; } .rs-column.-large-col-7-2 { width: 24.10714%; } .rs-column.-large-col-7-3 { width: 39.28571%; } .rs-column.-large-col-7-4 { width: 54.46429%; } .rs-column.-large-col-7-5 { width: 69.64286%; } .rs-column.-large-col-7-6 { width: 84.82143%; } .rs-column.-large-col-7-7 { width: 100%; } .tao-no-sidebar .rs-column, .mega-dropdown .rs-column, .page-footer .rs-column { margin-top: 4%; margin-right: 4%; } .tao-no-sidebar .rs-column.-large-last, .mega-dropdown .rs-column.-large-last, .page-footer .rs-column.-large-last { margin-right: -5px; } .tao-no-sidebar .rs-column.-large-first-row, .mega-dropdown .rs-column.-large-first-row, .page-footer .rs-column.-large-first-row { margin-top: 0; } .tao-no-sidebar .rs-column.-large-col-1-1, .mega-dropdown .rs-column.-large-col-1-1, .page-footer .rs-column.-large-col-1-1 { width: 100%; } .tao-no-sidebar .rs-column.-large-col-2-1, .mega-dropdown .rs-column.-large-col-2-1, .page-footer .rs-column.-large-col-2-1 { width: 48%; } .tao-no-sidebar .rs-column.-large-col-2-2, .mega-dropdown .rs-column.-large-col-2-2, .page-footer .rs-column.-large-col-2-2 { width: 100%; } .tao-no-sidebar .rs-column.-large-col-3-1, .mega-dropdown .rs-column.-large-col-3-1, .page-footer .rs-column.-large-col-3-1 { width: 30.66667%; } .tao-no-sidebar .rs-column.-large-col-3-2, .mega-dropdown .rs-column.-large-col-3-2, .page-footer .rs-column.-large-col-3-2 { width: 65.33333%; } .tao-no-sidebar .rs-column.-large-col-3-3, .mega-dropdown .rs-column.-large-col-3-3, .page-footer .rs-column.-large-col-3-3 { width: 100.0%; } .tao-no-sidebar .rs-column.-large-col-4-1, .mega-dropdown .rs-column.-large-col-4-1, .page-footer .rs-column.-large-col-4-1 { width: 22%; } .tao-no-sidebar .rs-column.-large-col-4-2, .mega-dropdown .rs-column.-large-col-4-2, .page-footer .rs-column.-large-col-4-2 { width: 48%; } .tao-no-sidebar .rs-column.-large-col-4-3, .mega-dropdown .rs-column.-large-col-4-3, .page-footer .rs-column.-large-col-4-3 { width: 74%; } .tao-no-sidebar .rs-column.-large-col-4-4, .mega-dropdown .rs-column.-large-col-4-4, .page-footer .rs-column.-large-col-4-4 { width: 100%; } .tao-no-sidebar .rs-column.-large-col-5-1, .mega-dropdown .rs-column.-large-col-5-1, .page-footer .rs-column.-large-col-5-1 { width: 16.8%; } .tao-no-sidebar .rs-column.-large-col-5-2, .mega-dropdown .rs-column.-large-col-5-2, .page-footer .rs-column.-large-col-5-2 { width: 37.6%; } .tao-no-sidebar .rs-column.-large-col-5-3, .mega-dropdown .rs-column.-large-col-5-3, .page-footer .rs-column.-large-col-5-3 { width: 58.4%; } .tao-no-sidebar .rs-column.-large-col-5-4, .mega-dropdown .rs-column.-large-col-5-4, .page-footer .rs-column.-large-col-5-4 { width: 79.2%; } .tao-no-sidebar .rs-column.-large-col-5-5, .mega-dropdown .rs-column.-large-col-5-5, .page-footer .rs-column.-large-col-5-5 { width: 100.0%; } .tao-no-sidebar .rs-column.-large-col-6-1, .mega-dropdown .rs-column.-large-col-6-1, .page-footer .rs-column.-large-col-6-1 { width: 13.33333%; } .tao-no-sidebar .rs-column.-large-col-6-2, .mega-dropdown .rs-column.-large-col-6-2, .page-footer .rs-column.-large-col-6-2 { width: 30.66667%; } .tao-no-sidebar .rs-column.-large-col-6-3, .mega-dropdown .rs-column.-large-col-6-3, .page-footer .rs-column.-large-col-6-3 { width: 48.0%; } .tao-no-sidebar .rs-column.-large-col-6-4, .mega-dropdown .rs-column.-large-col-6-4, .page-footer .rs-column.-large-col-6-4 { width: 65.33333%; } .tao-no-sidebar .rs-column.-large-col-6-5, .mega-dropdown .rs-column.-large-col-6-5, .page-footer .rs-column.-large-col-6-5 { width: 82.66667%; } .tao-no-sidebar .rs-column.-large-col-6-6, .mega-dropdown .rs-column.-large-col-6-6, .page-footer .rs-column.-large-col-6-6 { width: 100%; } .tao-no-sidebar .rs-column.-large-col-7-1, .mega-dropdown .rs-column.-large-col-7-1, .page-footer .rs-column.-large-col-7-1 { width: 10.85714%; } .tao-no-sidebar .rs-column.-large-col-7-2, .mega-dropdown .rs-column.-large-col-7-2, .page-footer .rs-column.-large-col-7-2 { width: 25.71429%; } .tao-no-sidebar .rs-column.-large-col-7-3, .mega-dropdown .rs-column.-large-col-7-3, .page-footer .rs-column.-large-col-7-3 { width: 40.57143%; } .tao-no-sidebar .rs-column.-large-col-7-4, .mega-dropdown .rs-column.-large-col-7-4, .page-footer .rs-column.-large-col-7-4 { width: 55.42857%; } .tao-no-sidebar .rs-column.-large-col-7-5, .mega-dropdown .rs-column.-large-col-7-5, .page-footer .rs-column.-large-col-7-5 { width: 70.28571%; } .tao-no-sidebar .rs-column.-large-col-7-6, .mega-dropdown .rs-column.-large-col-7-6, .page-footer .rs-column.-large-col-7-6 { width: 85.14286%; } .tao-no-sidebar .rs-column.-large-col-7-7, .mega-dropdown .rs-column.-large-col-7-7, .page-footer .rs-column.-large-col-7-7 { width: 100%; } @media screen and (max-width: 960px) { .rs-column, .tao-no-sidebar .rs-column, .mega-dropdown .rs-column, .page-footer .rs-column { margin-top: 6.25%; margin-right: 6.25%; } .rs-column.-large-first, .tao-no-sidebar .rs-column.-large-first, .mega-dropdown .rs-column.-large-first, .page-footer .rs-column.-large-first { clear: none; } .rs-column.-large-last, .tao-no-sidebar .rs-column.-large-last, .mega-dropdown .rs-column.-large-last, .page-footer .rs-column.-large-last { margin-right: 6.25%; } .rs-column.-large-first-row, .tao-no-sidebar .rs-column.-large-first-row, .mega-dropdown .rs-column.-large-first-row, .page-footer .rs-column.-large-first-row { margin-top: 6.25%; } .rs-column.-medium-first, .tao-no-sidebar .rs-column.-medium-first, .mega-dropdown .rs-column.-medium-first, .page-footer .rs-column.-medium-first { clear: left; } .rs-column.-medium-last, .tao-no-sidebar .rs-column.-medium-last, .mega-dropdown .rs-column.-medium-last, .page-footer .rs-column.-medium-last { margin-right: -5px; } .rs-column.-medium-first-row, .tao-no-sidebar .rs-column.-medium-first-row, .mega-dropdown .rs-column.-medium-first-row, .page-footer .rs-column.-medium-first-row { margin-top: 0; } .rs-column.-medium-col-1-1, .tao-no-sidebar .rs-column.-medium-col-1-1, .mega-dropdown .rs-column.-medium-col-1-1, .page-footer .rs-column.-medium-col-1-1 { width: 100%; } .rs-column.-medium-col-2-1, .tao-no-sidebar .rs-column.-medium-col-2-1, .mega-dropdown .rs-column.-medium-col-2-1, .page-footer .rs-column.-medium-col-2-1 { width: 46.875%; } .rs-column.-medium-col-2-2, .tao-no-sidebar .rs-column.-medium-col-2-2, .mega-dropdown .rs-column.-medium-col-2-2, .page-footer .rs-column.-medium-col-2-2 { width: 100%; } .rs-column.-medium-col-3-1, .tao-no-sidebar .rs-column.-medium-col-3-1, .mega-dropdown .rs-column.-medium-col-3-1, .page-footer .rs-column.-medium-col-3-1 { width: 29.16667%; } .rs-column.-medium-col-3-2, .tao-no-sidebar .rs-column.-medium-col-3-2, .mega-dropdown .rs-column.-medium-col-3-2, .page-footer .rs-column.-medium-col-3-2 { width: 64.58333%; } .rs-column.-medium-col-3-3, .tao-no-sidebar .rs-column.-medium-col-3-3, .mega-dropdown .rs-column.-medium-col-3-3, .page-footer .rs-column.-medium-col-3-3 { width: 100%; } .rs-column.-medium-col-4-1, .tao-no-sidebar .rs-column.-medium-col-4-1, .mega-dropdown .rs-column.-medium-col-4-1, .page-footer .rs-column.-medium-col-4-1 { width: 20.3125%; } .rs-column.-medium-col-4-2, .tao-no-sidebar .rs-column.-medium-col-4-2, .mega-dropdown .rs-column.-medium-col-4-2, .page-footer .rs-column.-medium-col-4-2 { width: 46.875%; } .rs-column.-medium-col-4-3, .tao-no-sidebar .rs-column.-medium-col-4-3, .mega-dropdown .rs-column.-medium-col-4-3, .page-footer .rs-column.-medium-col-4-3 { width: 73.4375%; } .rs-column.-medium-col-4-4, .tao-no-sidebar .rs-column.-medium-col-4-4, .mega-dropdown .rs-column.-medium-col-4-4, .page-footer .rs-column.-medium-col-4-4 { width: 100%; } .rs-column.-medium-col-5-1, .tao-no-sidebar .rs-column.-medium-col-5-1, .mega-dropdown .rs-column.-medium-col-5-1, .page-footer .rs-column.-medium-col-5-1 { width: 15%; } .rs-column.-medium-col-5-2, .tao-no-sidebar .rs-column.-medium-col-5-2, .mega-dropdown .rs-column.-medium-col-5-2, .page-footer .rs-column.-medium-col-5-2 { width: 36.25%; } .rs-column.-medium-col-5-3, .tao-no-sidebar .rs-column.-medium-col-5-3, .mega-dropdown .rs-column.-medium-col-5-3, .page-footer .rs-column.-medium-col-5-3 { width: 57.5%; } .rs-column.-medium-col-5-4, .tao-no-sidebar .rs-column.-medium-col-5-4, .mega-dropdown .rs-column.-medium-col-5-4, .page-footer .rs-column.-medium-col-5-4 { width: 78.75%; } .rs-column.-medium-col-5-5, .tao-no-sidebar .rs-column.-medium-col-5-5, .mega-dropdown .rs-column.-medium-col-5-5, .page-footer .rs-column.-medium-col-5-5 { width: 100%; } .rs-column.-medium-col-6-1, .tao-no-sidebar .rs-column.-medium-col-6-1, .mega-dropdown .rs-column.-medium-col-6-1, .page-footer .rs-column.-medium-col-6-1 { width: 11.45833%; } .rs-column.-medium-col-6-2, .tao-no-sidebar .rs-column.-medium-col-6-2, .mega-dropdown .rs-column.-medium-col-6-2, .page-footer .rs-column.-medium-col-6-2 { width: 29.16667%; } .rs-column.-medium-col-6-3, .tao-no-sidebar .rs-column.-medium-col-6-3, .mega-dropdown .rs-column.-medium-col-6-3, .page-footer .rs-column.-medium-col-6-3 { width: 46.875%; } .rs-column.-medium-col-6-4, .tao-no-sidebar .rs-column.-medium-col-6-4, .mega-dropdown .rs-column.-medium-col-6-4, .page-footer .rs-column.-medium-col-6-4 { width: 64.58333%; } .rs-column.-medium-col-6-5, .tao-no-sidebar .rs-column.-medium-col-6-5, .mega-dropdown .rs-column.-medium-col-6-5, .page-footer .rs-column.-medium-col-6-5 { width: 82.29167%; } .rs-column.-medium-col-6-6, .tao-no-sidebar .rs-column.-medium-col-6-6, .mega-dropdown .rs-column.-medium-col-6-6, .page-footer .rs-column.-medium-col-6-6 { width: 100%; } .rs-column.-medium-col-7-1, .tao-no-sidebar .rs-column.-medium-col-7-1, .mega-dropdown .rs-column.-medium-col-7-1, .page-footer .rs-column.-medium-col-7-1 { width: 8.92857%; } .rs-column.-medium-col-7-2, .tao-no-sidebar .rs-column.-medium-col-7-2, .mega-dropdown .rs-column.-medium-col-7-2, .page-footer .rs-column.-medium-col-7-2 { width: 24.10714%; } .rs-column.-medium-col-7-3, .tao-no-sidebar .rs-column.-medium-col-7-3, .mega-dropdown .rs-column.-medium-col-7-3, .page-footer .rs-column.-medium-col-7-3 { width: 39.28571%; } .rs-column.-medium-col-7-4, .tao-no-sidebar .rs-column.-medium-col-7-4, .mega-dropdown .rs-column.-medium-col-7-4, .page-footer .rs-column.-medium-col-7-4 { width: 54.46429%; } .rs-column.-medium-col-7-5, .tao-no-sidebar .rs-column.-medium-col-7-5, .mega-dropdown .rs-column.-medium-col-7-5, .page-footer .rs-column.-medium-col-7-5 { width: 69.64286%; } .rs-column.-medium-col-7-6, .tao-no-sidebar .rs-column.-medium-col-7-6, .mega-dropdown .rs-column.-medium-col-7-6, .page-footer .rs-column.-medium-col-7-6 { width: 84.82143%; } .rs-column.-medium-col-7-7, .tao-no-sidebar .rs-column.-medium-col-7-7, .mega-dropdown .rs-column.-medium-col-7-7, .page-footer .rs-column.-medium-col-7-7 { width: 100%; } } @media screen and (max-width: 599px) { .rs-column, .tao-no-sidebar .rs-column, .page-footer .rs-column { margin-right: 6.25%; } .rs-column.-medium-first, .tao-no-sidebar .rs-column.-medium-first, .page-footer .rs-column.-medium-first { clear: none; } .rs-column.-medium-last, .tao-no-sidebar .rs-column.-medium-last, .page-footer .rs-column.-medium-last { margin-right: 6.25%; } .rs-column.-medium-first-row, .tao-no-sidebar .rs-column.-medium-first-row, .page-footer .rs-column.-medium-first-row { margin-top: 6.25%; } .rs-column.-small-first, .tao-no-sidebar .rs-column.-small-first, .page-footer .rs-column.-small-first { clear: left; } .rs-column.-small-last, .tao-no-sidebar .rs-column.-small-last, .page-footer .rs-column.-small-last { margin-right: -5px; } .rs-column.-small-first-row, .tao-no-sidebar .rs-column.-small-first-row, .page-footer .rs-column.-small-first-row { margin-top: 0; } .rs-column.-small-col-1-1, .tao-no-sidebar .rs-column.-small-col-1-1, .page-footer .rs-column.-small-col-1-1 { width: 100%; } .rs-column.-small-col-2-1, .tao-no-sidebar .rs-column.-small-col-2-1, .page-footer .rs-column.-small-col-2-1 { width: 46.875%; } .rs-column.-small-col-2-2, .tao-no-sidebar .rs-column.-small-col-2-2, .page-footer .rs-column.-small-col-2-2 { width: 100%; } .rs-column.-small-col-3-1, .tao-no-sidebar .rs-column.-small-col-3-1, .page-footer .rs-column.-small-col-3-1 { width: 29.16667%; } .rs-column.-small-col-3-2, .tao-no-sidebar .rs-column.-small-col-3-2, .page-footer .rs-column.-small-col-3-2 { width: 64.58333%; } .rs-column.-small-col-3-3, .tao-no-sidebar .rs-column.-small-col-3-3, .page-footer .rs-column.-small-col-3-3 { width: 100%; } .rs-column.-small-col-4-1, .tao-no-sidebar .rs-column.-small-col-4-1, .page-footer .rs-column.-small-col-4-1 { width: 20.3125%; } .rs-column.-small-col-4-2, .tao-no-sidebar .rs-column.-small-col-4-2, .page-footer .rs-column.-small-col-4-2 { width: 46.875%; } .rs-column.-small-col-4-3, .tao-no-sidebar .rs-column.-small-col-4-3, .page-footer .rs-column.-small-col-4-3 { width: 73.4375%; } .rs-column.-small-col-4-4, .tao-no-sidebar .rs-column.-small-col-4-4, .page-footer .rs-column.-small-col-4-4 { width: 100%; } .rs-column.-small-col-5-1, .tao-no-sidebar .rs-column.-small-col-5-1, .page-footer .rs-column.-small-col-5-1 { width: 15%; } .rs-column.-small-col-5-2, .tao-no-sidebar .rs-column.-small-col-5-2, .page-footer .rs-column.-small-col-5-2 { width: 36.25%; } .rs-column.-small-col-5-3, .tao-no-sidebar .rs-column.-small-col-5-3, .page-footer .rs-column.-small-col-5-3 { width: 57.5%; } .rs-column.-small-col-5-4, .tao-no-sidebar .rs-column.-small-col-5-4, .page-footer .rs-column.-small-col-5-4 { width: 78.75%; } .rs-column.-small-col-5-5, .tao-no-sidebar .rs-column.-small-col-5-5, .page-footer .rs-column.-small-col-5-5 { width: 100%; } .rs-column.-small-col-6-1, .tao-no-sidebar .rs-column.-small-col-6-1, .page-footer .rs-column.-small-col-6-1 { width: 11.45833%; } .rs-column.-small-col-6-2, .tao-no-sidebar .rs-column.-small-col-6-2, .page-footer .rs-column.-small-col-6-2 { width: 29.16667%; } .rs-column.-small-col-6-3, .tao-no-sidebar .rs-column.-small-col-6-3, .page-footer .rs-column.-small-col-6-3 { width: 46.875%; } .rs-column.-small-col-6-4, .tao-no-sidebar .rs-column.-small-col-6-4, .page-footer .rs-column.-small-col-6-4 { width: 64.58333%; } .rs-column.-small-col-6-5, .tao-no-sidebar .rs-column.-small-col-6-5, .page-footer .rs-column.-small-col-6-5 { width: 82.29167%; } .rs-column.-small-col-6-6, .tao-no-sidebar .rs-column.-small-col-6-6, .page-footer .rs-column.-small-col-6-6 { width: 100%; } .rs-column.-small-col-7-1, .tao-no-sidebar .rs-column.-small-col-7-1, .page-footer .rs-column.-small-col-7-1 { width: 8.92857%; } .rs-column.-small-col-7-2, .tao-no-sidebar .rs-column.-small-col-7-2, .page-footer .rs-column.-small-col-7-2 { width: 24.10714%; } .rs-column.-small-col-7-3, .tao-no-sidebar .rs-column.-small-col-7-3, .page-footer .rs-column.-small-col-7-3 { width: 39.28571%; } .rs-column.-small-col-7-4, .tao-no-sidebar .rs-column.-small-col-7-4, .page-footer .rs-column.-small-col-7-4 { width: 54.46429%; } .rs-column.-small-col-7-5, .tao-no-sidebar .rs-column.-small-col-7-5, .page-footer .rs-column.-small-col-7-5 { width: 69.64286%; } .rs-column.-small-col-7-6, .tao-no-sidebar .rs-column.-small-col-7-6, .page-footer .rs-column.-small-col-7-6 { width: 84.82143%; } .rs-column.-small-col-7-7, .tao-no-sidebar .rs-column.-small-col-7-7, .page-footer .rs-column.-small-col-7-7 { width: 100%; } } /* Resetting box model for moo_mediabox and j_colorbox */ #mbCenter, #colorbox { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } ::selection { background: #37aadf; color: #ffffff; text-shadow: none !important; } ::-moz-selection { background: #37aadf; color: #ffffff; text-shadow: none !important; } button, input, select, textarea { font-family: inherit; } table { width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid #b2b9c4; border-radius: 3px; background: #ffffff; } table th, table td { border: solid #e5e8ee; border-width: 1px 0 0 1px; } table th:first-child, table td:first-child { border-left: 0; } table > thead > tr:first-child > th, table > thead > tr:first-child > td, table > tbody:first-child > tr:first-child > th, table > tbody:first-child > tr:first-child > td, table > tfoot:first-child + tbody > tr:first-child > th, table > tfoot:first-child + tbody > tr:first-child > td { /* First row of the table */ border-top: 0; } table th { padding: 0.375em 0.625em; font-weight: bold; text-align: left; } table td { padding: 0.375em 0.625em; } table thead { background: rgba(0, 0, 0, 0.02); } table tfoot td { font-style: italic; } strong, b { font-weight: bold; } a { color: #707070; text-decoration: none; } a:hover, a:focus { text-decoration: underline; } a:hover, a:active { outline: 0; } a.external-link:after { font: 0.8125em/1 "RockSolid Icons"; content: "\e151"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; margin-left: 0.25em; } /* Icon attribute */ *[data-icon]:before, *[class^="icon-"]:before, *[class*=" icon-"]:before { font: 100%/1 "RockSolid Icons"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; margin-right: 0.25em; } *[data-icon]:before { content: attr(data-icon); } *[data-icon].after:before { content: none; } *[data-icon].after:after { font: 100%/1 "RockSolid Icons"; content: attr(data-icon); -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; margin-left: 0.25em; } .clear { clear: both; } .invisible { position: absolute; height: 1px !important; width: 1px !important; clip: rect(0 0 0 0); margin: -1px; padding: 0 !important; overflow: hidden; border: 0; } .-no-border { border: 0 !important; } .no-margin { margin: 0 !important; } .no-margin-top { margin-top: 0 !important; } .no-margin-bottom { margin-bottom: 0 !important; } .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; margin-right: auto; text-align: center; } .syndication { margin: 0.75em 0 0 1.25em; float: right; } .syndication a { margin-left: 0.125em; } .mime_icon { margin-bottom: -0.25em; } .download-element { padding-top: 0; padding-right: 0; padding-bottom: 0; } .ce_toplink, .toplink { overflow: hidden; margin: 1.5em 0; } .ce_toplink:after, .toplink:after { content: ""; display: inline-block; vertical-align: middle; width: 100%; height: 0; overflow: visible; margin: 0 -100% 0 0.625em; border-top: 1px solid #b2b9c4; } .ce_toplink > a:before, .toplink > a:before { font: 100%/1 "RockSolid Icons"; content: "\e00c"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; margin-right: 0.3125em; } /* Style for dlh_googlemaps (if you don't use the plugin, you might want to delete this) */ .dlh_googlemap { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .main-content .dlh_googlemap, .sidebar .dlh_googlemap { /* Setting the maps max-width to 100% is best practice, since it becomes fluid that way */ max-width: 100%; } .main-content .dlh_googlemap img { max-width: none; } hr, .headline-hr:before, .headline-hr:after { clear: both; height: 0; overflow: visible; margin: 2.25em 0; border: 0; border-top: 1px solid #b2b9c4; } hr.-hr-dotted, .headline-hr.-hr-dotted:before, .headline-hr.-hr-dotted:after { border-top-style: dotted; border-top-color: #707070; } hr.-hr-shadow, .headline-hr.-hr-shadow:before, .headline-hr.-hr-shadow:after { height: 8px; background: -webkit-radial-gradient(rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0) 60%); background: -moz-radial-gradient(rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0) 60%); background: -o-radial-gradient(rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0) 60%); background: radial-gradient(rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0) 60%); background-size: 100% 16px; background-position: 50% -8px; } .headline-hr { overflow: hidden; } .headline-hr:before, .headline-hr:after { display: inline-block; vertical-align: middle; width: 100%; margin: 0 0.625em 0 calc(-100% - 0.625em); } .headline-hr:after { content: ""; margin: 0 calc(-100% - 0.625em) 0 0.625em; } .headline-hr.-centered { text-align: center; } .headline-hr.-centered:before { content: ""; } .headline-hr.-align-right { text-align: right; } .headline-hr.-align-right:before { content: ""; } .headline-hr.-align-right:after { content: none; } .icon-hr { display: block; } .icon-hr:before { position: relative; display: block; bottom: -0.5em; width: 1.875em; margin: 0; background: #ffffff; } .icon-hr.-centered:before { width: 2.25em; margin: 0 auto; text-align: center; } .icon-hr.-align-right:before { margin: 0 0 0 auto; text-align: right; } .icon-hr hr { margin: 0; } .confirmation { color: #b5da44; } .information { color: #bec323; } .warning { color: #df3763; } p.confirmation, p.information, p.warning, div.confirmation, div.information, div.warning, span.confirmation, span.information, span.warning { position: relative; display: block; overflow: hidden; margin: 1.5625em 0; padding: 1em 6.25% 1em 12.5%; border: 1px solid #b2b9c4; border-radius: 3px; color: #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: 4em; } } p.confirmation:before, p.information:before, p.warning:before, div.confirmation:before, div.information:before, div.warning:before, span.confirmation:before, span.information:before, span.warning:before { font: 1.5em/1 "RockSolid Icons"; content: "\e044"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; position: absolute; top: 50%; left: -0.41667em; width: 1.16667em; height: 1.16667em; margin: -1.25em 0 0; padding: 0.66667em; border-radius: 100%; color: #ffffff; text-align: center; background: #b5da44; } p.information, div.information, span.information { color: #e4e87e; } p.information:before, div.information:before, span.information:before { content: "\e0a6"; background: #bec323; } 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.11111em 0.33333em 0 0; padding: 0.19444em; border: 1px solid #b2b9c4; border-radius: 3px; font-size: 2.25em; font-weight: normal; /* Fixes line-height difference between gecko and webkit */ line-height: 0.7; background: #ffffff; background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05)); background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05)); background-image: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05)); background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05)); } p.drop-cap:first-letter { /* IE8 and IE9 calculate em's from the parent element */ margin: 0.25em 0.75em 0 0 \9; } code { padding: 0.14286em 0.35714em; font-family: "Lucida Console", monospace; font-size: 0.875em; line-height: 1.35786; background-color: #e5e8ee; border-radius: 3px; } pre { margin: 1.71429em 0; padding: 0.5em 1em; display: block; overflow: auto; border-radius: 3px; font-family: "Lucida Console", monospace; font-size: 0.875em; line-height: 1.715; background-color: #e5e8ee; } pre .hljs, pre code { font-size: 1em; padding: 0; line-height: inherit; background-color: transparent; } /* =========================================== * Buttons * ======================================== */ button.-secondary, .button.-secondary, input[type="submit"].-secondary, .header-login .formbody input[type=submit], .header-dropdown > ul input[type=submit], .pricing-table-plan.-highlighted a, .feature-box-link.-secondary, .headline-box-link.-secondary, button.-tertiary, .button.-tertiary, input[type="submit"].-tertiary, .rotating-boxes-item-content .rotating-boxes-item-link, .pricing-table-plan a, .feature-box-link.-tertiary, .headline-box-link.-tertiary, button.-quaternary, .button.-quaternary, input[type="submit"].-quaternary, .feature-box-link.-quaternary, .headline-box-link.-quaternary, .highlight-box-link, .feature-box-link, .headline-box-link, .footer-bar input[type=submit], .footer-bar button, button, .button, input[type="submit"], input[type="reset"], input[type="button"] { position: relative; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: inline-block; padding: 0.64286em 1.42857em; border: 1px solid; border-color: #23a0da #1f90c4 #1c80ae; border-radius: 3px; outline: none; font-size: 0.875em; line-height: 1.42929; color: #ffffff; text-align: center; text-decoration: none; text-transform: uppercase; text-shadow: 0 -1px 0 #1f90c4; background: #37aadf; background: -webkit-linear-gradient(#4db3e3, #2aa4dd); background: -moz-linear-gradient(#4db3e3, #2aa4dd); background: -o-linear-gradient(#4db3e3, #2aa4dd); background: linear-gradient(#4db3e3, #2aa4dd); box-shadow: inset 0 1px #73c3e8; } button.-secondary:hover, .button.-secondary:hover, input[type="submit"].-secondary:hover, .header-login .formbody input[type=submit]:hover, .header-dropdown > ul input[type=submit]:hover, button.-tertiary:hover, .button.-tertiary:hover, input[type="submit"].-tertiary:hover, .rotating-boxes-item-content .rotating-boxes-item-link:hover, .pricing-table-plan a:hover, button.-quaternary:hover, .button.-quaternary:hover, input[type="submit"].-quaternary:hover, .highlight-box-link:hover, .feature-box-link:hover, .headline-box-link:hover, .footer-bar input[type=submit]:hover, .footer-bar button:hover, button.-secondary:focus, .button.-secondary:focus, input[type="submit"].-secondary:focus, .header-login .formbody input[type=submit]:focus, .header-dropdown > ul input[type=submit]:focus, button.-tertiary:focus, .button.-tertiary:focus, input[type="submit"].-tertiary:focus, .rotating-boxes-item-content .rotating-boxes-item-link:focus, .pricing-table-plan a:focus, button.-quaternary:focus, .button.-quaternary:focus, input[type="submit"].-quaternary:focus, .highlight-box-link:focus, .feature-box-link:focus, .headline-box-link:focus, .footer-bar input[type=submit]:focus, .footer-bar button:focus, button:hover, button:focus, .button:hover, .button:focus, input[type="submit"]:hover, input[type="submit"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="button"]:hover, input[type="button"]:focus { border-color: #187098 #155f82 #114f6c; text-decoration: none; background-image: -webkit-linear-gradient(#5ab9e5, #229dd5); background-image: -moz-linear-gradient(#5ab9e5, #229dd5); background-image: -o-linear-gradient(#5ab9e5, #229dd5); background-image: linear-gradient(#5ab9e5, #229dd5); } button.-secondary:active, .button.-secondary:active, input[type="submit"].-secondary:active, .header-login .formbody input[type=submit]:active, .header-dropdown > ul input[type=submit]:active, button.-tertiary:active, .button.-tertiary:active, input[type="submit"].-tertiary:active, .rotating-boxes-item-content .rotating-boxes-item-link:active, .pricing-table-plan a:active, button.-quaternary:active, .button.-quaternary:active, input[type="submit"].-quaternary:active, .highlight-box-link:active, .feature-box-link:active, .headline-box-link:active, .footer-bar input[type=submit]:active, .footer-bar button:active, button:active, .button:active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active { background-image: -webkit-linear-gradient(#44b0e1, #33a8de); background-image: -moz-linear-gradient(#44b0e1, #33a8de); background-image: -o-linear-gradient(#44b0e1, #33a8de); background-image: linear-gradient(#44b0e1, #33a8de); } #colorbox button.-secondary, #colorbox .button.-secondary, #colorbox input[type="submit"].-secondary, #colorbox .header-login .formbody input[type=submit], .header-login .formbody #colorbox input[type=submit], #colorbox .header-dropdown > ul input[type=submit], .header-dropdown > ul #colorbox input[type=submit], #colorbox button.-tertiary, #colorbox .button.-tertiary, #colorbox input[type="submit"].-tertiary, #colorbox .rotating-boxes-item-content .rotating-boxes-item-link, .rotating-boxes-item-content #colorbox .rotating-boxes-item-link, #colorbox .pricing-table-plan a, .pricing-table-plan #colorbox a, #colorbox button.-quaternary, #colorbox .button.-quaternary, #colorbox input[type="submit"].-quaternary, #colorbox .highlight-box-link, #colorbox .feature-box-link, #colorbox .headline-box-link, #colorbox .footer-bar input[type=submit], .footer-bar #colorbox input[type=submit], #colorbox .footer-bar button, .footer-bar #colorbox button, #colorbox button, #colorbox .button, #colorbox input[type="submit"], #colorbox input[type="reset"], #colorbox input[type="button"] { /* Fix colorbox close button */ box-shadow: none; } button.-quaternary:hover, button.-quaternary:focus, .button.-quaternary:hover, .button.-quaternary:focus, input[type="submit"].-quaternary:hover, input[type="submit"].-quaternary:focus { border-color: currentColor; } button.-single, .button.-single, input[type="submit"].-single { margin: 0.75em 0; } button.-small, .button.-small, input[type="submit"].-small { padding: 0.41667em 0.83333em; font-size: 0.75em; } button.-secondary, .button.-secondary, input[type="submit"].-secondary, .header-login .formbody input[type=submit], .header-dropdown > ul input[type=submit], .pricing-table-plan.-highlighted a, .feature-box-link.-secondary, .headline-box-link.-secondary { border-color: #a9ad1f #94981b #7f8217; color: #ffffff; text-shadow: 0 -1px 0 #94981b; background: #bec323; background: -webkit-linear-gradient(#d3d827, #b1b621); background: -moz-linear-gradient(#d3d827, #b1b621); background: -o-linear-gradient(#d3d827, #b1b621); background: linear-gradient(#d3d827, #b1b621); box-shadow: inset 0 1px #d1d565; } button.-secondary:hover, .button.-secondary:hover, input[type="submit"].-secondary:hover, .header-login .formbody input[type=submit]:hover, .header-dropdown > ul input[type=submit]:hover, .pricing-table-plan.-highlighted a:hover, .feature-box-link.-secondary:hover, .headline-box-link.-secondary:hover, button.-secondary:focus, .button.-secondary:focus, input[type="submit"].-secondary:focus, .header-login .formbody input[type=submit]:focus, .header-dropdown > ul input[type=submit]:focus, .pricing-table-plan.-highlighted a:focus, .feature-box-link.-secondary:focus, .headline-box-link.-secondary:focus { border-color: #6a6d13 #555710 #40410c; background: -webkit-linear-gradient(#d5db34, #a5a91e); background: -moz-linear-gradient(#d5db34, #a5a91e); background: -o-linear-gradient(#d5db34, #a5a91e); background: linear-gradient(#d5db34, #a5a91e); } button.-secondary:active, .button.-secondary:active, input[type="submit"].-secondary:active, .header-login .formbody input[type=submit]:active, .header-dropdown > ul input[type=submit]:active, .pricing-table-plan.-highlighted a:active, .feature-box-link.-secondary:active, .headline-box-link.-secondary:active { background: -webkit-linear-gradient(#cbd025, #babf22); background: -moz-linear-gradient(#cbd025, #babf22); background: -o-linear-gradient(#cbd025, #babf22); background: linear-gradient(#cbd025, #babf22); } button.-tertiary, .button.-tertiary, input[type="submit"].-tertiary, .rotating-boxes-item-content .rotating-boxes-item-link, .pricing-table-plan a, .feature-box-link.-tertiary, .headline-box-link.-tertiary { border-color: #c5c9d7 #b6bbcc #a7adc2; color: #707070; text-shadow: 0 -1px 0 #d4d7e1; background: #f2f3f6; background: -webkit-linear-gradient(#ffffff, #e9ebf0); background: -moz-linear-gradient(#ffffff, #e9ebf0); background: -o-linear-gradient(#ffffff, #e9ebf0); background: linear-gradient(#ffffff, #e9ebf0); box-shadow: none; } button.-tertiary:hover, .button.-tertiary:hover, input[type="submit"].-tertiary:hover, .rotating-boxes-item-content .rotating-boxes-item-link:hover, .pricing-table-plan a:hover, .feature-box-link.-tertiary:hover, .headline-box-link.-tertiary:hover, button.-tertiary:focus, .button.-tertiary:focus, input[type="submit"].-tertiary:focus, .rotating-boxes-item-content .rotating-boxes-item-link:focus, .pricing-table-plan a:focus, .feature-box-link.-tertiary:focus, .headline-box-link.-tertiary:focus { border-color: #b6bbcc #a7adc2 #98a0b7; background: -webkit-linear-gradient(#ffffff, #e0e2e9); background: -moz-linear-gradient(#ffffff, #e0e2e9); background: -o-linear-gradient(#ffffff, #e0e2e9); background: linear-gradient(#ffffff, #e0e2e9); } button.-tertiary:active, .button.-tertiary:active, input[type="submit"].-tertiary:active, .rotating-boxes-item-content .rotating-boxes-item-link:active, .pricing-table-plan a:active, .feature-box-link.-tertiary:active, .headline-box-link.-tertiary:active { background: -webkit-linear-gradient(#fbfbfc, #eff0f4); background: -moz-linear-gradient(#fbfbfc, #eff0f4); background: -o-linear-gradient(#fbfbfc, #eff0f4); background: linear-gradient(#fbfbfc, #eff0f4); } button.-quaternary, .button.-quaternary, input[type="submit"].-quaternary, .feature-box-link.-quaternary, .headline-box-link.-quaternary { border: 2px solid #707070; border-color: currentColor; border-radius: 6px; color: inherit; text-shadow: none; background: none; box-shadow: none; } button.-quaternary:after, .button.-quaternary:after, input[type="submit"].-quaternary:after, .feature-box-link.-quaternary:after, .headline-box-link.-quaternary:after { content: ""; position: absolute; top: 100%; right: 0; bottom: 0; left: 0; background: currentColor; opacity: 0.15; -webkit-transition: top 0.4s ease-in; -moz-transition: top 0.4s ease-in; -o-transition: top 0.4s ease-in; transition: top 0.4s ease-in; } button.-quaternary:hover, .button.-quaternary:hover, input[type="submit"].-quaternary:hover, .feature-box-link.-quaternary:hover, .headline-box-link.-quaternary:hover, button.-quaternary:focus, .button.-quaternary:focus, input[type="submit"].-quaternary:focus, .feature-box-link.-quaternary:focus, .headline-box-link.-quaternary:focus { background: none; } button.-quaternary:hover:after, .button.-quaternary:hover:after, input[type="submit"].-quaternary:hover:after, .feature-box-link.-quaternary:hover:after, .headline-box-link.-quaternary:hover:after, button.-quaternary:focus:after, .button.-quaternary:focus:after, input[type="submit"].-quaternary:focus:after, .feature-box-link.-quaternary:focus:after, .headline-box-link.-quaternary:focus:after { top: 0; -webkit-transition: top 0.2s ease-out; -moz-transition: top 0.2s ease-out; -o-transition: top 0.2s ease-out; transition: top 0.2s ease-out; } /* =========================================== * Wrapper Elements * ======================================== */ .header-bar-inner, .header-navigation-inner, .content-wrapper { max-width: 1440px; margin-right: auto; margin-left: auto; } .centered-wrapper-inner, .info-map-boxes { max-width: 1333.3333333333px; margin-right: auto; margin-left: auto; } @media screen and (max-width: 1440px) { .centered-wrapper-inner, .info-map-boxes { max-width: none; margin-right: 3.7037%; margin-right: var(--page-padding-right); margin-left: 3.7037%; margin-left: var(--page-padding-left); } } @media screen and (max-width: 960px) { .centered-wrapper-inner, .info-map-boxes { margin-right: 5.55556%; margin-right: var(--page-padding-right); margin-left: 5.55556%; margin-left: var(--page-padding-left); } } .page { zoom: 1; position: relative; margin: 0 auto; padding-top: var(--safe-area-top); padding-bottom: var(--safe-area-bottom); background: #ffffff; } .page:before { content: ""; display: table; } .page:after { content: ""; display: table; clear: both; } .tao-boxed .page { max-width: 1440px; border: solid #b2b9c4; border-width: 0 1px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); } @media screen and (max-width: 1280px) { .page { } .tao-boxed .page { border: 0; box-shadow: none; } } .tao-not-boxed .page { max-width: none; border: 0; box-shadow: none; } /* =========================================== * Layout in order of appearance in HTML * ======================================== */ .page-header { position: relative; z-index: 20; } .page-header.is-fixed { position: fixed; top: 0; left: 0; width: 100%; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); } .header-bar { zoom: 1; border-bottom: 1px solid #e5e8ee; font-size: 0.8125em; background: #f5f5f5; } .header-bar:before { content: ""; display: table; } .header-bar:after { content: ""; display: table; clear: both; } @media screen and (max-width: 599px) { .header-bar { display: none; } } .tao-boxed .header-bar { max-width: 1440px; margin-right: auto; margin-left: auto; border-right: 1px solid #b2b9c4; border-left: 1px solid #b2b9c4; } @media screen and (max-width: 1280px) { .header-bar { } .tao-boxed .header-bar { border-right: 0; border-left: 0; } } .tao-not-boxed .header-bar { max-width: none; border-right: 0; border-left: 0; } .header-bar-inner { color: #707070; } @media screen and (max-width: 960px) { .header-bar-inner { padding-right: 5.55556%; padding-right: var(--page-padding-right); padding-left: 5.55556%; padding-left: var(--page-padding-left); } } .header-links { float: left; margin: 0 0 0 3.7037%; margin-left: var(--page-padding-left); padding: 0.61538em 0; } @media screen and (max-width: 960px) { .header-links { float: none; margin-left: 0; } } .header-links.-right { float: right; margin: 0 3.7037% 0 0; margin-right: var(--page-padding-right); } @media screen and (max-width: 960px) { .header-links.-right { float: none; margin-right: 0; } } .header-links.-right a { margin-right: 0; margin-left: 1em; } .header-links li { display: inline; } .header-links a { display: inline-block; color: inherit; margin-right: 1em; } .header-links .icon-links-label { color: inherit; } .header-links.-secondary { padding-top: 0; padding-bottom: 0; } @media screen and (max-width: 960px) { .header-links.-secondary > li:first-child > a { margin-left: -0.625em; } } .header-links.-secondary a { float: left; position: relative; width: 2.76923em; height: 2.76923em; overflow: hidden; margin: 0; line-height: 0; /* Fixes Chrome bug */ letter-spacing: -1em; color: #707070; text-indent: -99em; text-decoration: none; } .header-links.-secondary a:before, .header-links.-secondary a:after { font: 1.15385em/1 "RockSolid Icons"; content: attr(data-icon); -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; position: absolute; top: 0; left: 0; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 100%; padding-top: 0.06667em; line-height: 2.40067; letter-spacing: 0; text-align: center; background: #f5f5f5; -webkit-transition: top 0.2s ease-out; -moz-transition: top 0.2s ease-out; -o-transition: top 0.2s ease-out; transition: top 0.2s ease-out; } .header-links.-secondary a:after { top: 100%; color: #ffffff; background: transparent; } .header-links.-secondary a:hover:before, .header-links.-secondary a:focus:before { top: -100%; } .header-links.-secondary a:hover:after, .header-links.-secondary a:focus:after { top: 0; } .header-login, .header-dropdown { position: relative; float: right; z-index: 4; margin: 0.30769em 0.76923em -0.15385em 0; } @media screen and (max-width: 960px) { .header-login, .header-dropdown { margin-right: -0.61538em; margin-left: 1em; } } .header-login > h1, .header-login > h2, .header-login > h3, .header-login > h4, .header-login > h5, .header-login > h6, .header-dropdown > h1, .header-dropdown > h2, .header-dropdown > h3, .header-dropdown > h4, .header-dropdown > h5, .header-dropdown > h6 { position: relative; z-index: 1; margin: 0; padding: 0.38462em 0.76923em 0.61538em; border: 1px solid transparent; border-bottom: 0; border-radius: 3px 3px 0 0; outline: none; font-weight: normal; font-size: inherit; line-height: 1.5; color: inherit; cursor: pointer; } .header-login > h1:hover, .header-login > h1:focus, .header-login > h2:hover, .header-login > h2:focus, .header-login > h3:hover, .header-login > h3:focus, .header-login > h4:hover, .header-login > h4:focus, .header-login > h5:hover, .header-login > h5:focus, .header-login > h6:hover, .header-login > h6:focus, .header-dropdown > h1:hover, .header-dropdown > h1:focus, .header-dropdown > h2:hover, .header-dropdown > h2:focus, .header-dropdown > h3:hover, .header-dropdown > h3:focus, .header-dropdown > h4:hover, .header-dropdown > h4:focus, .header-dropdown > h5:hover, .header-dropdown > h5:focus, .header-dropdown > h6:hover, .header-dropdown > h6:focus { text-decoration: underline; } .header-login > h1:hover:after, .header-login > h1:focus:after, .header-login > h2:hover:after, .header-login > h2:focus:after, .header-login > h3:hover:after, .header-login > h3:focus:after, .header-login > h4:hover:after, .header-login > h4:focus:after, .header-login > h5:hover:after, .header-login > h5:focus:after, .header-login > h6:hover:after, .header-login > h6:focus:after, .header-dropdown > h1:hover:after, .header-dropdown > h1:focus:after, .header-dropdown > h2:hover:after, .header-dropdown > h2:focus:after, .header-dropdown > h3:hover:after, .header-dropdown > h3:focus:after, .header-dropdown > h4:hover:after, .header-dropdown > h4:focus:after, .header-dropdown > h5:hover:after, .header-dropdown > h5:focus:after, .header-dropdown > h6:hover:after, .header-dropdown > h6:focus:after { text-decoration: none !important; } .header-login > h1:after, .header-login > h2:after, .header-login > h3:after, .header-login > h4:after, .header-login > h5:after, .header-login > h6:after, .header-dropdown > h1:after, .header-dropdown > h2:after, .header-dropdown > h3:after, .header-dropdown > h4:after, .header-dropdown > h5:after, .header-dropdown > h6:after { font: 0.69231em/1 "RockSolid Icons"; content: "\e015"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; top: -0.11111em; margin-left: 0.44444em; } .header-dropdown:hover { color: #707070; } .header-login .formbody, .header-dropdown > ul { position: absolute; top: 100%; right: 0; display: none; margin-top: -1px; padding: 1em 1.53846em 1.38462em; border: 1px solid #b2b9c4; border-radius: 3px 0 3px 3px; color: #707070; background: #ffffff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); } .header-login .formbody .error, .header-dropdown > ul .error { margin-top: 0; margin-bottom: 1em; min-width: 21.53846em; } .header-login .formbody .login_info, .header-dropdown > ul .login_info { margin-top: 0; white-space: nowrap; } .header-login .formbody label, .header-dropdown > ul label { display: block; margin: 0 0 0.3em; font-size: 0.76923em; text-transform: uppercase; } .header-login .formbody input, .header-dropdown > ul input { width: 100%; margin: 0 0 1.07692em; padding: 0.46154em 0.92308em; border-radius: 0; font-size: 1em; } .header-login .formbody input[type=submit], .header-dropdown > ul input[type=submit] { margin: 0; } .header-login .formbody .checkbox_container, .header-dropdown > ul .checkbox_container { border: 0; margin: 0; padding: 0; } .header-login .formbody .checkbox_container input, .header-dropdown > ul .checkbox_container input { margin-bottom: 0; } .header-login .formbody .checkbox_container label, .header-dropdown > ul .checkbox_container label { display: inline; } .header-login .formbody { min-width: 16.92308em; } .header-dropdown > ul { min-width: 150%; padding: 0.76923em 0; list-style: none; } .header-dropdown > ul li:before { content: none; } .header-dropdown > ul a, .header-dropdown > ul strong, .header-dropdown > ul span.trail, .header-dropdown > ul span.active, .header-dropdown > ul span.forward { display: block; padding: 0.30769em 1.53846em; color: inherit; text-decoration: none; } .header-dropdown > ul a:hover, .header-dropdown > ul a:focus { text-decoration: underline; } .header-dropdown > ul span.trail, .header-dropdown > ul span.active, .header-dropdown > ul span.forward { font-weight: bold; } .header-login.is-active > h1, .header-login.is-active > h2, .header-login.is-active > h3, .header-login.is-active > h4, .header-login.is-active > h5, .header-login.is-active > h6, .header-dropdown:hover > h1, .header-dropdown:hover > h2, .header-dropdown:hover > h3, .header-dropdown:hover > h4, .header-dropdown:hover > h5, .header-dropdown:hover > h6, .header-dropdown:focus > h1, .header-dropdown:focus > h2, .header-dropdown:focus > h3, .header-dropdown:focus > h4, .header-dropdown:focus > h5, .header-dropdown:focus > h6 { border-color: #b2b9c4; color: #707070; background-color: #ffffff; } .header-login.is-active > h1:after, .header-login.is-active > h2:after, .header-login.is-active > h3:after, .header-login.is-active > h4:after, .header-login.is-active > h5:after, .header-login.is-active > h6:after { content: "\d7"; } .header-login.is-active .formbody, .header-dropdown:hover > ul, .header-dropdown:focus > ul { display: block; } .header-navigation { zoom: 1; position: relative; border-bottom: 1px solid #e5e8ee; background: #ffffff; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); } .header-navigation:before { content: ""; display: table; } .header-navigation:after { content: ""; display: table; clear: both; } .tao-boxed .header-navigation { max-width: 1440px; margin-right: auto; margin-left: auto; border-right: 1px solid #b2b9c4; border-left: 1px solid #b2b9c4; } @media screen and (max-width: 1280px) { .header-navigation { } .tao-boxed .header-navigation { border-right: 0; border-left: 0; } } .tao-not-boxed .header-navigation { max-width: none; border-right: 0; border-left: 0; } .header-navigation-inner { position: relative; height: 5.25em; min-height: 3.125em; color: #000000; } @media screen and (max-width: 960px) { .header-navigation-inner { height: auto; min-height: 0; } } .logo { position: absolute; top: 20%; bottom: 20%; left: 3.7037%; left: calc(3.7037% + var(--safe-area-left)); margin: 0; font-size: inherit; } @media screen and (max-width: 960px) { .logo { position: static; margin-left: 5.55556%; margin-left: var(--page-padding-left); padding-top: 1.5em; padding-bottom: 0.75em; } } @media screen and (max-width: 960px) { .logo { text-align: center; margin-left: 0; padding-top: 0.75em; } } .logo a { display: block; height: 100%; } @media screen and (max-width: 960px) { .logo a { display: inline; } } .logo img { display: block; width: auto; height: 100%; } @media screen and (max-width: 960px) { .logo img { display: inline; height: auto; max-height: 4.0625em; } } .main-navigation-wrapper { position: relative; clear: both; border: 1px solid #b2b9c4; background: #ffffff; background: -webkit-linear-gradient(#ffffff, #fafafa); background: -moz-linear-gradient(#ffffff, #fafafa); background: -o-linear-gradient(#ffffff, #fafafa); background: linear-gradient(#ffffff, #fafafa); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(255, 255, 255, 0.5); } .main-navigation { float: right; height: 100%; margin-right: 5.55556%; margin-right: calc(5.55556% + var(--safe-area-right)); padding-right: 2.75em; } @media screen and (max-width: 960px) { .main-navigation { position: relative; float: none; height: 3.125em; margin-right: 0; padding-right: 1.5em; padding-right: calc(1.5em + var(--safe-area-right)); padding-left: 1.5em; padding-left: calc(1.5em + var(--safe-area-left)); } } @media screen and (max-width: 960px) { .main-navigation { display: none; } } .main-navigation a, .main-navigation strong, .main-navigation span.active, .main-navigation span.trail, .main-navigation span.forward { font-weight: inherit; } .main-navigation a:before, .main-navigation strong:before, .main-navigation span.active:before, .main-navigation span.trail:before, .main-navigation span.forward:before { content: none; display: none; } .main-navigation ul { display: inline; margin: 0; padding: 0; } .main-navigation > ul > li { position: relative; float: left; height: 100%; } .main-navigation > ul > li.-mega { position: static; } .main-navigation > ul > li:before { position: absolute; top: 50%; left: 0.5em; margin-top: -0.33333em; font-size: 0.75em; } .main-navigation > ul > li > a, .main-navigation > ul > li > strong, .main-navigation > ul > li > span.active, .main-navigation > ul > li > span.trail, .main-navigation > ul > li > span.forward { position: relative; float: left; height: 100%; padding: 0 1em; font-size: 0.875em; color: #000000; } .main-navigation > ul > li > a:before, .main-navigation > ul > li > strong:before, .main-navigation > ul > li > span.active:before, .main-navigation > ul > li > span.trail:before, .main-navigation > ul > li > span.forward:before { content: ""; display: block; height: 50%; margin-bottom: -0.71429em; } .main-navigation > ul > li > a:after, .main-navigation > ul > li > strong:after, .main-navigation > ul > li > span.active:after, .main-navigation > ul > li > span.trail:after, .main-navigation > ul > li > span.forward:after { content: ""; position: absolute; top: -1px; right: 50%; left: 50%; border-top: 2px solid #000000; -webkit-transition: right 0.4s ease-out, left 0.4s ease-out; -moz-transition: right 0.4s ease-out, left 0.4s ease-out; -o-transition: right 0.4s ease-out, left 0.4s ease-out; transition: right 0.4s ease-out, left 0.4s ease-out; } @media screen and (max-width: 960px) { .main-navigation > ul > li > a:after, .main-navigation > ul > li > strong:after, .main-navigation > ul > li > span.active:after, .main-navigation > ul > li > span.trail:after, .main-navigation > ul > li > span.forward:after { top: auto; bottom: -1px; } } .main-navigation > ul > li > a:hover, .main-navigation > ul > li > a:focus { color: #1782c5; text-decoration: none; } .main-navigation > ul > li > a.active, .main-navigation > ul > li > a.trail, .main-navigation > ul > li > a.forward, .main-navigation > ul > li > strong.active, .main-navigation > ul > li > strong.trail, .main-navigation > ul > li > strong.forward, .main-navigation > ul > li > span.active, .main-navigation > ul > li > span.trail, .main-navigation > ul > li > span.forward { color: #1782c5; } .main-navigation > ul > li > ul { position: absolute; top: 100%; left: 0.5em; display: block; overflow: hidden; max-height: 0; min-width: 11.25em; padding: 0; border: solid #e5e8ee; border-width: 1px 1px 2px; border-top-color: #e5e8ee; border-radius: 0 0 3px 3px; background: #ffffff; opacity: 0; box-shadow: inset 0 6px 2px -5px rgba(0, 0, 0, 0.1); -webkit-transition: max-height 0s, padding 0s, opacity 0.3s; -webkit-transition-delay: 0.3s, 0.3s, 0s; -moz-transition: max-height 0s 0.3s, padding 0s 0.3s, opacity 0.3s; -o-transition: max-height 0s 0.3s, padding 0s 0.3s, opacity 0.3s; transition: max-height 0s 0.3s, padding 0s 0.3s, opacity 0.3s; pointer-events: none; } .main-navigation > ul > li > ul li { position: relative; display: block; padding: 0.125em 0; border-bottom: 1px solid #e5e8ee; white-space: nowrap; } .main-navigation > ul > li > ul li li { margin: 0; border: 0; } .main-navigation > ul > li > ul li[data-icon]:before, .main-navigation > ul > li > ul li[class^="icon-"]:before, .main-navigation > ul > li > ul li[class*=" icon-"]:before { position: absolute; top: 0.64286em; left: 0.28571em; z-index: 1; font-size: 0.875em; } .main-navigation > ul > li > ul li[data-icon] a, .main-navigation > ul > li > ul li[data-icon] strong, .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-"] strong, .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-"] strong, .main-navigation > ul > li > ul li[class*=" icon-"] span.active, .main-navigation > ul > li > ul li[class*=" icon-"] span.trail, .main-navigation > ul > li > ul li[class*=" icon-"] span.forward { padding-left: 1.71429em; } .main-navigation > ul > li > ul a, .main-navigation > ul > li > ul strong, .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.21429em 0.42857em; margin: 0; font-size: 0.875em; } .main-navigation > ul > li > ul a { border-radius: 3px; color: #1782c5; -webkit-transition: background-color 0.6s ease-in, color 0.6s ease-in; -moz-transition: background-color 0.6s ease-in, color 0.6s ease-in; -o-transition: background-color 0.6s ease-in, color 0.6s ease-in; transition: background-color 0.6s ease-in, color 0.6s ease-in; } .main-navigation > ul > li > ul a:hover { text-decoration: none; color: #126498; background-color: #e5e8ee; -webkit-transition-duration: 0.05s; -moz-transition-duration: 0.05s; -o-transition-duration: 0.05s; transition-duration: 0.05s; } .main-navigation > ul > li > ul strong.active, .main-navigation > ul > li > ul strong.trail, .main-navigation > ul > li > ul strong.forward, .main-navigation > ul > li > ul span.active, .main-navigation > ul > li > ul span.trail, .main-navigation > ul > li > ul span.forward { color: #707070; } .main-navigation > ul > li > ul ul { display: block; padding-left: 0.625em; } .main-navigation > ul > li:hover:after { content: ""; position: absolute; top: 50%; right: 0; bottom: 0; left: 0; z-index: 1; margin-top: 0.625em; } .main-navigation > ul > li:hover > a, .main-navigation > ul > li:hover > strong, .main-navigation > ul > li:hover > span.active, .main-navigation > ul > li:hover > span.trail, .main-navigation > ul > li:hover > span.forward { z-index: 2; } .main-navigation > ul > li:hover > a:after, .main-navigation > ul > li:hover > strong:after, .main-navigation > ul > li:hover > span.active:after, .main-navigation > ul > li:hover > span.trail:after, .main-navigation > ul > li:hover > span.forward:after { right: 1.42857em; left: 1.42857em; -webkit-transition-duration: 0.1s, 0.1s; -moz-transition-duration: 0.1s, 0.1s; -o-transition-duration: 0.1s, 0.1s; transition-duration: 0.1s, 0.1s; } .main-navigation > ul > li:hover > ul { z-index: 1; max-height: 9999px; padding: 0.875em 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; } .modernizr-no-pointerevents .main-navigation > ul > li > ul { border-width: 0; } .modernizr-no-pointerevents .main-navigation > ul > li:hover > ul { border-width: 1px 1px 2px; } .main-navigation > ul > li.last > ul { left: auto; right: -0.125em; } .mega-dropdown { position: absolute; top: 100%; left: 3.7037%; left: var(--page-padding-left); display: block; width: 92.59259%; width: var(--page-inner-width); max-height: 0; padding: 0; overflow: hidden; border: solid #e5e8ee; border-width: 1px 1px 2px; border-top-color: #e5e8ee; border-radius: 0 0 3px 3px; font-size: 0.875em; background: #ffffff; opacity: 0; box-shadow: inset 0 6px 2px -5px rgba(0, 0, 0, 0.1); -webkit-transition: max-height 0s, padding 0s, opacity 0.3s; -webkit-transition-delay: 0.3s, 0.3s, 0s; -moz-transition: max-height 0s 0.3s, padding 0s 0.3s, opacity 0.3s; -o-transition: max-height 0s 0.3s, padding 0s 0.3s, opacity 0.3s; transition: max-height 0s 0.3s, padding 0s 0.3s, opacity 0.3s; pointer-events: none; /* Fixes chrome text flicker */ -webkit-backface-visibility: hidden; } @media screen and (max-width: 960px) { .mega-dropdown { background-image: none !important; left: 0; width: 100%; } } li:hover > .mega-dropdown { z-index: 1; max-height: 9999px; overflow: visible; padding: 1.57143em 3.7037%; opacity: 1; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; pointer-events: auto; } @media screen and (max-width: 960px) { li:hover > .mega-dropdown { padding-right: 5.55556%; padding-right: var(--page-padding-right); padding-left: 5.55556%; padding-left: var(--page-padding-left); } } .modernizr-no-pointerevents .mega-dropdown { border-width: 0; } .modernizr-no-pointerevents li:hover > .mega-dropdown { border-width: 1px 1px 2px; } .mega-dropdown-column h1, .mega-dropdown-column h2, .mega-dropdown-column h3 { margin: 0 0 0.71429em; font-size: inherit; font-weight: bold; color: #126498; } .mega-dropdown-column h1 a, .mega-dropdown-column h2 a, .mega-dropdown-column h3 a { color: inherit; } .mega-dropdown-column p { margin: 1em 0; } .mega-dropdown-column ul a { display: inline-block; padding: 0.28571em 0 0.21429em; color: #1782c5; } .mega-dropdown-column ul a:hover { color: #126498; } .mega-dropdown-column li li { margin-left: 1.42857em; } .mega-dropdown-image { margin: 1.42857em 0; } .mega-dropdown-image img { display: block; width: 100%; height: auto; } .main-navigation-search { position: absolute; top: 50%; right: 3.7037%; right: var(--page-padding-right); z-index: 3; height: 2.85714em; min-width: 3.42857em; margin-top: -1.35714em; border-radius: 3px; overflow: hidden; font-size: 0.875em; background: #ffffff; } @media screen and (max-width: 960px) { .main-navigation-search { right: 5.55556%; right: var(--page-padding-right); top: auto; bottom: 4.6875em; margin-top: 0; z-index: 0; } } @media screen and (max-width: 960px) { .main-navigation-search { display: none; } } .main-navigation-search:after { content: ""; position: absolute; top: 50%; left: 0; height: 1.07143em; margin: -0.5em 0 0; border-left: 1px solid #e5e8ee; } .main-navigation-search input { /* Fixes border-radius on iOS 7 */ -webkit-appearance: none; float: right; width: 11.78571em; margin: 0.57143em 0.85714em 0 -10.35714em; padding: 0.14286em 0 0.21429em; border: 0; border-bottom: 1px solid #ffffff; border-radius: 0; font-size: inherit; background: none; box-shadow: none; -webkit-transition: margin-left 0.2s ease-out; -moz-transition: margin-left 0.2s ease-out; -o-transition: margin-left 0.2s ease-out; transition: margin-left 0.2s ease-out; } .main-navigation-search:hover, .main-navigation-search.focus { margin-right: -1px; border: 1px solid #e5e8ee; } .main-navigation-search:hover input, .main-navigation-search.focus input { margin-left: 0.85714em; border-color: #b2b9c4; box-shadow: none; } .main-navigation-search:hover:after, .main-navigation-search.focus:after { content: none; } @media screen and (max-width: 960px) { .main-navigation-search { margin-right: -1px; border: 1px solid #e5e8ee; } .main-navigation-search input { margin-left: 0.85714em; border-color: #b2b9c4; box-shadow: none; } .main-navigation-search:after { content: none; } } .main-navigation-search button { position: absolute; top: 0; right: 0; width: 3.57143em; height: 100%; margin: 0; padding: 0; border: 0; color: #000000; text-align: left; text-indent: -99em; text-shadow: none; line-height: 0; background: none; box-shadow: none; } .main-navigation-search button:after { font: 1.14286em/1 "RockSolid Icons"; content: "\e0cb"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; display: block; text-align: center; } .main-navigation-search button:hover, .main-navigation-search button:focus { color: #1782c5; } .main-navigation-mobile-open { position: absolute; top: 41px; top: calc(41px + var(--safe-area-top)); left: 6.66667%; left: calc(6.66667% + var(--safe-area-left)); width: 44px; height: 39px; margin: -20px 0 0 -11px; padding: 11px; display: none; z-index: 200; text-indent: -99em; line-height: 0; } @media screen and (min-width: 421px) { .main-navigation-mobile-open { margin: -11px 0 0 -11px; } } .main-navigation-mobile-open:after { content: ""; display: block; height: 3px; border-radius: 2px; background: #000000; box-shadow: 0 7px #000000, 0 14px #000000; } @media screen and (max-width: 960px) { .main-navigation-mobile-open { display: block; } } .main-navigation-mobile-close { position: absolute; top: 0; right: -17.64706%; display: none; width: 17.64706%; height: 100%; overflow: hidden; margin: 0; padding: 0; border: 0 !important; text-indent: -99em; background: none !important; box-shadow: none !important; } .is-active > .main-navigation-mobile-close { display: block; } .main-navigation-mobile { /* Hide mobile navigation by default */ display: none; padding: 0; padding-top: var(--safe-area-top); padding-bottom: var(--safe-area-bottom); padding-left: var(--safe-area-left); border-top: 1px solid #ffffff; color: #000000; background: #ffffff; } @media screen and (max-width: 960px) { .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: 960px) { .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: #ffffff; box-shadow: inset 0 40px 40px -20px rgba(0, 0, 0, 0.04), inset 0 -40px 40px -20px rgba(0, 0, 0, 0.04); } .main-navigation-mobile .is-collapsed > ul { display: none; } .main-navigation-mobile li { position: relative; display: block; } .main-navigation-mobile li:before { content: none; } .main-navigation-mobile a, .main-navigation-mobile strong, .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 #ffffff; color: inherit; background-color: #ffffff; box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -webkit-transition: background-color 0.6s ease-out; -moz-transition: background-color 0.6s ease-out; -o-transition: background-color 0.6s ease-out; transition: background-color 0.6s ease-out; } .main-navigation-mobile a:before, .main-navigation-mobile strong: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 strong:hover, .main-navigation-mobile strong: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: #f2f2f2; -webkit-transition: background-color 0.2s ease-out; -moz-transition: background-color 0.2s ease-out; -o-transition: background-color 0.2s ease-out; transition: background-color 0.2s ease-out; } .main-navigation-mobile a.active, .main-navigation-mobile a.trail, .main-navigation-mobile strong.active, .main-navigation-mobile strong.trail, .main-navigation-mobile strong.forward, .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 strong.active, .main-navigation-mobile span.active { background-color: #ffffff; box-shadow: inset 0 0 5px #ffffff; } .main-navigation-mobile li li { color: #000000; } .main-navigation-mobile li li a, .main-navigation-mobile li li strong, .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 strong, .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 strong, .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 strong, .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 #ffffff; border-radius: 0; outline: none; line-height: 0; color: inherit; text-indent: -99em; text-shadow: none; background: none; } .main-navigation-mobile .main-navigation-mobile-expand:after { font: 1.14286em/1 "RockSolid Icons"; content: "\e009"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; display: block; } .main-navigation-mobile .is-expanded > .main-navigation-mobile-expand:after { content: "\e00c"; } .main-navigation-mobile-search { position: relative; margin: 5%; } .main-navigation-mobile-search input, .main-navigation-mobile-search input:hover, .main-navigation-mobile-search input:focus { width: 100%; border: 1px solid #ffffff; background: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); } .main-navigation-mobile-search button { position: absolute; top: 0.07143em; right: 0; width: 3.57143em; height: 100%; margin: 0; padding: 0; border: 0; text-align: left; text-indent: -99em; text-shadow: none; line-height: 0; background: none; box-shadow: none; } .main-navigation-mobile-search button:after { font: 1.14286em/1 "RockSolid Icons"; content: "\e0cb"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; display: block; text-align: center; } .main-navigation-mobile-icons.main-navigation-mobile-icons { margin: 1em 0; text-align: center; } .main-navigation-mobile-icons.main-navigation-mobile-icons li { display: inline; padding: 0; } .main-navigation-mobile-icons.main-navigation-mobile-icons a { display: inline-block; width: 2.85714em; height: 2.85714em; overflow: hidden; padding: 0; border: 0; border-radius: 3px; box-shadow: none; } .main-navigation-mobile-icons.main-navigation-mobile-icons a:before { font-size: 1.28571em; line-height: 2.22278; margin: 0 0 100%; color: #000000 !important; } .main-navigation-mobile-icons.main-navigation-mobile-icons a:hover:before { color: inherit !important; } .tagline { zoom: 1; border-bottom: 1px solid #e5e8ee; background: #ffffff; } .tagline:before { content: ""; display: table; } .tagline:after { content: ""; display: table; clear: both; } .tagline .page-title { float: left; font-size: 20px; font-weight: normal; margin-top: 1.15789em; } @media screen and (max-width: 599px) { .tagline .page-title { float: none; text-align: center; } } .tagline .mod_breadcrumb { float: right; margin: 0; padding: 2.15385em 0 1.84615em; } .tagline .centered-wrapper { padding: 0; } @media screen and (max-width: 599px) { .tagline .mod_breadcrumb { float: none; margin: 1.69231em 0; padding: 0; text-align: center; } } .tagline .image_container { display: block; clear: both; margin: 0; padding: 0; border: 0; background: none; box-shadow: none; } .tagline img { display: block; } .tagline-no-border .tagline { border: 0; } .tagline-inner { position: relative; /* clearfix */ overflow: hidden; color: #707070; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); } .content-wrapper { zoom: 1; } .content-wrapper:before { content: ""; display: table; } .content-wrapper:after { content: ""; display: table; clear: both; } @media screen and (max-width: 1440px) { .content-wrapper { padding-right: var(--safe-area-right); padding-left: var(--safe-area-left); } } .tao-fullwidth .content-wrapper { max-width: none; padding-right: 0; padding-left: 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.-border-top { border-top: 1px solid #b2b9c4; } .centered-wrapper.-border-bottom { border-bottom: 1px solid #b2b9c4; } .centered-wrapper.-color-inverted { color: #ffffff; } .centered-wrapper.-highlight-color { background-color: #bec323; } .centered-wrapper.-background-color-1 { background-color: #000000; } .centered-wrapper.-background-color-2 { background-color: #f5f5f5; } .centered-wrapper.-small { min-height: 300px; } @media screen and (max-width: 599px) { .centered-wrapper.-small { min-height: 200px; } } .centered-wrapper.-medium { min-height: 600px; } @media screen and (max-width: 599px) { .centered-wrapper.-medium { min-height: 400px; } } .centered-wrapper.-large { min-height: 900px; } @media screen and (max-width: 599px) { .centered-wrapper.-large { min-height: 600px; } } .centered-wrapper.-background-mousemove, .centered-wrapper.-background-mousemove-inverted, .centered-wrapper.-background-parallax { overflow: hidden; } .centered-wrapper-background { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; background: 50% 50% no-repeat; background-size: cover; } .centered-wrapper-background video { /* Change this to `object-fit: cover;` once all browsers support it, */ /* see http://stackoverflow.com/a/20851590 */ position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .-background-mousemove > .centered-wrapper-background, .-background-mousemove-inverted > .centered-wrapper-background { right: -12%; } .centered-wrapper-inner { position: relative; } .centered-wrapper-inner.-fullwidth { max-width: none; margin: 0; } /* =========================================== * Content * ======================================== */ h1, h2 { line-height: 1.3; } h3, h4, h5, h6 { line-height: 1.5; font-weight: normal; } .main-content { float: right; width: 59.25926%; margin: 1.5em 7.40741% 3.75em 0; } @media screen and (max-width: 960px) { .main-content { float: none; width: auto; margin-right: 5.55556%; margin-left: 5.55556%; } } .tao-no-sidebar .main-content { float: none; width: auto; margin-left: 3.57143%; margin-right: 3.57143%; } @media screen and (max-width: 960px) { .tao-no-sidebar .main-content { margin-right: 5.55556%; margin-left: 5.55556%; } } .tao-sidebar-right .main-content { float: left; margin-right: 0; margin-left: 7.40741%; } @media screen and (max-width: 960px) { .tao-sidebar-right .main-content { float: none; margin-right: 5.55556%; margin-left: 5.55556%; } } .tao-fullwidth .main-content { margin: 0; } .tao-3-columns .main-content { width: 48.14815%; margin-right: 25.92593%; } @media screen and (max-width: 960px) { .tao-3-columns .main-content { width: auto; margin-right: 5.55556%; } } .main-content p, .main-content ul, .main-content ol, .main-content table, .main-content form, .main-content fieldset { margin-top: 0.75em; margin-bottom: 1.5em; } .main-content p > span[style] { padding: 0 0.1875em; } .main-content h1, .main-content h2, .main-content h3, .main-content h4, .main-content h5, .main-content h6 { margin-top: 0.75em; margin-bottom: 0.3em; font-weight: normal; } .main-content h1 { font-size: 72px; font-weight: bold; color: #bec323; } .main-content .-color-inverted h1 { color: #ffffff; } .main-content h2 { font-size: 46px; color: #707070; } .main-content .-color-inverted h2 { color: #707070; } .main-content h3 { font-size: 34px; } .main-content h4 { font-size: 1.1em; } .main-content h5 { font-size: 1em; line-height: 1.50056; } .main-content h6 { font-size: 0.8em; line-height: 1.50063; letter-spacing: 0.0625em; color: #707070; text-transform: uppercase; } .-color-inverted .main-content h6 { color: #707070; } .main-content ul, .main-content ol { padding-left: 1.25em; } .main-content ul li[data-icon], .main-content ul li[class^="icon-"], .main-content ul li[class*=" icon-"], .main-content ol li[data-icon], .main-content ol li[class^="icon-"], .main-content ol li[class*=" icon-"] { padding-left: 0.25em; list-style: none; } .main-content ul li[data-icon]:before, .main-content ul li[class^="icon-"]:before, .main-content ul li[class*=" icon-"]:before, .main-content ol li[data-icon]:before, .main-content ol li[class^="icon-"]:before, .main-content ol li[class*=" icon-"]:before { left: -1.5em; width: 0; margin-right: 0; color: #bec323; } .main-content ul { list-style: disc; } .main-content ul ul { margin-top: 0; } .main-content ol { padding-left: 1.25em; list-style: decimal; } .main-content ol ol, .main-content ol ul { margin-top: 0; } .main-content ol ol { padding-left: 1.5em; list-style: upper-alpha; } .main-content ol ol ol { list-style: lower-roman; } .main-content ol ol ol ol { list-style: lower-alpha; } .main-content blockquote { position: relative; margin: 1.28571em 0 1.28571em 1.90476em; font-size: 1.3125em; line-height: 1.33381; color: #707070; } .-color-inverted .main-content blockquote { color: #707070; } @media screen and (max-width: 599px) { .main-content blockquote { margin-left: 12.5%; } } .main-content blockquote small, .main-content blockquote i, .main-content blockquote em { font-size: 0.7619em; line-height: 1.5625; font-style: normal; } .main-content blockquote:before { content: "\201c"; position: absolute; top: 0; left: -0.47619em; margin: 0.47619em 0 0 -0.08333em; font-size: 4em; font-weight: bold; line-height: 0; opacity: 0.5; } @media screen and (max-width: 599px) { .main-content blockquote:before { left: -12.5%; margin-left: -0.11905em; } } .main-content img { max-width: 100%; height: auto; } .main-content .gm-style img { max-width: none; } .main-content .rsts-main { margin: 24px 0; } .main-content .main-slider { margin: 0; } /* =========================================== * Forms * ======================================== */ form h1, form h2, form h3, form h4, form h5, form h6 { clear: both; } form .widget { position: relative; clear: both; } form p b.error, form p.error { margin: 0; display: block; color: #df3763; } input, textarea { padding: 0.85714em 1.35714em; line-height: normal; border: 1px solid #b2b9c4; border-bottom-color: #a4acb9; border-radius: 3px; font-size: 0.875em; color: inherit; background: #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: #a4acb9 #a4acb9 #98a1b0; box-shadow: 0 0 6px rgba(0, 0, 0, 0.1); } input:focus, textarea:focus { border-color: #bec323; } .-color-inverted input, .-color-inverted textarea { background: #000000; } input[type="text"], input[type="search"], input[type="email"], input[type="password"], input[type="url"] { outline: none; } input[type="checkbox"], input[type="radio"], input[type="image"] { width: auto !important; height: auto !important; margin: 0; padding: 0; border: 0; box-shadow: none; } input[type="checkbox"] { vertical-align: middle; -webkit-appearance: checkbox; -moz-appearance: checkbox; appearance: checkbox; } input[type="radio"] { vertical-align: middle; -webkit-appearance: radio; -moz-appearance: radio; appearance: radio; background: none; } input[type="file"] { height: auto; padding: 0; border: 0; /* IE8 and IE9 */ border: 1px solid #b2b9c4 \9; background: none; box-shadow: none; } button, input[type="submit"] { margin-top: 1.125em; } textarea { height: 200px; resize: vertical; line-height: 1.5; outline: none; } fieldset { margin: 1.125em 0; border: 1px solid #b2b9c4; } fieldset legend { padding: 0 0.3125em; } fieldset + br { /* Kill
that Contao injects */ display: none; } .main-content form .widget { margin-top: 1.125em; margin-bottom: 1.125em; } .main-content label { display: block; margin-bottom: 0.35714em; font-size: 0.875em; color: #707070; } .-color-inverted .main-content label { color: #707070; } .main-content label .mandatory { margin-left: 0.14286em; color: #bec323; } .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 input[type="submit"] { width: auto; } @media screen and (max-width: 599px) { .main-content input[type="submit"] { width: 100%; } } .explanation p, .captcha_text p { margin: 0; } .explanation { font-size: 0.875em; margin: -0.85714em 0 1.71429em; color: #707070; } .-color-inverted .explanation { color: #707070; } .captcha_text { display: block; } label .captcha_text { display: inline; } .sidebar form input, .sidebar form textarea, .sidebar form select, .sidebar form fieldset, .sidebar form button { width: 100%; } .sidebar form label { display: block; margin-bottom: 0.3125em; font-size: 1em; } .sidebar form input[type="checkbox"], .sidebar form input[type="radio"], .sidebar form input[type="image"] { width: auto; } /* =========================================== * Content elements * ======================================== */ .image_container { position: relative; display: inline-block; max-width: 100%; } .image_container.no-border, .no-border .image_container { padding: 0; border: 0; box-shadow: none; background: none; } .image_container.float_above { margin-top: 1.5em; } .image_container.float_below { margin-bottom: 1.5em; } .image_container img { display: block; width: 100%; height: auto; } .image_container a { position: relative; display: block; overflow: hidden; /* Fixes IE bug */ text-decoration: none; } .image_container a:hover:before, .image_container a:focus:before { content: ""; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.3); } .image_container a:hover:after, .image_container a:focus:after { font: 1.5em/1 "RockSolid Icons"; content: "\2b"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; position: absolute; top: 50%; left: 50%; z-index: 2; margin: -0.5em; color: #ffffff; text-shadow: 0 0 2px rgba(0, 0, 0, 0.35); } .image_container a:hover img, .image_container a:focus img { -webkit-filter: blur(2px); -moz-filter: blur(2px); filter: blur(2px); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } .image_container figcaption, .image_container .caption { /* overwrite elements style attribute */ width: 100% !important; padding: 0.42857em 0 0; font-size: 0.875em; color: #707070; } .image_container.float_right, .image_container.float_left { float: right; width: 37.5% !important; margin: 1.5em 0 1.125em 6.25%; } @media screen and (max-width: 599px) { .image_container.float_right, .image_container.float_left { margin-left: 0; float: none !important; width: auto !important; width: auto !important; } } .tao-no-sidebar .image_container.float_right, .tao-no-sidebar .image_container.float_left { margin: 0.5em 0 1em 4%; width: 24% !important; } @media screen and (max-width: 960px) { .tao-no-sidebar .image_container.float_right, .tao-no-sidebar .image_container.float_left { margin-left: 6.25%; width: 37.5% !important; } } @media screen and (max-width: 599px) { .tao-no-sidebar .image_container.float_right, .tao-no-sidebar .image_container.float_left { margin-left: 0; width: auto !important; } } .no-resize .image_container.float_right, .tao-no-sidebar .no-resize .image_container.float_right, .image_container.float_right.no-resize, .tao-no-sidebar .image_container.float_right.no-resize, .no-resize .image_container.float_left, .tao-no-sidebar .no-resize .image_container.float_left, .image_container.float_left.no-resize, .tao-no-sidebar .image_container.float_left.no-resize { width: auto !important; } .image_container.float_left { float: left; margin: 0.5em 6.25% 1em 0; } @media screen and (max-width: 599px) { .image_container.float_left { margin-right: 0; } } .tao-no-sidebar .image_container.float_left { margin: 0.5em 3.84615% 1em 0; } @media screen and (max-width: 960px) { .tao-no-sidebar .image_container.float_left { margin-right: 6.25%; } } @media screen and (max-width: 599px) { .tao-no-sidebar .image_container.float_left { margin-right: 0; } } .no-resize .image_container:not(.float_right):not(.float_left) img, .image_container:not(.float_right):not(.float_left).no-resize img { width: auto; max-width: 100%; } .ce_youtube-wrapper, .ce_vimeo-wrapper { position: relative; margin: 1.5em 0; /* ratio 16 to 9 */ padding-bottom: 56.25%; height: 0; overflow: hidden; } .ce_youtube-wrapper iframe, .ce_youtube-wrapper object, .ce_youtube-wrapper embed, .ce_vimeo-wrapper iframe, .ce_vimeo-wrapper object, .ce_vimeo-wrapper embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .mejs__video:not(.mejs__container-fullscreen), .mejs__audio:not(.mejs__container-fullscreen) { margin: 1.25em 0; } .mejs__video:not(.mejs__container-fullscreen) video, .mejs__audio:not(.mejs__container-fullscreen) video { object-fit: cover; } .mejs__video button, .mejs__audio button { -webkit-appearance: button; -moz-appearance: button; appearance: button; border-radius: 0; box-shadow: none; } .mejs__video button:hover, .mejs__video button:focus, .mejs__audio button:hover, .mejs__audio button:focus { background-image: url("../../assets/mediaelement/images/mejs-controls.svg"); } .video_container video, .audio_container audio { display: block; width: 100%; } .video_container video { height: auto; } .video_container { margin: 1.25em 0; } .video_container iframe { border: 0; } .video_container .responsive { position: relative; padding-bottom: 56.25%; } .video_container .responsive.ratio-169 { padding-bottom: 56.25%; } .video_container .responsive.ratio-1610 { padding-bottom: 62.5%; } .video_container .responsive.ratio-219 { padding-bottom: 42.85714%; } .video_container .responsive.ratio-43 { padding-bottom: 75%; } .video_container .responsive.ratio-32 { padding-bottom: 66.66667%; } .video_container .responsive iframe, .video_container .responsive img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .ce_gallery > ul.cols_1 > li { width: 100%; } .ce_gallery > ul.cols_2 > li { width: 49.25%; } .ce_gallery > ul.cols_3 > li { width: 32.33333%; } .ce_gallery > ul.cols_4 > li { width: 23.875%; } .ce_gallery > ul.cols_5 > li { width: 18.8%; } .ce_gallery > ul.cols_6 > li { width: 15.41667%; } .ce_gallery > ul.cols_7 > li { width: 13%; } .ce_gallery > ul.cols_8 > li { width: 11.1875%; } .ce_gallery > ul.cols_9 > li { width: 9.77778%; } .ce_gallery > ul.cols_10 > li { width: 8.65%; } .ce_gallery > ul.cols_11 > li { width: 7.72727%; } .ce_gallery > ul.cols_12 > li { width: 6.95833%; } @media screen and (max-width: 599px) { .ce_gallery.ce_gallery > ul > li { /* doubled class for specificity */ width: auto; } } .ce_gallery.no-resize > ul > li { width: auto; } .main-content .ce_gallery { margin: 1.5em 0; } .ce_gallery > ul { zoom: 1; margin: 0 !important; padding: 0 0 1.5% 0 !important; list-style: none !important; } .ce_gallery > ul:before { content: ""; display: table; } .ce_gallery > ul:after { content: ""; display: table; clear: both; } .ce_gallery > ul > li { float: left; width: 23.875%; margin: 1.5% 0 0 1.5%; } @media screen and (max-width: 599px) { .ce_gallery > ul > li { margin-left: 0; margin-right: 1.5%; } } .ce_gallery > ul > li.col_first { clear: left; margin-left: 0; } @media screen and (max-width: 599px) { .ce_gallery > ul > li.col_first { clear: none; } } .ce_gallery > ul > li.col_last { /* for rounding failures */ margin-right: -1%; } @media screen and (max-width: 599px) { .ce_gallery > ul > li.col_last { margin-right: 1.5%; } } .ce_gallery > ul > li > .image_container { display: block; width: 100%; } .ce_gallery img { width: 100%; height: auto; } .enclosure, .sidebar .enclosure, .ce_downloads, .sidebar .ce_downloads { margin: 1.6875em 0; padding: 1.25em 1.875em; border: 1px solid #b2b9c4; border-radius: 3px; } .enclosure h1, .enclosure h2, .enclosure h3, .enclosure h4, .enclosure h5, .enclosure h6, .sidebar .enclosure h1, .sidebar .enclosure h2, .sidebar .enclosure h3, .sidebar .enclosure h4, .sidebar .enclosure h5, .sidebar .enclosure h6, .ce_downloads h1, .ce_downloads h2, .ce_downloads h3, .ce_downloads h4, .ce_downloads h5, .ce_downloads h6, .sidebar .ce_downloads h1, .sidebar .ce_downloads h2, .sidebar .ce_downloads h3, .sidebar .ce_downloads h4, .sidebar .ce_downloads h5, .sidebar .ce_downloads h6 { margin: -1.75em -2.58333em 1.66667em; padding: 0.66667em 1.66667em; border-radius: 3px 3px 0 0; font-size: 0.75em; font-weight: bold; letter-spacing: 0.08333em; color: #ffffff; text-transform: uppercase; background: #bec323; } .enclosure h1:before, .enclosure h2:before, .enclosure h3:before, .enclosure h4:before, .enclosure h5:before, .enclosure h6:before, .sidebar .enclosure h1:before, .sidebar .enclosure h2:before, .sidebar .enclosure h3:before, .sidebar .enclosure h4:before, .sidebar .enclosure h5:before, .sidebar .enclosure h6:before, .ce_downloads h1:before, .ce_downloads h2:before, .ce_downloads h3:before, .ce_downloads h4:before, .ce_downloads h5:before, .ce_downloads h6:before, .sidebar .ce_downloads h1:before, .sidebar .ce_downloads h2:before, .sidebar .ce_downloads h3:before, .sidebar .ce_downloads h4:before, .sidebar .ce_downloads h5:before, .sidebar .ce_downloads h6:before { font: 1.16667em/1 "RockSolid Icons"; content: "\e06d"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; top: 0.07143em; float: right; } .enclosure ul, .enclosure p, .sidebar .enclosure ul, .sidebar .enclosure p, .ce_downloads ul, .ce_downloads p, .sidebar .ce_downloads ul, .sidebar .ce_downloads p { margin: 0; padding: 0; list-style: none; } .ce_accordion { color: #707070; } .ce_accordion[data-icon], .ce_accordion[class^="icon-"], .ce_accordion[class*=" icon-"] { position: relative; } .ce_accordion[data-icon]:before, .ce_accordion[class^="icon-"]:before, .ce_accordion[class*=" icon-"]:before { position: absolute; top: 0.75em; left: 1em; z-index: 1; font-size: 1.25em; } .ce_accordion[data-icon] .toggler, .ce_accordion[class^="icon-"] .toggler, .ce_accordion[class*=" icon-"] .toggler { padding-left: 3.125em; } .ce_accordion .toggler { position: relative; /* collapse borders */ margin-bottom: -2px; padding: 0.6875em 2.5em 0.8125em 1.25em; border: 1px solid #b2b9c4; border-radius: 3px; outline: none; font-weight: bold; cursor: pointer; background: #ffffff; } .ce_accordion .toggler:after { font: 0.8125em/1 "RockSolid Icons"; content: "\2b"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; position: absolute; top: 1.38462em; right: 1.53846em; } .ce_accordion .toggler:hover { color: #707070; text-decoration: none; } .ce_accordion .toggler.ui-accordion-header-active:after { content: "\2212"; } .ce_accordion + .ce_accordion .toggler { border-radius: 0 0 3px 3px; } .ce_accordion .accordion { zoom: 1; position: relative; /* collapse borders */ margin-bottom: -2px; padding: 0.0625em 1.25em; border: 1px solid #b2b9c4; border-top-color: #d8dce1; border-radius: 0 0 3px 3px; background: #e5e5e5; } .ce_accordion .accordion:before { content: ""; display: table; } .ce_accordion .accordion:after { content: ""; display: table; clear: both; } .icon-boxes { zoom: 1; margin: 2.75em 0; } .icon-boxes:before { content: ""; display: table; } .icon-boxes:after { content: ""; display: table; clear: both; } .icon-boxes > h1, .icon-boxes > h2, .icon-boxes > h3, .icon-boxes > h4, .icon-boxes > h5, .icon-boxes > h6 { margin-top: 0; margin-bottom: 1em; } .icon-boxes-item { position: relative; display: block; font-size: 0.875em; color: #707070; text-align: center; text-decoration: none; } .icon-boxes-item.-align-left { text-align: left; } .icon-boxes-item.-align-right { text-align: right; } .icon-boxes-item.-color-inverted, .-color-inverted .icon-boxes-item { color: #ffffff; } .icon-boxes-item.-color-inverted:before, .icon-boxes-item.-color-inverted.-inverted-icon:before, .-color-inverted .icon-boxes-item:before, .-color-inverted .icon-boxes-item.-inverted-icon:before { border-color: #ffffff; color: #ffffff; background-color: transparent; } .icon-boxes-item.-color-inverted h3, .-color-inverted .icon-boxes-item h3 { color: #ffffff; } .icon-boxes-item.-boxed { top: 1.78571em; /* margin-top can not be used here because it's set by .rs-column */ margin-bottom: 1.78571em; padding: 0 1.42857em 1.42857em; border: 1px solid #b2b9c4; border-radius: 3px; } .icon-boxes-item.-boxed.-headline-icon { top: auto; margin-bottom: 0; padding-top: 1.42857em; } .icon-boxes-item.-boxed:before { top: -0.46875em; margin-top: -0.46875em; margin-bottom: 0.125em; } .icon-boxes-item.-background-color { padding: 1.42857em; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 3px; } .icon-boxes-item.-background-color:before { background-color: inherit; } .icon-boxes-item.-background-color:hover:before, .icon-boxes-item.-background-color:focus:before { background-color: inherit; } .icon-boxes-item.-boxed.-background-color { padding: 0 1.42857em 1.42857em; } .icon-boxes-item:hover, .icon-boxes-item:focus { text-decoration: none; } .icon-boxes-item:before { width: 1em; height: 1em; margin: 0 0 0.59375em; padding: 0.34375em; border: 0.09375em solid #bec323; border-radius: 100%; font-size: 2.28571em; color: #bec323; text-align: center; background: transparent; -webkit-transition-property: opacity, -webkit-transform, color, background; -moz-transition-property: opacity, -moz-transform, color, background; -o-transition-property: opacity, -o-transform, color, background; transition-property: opacity, transform, color, background; -webkit-transition-duration: 0.2s, 0.2s, 0.2s, 0.8s; -moz-transition-duration: 0.2s, 0.2s, 0.2s, 0.8s; -o-transition-duration: 0.2s, 0.2s, 0.2s, 0.8s; transition-duration: 0.2s, 0.2s, 0.2s, 0.8s; } .not-in-view > .icon-boxes-item:before, .does-repeat.not-in-view > .icon-boxes-item:before, .does-repeat .not-in-view > .icon-boxes-item:before { opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } .does-repeat.in-view > .icon-boxes-item:before, .does-repeat .in-view > .icon-boxes-item:before, .has-shown > .icon-boxes-item:before { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .icon-boxes-item:nth-of-type(12n+1):before { -webkit-transition-delay: 0.1s, 0.1s, 0s, 0s; -moz-transition-delay: 0.1s, 0.1s, 0s, 0s; -o-transition-delay: 0.1s, 0.1s, 0s, 0s; transition-delay: 0.1s, 0.1s, 0s, 0s; } .icon-boxes-item:nth-of-type(12n+2):before { -webkit-transition-delay: 0.2s, 0.2s, 0s, 0s; -moz-transition-delay: 0.2s, 0.2s, 0s, 0s; -o-transition-delay: 0.2s, 0.2s, 0s, 0s; transition-delay: 0.2s, 0.2s, 0s, 0s; } .icon-boxes-item:nth-of-type(12n+3):before { -webkit-transition-delay: 0.3s, 0.3s, 0s, 0s; -moz-transition-delay: 0.3s, 0.3s, 0s, 0s; -o-transition-delay: 0.3s, 0.3s, 0s, 0s; transition-delay: 0.3s, 0.3s, 0s, 0s; } .icon-boxes-item:nth-of-type(12n+4):before { -webkit-transition-delay: 0.4s, 0.4s, 0s, 0s; -moz-transition-delay: 0.4s, 0.4s, 0s, 0s; -o-transition-delay: 0.4s, 0.4s, 0s, 0s; transition-delay: 0.4s, 0.4s, 0s, 0s; } .icon-boxes-item:nth-of-type(12n+5):before { -webkit-transition-delay: 0.5s, 0.5s, 0s, 0s; -moz-transition-delay: 0.5s, 0.5s, 0s, 0s; -o-transition-delay: 0.5s, 0.5s, 0s, 0s; transition-delay: 0.5s, 0.5s, 0s, 0s; } .icon-boxes-item:nth-of-type(12n+6):before { -webkit-transition-delay: 0.6s, 0.6s, 0s, 0s; -moz-transition-delay: 0.6s, 0.6s, 0s, 0s; -o-transition-delay: 0.6s, 0.6s, 0s, 0s; transition-delay: 0.6s, 0.6s, 0s, 0s; } .icon-boxes-item:nth-of-type(12n+7):before { -webkit-transition-delay: 0.7s, 0.7s, 0s, 0s; -moz-transition-delay: 0.7s, 0.7s, 0s, 0s; -o-transition-delay: 0.7s, 0.7s, 0s, 0s; transition-delay: 0.7s, 0.7s, 0s, 0s; } .icon-boxes-item:nth-of-type(12n+8):before { -webkit-transition-delay: 0.8s, 0.8s, 0s, 0s; -moz-transition-delay: 0.8s, 0.8s, 0s, 0s; -o-transition-delay: 0.8s, 0.8s, 0s, 0s; transition-delay: 0.8s, 0.8s, 0s, 0s; } .icon-boxes-item:nth-of-type(12n+9):before { -webkit-transition-delay: 0.9s, 0.9s, 0s, 0s; -moz-transition-delay: 0.9s, 0.9s, 0s, 0s; -o-transition-delay: 0.9s, 0.9s, 0s, 0s; transition-delay: 0.9s, 0.9s, 0s, 0s; } .icon-boxes-item:nth-of-type(12n+10):before { -webkit-transition-delay: 1s, 1s, 0s, 0s; -moz-transition-delay: 1s, 1s, 0s, 0s; -o-transition-delay: 1s, 1s, 0s, 0s; transition-delay: 1s, 1s, 0s, 0s; } .icon-boxes-item:nth-of-type(12n+11):before { -webkit-transition-delay: 1.1s, 1.1s, 0s, 0s; -moz-transition-delay: 1.1s, 1.1s, 0s, 0s; -o-transition-delay: 1.1s, 1.1s, 0s, 0s; transition-delay: 1.1s, 1.1s, 0s, 0s; } .icon-boxes-item:nth-of-type(12n+12):before { -webkit-transition-delay: 1.2s, 1.2s, 0s, 0s; -moz-transition-delay: 1.2s, 1.2s, 0s, 0s; -o-transition-delay: 1.2s, 1.2s, 0s, 0s; transition-delay: 1.2s, 1.2s, 0s, 0s; } .icon-boxes-item.-inverted-icon:before { border-color: #bec323; color: #ffffff; background-color: #bec323; } .icon-boxes-item.-large-icon:before { font-size: 2.71429em; /* IE9 - IE11 */ font-size: 2.375rem; } .icon-boxes-item.-headline-icon { text-align: left; } .icon-boxes-item.-headline-icon:before { float: left; top: 0; margin: 0; padding: 0; border: 0; border-radius: 0; background: none; } .icon-boxes-item.-headline-icon h3 { padding: 0.09524em 0 0 2.19048em; } .icon-boxes-item:hover:before, .icon-boxes-item:focus:before { color: #ffffff; background-color: #bec323; } .icon-boxes-item:hover.-inverted-icon:before, .icon-boxes-item:focus.-inverted-icon:before { color: #bec323; background-color: #ffffff; } .icon-boxes-item:hover.-headline-icon:before, .icon-boxes-item:focus.-headline-icon:before { color: #bec323; background: none; } .icon-boxes-item h3 { margin: 0 0 0.66667em; font-family: Source Sans Pro, sans-serif; font-style: normal; font-size: 1.5em; color: #707070; } .icon-boxes-item p { margin: 0.5em 0; } .icon-boxes-item-link.-link { color: #707070; } .icon-boxes-item:hover > .icon-boxes-item-link.-link, .icon-boxes-item:focus > .icon-boxes-item-link.-link { text-decoration: underline; } .-color-inverted .icon-boxes-item-link { color: #ffffff; } .rotating-boxes { zoom: 1; margin: 4% 0; } .rotating-boxes:before { content: ""; display: table; } .rotating-boxes:after { content: ""; display: table; clear: both; } .rotating-boxes-item { position: relative; color: #707070; text-decoration: none; -webkit-perspective: 750px; -moz-perspective: 750px; -ms-perspective: 750px; -o-perspective: 750px; perspective: 750px; } .rotating-boxes-item:hover, .rotating-boxes-item:focus, .rotating-boxes-item.hover { text-decoration: none; } .rotating-boxes-item:hover > .rotating-boxes-item-cover, .rotating-boxes-item:focus > .rotating-boxes-item-cover, .rotating-boxes-item.hover > .rotating-boxes-item-cover { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); } .rotating-boxes-item:hover > .rotating-boxes-item-content, .rotating-boxes-item:focus > .rotating-boxes-item-content, .rotating-boxes-item.hover > .rotating-boxes-item-content { -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg); } .rotating-boxes-item-cover, .rotating-boxes-item-content { position: relative; border: 1px solid #b2b9c4; border-radius: 3px; background: #ffffff; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; -o-transition: -o-transform 0.3s; transition: transform 0.3s; -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } .rotating-boxes-item-cover { position: absolute; top: 0; right: 0; bottom: 0; left: 0; color: #bec323; } .rotating-boxes-item-cover:before, .rotating-boxes-item-cover:after { position: absolute; top: 50%; left: 50%; } .rotating-boxes-item-cover:before { margin: -1em 0 0 -0.5em; font-size: 2.625em; } .rotating-boxes-item-cover:after { content: attr(data-headline); left: 0; width: 100%; margin: 0.35714em 0 0; font-size: 1.75em; text-align: center; } .rotating-boxes-item-content { overflow: hidden; margin: -1em; padding: 1em 3.14286em; font-size: 0.875em; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); } .rotating-boxes-item-content:before { position: absolute; top: 0; right: 0; margin: -0.3em; font-size: 14.28571em; color: #bec323; opacity: 0.2; } .rotating-boxes-item-content h3 { position: relative; margin: 0.66667em 0; font-size: 1.5em; color: #bec323; } .-color-inverted .rotating-boxes-item-content h3 { color: #bec323; } .rotating-boxes-item-content p { position: relative; margin: 1em 0; } .rotating-boxes-item-content .rotating-boxes-item-link { margin-top: 0; } .teaser-boxes, .team-boxes { margin: 2.5em 0; zoom: 1; } .teaser-boxes:before, .team-boxes:before { content: ""; display: table; } .teaser-boxes:after, .team-boxes:after { content: ""; display: table; clear: both; } .teaser-boxes > h1, .team-boxes > h1, .teaser-boxes > h2, .team-boxes > h2, .teaser-boxes > h3, .team-boxes > h3, .teaser-boxes > h4, .team-boxes > h4, .teaser-boxes > h5, .team-boxes > h5, .teaser-boxes > h6, .team-boxes > h6 { margin-top: 0; margin-bottom: 1.5em; } .teaser-boxes-item, .team-boxes-item { font-size: 0.875em; text-decoration: none; color: inherit; outline: none; } .teaser-boxes-item.-align-center, .-align-center.team-boxes-item { text-align: center; } .teaser-boxes-item.-align-right, .-align-right.team-boxes-item { text-align: right; } .-color-inverted .teaser-boxes-item, .-color-inverted .team-boxes-item { color: #707070; } .-boxed > .teaser-boxes-item, .-boxed > .team-boxes-item { color: #707070; } .teaser-boxes-item .image-wrapper, .team-boxes-item .image-wrapper { position: relative; display: block; overflow: hidden; outline: none; } .teaser-boxes-item .image-wrapper.-image-circle, .team-boxes-item .image-wrapper.-image-circle { border-radius: 99em; overflow: hidden; /* Fixes hover in Chrome */ opacity: 0.99; } .teaser-boxes-item .image-wrapper.-image-circle img, .team-boxes-item .image-wrapper.-image-circle img { /* Fixes android bug with border-radius and overflow */ border-radius: 99em; } .teaser-boxes-item .image-wrapper, .team-boxes-item .image-wrapper, .teaser-boxes-item .no-image, .team-boxes-item .no-image { margin-bottom: 1.28571em; } .-boxed > .teaser-boxes-item .image-wrapper, .-boxed > .team-boxes-item .image-wrapper, .-boxed > .teaser-boxes-item .no-image, .-boxed > .team-boxes-item .no-image { margin: -1.42857em -1.42857em 1.28571em; } .-boxed > .teaser-boxes-item, .-boxed > .team-boxes-item { overflow: hidden; padding: 1.42857em; border: 1px solid #b2b9c4; border-radius: 3px; outline: none; background-color: #ffffff; } .teaser-boxes-item img, .team-boxes-item img { display: block; width: 100%; height: auto; } .teaser-boxes-item .no-image, .team-boxes-item .no-image { display: block; padding-top: 75%; background: #e5e8ee; } .teaser-boxes-item h3, .team-boxes-item h3 { margin: 0 0 0.33333em; font-size: 1.28571em; font-weight: bold; -webkit-transition: color 0.3s ease-out; -moz-transition: color 0.3s ease-out; -o-transition: color 0.3s ease-out; transition: color 0.3s ease-out; } .-color-inverted .teaser-boxes-item h3, .-color-inverted .team-boxes-item h3 { color: #ffffff; } .-color-inverted .-boxed .teaser-boxes-item h3, .-color-inverted .-boxed .team-boxes-item h3 { color: #707070; } .teaser-boxes-item h4, .team-boxes-item h4 { margin: 0; font-size: 1em; font-weight: normal; } .teaser-boxes-item p, .team-boxes-item p, .teaser-boxes-item ul, .team-boxes-item ul, .teaser-boxes-item ol, .team-boxes-item ol { margin: 0.42857em 0; } .teaser-boxes-item a, .team-boxes-item a { margin-top: 0.57143em; } .-color-inverted .teaser-boxes-item a, .-color-inverted .team-boxes-item a { color: inherit; } .teaser-boxes-item .image-wrapper.-has-hover:hover, .team-boxes-item .image-wrapper.-has-hover:hover, .teaser-boxes-item .image-wrapper.-has-hover:focus, .team-boxes-item .image-wrapper.-has-hover:focus { outline: none; } .teaser-boxes-item .image-wrapper.-has-hover:hover:before, .team-boxes-item .image-wrapper.-has-hover:hover:before, .teaser-boxes-item .image-wrapper.-has-hover:focus:before, .team-boxes-item .image-wrapper.-has-hover:focus:before { content: ""; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.3); } .teaser-boxes-item .image-wrapper.-has-hover:hover img, .team-boxes-item .image-wrapper.-has-hover:hover img, .teaser-boxes-item .image-wrapper.-has-hover:focus img, .team-boxes-item .image-wrapper.-has-hover:focus img { -webkit-filter: blur(2px); -moz-filter: blur(2px); filter: blur(2px); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } .teaser-boxes-item a.image-wrapper.-has-hover:hover, .team-boxes-item a.image-wrapper.-has-hover:hover, .teaser-boxes-item a.image-wrapper.-has-hover:focus, .team-boxes-item a.image-wrapper.-has-hover:focus { /* Fixes IE bug */ text-decoration: none; } .teaser-boxes-item a.image-wrapper.-has-hover:hover:after, .team-boxes-item a.image-wrapper.-has-hover:hover:after, .teaser-boxes-item a.image-wrapper.-has-hover:focus:after, .team-boxes-item a.image-wrapper.-has-hover:focus:after { font: 1.5em/1 "RockSolid Icons"; content: "\2b"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; position: absolute; top: 50%; left: 50%; z-index: 2; margin: -0.5em; color: #ffffff; text-shadow: 0 0 2px rgba(0, 0, 0, 0.35); } .team-boxes-item h3 { font-size: 1.14286em; } .team-boxes-item .hover-image { position: absolute; top: auto; bottom: -100%; left: 0; width: 100%; -webkit-transition: bottom 0.2s ease-out; -moz-transition: bottom 0.2s ease-out; -o-transition: bottom 0.2s ease-out; transition: bottom 0.2s ease-out; } .team-boxes-item:hover .hover-image { bottom: 0; } .team-boxes-item > ul { margin: 0.57143em 0; padding: 0; list-style-type: none; } .team-boxes-item > ul li { display: inline; } .team-boxes-item > ul a { display: inline-block; overflow: hidden; padding: 0.57143em 0.57143em 0 0.07143em; outline: none; line-height: 0; /* Fixes Chrome bug */ letter-spacing: -1em; text-indent: -99em; text-decoration: none; } .team-boxes-item > ul a:before { content: none; } .team-boxes-item > ul a:after { font: 1.28571em/1 "RockSolid Icons"; content: attr(data-icon); -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; display: block; letter-spacing: 0; color: #a3a3a3 !important; } .team-boxes-item > ul a:hover:after, .team-boxes-item > ul a:focus:after { color: inherit !important; } .highlight-box { /* clearfix */ overflow: hidden; display: table; width: 100%; margin: 1.5em 0; padding: 1.11111em 1.11111em; border: 1px solid #b2b9c4; border-radius: 3px; font-size: 1.125em; line-height: 1.50056; color: #707070; } .highlight-box-inner { display: table-cell; vertical-align: middle; text-align: right; } @media screen and (max-width: 599px) { .highlight-box-inner { display: block; margin-top: 1em; text-align: left; } } .highlight-box-inner:first-child { width: 65%; text-align: left; } @media screen and (max-width: 599px) { .highlight-box-inner:first-child { width: auto; margin-top: 0; } } .highlight-box-inner h1:first-child, .highlight-box-inner h2:first-child, .highlight-box-inner h3:first-child, .highlight-box-inner h4:first-child, .highlight-box-inner p:first-child, .highlight-box-inner ul:first-child, .highlight-box-inner ol:first-child { margin: 0; } .highlight-box-inner p:last-child { margin-bottom: 0; } .highlight-box-link { font-size: 0.77778em; } .testimonial, .main-content .testimonial { margin: 1.5em 0; font-size: 1em; line-height: 1.56313; } .testimonial:before, .main-content .testimonial:before { content: none; } .-color-inverted .testimonial, .-color-inverted .main-content .testimonial { color: #ffffff; } .testimonial > p, .main-content .testimonial > p { position: relative; margin: 0; padding: 1.0625em 1.25em 1.125em; border: 1px solid #b2b9c4; border-radius: 3px; } .testimonial > p:before, .testimonial > p:after, .main-content .testimonial > p:before, .main-content .testimonial > p:after { content: ""; position: absolute; top: 100%; left: 4.375em; width: 0; height: 0; border: solid transparent; border-top-color: #a4acb9; border-style: solid; border-width: 16px 16px 0 0; } @media screen and (max-width: 599px) { .testimonial > p:before, .testimonial > p:after, .main-content .testimonial > p:before, .main-content .testimonial > p:after { content: none; } } .testimonial > p:after, .main-content .testimonial > p:after { margin-left: 1px; border-top-color: #ffffff; border-width: 14px 14px 0 0; } .testimonial.-large, .main-content .testimonial.-large { margin: 2em 0; font-size: 1.125em; text-align: center; } .testimonial.-large:before, .main-content .testimonial.-large:before { content: "\201c"; position: static; display: block; margin: 0 0 -0.05556em; line-height: 1; } .testimonial.-large > p, .main-content .testimonial.-large > p { padding: 0; border: 0; font-size: 1.33333em; font-weight: 300; } @media screen and (max-width: 599px) { .testimonial.-large > p, .main-content .testimonial.-large > p { font-size: 1.11111em; } } .testimonial.-large > p:before, .testimonial.-large > p:after, .main-content .testimonial.-large > p:before, .main-content .testimonial.-large > p:after { content: none; } .testimonial-author, .testimonial .testimonial-author { /* clearfix */ overflow: hidden; padding: 1em 0 0 0; font-size: 1em; } .testimonial-author img, .testimonial .testimonial-author img { float: left; width: 7em; height: auto; margin-left: 1.3125em; border: 1px solid #e5e8ee; border: 1px solid rgba(112, 112, 112, 0.5); border-radius: 100%; } @media screen and (max-width: 599px) { .testimonial-author img, .testimonial .testimonial-author img { margin-left: 0; } } .testimonial-author > small, .testimonial .testimonial-author > small { float: left; margin: 2.25em 0 0 1.25em; font-size: inherit; line-height: 1.2; } .testimonial-author > small b, .testimonial .testimonial-author > small b { display: block; font-size: 0.875em; font-weight: 300; } .testimonial-author > img + small, .testimonial-author > picture + small, .testimonial .testimonial-author > img + small, .testimonial .testimonial-author > picture + small { margin-left: 0.875em; } .testimonial.-large .testimonial-author { display: inline-block; min-height: 5.33333em; padding-top: 2em; text-align: left; } @media screen and (max-width: 599px) { .testimonial.-large .testimonial-author { text-align: center; } } .testimonial.-large .testimonial-author > small { margin-left: 0; text-align: center; } .testimonial.-large .testimonial-author img { margin-left: 0; } @media screen and (max-width: 599px) { .testimonial.-large .testimonial-author img { display: block; float: none; margin-right: auto; margin-left: auto; } } .testimonial.-large .testimonial-author > img + small, .testimonial.-large .testimonial-author > picture + small { margin-left: 0.875em; text-align: left; } @media screen and (max-width: 599px) { .testimonial.-large .testimonial-author > img + small, .testimonial.-large .testimonial-author > picture + small { margin-left: 0; text-align: center; } } .pricing-table { zoom: 1; margin: 2.75em 0; } .pricing-table:before { content: ""; display: table; } .pricing-table:after { content: ""; display: table; clear: both; } .pricing-table > h1, .pricing-table > h2, .pricing-table > h3, .pricing-table > h4, .pricing-table > h5, .pricing-table > h6 { margin-top: 0; } .pricing-table-plan { position: relative; float: left; width: 33.33333%; margin: 0.875em -1px 0 0; border: 1px solid #b2b9c4; text-align: center; } @media screen and (max-width: 599px) { .pricing-table-plan { float: none; width: auto !important; border-radius: 3px; margin-bottom: 1.6875em; } } .pricing-table-plan:first-of-type { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .pricing-table-plan:last-of-type { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } @media screen and (max-width: 599px) { .pricing-table-plan:last-of-type { margin-bottom: 0; } } .-columns-1 > .pricing-table-plan { width: 100%; } .-columns-1 > .pricing-table-plan.-highlighted { width: 103%; } .-columns-2 > .pricing-table-plan { width: 50%; } .-columns-2 > .pricing-table-plan.-highlighted { width: 53%; } .-columns-3 > .pricing-table-plan { width: 33.33333%; } .-columns-3 > .pricing-table-plan.-highlighted { width: 36.33333%; } .-columns-4 > .pricing-table-plan { width: 25%; } .-columns-4 > .pricing-table-plan.-highlighted { width: 28%; } .-columns-5 > .pricing-table-plan { width: 20%; } .-columns-5 > .pricing-table-plan.-highlighted { width: 23%; } .-columns-6 > .pricing-table-plan { width: 16.66667%; } .-columns-6 > .pricing-table-plan.-highlighted { width: 19.66667%; } .pricing-table-plan.-highlighted { z-index: 1; width: 36.33333%; margin-right: -1.5%; margin-left: -1.5%; padding-bottom: 1.25em; border-radius: 3px; background: #ffffff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } .pricing-table-plan.-highlighted h3 { margin: -0.9375em -1px 0; padding-top: 1.8125em; border-radius: 3px 3px 0 0; color: #ffffff; background: #bec323; } .pricing-table-plan h3 { margin: 0; padding: 0.875em 0; border-bottom: 1px solid #e5e8ee; font-size: inherit; font-weight: bold; color: inherit; } .pricing-table-plan p { margin: 0; padding: 0.375em 0; border-bottom: 1px solid #e5e8ee; font-size: 3em; line-height: 1; } .pricing-table-plan p b { display: inline-block; vertical-align: super; margin-left: -0.83333em; font-weight: normal; font-size: 0.5em; color: #707070; } .pricing-table-plan p i { display: block; font-style: normal; font-size: 0.29167em; color: #707070; } .pricing-table-plan ul { margin: 0 0 -1px 0; padding: 0; list-style: none; font-size: 0.875em; color: #707070; } .pricing-table-plan li { display: block; padding: 0.5em; border-bottom: 1px solid #e5e8ee; -webkit-transition: background-color 0.3s ease-in; -moz-transition: background-color 0.3s ease-in; -o-transition: background-color 0.3s ease-in; transition: background-color 0.3s ease-in; } .pricing-table-plan li:hover { background-color: #e5e8ee; -webkit-transition-duration: 0.05s; -moz-transition-duration: 0.05s; -o-transition-duration: 0.05s; transition-duration: 0.05s; } .pricing-table-plan a { font-size: 0.75em; margin: 1.5em 0; padding: 0.83333em 1.66667em 0.75em; } .info-table { overflow: auto; border: 0; } .info-table td, .info-table th { border-width: 0 0 1px; } .info-table .image-cell { padding: 20% 10%; text-align: center; } @media screen and (max-width: 960px) { .info-table .image-cell { padding: 0 0 5%; } } .feature-box { zoom: 1; position: relative; overflow: hidden; } .feature-box:before { content: ""; display: table; } .feature-box:after { content: ""; display: table; clear: both; } .feature-box.-image-centered { text-align: center; } .feature-box.-vertical-centered { display: table; table-layout: fixed; /* Fixes IE bug */ width: 100%; } @media screen and (max-width: 599px) { .feature-box.-vertical-centered { display: flex; flex-direction: column; justify-content: center; } } .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: auto; } } .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: auto; } } .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: auto; } } .feature-box.-headline-dropshadow h1, .feature-box.-headline-dropshadow h2, .feature-box.-headline-dropshadow h3 { text-shadow: 0 0 3px rgba(0, 0, 0, 0.45); } .feature-box-text { margin: 6.25em 48% 6.25em 0; color: #707070; list-style-type: disc; } @media screen and (max-width: 960px) { .feature-box-text { margin-right: 37.5%; } } @media screen and (max-width: 599px) { .feature-box-text { margin: 2.25em 0; } } .-image-left > .feature-box-text { margin-right: 0; margin-left: 48%; } @media screen and (max-width: 960px) { .-image-left > .feature-box-text { margin-left: 37.5%; } } @media screen and (max-width: 599px) { .-image-left > .feature-box-text { margin-left: 0; } } .-image-centered > .feature-box-text { margin-right: 16%; margin-left: 16%; } @media screen and (max-width: 960px) { .-image-centered > .feature-box-text { margin-right: 0; margin-left: 0; } } .-image-centered > .feature-box-text + .feature-box-image { margin-top: -2.25em; } @media screen and (max-width: 599px) { .-image-centered > .feature-box-text + .feature-box-image { margin-top: 0; } } .-vertical-centered > .feature-box-text { display: table-cell; vertical-align: middle; width: 56.0%; margin: 0; padding: 4.5em 4% 4.5em 0; } @media screen and (max-width: 960px) { .-vertical-centered > .feature-box-text { width: 68.75%; } } @media screen and (max-width: 599px) { .-vertical-centered > .feature-box-text { display: block; width: auto; padding-right: 0; } } .-vertical-centered.-image-left > .feature-box-text { padding-right: 0; padding-left: 4%; } @media screen and (max-width: 599px) { .-vertical-centered.-image-left > .feature-box-text { padding-left: 0; } } .-vertical-centered.-image-centered > .feature-box-text { width: 100%; padding-right: 20%; padding-left: 20%; } @media screen and (max-width: 960px) { .-vertical-centered.-image-centered > .feature-box-text { padding-right: 0; padding-left: 0; } } .-no-image > .feature-box-text { width: 100%; } .-color-inverted .feature-box-text { color: #ffffff; } .no-margin .feature-box-text { margin: 0; padding: 0; } .no-margin-top .feature-box-text { margin-top: 0; padding-top: 0; } .no-margin-bottom .feature-box-text { margin-bottom: 0; padding-bottom: 0; } .feature-box-text h1, .feature-box-text h2, .feature-box-text h3 { margin: 0; color: #707070; font-size: 2em; font-weight: bold; } @media screen and (max-width: 599px) { .feature-box-text h1, .feature-box-text h2, .feature-box-text h3 { font-size: 1.57143em; } } .feature-box-text h1 + a, .feature-box-text h2 + a, .feature-box-text h3 + a { margin-top: 1.71429em; } .-color-inverted .feature-box-text h1, .-color-inverted .feature-box-text h2, .-color-inverted .feature-box-text h3 { color: #ffffff; } .feature-box-text h1.-small, .feature-box-text h2.-small, .feature-box-text h3.-small { font-size: 1.3125em; } .feature-box-text h1.-medium, .feature-box-text h2.-medium, .feature-box-text h3.-medium { font-size: 2.375em; } @media screen and (max-width: 599px) { .feature-box-text h1.-medium, .feature-box-text h2.-medium, .feature-box-text h3.-medium { font-size: 1.875em; } } .feature-box-text h1.-large, .feature-box-text h2.-large, .feature-box-text h3.-large { font-size: 2.875em; } @media screen and (max-width: 599px) { .feature-box-text h1.-large, .feature-box-text h2.-large, .feature-box-text h3.-large { font-size: 2em; } } .feature-box-text h1.-super-size, .feature-box-text h2.-super-size, .feature-box-text h3.-super-size { font-size: 3.625em; } @media screen and (max-width: 599px) { .feature-box-text h1.-super-size, .feature-box-text h2.-super-size, .feature-box-text h3.-super-size { font-size: 2.25em; } } .feature-box-text p { font-size: 1.125em; } .feature-box-image { display: block; float: right; width: 44%; margin: 3em 0 3em 4%; } @media screen and (max-width: 960px) { .feature-box-image { width: 31.25%; } } @media screen and (max-width: 599px) { .feature-box-image { width: 100%; } } .-image-left > .feature-box-image { float: left; margin-right: 4%; margin-left: 0; } @media screen and (max-width: 599px) { .-image-left > .feature-box-image { float: none; margin-right: 0; } } .-image-centered > .feature-box-image { float: none; width: 64%; margin-right: auto; margin-left: auto; } @media screen and (max-width: 960px) { .-image-centered > .feature-box-image { width: 100%; } } .-image-centered > .feature-box-image + .feature-box-text { margin-top: 3em; } .-image-top > .feature-box-image { margin-top: 0; } .-image-bottom > .feature-box-image { position: absolute; bottom: 0; right: 0; margin: 0; } @media screen and (max-width: 599px) { .-image-bottom > .feature-box-image { position: static; margin-bottom: 3em; } } .-image-bottom.-image-left > .feature-box-image { right: auto; left: 0; } .-vertical-centered > .feature-box-image { display: table-cell; vertical-align: middle; float: none; margin: 0; padding: 3em 0; } @media screen and (max-width: 599px) { .-vertical-centered > .feature-box-image { display: block; padding-top: 1.5em; padding-bottom: 1.5em; } } .-image-rounded > .feature-box-image img { border-radius: 99em; } .in-view > .feature-box-text, .in-view > .feature-box-image { -webkit-transition: opacity 0.6s linear, -webkit-transform 0.6s ease-out; -moz-transition: opacity 0.6s linear, -moz-transform 0.6s ease-out; -o-transition: opacity 0.6s linear, -o-transform 0.6s ease-out; transition: opacity 0.6s linear, transform 0.6s ease-out; } .not-in-view > .feature-box-text.-fade, .not-in-view > .feature-box-image.-fade { opacity: 0; } .in-view > .feature-box-text.-fade, .in-view > .feature-box-image.-fade { opacity: 1; } .not-in-view > .feature-box-text.-move, .not-in-view > .feature-box-image.-move { -webkit-transform: translate(100%, 0); -moz-transform: translate(100%, 0); -ms-transform: translate(100%, 0); -o-transform: translate(100%, 0); transform: translate(100%, 0); } .not-in-view > .feature-box-text.-move-right, .not-in-view > .feature-box-image.-move-right { -webkit-transform: translate(-100%, 0); -moz-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); -o-transform: translate(-100%, 0); transform: translate(-100%, 0); } .not-in-view > .feature-box-text.-move-top, .not-in-view > .feature-box-image.-move-top { -webkit-transform: translate(0, 100%); -moz-transform: translate(0, 100%); -ms-transform: translate(0, 100%); -o-transform: translate(0, 100%); transform: translate(0, 100%); } .not-in-view > .feature-box-text.-move-bottom, .not-in-view > .feature-box-image.-move-bottom { -webkit-transform: translate(0, -100%); -moz-transform: translate(0, -100%); -ms-transform: translate(0, -100%); -o-transform: translate(0, -100%); transform: translate(0, -100%); } .in-view > .feature-box-text.-move, .in-view > .feature-box-image.-move { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .feature-box-text img, .feature-box-image img { display: block; max-width: 100%; height: auto; margin: 0 auto; } .counter-boxes { zoom: 1; text-align: center; margin: 3.125em 0; } .counter-boxes:before { content: ""; display: table; } .counter-boxes:after { content: ""; display: table; clear: both; } .counter-boxes > h2 { margin: 0 0 1.1875em 0; font-size: 1.75em; font-weight: bold; color: inherit; } .-color-inverted .counter-boxes > h2 { color: #ffffff; } .counter-boxes > h3 { margin: 0 0 1.80952em 0; font-size: 1.3125em; color: #707070; } .-color-inverted .counter-boxes > h3 { color: #707070; } .-color-inverted.-highlight-color .counter-boxes > h3 { color: #40410c; } .counter-boxes > h2 + h3 { margin-top: -1.33333em; } .counter-boxes-item { text-decoration: none; color: inherit; } .counter-boxes-item:link:hover, .counter-boxes-item:link:focus { text-decoration: none; } .counter-boxes-item:link:hover:before, .counter-boxes-item:link:focus:before { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .counter-boxes-item:before { margin: 0; font-size: 2.25em; color: #707070; } .-color-inverted .counter-boxes-item:before { color: #707070; } .-color-inverted.-highlight-color .counter-boxes-item:before { color: #40410c; } .counter-boxes-item p { margin: 0.06944em -0.5em 0.16667em; font-size: 4.5em; line-height: 1; color: #bec323; font-weight: 300; } @media screen and (max-width: 960px) { .counter-boxes-item p { font-size: 2.875em; } } @media screen and (max-width: 599px) { .counter-boxes-item p { font-size: 2.25em; } } .-color-inverted.-highlight-color .counter-boxes-item p { color: #40410c; } .counter-boxes-item h3 { margin: 0; font-size: 1.5em; font-weight: bold; color: inherit; } @media screen and (max-width: 960px) { .counter-boxes-item h3 { font-size: 1.25em; } } .counter-boxes-item h4 { margin: 0.28571em 0 0; font-size: 0.875em; color: #707070; } .-color-inverted .counter-boxes-item h4 { color: #707070; } .headline-box { margin: 2.25em 0; text-align: center; } .headline-box.-align-left { text-align: left; } .headline-box.-align-right { text-align: right; } .headline-box:before { display: block; width: 1.95455em; height: 1.95455em; margin: 0 auto 0.27273em auto; border-radius: 100%; font-size: 2.75em; font-weight: normal; line-height: 2.00023; text-align: center; background: #ffffff; background: rgba(255, 255, 255, 0.6); } .-color-inverted .headline-box:before { background: #000000; background: rgba(0, 0, 0, 0.6); } .headline-box h2 { margin: 0; font-size: 1.5em; font-weight: normal; color: inherit; } .-color-inverted .headline-box h2 { color: inherit; } @media screen and (max-width: 599px) { .headline-box h2 { font-size: 1.3125em; } } .headline-box h2.-bold { font-weight: bold; } .headline-box h2.-small { font-size: 1.5em; } .headline-box h2.-medium { font-size: 2em; } @media screen and (max-width: 599px) { .headline-box h2.-medium { font-size: 1.5em; } } .headline-box h2.-large { font-size: 2.25em; } @media screen and (max-width: 599px) { .headline-box h2.-large { font-size: 1.75em; } } .headline-box h2.-super-size { font-size: 2.625em; } @media screen and (max-width: 599px) { .headline-box h2.-super-size { font-size: 2em; } } .headline-box h3 { margin: 0.44444em 0 0; font-size: 1.125em; font-weight: normal; line-height: 1.5; color: #707070; } .-color-inverted.-highlight-color .headline-box h3 { color: #40410c; } .-color-inverted .headline-box h3 { color: #707070; } .headline-box h3.-small { font-size: 1.125em; } .headline-box h3.-medium { font-size: 1.5em; } @media screen and (max-width: 599px) { .headline-box h3.-medium { font-size: 1.3125em; } } .headline-box h3.-large { font-size: 1.75em; } @media screen and (max-width: 599px) { .headline-box h3.-large { font-size: 1.5em; } } .headline-box h3.-super-size { font-size: 2.25em; } @media screen and (max-width: 599px) { .headline-box h3.-super-size { font-size: 1.625em; } } .headline-box.-button-inline h2, .headline-box.-button-inline h3 { display: inline; } @media screen and (max-width: 599px) { .headline-box.-button-inline h2, .headline-box.-button-inline h3 { display: block; } } h2 + .headline-box-link, h3 + .headline-box-link { margin-top: 1.92857em; } .headline-box-link.-quaternary { color: inherit; } .-align-left > .headline-box-link { float: right; margin: -0.14286em 0 0 3.14286em; } @media screen and (max-width: 599px) { .-align-left > .headline-box-link { float: none; margin: 0 0 1em; } } .-align-right > .headline-box-link { float: left; margin: -0.14286em 3.14286em 0 0; } @media screen and (max-width: 599px) { .-align-right > .headline-box-link { float: none; margin: 0 0 1em; } } .-button-inline > .headline-box-link { margin: 0 0 0 2.14286em; } @media screen and (max-width: 599px) { .-button-inline > .headline-box-link { margin: 1em 0 0; } } .projects { zoom: 1; clear: both; } .projects:before { content: ""; display: table; } .projects:after { content: ""; display: table; clear: both; } .projects-item { position: relative; float: left; overflow: hidden; border-top: 5px solid #e5e8ee; color: inherit; } .projects-item:nth-of-type(even) { border-top-color: #b2b9c4; } .projects-item.-large-col-1-1 { width: 100%; } .projects-item.-large-col-2-1 { width: 50%; } .projects-item.-large-col-3-1 { width: 33.33333%; } .projects-item.-large-col-4-1 { width: 25%; } .projects-item.-large-col-5-1 { width: 20%; } .projects-item.-large-col-6-1 { width: 16.66667%; } .projects-item.-large-col-7-1 { width: 14.28571%; } .projects-item.-large-col-8-1 { width: 12.5%; } .projects-item.-large-col-9-1 { width: 11.11111%; } .projects-item.-large-col-10-1 { width: 10%; } @media screen and (min-width: 1440px) { .projects-item.-verylarge-col-1-1 { width: 100%; } .projects-item.-verylarge-col-2-1 { width: 50%; } .projects-item.-verylarge-col-3-1 { width: 33.33333%; } .projects-item.-verylarge-col-4-1 { width: 25%; } .projects-item.-verylarge-col-5-1 { width: 20%; } .projects-item.-verylarge-col-6-1 { width: 16.66667%; } .projects-item.-verylarge-col-7-1 { width: 14.28571%; } .projects-item.-verylarge-col-8-1 { width: 12.5%; } .projects-item.-verylarge-col-9-1 { width: 11.11111%; } .projects-item.-verylarge-col-10-1 { width: 10%; } } @media screen and (max-width: 960px) { .projects-item.-medium-col-1-1 { width: 100%; } .projects-item.-medium-col-2-1 { width: 50%; } .projects-item.-medium-col-3-1 { width: 33.33333%; } .projects-item.-medium-col-4-1 { width: 25%; } .projects-item.-medium-col-5-1 { width: 20%; } .projects-item.-medium-col-6-1 { width: 16.66667%; } .projects-item.-medium-col-7-1 { width: 14.28571%; } .projects-item.-medium-col-8-1 { width: 12.5%; } .projects-item.-medium-col-9-1 { width: 11.11111%; } .projects-item.-medium-col-10-1 { width: 10%; } } @media screen and (max-width: 599px) { .projects-item.-small-col-1-1 { width: 100%; } .projects-item.-small-col-2-1 { width: 50%; } .projects-item.-small-col-3-1 { width: 33.33333%; } .projects-item.-small-col-4-1 { width: 25%; } .projects-item.-small-col-5-1 { width: 20%; } .projects-item.-small-col-6-1 { width: 16.66667%; } .projects-item.-small-col-7-1 { width: 14.28571%; } .projects-item.-small-col-8-1 { width: 12.5%; } .projects-item.-small-col-9-1 { width: 11.11111%; } .projects-item.-small-col-10-1 { width: 10%; } } .projects-item h3 { position: absolute; bottom: -3.125em; left: 0; width: 100%; margin: 0; padding: 0.625em 0 0.6875em; font-size: 1em; font-weight: bold; color: inherit; text-align: center; background: #ffffff; background: rgba(255, 255, 255, 0.9); -webkit-transition: bottom 0.4s ease-out; -moz-transition: bottom 0.4s ease-out; -o-transition: bottom 0.4s ease-out; transition: bottom 0.4s ease-out; } .projects-item h3:before { content: ""; position: absolute; left: 50%; top: -8px; width: 0; height: 0; border: 8px solid transparent; border-color: rgba(255, 255, 255, 0); border-top: 0; border-bottom-color: #ffffff; border-bottom-color: rgba(255, 255, 255, 0.9); } .projects-item:hover h3, .projects-item:focus h3 { bottom: 0; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; } .projects-item-image { position: relative; display: block; overflow: hidden; } .projects-item-image img { display: block; width: 100%; height: auto; } .projects-item-image-hover { position: absolute; top: -100%; left: 0; width: 100%; -webkit-transition: top 0.4s ease-out; -moz-transition: top 0.4s ease-out; -o-transition: top 0.4s ease-out; transition: top 0.4s ease-out; } .projects-item:hover .projects-item-image-hover, .projects-item:focus .projects-item-image-hover { top: 0; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; } .google-map { position: relative; padding-bottom: 56.25%; } .google-map > a, .google-map iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .google-map > a { display: flex; justify-content: center; align-items: center; text-align: center; background: #e5e3df; } .info-map { position: relative; clear: both; } .info-map-gmap { height: 29.375em; } @media screen and (max-width: 599px) { .info-map-gmap { height: 20em; /* Add area for touch scrolling */ margin-right: 5.55556%; margin-left: 5.55556%; } } .info-map-gmap:hover ~ .info-map-boxes { opacity: 0.2; } .info-map-gmap.-no-hover:hover ~ .info-map-boxes { opacity: 1; } .info-map-gmap > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center; background: #e5e3df; } .info-map-boxes { zoom: 1; position: relative; margin-top: -7.25em; margin-bottom: 2.75em; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .info-map-boxes:before { content: ""; display: table; } .info-map-boxes:after { content: ""; display: table; clear: both; } @media screen and (max-width: 599px) { .info-map-boxes { margin-top: 1.375em; } } .info-map-boxes-item { padding: 0.71429em 1.42857em; border-radius: 3px; font-size: 0.875em; color: inherit; background: #ffffff; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0 7px rgba(0, 0, 0, 0.15); } .info-map-boxes-item:before { float: right; margin: 0; padding: 0.15152em 0 0.45455em 0.30303em; font-size: 4.71429em; color: #bec323; background: #ffffff; } .info-map-boxes-item:hover, .info-map-boxes-item:focus { text-decoration: none; } .info-map-boxes-item h3 { margin: 0.57143em 0; padding: 0 0 0.21429em; border-bottom: 1px solid #e5e8ee; color: #bec323; font-size: 1em; font-weight: bold; text-transform: uppercase; } .info-map-boxes-item p { margin: 0.57143em 0; } .info-map-boxes-item-link { color: #707070; } .icon-buttons { text-align: center; margin: 2.25em 0; } .icon-buttons h3 { margin: 0; font-size: 1.125em; font-weight: normal; } .icon-buttons ul { margin: 1.25em 0; padding: 0; list-style: none; } .icon-buttons li { display: inline; } .icon-buttons a { display: inline-block; width: 2.5em; height: 2.5em; overflow: hidden; margin: 0 0.5em; border: 2px solid #707070; border-radius: 3px; color: inherit; text-indent: -99em; line-height: 0; } .icon-buttons a:before { content: none; } .icon-buttons a:after { font: 1.5em/1 "RockSolid Icons"; content: attr(data-icon); -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; display: block; line-height: 1.58375; } .icon-buttons a:hover, .icon-buttons a:focus { text-decoration: none; background: #707070; background: rgba(112, 112, 112, 0.25); } .-color-inverted .icon-buttons a { border-color: #ffffff; } .-color-inverted .icon-buttons a:hover, .-color-inverted .icon-buttons a:focus { background: #ffffff; background: rgba(255, 255, 255, 0.25); } .icon-links li { padding-bottom: 0.4375em; } .icon-links a { text-decoration: none; } .icon-links a:hover span { text-decoration: underline; } .icon-links-label { color: #707070; } .tab-navigation { margin: 2.25em 0 0; border: 1px solid transparent; border-bottom-color: #b2b9c4; text-align: center; } .tab-navigation ul, .tab-navigation li { margin: 0; padding: 0; } .tab-navigation ul { display: table; table-layout: fixed; display: flex; align-items: flex-end; width: 100%; } @media screen and (max-width: 599px) { .tab-navigation ul { display: inline; } } .tab-navigation li { display: table-cell; flex-grow: 1; list-style-type: none; vertical-align: bottom; } @media screen and (max-width: 599px) { .tab-navigation li { display: block; } } .tab-navigation li:first-child a { margin-left: -1px; } .tab-navigation a { position: relative; display: block; margin: -1px -1px 0 0; padding: 0.5625em 1.75em; letter-spacing: 0.1em; text-transform: uppercase; outline: none; border: 1px solid #b2b9c4; border-bottom-width: 0; background-color: #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 #707070, -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: #707070; color: #ffffff; background: #707070; box-shadow: 0 1px #707070; } } .tab-navigation.-image-tabs { border: 0; } .tab-navigation.-image-tabs ul, .tab-navigation.-image-tabs li { display: inline; } .tab-navigation.-image-tabs a { display: inline-block; margin: 0; padding: 0.5625em 1.75em; border: 0; font-size: 1em; color: inherit; background: none; } .tab-navigation.-image-tabs a:hover, .tab-navigation.-image-tabs a:focus { color: #707070; } .tab-navigation.-image-tabs a.is-active { color: #707070; 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: #707070; border-bottom: 0; } .tab-navigation.-image-tabs a:before { display: block; margin: 0 auto 0.25em; font-size: 3em; color: #bec323; } .tab-navigation.-image-tabs a img { display: block; margin: 0 auto 0.75em; } .-columns-1 .tab-navigation-item { width: 100%; } .-columns-2 .tab-navigation-item { width: 50%; } .-columns-3 .tab-navigation-item { width: 33.33333%; } .-columns-4 .tab-navigation-item { width: 25%; } .-columns-5 .tab-navigation-item { width: 20%; } .-columns-6 .tab-navigation-item { width: 16.66667%; } @media screen and (max-width: 599px) { .tab-navigation-item.tab-navigation-item { width: auto; } } .tab-start.-has-border { margin-top: -1px; border: 1px solid #b2b9c4; padding-right: 2.5em; padding-left: 2.5em; } /* =========================================== * Modules (Search, FAQ, News, Events, Comments, Sitemap etc.) * ======================================== */ .fixed-note { position: fixed; display: table; top: auto; right: 0; bottom: 0; left: 0; width: 100%; min-height: 3.75em; padding: 0.75em 1.25em 0.75em 5em; padding-right: calc(1.25em + var(--safe-area-right)); padding-bottom: calc(0.75em + var(--safe-area-bottom)); padding-left: calc(5em + var(--safe-area-left)); border-top: 1px solid #b2b9c4; z-index: 99; background-color: #ffffff; box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1); } @media screen and (max-width: 960px) { .fixed-note { position: relative; padding-top: calc(0.75em + var(--safe-area-top)); padding-bottom: 0.75em; } } @media screen and (max-width: 599px) { .fixed-note { display: block; padding-left: 1.25em; padding-left: calc(1.25em + var(--safe-area-left)); } } .fixed-note:before { position: absolute; top: 50%; margin-top: -0.5em; left: 0.83333em; left: calc(0.83333em + var(--safe-area-left)); font-size: 2.25em; color: #bec323; } @media screen and (max-width: 960px) { .fixed-note:before { top: 0.66667em; margin-top: 0; } } @media screen and (max-width: 599px) { .fixed-note:before { position: static; } } .fixed-note h1, .fixed-note h2, .fixed-note h3 { font-size: 0.9375em; margin: 0.4em 0; } .fixed-note p { font-size: 0.875em; margin: 0.42857em 0; } @media screen and (max-width: 599px) { .fixed-note p { font-size: 1em; } } .fixed-note-column { display: table-cell; vertical-align: middle; padding: 0 0.625em; } .fixed-note-column:last-child { text-align: right; } @media screen and (max-width: 960px) { .fixed-note-column:last-child { text-align: left; } } @media screen and (max-width: 960px) { .fixed-note-column { display: block; margin: 0.75em 0; padding: 0; } } .fixed-note-link, .fixed-note-button { white-space: nowrap; } .fixed-note-button { margin: 0; } .fixed-note-closed { position: fixed; right: 1.875em; right: calc(1.875em + var(--safe-area-right)); bottom: 0; bottom: var(--safe-area-bottom); z-index: 99; padding: 0.5em 0.75em; color: #ffffff; text-decoration: none; background: #37aadf; box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1); } @media screen and (max-width: 1280px) { .fixed-note-closed { right: 0; right: var(--safe-area-right); } } @media screen and (max-width: 960px) { .fixed-note-closed { position: absolute; top: 0.75em; top: calc(0.75em + var(--safe-area-top)); right: 0.75em; right: calc(0.75em + var(--safe-area-right)); bottom: auto; padding: 0.25em 0.75em; font-size: 0.875em; } } @media screen and (max-width: 599px) { .fixed-note-closed { font-size: 1em; } } .fixed-note-closed:hover, .fixed-note-closed:focus { background-color: #1f90c4; } .fixed-note-closed:before { font: 100%/1 "RockSolid Icons"; content: "\e0a6"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; } .fixed-note-closed > span { display: none; } .mod_breadcrumb { font-size: 0.8125em; } .mod_breadcrumb ul, .mod_breadcrumb li { display: inline; margin: 0; padding: 0; } .mod_breadcrumb li:before { content: " \A0 / \A0 "; } .mod_breadcrumb li:first-child:before { content: none; } .mod_breadcrumb a { color: inherit; text-decoration: underline; } .mod_breadcrumb a:hover { text-decoration: none; } .back a:before, .previous a:before, .next a:after { font: 0.75em/1 "RockSolid Icons"; content: "\e018"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; top: -0.16667em; margin-right: 0.5em; vertical-align: middle; } .next a:after { content: "\e019"; margin-right: 0; margin-left: 0.5em; } .pagination > p { text-align: center; } .pagination ul { list-style-type: none !important; text-align: center; } .pagination li { display: inline-block; } .pagination li a, .pagination li span { padding: 4px 12px; background-color: #ffffff; } .pagination li .current, .pagination li .active { border-bottom: 1px solid #e5e8ee; background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02)); background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02)); background-image: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02)); background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02)); } .news-image-teaser { position: relative; margin: 2.25em 0; padding-left: 12.5%; } @media screen and (max-width: 599px) { .news-image-teaser { padding-left: 0; } } .news-image-teaser a { -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; } .news-image-teaser img { display: block; width: 100%; height: auto; margin: 0; } .news-image-teaser h2 { display: block; margin: 0.75em 0 0.25em; padding: 0 0 0.41667em; border-bottom: 1px solid #e5e8ee; font-size: 1.5em; font-weight: bold; color: inherit; } .news-image-teaser h2 a { color: inherit; } .news-image-teaser h2 a:hover { color: #707070; text-decoration: none; } .news-image-teaser p { margin: 0.625em 0; color: #707070; } .news-image-teaser .news-image-teaser-info { margin: 0 0 0.93333em; font-size: 0.9375em; color: #707070; } .news-image-teaser-meta { float: left; position: relative; left: -12.5%; width: 9.375%; margin-bottom: -6.25em; line-height: 1; text-align: center; border-right: 1px solid #e5e8ee; } @media screen and (max-width: 599px) { .news-image-teaser-meta { position: absolute; top: 0; left: 0; width: 18.75%; border-right: 0; background: #ffffff; } .news-image-teaser-meta + h2 { padding-top: 3.75em; } } .news-image-teaser-meta time { font-size: 2.125em; font-weight: bold; } .news-image-teaser-meta b { display: block; margin: -0.05556em 0 0.44444em; font-size: 0.52941em; font-weight: inherit; color: #707070; text-transform: uppercase; } .news-image-teaser-meta .comment-count { display: block; padding: 0.25em 0; border-top: 1px solid #e5e8ee; color: #707070; } .news-image-teaser-meta .comment-count:before { font: 100%/1 "RockSolid Icons"; content: "\e053"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; bottom: 0.0625em; margin-right: 0.16667em; font-size: 0.75em; } .news-image-teaser-meta .comment-count:hover { color: #707070; text-decoration: none; } .news-list-boxed { zoom: 1; margin: 2.75em 0; } .news-list-boxed:before { content: ""; display: table; } .news-list-boxed:after { content: ""; display: table; clear: both; } .news-list-boxed-item { padding: 1.07143em; border: 1px solid #b2b9c4; border-radius: 3px; font-size: 0.875em; color: #707070; } .news-list-boxed-item h3 { margin: 0.38095em 0 0; font-size: 1.5em; font-weight: bold; line-height: 1.38143; color: #bec323; } .news-list-boxed-item h3 a { color: inherit; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; } .news-list-boxed-item h3 a:hover { color: #707070; text-decoration: none; } .news-list-boxed-item p { margin: 1em 0; } .news-list-boxed-item .news-list-boxed-item-info { margin-top: 0.66667em; padding-bottom: 0.5em; font-size: 0.85714em; border-bottom: 1px solid #e5e8ee; } .news-list-boxed-item-image { position: relative; display: block; overflow: hidden; } .news-list-boxed-item-image.-no-image { padding-bottom: 56.81818%; background: #707070; } .news-list-boxed-item-image:hover, .news-list-boxed-item-image:focus { opacity: 0.8; } .news-list-boxed-item-image:hover img, .news-list-boxed-item-image:focus img { -webkit-filter: blur(2px); -moz-filter: blur(2px); filter: blur(2px); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } .news-list-boxed-item-image img { display: block; width: 100%; height: auto; } .news-list-boxed-item-image time { position: absolute; top: 50%; left: 0; width: 100%; margin: -0.77778em 0 0; font-size: 2.57143em; font-weight: bold; color: #ffffff; text-align: center; text-shadow: 0 0 4px rgba(0, 0, 0, 0.3); } .news-boxes { zoom: 1; margin: 2.75em 0; } .news-boxes:before { content: ""; display: table; } .news-boxes:after { content: ""; display: table; clear: both; } .news-boxes-item h3 { margin: 0; font-size: 1.125em; font-weight: bold; color: inherit; } .news-boxes-item h3 a { display: block; color: inherit; text-decoration: none; } .news-boxes-item h3 a:hover, .news-boxes-item h3 a:focus { color: #707070; } .news-boxes-item p { margin: 0.5em 0; } .news-boxes-item .news-boxes-item-more { position: relative; margin: -0.9375em 0 0 0; } .news-boxes-item .news-boxes-item-more a { position: relative; top: 0; display: block; height: 2.0625em; color: #ffffff; color: transparent; text-decoration: none; background: #ffffff; box-shadow: 0 -7px 10px -7px rgba(0, 0, 0, 0.2), 0 -8px 10px 7px rgba(255, 255, 255, 0.5); -webkit-transition: top 0.2s ease-out; -moz-transition: top 0.2s ease-out; -o-transition: top 0.2s ease-out; transition: top 0.2s ease-out; } .news-boxes-item .news-boxes-item-more a:after { font: 1.5em/1 "RockSolid Icons"; content: "\e009"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; position: absolute; top: 0; left: 50%; width: 3.66667em; height: 100%; margin: 0 0 0 -1.83333em; padding: 0.20833em 0 0; border: 1px solid #e5e8ee; border-top: 0; border-radius: 0 0 1px 1px; color: #707070; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; box-shadow: 0 0 2px rgba(0, 0, 0, 0.1); } .news-boxes-item .news-boxes-item-more a:hover, .news-boxes-item .news-boxes-item-more a:focus { top: 1.25em; } .news-boxes-item .news-boxes-item-more a:hover:before, .news-boxes-item .news-boxes-item-more a:focus:before { content: ""; position: absolute; top: -1.25em; left: 0; height: 1.25em; width: 100%; } .news-boxes-item .news-boxes-item-more a:hover:after, .news-boxes-item .news-boxes-item-more a:focus:after { color: #707070; } .news-boxes-item-image { display: block; overflow: hidden; } .news-boxes-item-image.-no-image { padding-bottom: 56.81818%; background: #707070; } .news-boxes-item-image:hover, .news-boxes-item-image:focus { opacity: 0.8; } .news-boxes-item-image img { display: block; width: 100%; height: auto; } .news-boxes-item-info { margin: 0; font-size: 0.875em; color: #707070; } .main-content .mod_calendar { margin: 1.5em 0; } .mod_calendar th.previous a:after, .mod_calendar th.previous a:before, .mod_calendar th.next a:after, .mod_calendar th.next a:before { display: none; } .mod_calendar th.current { border-right: 0; border-left: 0; text-align: center; } .mod_calendar th.current:before { font: 16px/1 "RockSolid Icons"; content: "\e037"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; margin-right: 6px; } .mod_calendar th.previous { border-right: 0; } .mod_calendar th.next { border-left: 0; text-align: right; } .mod_calendar th.label { font-size: 0.75em; text-align: center; text-transform: uppercase; letter-spacing: 0.07143em; } @media screen and (max-width: 599px) { .mod_calendar th.label > span { display: none; } } .mod_calendar td { vertical-align: top; width: 14.28571%; } @media screen and (max-width: 599px) { .mod_calendar td { text-align: center; } } .mod_calendar td.today { font-weight: bold; background-color: #b2b9c4; } .mod_calendar .event { font-size: 0.75em; } .mod_calendar .minicalendar td { padding: 0.1875em; text-align: center; } .mod_newsletterlist ul { padding-left: 0; list-style-type: none; } .mod_newsletterlist ul li { border-bottom: 1px solid #b2b9c4; padding: 0.5em 0; } .mod_newsletterlist ul li:before { font: 100%/1 "RockSolid Icons"; content: "\e0ce"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; float: left; margin: 0.3125em 0.375em 0 0; color: #bec323; } .mod_newsletterlist ul a { display: block; font-size: 1.3125em; } .mod_eventlist > .header { font-weight: bold; } .mod_eventlist .event > h2 { margin-top: 0; font-size: 1.5em; } .mod_faqlist ul { list-style: none; padding-left: 0; } .mod_faqlist li:before { font: 100%/1 "RockSolid Icons"; content: "\e0f7"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; margin-right: 0.5em; } .mod_faqpage section { margin: 2.25em 0; padding-left: 4.5em; } .mod_faqpage h3 { position: relative; margin: 1em 0; padding: 0.47619em 0 0.71429em; border-bottom: 1px solid #e5e8ee; font-size: 1.3125em; } .mod_faqpage h3:before, .mod_faqpage h3 + *:before { content: "Q"; position: absolute; top: 0; left: -2.57143em; width: 1em; padding: 0.35714em 0.39286em 0.42857em; border-radius: 100%; font-size: 1.33333em; line-height: 1; color: #ffffff; text-align: center; background: #bec323; } .mod_faqpage h3 + * { position: relative; } .mod_faqpage h3 + *:before { content: "A"; left: -3.75em; font-size: 1em; } .mod_faqpage p { margin-top: 0.75em; margin-bottom: 0.75em; } .mod_faqpage .info { font-size: 0.8125em; color: #707070; } .mod_faqreader .info { font-size: 0.8125em; color: #707070; } .mod_search { margin: 1.6875em 0; } .mod_search .widget { display: inline; } .mod_search form input { vertical-align: middle; } .mod_search form input[type="search"] { width: 74.375%; margin: 0; padding-top: 0.75em; padding-bottom: 0.75em; } .mod_search form button[type="submit"], .mod_search form input[type="submit"] { width: 25%; margin: 0 -2% 0 0; } @media screen and (max-width: 599px) { .mod_search form button[type="submit"], .mod_search form input[type="submit"] { padding-right: 0; padding-left: 0; } } .mod_search .relevance { float: right; margin-top: 0.71429em; font-size: 0.58333em; } .mod_search .header { padding-bottom: 0.3125em; border-bottom: 1px solid #b2b9c4; color: #707070; } .mod_search .highlight { padding: 0 0.25em; font-weight: bold; background: #e2e2e2; } .mod_search .url { padding-bottom: 1.42857em; border-bottom: 1px dotted #b2b9c4; font-size: 0.875em; color: #707070; } .mod_search .url:before { font: 100%/1 "RockSolid Icons"; content: "\e0b5"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; margin-right: 0.35714em; } .mod_search .url .filesize { font-size: 0.85714em; } .comment_default { margin: 1.6875em 0; padding: 1.25em 6.25% 0; border: 1px solid #b2b9c4; border-radius: 3px; font-size: 1em; background: #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 #b2b9c4; } .comment_default .reply { margin-left: 6.66667%; } .comment_default .reply .info { font-weight: bold; } .ce_comments .form { margin-top: 2.25em; } .ce_comments .form .widget { clear: none; margin-top: 1.5em; } .ce_comments .form .widget:nth-of-type(-n+4) { float: left; width: 46.66667%; } @media screen and (max-width: 599px) { .ce_comments .form .widget:nth-of-type(-n+4) { width: 100%; } } .ce_comments .form .widget:nth-of-type(-2n+4) { margin-right: -1%; margin-left: 6.66667%; } @media screen and (max-width: 599px) { .ce_comments .form .widget:nth-of-type(-2n+4) { margin-right: 0; margin-left: 0; } } .ce_comments .form .widget:nth-of-type(5) { clear: both; padding-top: 1.5em; } .ce_comments .form .widget input { width: 100%; } .ce_comments .form .widget textarea { width: 100%; } .ce_comments .form .checkbox_container { margin: 0; border: 0; margin-top: -1.125em; padding: 0; } .ce_comments h2 + .form, .ce_comments h2 + .form > form { margin-top: 0; } .mod_sitemap ul { padding-left: 0; list-style-type: none; } .mod_sitemap ul li:before { content: none; } .mod_sitemap ul li li { padding: 0.1875em 0 0.1875em 1.75em; font-size: 1em; } .mod_sitemap ul li li.submenu ul { margin: 0; } .mod_sitemap > ul > li:before { font: 100%/1 "RockSolid Icons"; content: "\e083"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; margin-right: 0.625em; color: #707070; } .mod_sitemap a:before { margin-right: 0.5em; } .mod_subscribe { position: relative; } .mod_subscribe .widget { display: inline; } .mod_subscribe input[type=text], .mod_subscribe input[type=email] { width: 75%; } @media screen and (max-width: 599px) { .mod_subscribe input[type=text], .mod_subscribe input[type=email] { display: block; width: 100%; margin: 0 auto 0.625em; } } .mod_subscribe .submit { vertical-align: top; overflow: hidden; width: 20%; margin-top: 0; padding: 0.875em 1.25em 0.625em; text-align: center; } @media screen and (max-width: 599px) { .mod_subscribe .submit { width: 100%; } } .mod_subscribe.-centered { text-align: center; } .centered-wrapper .mod_subscribe input[type=text], .centered-wrapper .mod_subscribe input[type=email] { width: 30%; min-width: 16.25em; } .centered-wrapper .mod_subscribe .submit { width: auto; } .sidebar .mod_subscribe input[type=text], .sidebar .mod_subscribe input[type=email] { width: 75%; } @media screen and (max-width: 599px) { .sidebar .mod_subscribe input[type=text], .sidebar .mod_subscribe input[type=email] { display: inline; margin: 0; } } .sidebar .mod_subscribe .submit { width: 20%; padding: 1em 0 0.78571em; text-indent: -99em; line-height: 0; } .sidebar .mod_subscribe .submit:after { font: 100%/1 "RockSolid Icons"; content: "\e0ce"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; left: 1px; display: block; font-size: 1.14286em; } /* =========================================== * Sidebar / Widgets * ======================================== */ .sidebar { position: relative; float: left; width: 22.22222%; margin: 2.5em 0 0 3.7037%; font-size: 0.875em; } @media screen and (max-width: 960px) { .sidebar { float: none; clear: both; width: auto; margin-right: 0; margin-left: 0; } } @media screen and (max-width: 599px) { .sidebar { margin-right: 5.55556%; margin-left: 5.55556%; } } .tao-sidebar-right .sidebar { float: right; margin-right: 3.7037%; margin-left: 0; } @media screen and (max-width: 960px) { .tao-sidebar-right .sidebar { float: none; margin-right: 0; margin-left: 0; } } @media screen and (max-width: 599px) { .tao-sidebar-right .sidebar { margin-right: 5.55556%; margin-left: 5.55556%; } } .tao-3-columns .sidebar { width: 18.51852%; } @media screen and (max-width: 960px) { .tao-3-columns .sidebar { width: auto; } } .tao-3-columns .sidebar.-right { left: 51.85185%; margin-right: -18.51852%; } @media screen and (max-width: 960px) { .tao-3-columns .sidebar.-right { left: auto; clear: none; margin-right: 0; } } @media screen and (max-width: 599px) { .tao-3-columns .sidebar.-right { margin-right: 5.55556%; } } .sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4 { margin: 2em 0 0.5em; padding: 0 0 0.42857em; font-size: 1em; font-weight: bold; color: #707070; } .sidebar p, .sidebar ul, .sidebar ol, .sidebar table, .sidebar blockquote, .sidebar fieldset, .sidebar form { margin: 1em 0; } .sidebar ul, .sidebar ol { padding: 0; list-style-type: none; } .sidebar > .block { margin: 1.25em 0; } @media screen and (max-width: 960px) { .sidebar > .block { float: left; width: 41.66667%; margin-left: 5.55556%; } } @media screen and (max-width: 599px) { .sidebar > .block { float: none; width: auto; margin-left: 0; } } .sidebar .ce_youtube-wrapper, .sidebar .ce_vimeo-wrapper { margin: 0.75em 0; } .sidebar .image_container { margin: 0.75em 0 0; } @media screen and (max-width: 599px) { .sub-navigation { display: none; } } .sub-navigation > ul > li > a { color: #707070; } .sub-navigation ul { margin: 0; padding: 0; } .sub-navigation ul a, .sub-navigation ul strong, .sub-navigation ul span.trail, .sub-navigation ul span.active, .sub-navigation ul span.forward { position: relative; display: block; margin: 0 -0.28571em; padding: 0.28571em; color: #707070; -webkit-transition: background-color 0.6s ease-in, color 0.6s ease-in; -moz-transition: background-color 0.6s ease-in, color 0.6s ease-in; -o-transition: background-color 0.6s ease-in, color 0.6s ease-in; transition: background-color 0.6s ease-in, color 0.6s ease-in; } .sub-navigation ul a:hover, .sub-navigation ul strong:hover, .sub-navigation ul span.trail:hover, .sub-navigation ul span.active:hover, .sub-navigation ul span.forward:hover { border-radius: 3px; color: #707070; text-decoration: none; background-color: #e5e8ee; -webkit-transition-duration: 0.05s; -moz-transition-duration: 0.05s; -o-transition-duration: 0.05s; transition-duration: 0.05s; } .sub-navigation ul a:before, .sub-navigation ul strong:before, .sub-navigation ul span.trail:before, .sub-navigation ul span.active:before, .sub-navigation ul span.forward:before { margin-right: 0.42857em; } .sub-navigation ul a.active, .sub-navigation ul strong.active, .sub-navigation ul span.active { color: #126497; } .sub-navigation ul a.trail, .sub-navigation ul strong.trail, .sub-navigation ul span.trail { color: #1782c5; } .sub-navigation ul ul { margin-left: 0.85714em; } .sub-navigation li { padding: 0.14286em 0.42857em; border-top: 1px solid #e5e8ee; } .sub-navigation li:before { content: none; } .sub-navigation li:first-child, .sub-navigation li li li { border: 0; } .sub-navigation li li { margin-right: -0.42857em; } /* =========================================== * Footer * ======================================== */ .footer-bar { padding: 1.71429em 0; font-size: 0.875em; color: #707070; } .footer-bar.-color-inverted { color: #ffffff; background: #000000; } .footer-bar h1, .footer-bar h2, .footer-bar h3 { margin: 1em 0; padding-bottom: 0.21429em; border-bottom: 1px solid #b2b9c4; font-size: 1em; font-weight: bold; } .footer-bar ul { list-style: none; padding: 0; } .footer-bar .widget { margin: 1em 0; } .footer-bar label { display: block; } .footer-bar input, .footer-bar textarea, .footer-bar select, .footer-bar fieldset { display: block; width: 100%; } .footer-bar input[type=submit], .footer-bar button { margin-top: 0.375em; } .footer-bar textarea { height: 6.25em; } .icon-text-block { position: relative; padding-left: 1.875em; } .icon-text-block:before { position: absolute; top: 0.21429em; left: 0; } .footer-news h1, .footer-news h2, .footer-news h3 { margin-bottom: 1.14286em; } .news-footer-item { margin: 0.57143em 0; min-height: 2.57143em; } .news-footer-item:hover time:before { top: 0.4em; } .news-footer-item:hover b { margin-top: 40px; } .news-footer-item time { position: relative; float: left; width: 3.6em; height: 3.6em; padding: 0.6em 0 0; overflow: hidden; font-size: 0.71429em; font-weight: bold; line-height: 1; color: #ffffff; text-transform: uppercase; text-align: center; background: #000000; } .news-footer-item time:before { font: 2em/1 "RockSolid Icons"; content: "\e0dd"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; position: absolute; top: -1em; left: 0.4em; -webkit-transition: top 0.2s ease-out; -moz-transition: top 0.2s ease-out; -o-transition: top 0.2s ease-out; transition: top 0.2s ease-out; } .news-footer-item time b { display: block; font-size: 1.4em; font-weight: inherit; -webkit-transition: margin 0.2s ease-out; -moz-transition: margin 0.2s ease-out; -o-transition: margin 0.2s ease-out; transition: margin 0.2s ease-out; } .-color-inverted .news-footer-item time { background: #ffffff; color: #707070; } .news-footer-item a { display: block; line-height: 1.28571em; } .news-footer-item time + a { padding-left: 3.1875em; } .footer-navigation { float: left; margin: 0; font-size: 0.875em; color: #707070; } @media screen and (max-width: 599px) { .footer-navigation { float: none; padding: 0.5em 0; text-align: center; } } .footer-navigation ul, .footer-navigation li { display: inline; margin: 0; padding: 0; } .footer-navigation > ul > li:before { font-size: 0.75em; } .footer-navigation > ul > li a, .footer-navigation > ul > li strong, .footer-navigation > ul > li span.trail, .footer-navigation > ul > li span.active, .footer-navigation > ul > li span.forward { position: relative; display: inline-block; padding: 2.14286em 0; margin-right: 3.14286em; color: inherit; } @media screen and (max-width: 960px) { .footer-navigation > ul > li a, .footer-navigation > ul > li strong, .footer-navigation > ul > li span.trail, .footer-navigation > ul > li span.active, .footer-navigation > ul > li span.forward { margin-right: 1.57143em; } } @media screen and (max-width: 599px) { .footer-navigation > ul > li a, .footer-navigation > ul > li strong, .footer-navigation > ul > li span.trail, .footer-navigation > ul > li span.active, .footer-navigation > ul > li span.forward { margin: 0 0.78571em; padding: 0.5em 0; } } .footer-navigation > ul > li a:before, .footer-navigation > ul > li strong:before, .footer-navigation > ul > li span.trail:before, .footer-navigation > ul > li span.active:before, .footer-navigation > ul > li span.forward:before { content: none; } .footer-navigation > ul > li a:after, .footer-navigation > ul > li strong:after, .footer-navigation > ul > li span.trail:after, .footer-navigation > ul > li span.active:after, .footer-navigation > ul > li span.forward:after { content: ""; position: absolute; top: auto; bottom: -1px; right: 50%; left: 50%; border-top: 2px solid #000000; -webkit-transition: right 0.4s ease-out, left 0.4s ease-out; -moz-transition: right 0.4s ease-out, left 0.4s ease-out; -o-transition: right 0.4s ease-out, left 0.4s ease-out; transition: right 0.4s ease-out, left 0.4s ease-out; } .footer-navigation > ul > li a:hover, .footer-navigation > ul > li strong:hover, .footer-navigation > ul > li span.trail:hover, .footer-navigation > ul > li span.active:hover, .footer-navigation > ul > li span.forward:hover { text-decoration: none; } .footer-navigation > ul > li a:hover:after, .footer-navigation > ul > li strong:hover:after, .footer-navigation > ul > li span.trail:hover:after, .footer-navigation > ul > li span.active:hover:after, .footer-navigation > ul > li span.forward:hover:after { right: 0; left: 0; -webkit-transition-duration: 0.1s, 0.1s; -moz-transition-duration: 0.1s, 0.1s; -o-transition-duration: 0.1s, 0.1s; transition-duration: 0.1s, 0.1s; } .footer-icon-links { float: right; margin: 0; padding: 0; border-right: 1px solid #b2b9c4; } @media screen and (max-width: 599px) { .footer-icon-links { float: none; border-right: 0; text-align: center; } } .footer-icon-links li { display: inline; } .footer-icon-links a { float: left; position: relative; width: 2.75em; height: 5.0625em; overflow: hidden; border-left: 1px solid #b2b9c4; line-height: 0; /* Fixes Chrome bug */ letter-spacing: -1em; color: #707070; text-indent: -99em; text-decoration: none; } @media screen and (max-width: 599px) { .footer-icon-links a { display: inline-block; float: none; height: 2.75em; border-left: 0; } } .footer-icon-links a:before, .footer-icon-links a:after { font: 1.375em/1 "RockSolid Icons"; content: attr(data-icon); -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; position: absolute; top: 0; left: 0; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 100%; padding-top: 0.04545em; line-height: 3.68227; letter-spacing: 0; text-align: center; background: #ffffff; -webkit-transition: top 0.5s ease-out; -moz-transition: top 0.5s ease-out; -o-transition: top 0.5s ease-out; transition: top 0.5s ease-out; } @media screen and (max-width: 599px) { .footer-icon-links a:before, .footer-icon-links a:after { line-height: 2.00045; } } .footer-icon-links a:after { top: 100%; color: #ffffff; background: transparent; } .footer-icon-links a:hover:before, .footer-icon-links a:hover:after, .footer-icon-links a:focus:before, .footer-icon-links a:focus:after { -webkit-transition: top 0.2s ease-out; -moz-transition: top 0.2s ease-out; -o-transition: top 0.2s ease-out; transition: top 0.2s ease-out; } .footer-icon-links a:hover:before, .footer-icon-links a:focus:before { top: -100%; } .footer-icon-links a:hover:after, .footer-icon-links a:focus:after { top: 0; } .footer-copyright { float: left; margin: 0; padding: 2.14286em 0; font-size: 0.875em; color: #707070; } .footer-copyright .rocksolid-copyright { color: inherit; opacity: 0.6; } @media screen and (max-width: 960px) { .footer-copyright { float: none; padding-bottom: 1em; } } .footer-links { float: right; margin: 0; padding: 2.14286em 0; font-size: 0.875em; color: #707070; } @media screen and (max-width: 960px) { .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: #707070; } .footer-links li:first-child:before { content: none; } .footer-links a, .footer-links strong, .footer-links span.trail, .footer-links span.active, .footer-links span.forward { color: inherit; } .footer-top-link { position: relative; display: block; width: 2.875em; height: 2.875em; margin: 0 auto; color: #707070; white-space: nowrap; } .footer-top-link:after { font: 1em/1 "RockSolid Icons"; content: "\e01a"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding-top: 0.9375em; border: 1px solid #b2b9c4; border-bottom: 0; border-radius: 1px 1px 0 0; text-align: center; background: #ffffff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } .footer-top-link > span { position: absolute; top: 0; right: 0; margin: 1em 0.71429em 0; font-size: 0.875em; color: #707070; opacity: 0; pointer-events: none; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .footer-top-link > span + span { right: auto; left: 0; } .footer-top-link:hover, .footer-top-link:focus { /* Fixes IE bug */ text-decoration: none; } .footer-top-link:hover > span, .footer-top-link:focus > span { right: 100%; opacity: 1; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; } .footer-top-link:hover > span + span, .footer-top-link:focus > span + span { right: auto; left: 100%; } /* =========================================== * Slider * ======================================== */ .main-slider { height: 600px; } @media screen and (max-width: 599px) { .main-slider img { max-width: 100%; height: auto; } } .rsts-skin-testimonials .testimonial { margin: 0; } .rsts-skin-testimonials.rsts-main { position: relative; margin: 1.6875em 0; padding: 2em 0 0 0; } .rsts-skin-testimonials .rsts-header { margin-top: -2em; } .rsts-skin-testimonials .rsts-header h1, .rsts-skin-testimonials .rsts-header h2, .rsts-skin-testimonials .rsts-header h3, .rsts-skin-testimonials .rsts-header h4, .rsts-skin-testimonials .rsts-header h5, .rsts-skin-testimonials .rsts-header h6 { margin: 0 0 1em; padding: 0 5em; font-size: 0.875em; font-weight: bold; color: #707070; text-align: center; } .rsts-skin-testimonials .rsts-prev, .rsts-skin-testimonials .rsts-next { position: absolute; top: -2.375em; right: 1.375em; overflow: hidden; text-indent: -99em; line-height: 0; } .rsts-skin-testimonials .rsts-prev:hover, .rsts-skin-testimonials .rsts-prev:focus, .rsts-skin-testimonials .rsts-next:hover, .rsts-skin-testimonials .rsts-next:focus { text-decoration: none; } .rsts-skin-testimonials .rsts-prev:after, .rsts-skin-testimonials .rsts-next:after { font: 0.875em/1 "RockSolid Icons"; content: "\e018"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; display: block; padding: 0.57143em; color: #b2b9c4; } .rsts-skin-testimonials .rsts-prev:hover:after, .rsts-skin-testimonials .rsts-prev:focus:after, .rsts-skin-testimonials .rsts-next:hover:after, .rsts-skin-testimonials .rsts-next:focus:after { color: #959fae; } .rsts-skin-testimonials .rsts-next { right: -0.5625em; } .rsts-skin-testimonials .rsts-next:after { content: "\e019"; } .rsts-skin-testimonials .rsts-nav { position: absolute; left: -4px; top: 0; line-height: 0; } .rsts-skin-testimonials .rsts-nav ul { margin: 0; padding: 0; } .rsts-skin-testimonials .rsts-nav li { display: inline; } .rsts-skin-testimonials .rsts-nav a { float: left; width: 18px; height: 18px; overflow: hidden; outline: none; padding: 5px; text-indent: -99em; } .rsts-skin-testimonials .rsts-nav a:after { content: ""; display: block; width: 6px; height: 6px; border: 1px solid #b2b9c4; border-radius: 100%; background: #b2b9c4; background: rgba(178, 185, 196, 0.5); } .rsts-skin-testimonials .rsts-nav a:hover:after, .rsts-skin-testimonials .rsts-nav a.active:after { background-color: #b2b9c4; } .rsts-skin-testimonials .rsts-nav-prev, .rsts-skin-testimonials .rsts-nav-next { display: none !important; } .rsts-skin-tao.rsts-main { position: relative; } .rsts-skin-tao .rsts-caption { position: absolute; top: 1.25em; left: 1.25em; padding: 0.1875em 0.625em; color: white; border-radius: 3px; background-color: #bec323; opacity: 0; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; } .rsts-skin-tao .rsts-prev, .rsts-skin-tao .rsts-next, .rsts-skin-tao .rsts-video-play, .rsts-skin-tao .rsts-video-stop { position: absolute; top: 50%; left: 1.25em; margin-top: -1.375em; border-radius: 3px; overflow: hidden; text-indent: -99em; line-height: 0; background-color: #bec323; opacity: 0; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; } .rsts-skin-tao .rsts-prev:hover, .rsts-skin-tao .rsts-prev:focus, .rsts-skin-tao .rsts-next:hover, .rsts-skin-tao .rsts-next:focus, .rsts-skin-tao .rsts-video-play:hover, .rsts-skin-tao .rsts-video-play:focus, .rsts-skin-tao .rsts-video-stop:hover, .rsts-skin-tao .rsts-video-stop:focus { text-decoration: none; } .sidebar .rsts-skin-tao .rsts-prev, .sidebar .rsts-skin-tao .rsts-next, .sidebar .rsts-skin-tao .rsts-video-play, .sidebar .rsts-skin-tao .rsts-video-stop { bottom: 0.375em; } .rsts-skin-tao .rsts-prev:after, .rsts-skin-tao .rsts-next:after, .rsts-skin-tao .rsts-video-play:after, .rsts-skin-tao .rsts-video-stop:after { font: 0.875em/1 "RockSolid Icons"; content: "\e018"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; display: block; padding: 1.07143em; color: white; } .rsts-skin-tao:hover .rsts-prev, .rsts-skin-tao:hover .rsts-next, .rsts-skin-tao:hover .rsts-nav, .rsts-skin-tao:hover .rsts-caption { opacity: 0.8; } .rsts-skin-tao:hover .rsts-prev:hover, .rsts-skin-tao:hover .rsts-next:hover, .rsts-skin-tao:hover .rsts-nav:hover, .rsts-skin-tao:hover .rsts-caption:hover { opacity: 1; } .rsts-skin-tao .rsts-next { left: auto; right: 1.25em; } .rsts-skin-tao .rsts-next:after { content: "\e019"; } .tao-fullwidth .tagline .rsts-skin-tao .rsts-prev { left: 0; left: var(--safe-area-left); border-radius: 0 3px 3px 0; } .tao-fullwidth .tagline .rsts-skin-tao .rsts-next { right: 0; right: var(--safe-area-right); border-radius: 3px 0 0 3px; } .rsts-skin-tao .rsts-nav { position: absolute; left: 0; bottom: 12%; width: 100%; opacity: 0; } @media screen and (max-width: 599px) { .rsts-skin-tao .rsts-nav { bottom: 30px; } } .rsts-skin-tao .rsts-nav ul { /* Setting height to zero to fix click area */ height: 0; margin: 0; padding: 0; text-align: center; } .rsts-skin-tao .rsts-nav li { display: inline; } .rsts-skin-tao .rsts-nav a { display: inline-block; outline: none; margin: 3px; padding: 5px; } .rsts-skin-tao .rsts-nav-bullets a { overflow: hidden; width: 18px; height: 18px; padding: 6px; line-height: 0; text-indent: -99em; } .rsts-skin-tao .rsts-nav-bullets a:after { content: ""; display: block; width: 6px; height: 6px; border: 2px solid #bec323; border-radius: 100%; background-color: white; } .rsts-skin-tao .rsts-nav-bullets a:hover:after, .rsts-skin-tao .rsts-nav-bullets a.active:after { background-color: #bec323; } .rsts-skin-tao .rsts-nav-numbers a, .rsts-skin-tao .rsts-nav-tabs a { margin: 5px; border: 2px solid #bec323; border-radius: 3px; font-size: 0.8125em; line-height: 0.61538em; color: #707070; background-color: white; } .rsts-skin-tao .rsts-nav-numbers a:hover, .rsts-skin-tao .rsts-nav-numbers a.active, .rsts-skin-tao .rsts-nav-tabs a:hover, .rsts-skin-tao .rsts-nav-tabs a.active { color: white; background-color: #bec323; text-decoration: none; } .rsts-skin-tao .rsts-nav-thumbs a { margin: 0; padding: 0; } .rsts-skin-tao .rsts-nav-prev, .rsts-skin-tao .rsts-nav-next { display: none !important; } .rsts-skin-tao .rsts-video-play, .rsts-skin-tao .rsts-video-stop { opacity: 1; } .rsts-skin-tao .rsts-video-play { top: 50%; right: auto; bottom: auto; left: 50%; width: 5.25em; height: 5.25em; margin: -2.625em 0 0 -2.625em; border: 3px solid #bec323; border-radius: 100%; background-color: rgba(190, 195, 35, 0.6); -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; } .rsts-skin-tao .rsts-video-play:after { content: "\25b6"; padding: 0; margin-left: 0.21429em; font-size: 1.75em; line-height: 2.78571em; text-align: center; } .rsts-skin-tao .rsts-video-play:hover { background-color: #bec323; } .rsts-skin-tao .rsts-video-stop { top: 20px; right: 20px; left: auto; margin-top: 0; border-radius: 3px; } .rsts-skin-tao .rsts-video-stop:after { content: "\d7"; color: white; padding: 0.78571em; } .rsts-skin-tao .rsts-video-youtube > .rsts-video-stop { top: 30px; right: 10px; background-color: #1b1b1b; } .rsts-skin-tao .rsts-video-youtube > .rsts-video-stop:hover { background-color: #cc181e; } .rsts-skin-tao .rsts-video-vimeo > .rsts-video-stop { top: 10px; right: auto; left: 10px; background-color: #111a19; } .rsts-skin-tao .rsts-video-vimeo > .rsts-video-stop:hover { background-color: #00adef; } .rsts-skin-tao .rsts-video-ipad > .rsts-video-iframe { padding-top: 38px; background-color: black; } .rsts-skin-tao .rsts-video-ipad > .rsts-video-stop { top: 1px; right: 10px; left: auto; } .rsts-skin-tao.rsts-video-playing .rsts-nav, .rsts-skin-tao.rsts-video-playing .rsts-prev, .rsts-skin-tao.rsts-video-playing .rsts-next { display: none; } .rsts-skin-tao.rsts-touch .rsts-nav { opacity: 1; } .rsts-skin-tao .rsts-progress { position: absolute; top: 0; right: 0; width: 100%; height: 2px; background-color: black; opacity: 0; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .rsts-skin-tao .rsts-progress div { height: 100%; background-color: white; } .rsts-skin-tao .rsts-progress.rsts-progress-active { opacity: 0.3; } .rsts-skin-testimonials-centered.rsts-main, .rsts-skin-partner.rsts-main, .rsts-skin-mega-dropdown.rsts-main { position: relative; margin: 2.25em 0; } .rsts-skin-testimonials-centered .rsts-view, .rsts-skin-partner .rsts-view, .rsts-skin-mega-dropdown .rsts-view { padding: 0 3.75em; } @media screen and (max-width: 599px) { .rsts-skin-testimonials-centered .rsts-view, .rsts-skin-partner .rsts-view, .rsts-skin-mega-dropdown .rsts-view { padding-right: 1.875em; padding-left: 1.875em; } } .rsts-skin-testimonials-centered .rsts-nav ul, .rsts-skin-partner .rsts-nav ul, .rsts-skin-mega-dropdown .rsts-nav ul { height: 0; margin: 0; } .rsts-skin-testimonials-centered .rsts-prev, .rsts-skin-testimonials-centered .rsts-next, .rsts-skin-partner .rsts-prev, .rsts-skin-partner .rsts-next, .rsts-skin-mega-dropdown .rsts-prev, .rsts-skin-mega-dropdown .rsts-next { position: absolute; top: 50%; left: 0; margin-top: -1em; border: 1px solid #e5e8ee; overflow: hidden; text-indent: -99em; line-height: 0; background-color: #ffffff; } .rsts-skin-testimonials-centered .rsts-prev:hover, .rsts-skin-testimonials-centered .rsts-prev:focus, .rsts-skin-testimonials-centered .rsts-next:hover, .rsts-skin-testimonials-centered .rsts-next:focus, .rsts-skin-partner .rsts-prev:hover, .rsts-skin-partner .rsts-prev:focus, .rsts-skin-partner .rsts-next:hover, .rsts-skin-partner .rsts-next:focus, .rsts-skin-mega-dropdown .rsts-prev:hover, .rsts-skin-mega-dropdown .rsts-prev:focus, .rsts-skin-mega-dropdown .rsts-next:hover, .rsts-skin-mega-dropdown .rsts-next:focus { text-decoration: none; } .sidebar .rsts-skin-testimonials-centered .rsts-prev, .sidebar .rsts-skin-testimonials-centered .rsts-next, .sidebar .rsts-skin-partner .rsts-prev, .sidebar .rsts-skin-partner .rsts-next, .sidebar .rsts-skin-mega-dropdown .rsts-prev, .sidebar .rsts-skin-mega-dropdown .rsts-next { bottom: 0.375em; } .rsts-skin-testimonials-centered .rsts-prev:after, .rsts-skin-testimonials-centered .rsts-next:after, .rsts-skin-partner .rsts-prev:after, .rsts-skin-partner .rsts-next:after, .rsts-skin-mega-dropdown .rsts-prev:after, .rsts-skin-mega-dropdown .rsts-next:after { font: 0.875em/1 "RockSolid Icons"; content: "\e018"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; display: block; padding: 0.57143em; color: #707070; } .rsts-skin-testimonials-centered .rsts-prev:hover:after, .rsts-skin-testimonials-centered .rsts-prev:focus:after, .rsts-skin-testimonials-centered .rsts-next:hover:after, .rsts-skin-testimonials-centered .rsts-next:focus:after, .rsts-skin-partner .rsts-prev:hover:after, .rsts-skin-partner .rsts-prev:focus:after, .rsts-skin-partner .rsts-next:hover:after, .rsts-skin-partner .rsts-next:focus:after, .rsts-skin-mega-dropdown .rsts-prev:hover:after, .rsts-skin-mega-dropdown .rsts-prev:focus:after, .rsts-skin-mega-dropdown .rsts-next:hover:after, .rsts-skin-mega-dropdown .rsts-next:focus:after { color: #575757; } .rsts-skin-testimonials-centered .rsts-next, .rsts-skin-partner .rsts-next, .rsts-skin-mega-dropdown .rsts-next { left: auto; right: 0; } .rsts-skin-testimonials-centered .rsts-next:after, .rsts-skin-partner .rsts-next:after, .rsts-skin-mega-dropdown .rsts-next:after { content: "\e019"; } .rsts-skin-testimonials-centered .rsts-nav-prev, .rsts-skin-testimonials-centered .rsts-nav-next, .rsts-skin-partner .rsts-nav-prev, .rsts-skin-partner .rsts-nav-next, .rsts-skin-mega-dropdown .rsts-nav-prev, .rsts-skin-mega-dropdown .rsts-nav-next { display: none !important; } .rsts-skin-testimonials-centered .rsts-nav, .rsts-skin-partner .rsts-nav, .rsts-skin-mega-dropdown .rsts-nav, .rsts-skin-carousel .rsts-nav { line-height: 0; } .rsts-skin-testimonials-centered .rsts-nav ul, .rsts-skin-partner .rsts-nav ul, .rsts-skin-mega-dropdown .rsts-nav ul, .rsts-skin-carousel .rsts-nav ul { padding: 0; text-align: center; } .rsts-skin-testimonials-centered .rsts-nav .rsts-nav-item, .rsts-skin-partner .rsts-nav .rsts-nav-item, .rsts-skin-mega-dropdown .rsts-nav .rsts-nav-item, .rsts-skin-carousel .rsts-nav .rsts-nav-item { display: inline; } .rsts-skin-testimonials-centered .rsts-nav .rsts-nav-item a, .rsts-skin-partner .rsts-nav .rsts-nav-item a, .rsts-skin-mega-dropdown .rsts-nav .rsts-nav-item a, .rsts-skin-carousel .rsts-nav .rsts-nav-item a { display: inline-block; vertical-align: middle; width: 18px; height: 18px; overflow: hidden; outline: none; padding: 5px; text-indent: -99em; } .rsts-skin-testimonials-centered .rsts-nav .rsts-nav-item a:after, .rsts-skin-partner .rsts-nav .rsts-nav-item a:after, .rsts-skin-mega-dropdown .rsts-nav .rsts-nav-item a:after, .rsts-skin-carousel .rsts-nav .rsts-nav-item a:after { content: ""; display: block; width: 6px; height: 6px; border: 1px solid #b2b9c4; border-radius: 100%; background: #b2b9c4; background: rgba(178, 185, 196, 0.5); } .rsts-skin-testimonials-centered .rsts-nav .rsts-nav-item a:hover, .rsts-skin-testimonials-centered .rsts-nav .rsts-nav-item a.active, .rsts-skin-partner .rsts-nav .rsts-nav-item a:hover, .rsts-skin-partner .rsts-nav .rsts-nav-item a.active, .rsts-skin-mega-dropdown .rsts-nav .rsts-nav-item a:hover, .rsts-skin-mega-dropdown .rsts-nav .rsts-nav-item a.active, .rsts-skin-carousel .rsts-nav .rsts-nav-item a:hover, .rsts-skin-carousel .rsts-nav .rsts-nav-item a.active { text-decoration: none; } .rsts-skin-testimonials-centered .rsts-nav .rsts-nav-item a:hover:after, .rsts-skin-testimonials-centered .rsts-nav .rsts-nav-item a.active:after, .rsts-skin-partner .rsts-nav .rsts-nav-item a:hover:after, .rsts-skin-partner .rsts-nav .rsts-nav-item a.active:after, .rsts-skin-mega-dropdown .rsts-nav .rsts-nav-item a:hover:after, .rsts-skin-mega-dropdown .rsts-nav .rsts-nav-item a.active:after, .rsts-skin-carousel .rsts-nav .rsts-nav-item a:hover:after, .rsts-skin-carousel .rsts-nav .rsts-nav-item a.active:after { background-color: #b2b9c4; } .rsts-skin-partner .rsts-nav { margin: 1.5em 0; } .rsts-skin-mega-dropdown.rsts-main { margin: 0; } .rsts-skin-mega-dropdown .rsts-view { padding: 0; } .rsts-skin-mega-dropdown .rsts-prev { left: -6%; right: auto; } .rsts-skin-mega-dropdown .rsts-next { left: auto; right: -6%; } .rsts-skin-mega-dropdown .rsts-nav { text-align: center; } .rsts-skin-carousel .rsts-nav ul { margin: 0.375em 0; } .rsts-skin-carousel .rsts-prev, .rsts-skin-carousel .rsts-next { display: none !important; } .rsts-skin-carousel .rsts-nav-prev, .rsts-skin-carousel .rsts-nav-next { display: inline; margin-right: 1.25em; } .rsts-skin-carousel .rsts-nav-prev a, .rsts-skin-carousel .rsts-nav-next a { display: inline-block; vertical-align: middle; overflow: hidden; text-indent: -99em; line-height: 0; } .rsts-skin-carousel .rsts-nav-prev a:after, .rsts-skin-carousel .rsts-nav-next a:after { font: 1em/1 "RockSolid Icons"; content: "\e018"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; display: block; padding: 0.5em; color: #707070; } .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: #575757; } .rsts-skin-carousel .rsts-nav-next { margin-left: 1.25em; margin-right: 0; } .rsts-skin-carousel .rsts-nav-next a:after { content: "\e019"; } .rsts-skin-light .rsts-nav { position: absolute; bottom: 20px; margin: 0; width: 100%; } /* =========================================== * White Skin * ======================================== */ .rsts-skin-weiss.rsts-main { position: relative; } .rsts-skin-weiss.rsts-type-fade .rsts-slide { background-color: white; } .rsts-skin-weiss .rsts-caption { position: absolute; top: 20px; left: 20px; margin-right: 20px; padding: 5px 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: white; background-color: black; background-color: rgba(0, 0, 0, 0.4); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transform: translate(0, -20px); -moz-transform: translate(0, -20px); -ms-transform: translate(0, -20px); -o-transform: translate(0, -20px); transform: translate(0, -20px); -webkit-transition: opacity 0.5s, -webkit-transform 0.5s; -moz-transition: opacity 0.5s, -moz-transform 0.5s; -o-transition: opacity 0.5s, -o-transform 0.5s; transition: opacity 0.5s, transform 0.5s; } .rsts-skin-weiss .rsts-active .rsts-caption { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .rsts-skin-weiss .rsts-prev, .rsts-skin-weiss .rsts-next, .rsts-skin-weiss .rsts-video-play, .rsts-skin-weiss .rsts-video-stop, .rsts-skin-weiss .rsts-thumbs-prev, .rsts-skin-weiss .rsts-thumbs-next { position: absolute; right: 55px; bottom: 15px; overflow: hidden; width: 30px; height: 30px; border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.1); outline: none; line-height: 0; text-align: center; text-decoration: none; text-indent: -9999px; -webkit-background-clip: padding; -moz-background-clip: padding; background-clip: padding-box; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAilBMVEUHBwg/QEF5enp5ensCAwQHCAhzdHUAAQEGBwh8fX37+/svMDBub3COjo9yc3NtbW709fWvsLDm5uba2trR0dEuLi6Pj4/Q0NDl5eXZ2toFBgfz8/MuLy/09PT29vb8/Pz6+vp7e3x0dXZzdHT4+Pj39/f9/v3+/v79/f3///8EBQb5+fkAAAD19fVMP6q+AAAALnRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8hTP8QAAAJ1JREFUeNrV0lkPwiAMAOB53zrva2xOxQm0///vWZ4a1o3EN20gNPnSlFASRKVQIS2KFHPKaPvcH8St8WesXYzddVMIZn3NZ1tTZ9Y7QLa7MdfVWlgYZqk9lzML7VZPbGCdDsFekpI14GoN/fGoY6aqkbVaUvVg0lKN7v3wvcuwt/Tg5tIPRjA77I/i1dhX2dnEJnYq4vP+2a/4FX8AsSOXytKixMYAAAAASUVORK5CYII='); background-position: 50% 50%; -webkit-transition: opacity 0.05s linear; -moz-transition: opacity 0.05s linear; -o-transition: opacity 0.05s linear; transition: opacity 0.05s linear; } @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3) { .rsts-skin-weiss .rsts-prev, .rsts-skin-weiss .rsts-next, .rsts-skin-weiss .rsts-video-play, .rsts-skin-weiss .rsts-video-stop, .rsts-skin-weiss .rsts-thumbs-prev, .rsts-skin-weiss .rsts-thumbs-next { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAIVBMVEWhoaE7PD15enqVlpaTk5N2d3h0dHVoaWpmZmcGBwj19fXsWX/bAAAAC3RSTlOAgICAgICAgICAgMiF55wAAAB9SURBVHja7dUxEoAgFANRFBTw/ge2YythEivHn/6VmU3XiwUOHPhPuGYf196zjLHPOi0tWsBYtICx/Zxgw4INCzYs2LBgw4INC55ZFadhN+NVbeh9jhf6mGJDgw0NNjTY0GBDgz0NXusiYDRWwGisgNHFL0Yrnwxd4MCBtd3+EosAicYyWQAAAABJRU5ErkJggg=='); background-size: 30px, 30px; } } .rsts-skin-weiss .rsts-prev:hover, .rsts-skin-weiss .rsts-next:hover, .rsts-skin-weiss .rsts-video-play:hover, .rsts-skin-weiss .rsts-video-stop:hover, .rsts-skin-weiss .rsts-thumbs-prev:hover, .rsts-skin-weiss .rsts-thumbs-next:hover { background-color: #eeeeee; background-color: rgba(238, 238, 238, 0.7); } .rsts-skin-weiss .rsts-next, .rsts-skin-weiss .rsts-thumbs-next { right: 20px; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAkFBMVEUBAQLPz9AlJiYlJifS0tIsLS0nJyjQ0dDR0tIBAQElJSYrLC2tra39/PwFBQYFBgf6+fmBgYKCgoL9/f339vZBQULIycnIyMiCg4PR0dEmJycmJyjMzMz8/Pzl5eXj4+MCAwQGBwghIiP09PT7+/shIiL6+vrNzs7Nzc0iIyP29vb39/cHCAkAAAD////19fV/WdL3AAAAMHRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICRnvRdAAAAnklEQVR42tXSxw7CMAwG4LL3XqUtLdRQqNPY7/92WEJVDhkSN7B8iPTpl6M4ETMAA0t/ChmwPTELe+uPGKsQKywWflYUJxn5eI9xpOsneXidp7pp3Wa+dHrGbWY6d43bLD673nR9vLsZaL5cNfoAyp0eDyRdntxp6icy+/Ei981HqVGLq3xo1GaFm4kuRb1vvp1mFNzYLrzvn/2KX/MbXNOe099MDj0AAAAASUVORK5CYII='); } @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3) { .rsts-skin-weiss .rsts-next, .rsts-skin-weiss .rsts-thumbs-next { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAHlBMVEWhoaE7PD2VlpaTk5N2d3h0dHVoaWpmZmcGBwj19fXtfGSSAAAACnRSTlOAgICAgICAgICAXdxslAAAAHxJREFUeNrt1TEOgDAMxdDSAi33vzBbPVUoZkLE+1O2/HK9KHHixH/A9fS4jnGGMfZZl6VFBzAWHcLHQD9gocFCg4UGCw0WGiw0WGjwum3qEsb7tH1xWViwsGBhwcKChQULC5Z2jRs2itHdfc+GjWB094vR+ieHLnHixK4bjyV89TB6vlgAAAAASUVORK5CYII='); background-size: 30px, 30px; } } .rsts-skin-weiss .rsts-thumbs-prev, .rsts-skin-weiss .rsts-thumbs-next { position: absolute; top: 50%; right: 10px; margin-top: -15px; } .rsts-skin-weiss .rsts-thumbs-prev { right: auto; left: 10px; } .rsts-skin-weiss.rsts-direction-y .rsts-prev { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAbFBMVEUgISLDw8MgICGUlZaIiImSk5PCwsP9/f39/PyHh4iUlJWSkpLX2NgAAQIoKSkGBwgdHR7Ly8skJSYEBAXHyMj+/v739/ciIyMhIiImJyfNzc3S0tL8/Pz7+/v29vYHCAnNzs4AAAD////19fVh+HN2AAAAJHRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC401waAAAAiUlEQVR42uXRyQ7CMAwE0LC2QHfaQkji1sP//yNR1csEiXMlfPFI7zCWbN7JCCVmnj9i738x2hbMpHPTzCAmfag+XyAmrWt2QzqV5URuSLWqdHXmsDMRbFHYuPbnkPBw0rtaBzgbw21IWPKjdg6xxHV68ZJ2j9mhXyrRX/34fblgLQyQLf57S/wBI9V2nx3O9QoAAAAASUVORK5CYII='); } @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3) { .rsts-skin-weiss.rsts-direction-y .rsts-prev { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAG1BMVEWjpKQ5OTqVlpaTk5NmZmdoaWp2d3gGBwj19fXoTOf7AAAACXRSTlOAgICAgICAgIC7HeZcAAAAeUlEQVR42u3UMQ6AMAzF0A8BmvufGHVpyOIOFRJI8f5WyxcqXLhw4U9jLeCznYzRNtYi2zsIs2UttqzFlrXYshZb1mLLWmg31iJ7+YVaaJ210GY9x/awWdsc+z5s1uaEQ4cNbY449LChzQFn3W3S9qsBFi5cuPDr+AYQcW8C6kiUiAAAAABJRU5ErkJggg=='); background-size: 30px, 30px; } } .rsts-skin-weiss.rsts-direction-y .rsts-next { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAbFBMVEUwMTKKi4suLzAGBwja2trR0dEwMDEuLi/Q0NDZ2dmJiYp7e3x6e3t/gIEAAQL09PTn5+f6+vr8/Px0dHVwcHH8/f329vYFBgdzdHT+/v79/v339/f9/f3///90dXb4+Pj5+fkEBQYAAAD19fUC5l8BAAAAJHRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC401waAAAAnElEQVR42uXSyQ4CIQwG4HEddRZmZUSEQnn/d7RkSAi4HI2Jf6AlfIceoHCOMcccrTXcMR5OtInf5k/YyLVL84qHjoHvwLrhmdW+0AJIhT6eVc79YYtYCQBRIZanPmO1QWuxVqr2/aIylqD9fdP4OoLMZ5sb+dK2i8Xr3cTZie+CRk49aOTUcSRNOfo8TXPUnB1QPj0J5z/5Hb7OD7UPdeTEuFeXAAAAAElFTkSuQmCC'); } @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3) { .rsts-skin-weiss.rsts-direction-y .rsts-next { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAG1BMVEWjpKQ5OTqVlpaTk5NmZmdoaWp2d3gGBwj19fXoTOf7AAAACXRSTlOAgICAgICAgIC7HeZcAAAAg0lEQVR42u3UMQ6EMAxE0WVDYu5/YhpLXzBSRkAF8i9tvXZ+24MKFy5c+HP4P06H0RzGRoyjjWgOY1Nj0YLFpsaip7hFNrBog3ug02brDKsWK3imxQqe6EWsxWi1HqOxHqONBTuN9RiN9Vg11mPVWI9V99tL0rEe6/dVA1i4cOHCl9oBak1vAkBKLfwAAAAASUVORK5CYII='); background-size: 30px, 30px; } } .rsts-skin-weiss.rsts-video-playing .rsts-nav, .rsts-skin-weiss.rsts-video-playing .rsts-prev, .rsts-skin-weiss.rsts-video-playing .rsts-next { display: none; } .rsts-skin-weiss.rsts-video-playing .rsts-nav-thumbs { display: block; } .rsts-skin-weiss.rsts-touch .rsts-nav-numbers, .rsts-skin-weiss.rsts-touch .rsts-nav-tabs { display: none; } .rsts-skin-weiss .rsts-nav { position: absolute; right: 0; bottom: 12px; left: 10px; text-align: right; } .rsts-skin-weiss .rsts-nav ul { /* Forcing margin/padding, since '#content ul' is quite common */ margin: 0 !important; padding: 0 !important; } .rsts-skin-weiss .rsts-nav li { display: inline; } .rsts-skin-weiss .rsts-nav-numbers a, .rsts-skin-weiss .rsts-nav-tabs a { display: inline-block; height: 30px; min-width: 30px; padding: 0.65em 0.5em 0.5em; margin: 0 2px 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; outline: none; font-size: 12px; text-align: center; text-decoration: none; color: white; background-color: #555555; background-color: rgba(85, 85, 85, 0.6); -webkit-background-clip: padding; -moz-background-clip: padding; background-clip: padding-box; -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.2s ease-in; -moz-transition: opacity 0.2s ease-in; -o-transition: opacity 0.2s ease-in; transition: opacity 0.2s ease-in; } .rsts-skin-weiss .rsts-nav-numbers a:hover, .rsts-skin-weiss .rsts-nav-numbers a.active, .rsts-skin-weiss .rsts-nav-tabs a:hover, .rsts-skin-weiss .rsts-nav-tabs a.active { color: #333333; background-color: white; background-color: rgba(255, 255, 255, 0.5); } .rsts-skin-weiss:hover .rsts-nav-numbers a, .rsts-skin-weiss:hover .rsts-nav-tabs a { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .rsts-skin-weiss .rsts-nav-bullets { line-height: 0; } .rsts-skin-weiss .rsts-nav-bullets a { display: inline-block; width: 9px; height: 9px; overflow: hidden; margin: 12px 4px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; outline: none; text-align: left; text-indent: -999px; background-color: #D9D9D9; -webkit-background-clip: padding; -moz-background-clip: padding; background-clip: padding-box; } .rsts-skin-weiss .rsts-nav-bullets a:hover, .rsts-skin-weiss .rsts-nav-bullets a.active { background-color: #707070; } .rsts-skin-weiss .rsts-nav-thumbs { position: static; padding-top: 5px; } .rsts-skin-weiss .rsts-nav .rsts-nav-prev, .rsts-skin-weiss .rsts-nav .rsts-nav-next { display: none; } .rsts-skin-weiss .rsts-video-play { top: 50%; right: auto; bottom: auto; left: 50%; width: 64px; height: 64px; margin: -32px 0 0 -32px; border: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAMAAABG8BK2AAAAb1BMVEU4ODgGBgbx8fGurq7i4uIODg5QUFD7+/vBwcEUFBQYGBggICC1tbXNzc0JCQkVFRWsrKwTExPExMTS0tImJibv7+9KSkozMzP4+PhYWFj+/v6Dg4MDAwPl5eVycnKenp4MDAza2toPDw////8AAACZ5/RyAAAAJXRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAwmBGiwAAALNJREFUeNrt1kcOwkAQRFFyxsYmBxtDc/8zIrGpA/xaWKhnO9KT5ncvZvCxnGSSSSaZv2GK0sIsFzMHM53MWwPzfkU8OwsT9cHCRHOyMHFpLYwCIUaBEKNAiFEgxCgQYhSIMQrEGAXijAJxJrZrC7NZGZjb/WF41PHqSLw/Owa+q9D6KQthlAUwykIYZSGMsiBGWRCjLIhRFsQoC2Ga0S8LZMqx7gAzLPr0aUsmmWSS6SXzBf8cqwAv1zglAAAAAElFTkSuQmCC'); } @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3) { .rsts-skin-weiss .rsts-video-play { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIwAAACMCAMAAACZHrEMAAAARVBMVEUJCQlOTk4nJyddXV1gYGD29vbh4eGTk5PAwMA2NjYYGBgGBga3t7dUVFQtLS0SEhKHh4fb29sDAwPz8/NaWlr///8AAACZTZFgAAAAF3RSTlOAgICAgICAgICAgICAgICAgICAgICAgCZn8kAAAAFfSURBVHja7dpZUsMwFAVR5gDRLMT+l8r1Cqjih/5oLyB1kurYlp4evkGXGDFixIgRI0aMGDFixIgRI0aMGDFifseQvsBfPvjrdgdhzvsnCHPePkCY8/oCwpxzu4MwCQeESTggTMIBYa5wQJiEA8IkHBAm4YAwVzggTMIBYRIOCJNwQJgrHBAm4YAwCQeESTggzBUOCJNwQJiEA8IkHBDmCgeESTggTMIBYRIOCHOFA8IkHBAm4YAw5/UZhDn7iYOZjfPLlM5pZizMv2lXzk1vNs4duHTOs2kszFN7V87L1WycN73SOe/AY2FWB7tyFnGzcVaUpXPW2mNhdiF25WwWzcbZuSqds6c3Fma3c1fOpvRsnB3y0jmzg7EwU5VdOcOv2TiTuNI5M8qxMNPbXTlD9tk4E//SOWchxsKcEnmsoMM8qGNOYsRgLjFixIgRI0aMGDFixIgRI0aMGDH/e/0Ai4OJ2+ZcrkwAAAAASUVORK5CYII='); background-size: 70px, 70px; } } .rsts-skin-weiss .rsts-video-stop { top: 20px; right: 20px; left: auto; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAbFBMVEWnp6dOTk7x8fHv7+9HR0fw8PDu7u7e3t5NTU3f398UFBQTExP4+PhLS0tvb29xcXH09PRJSUn39/fn5+cWFhampqb29vZISEhMTExLS0ukpKT////r6+sAAAD///8AAABKSkr19fUAAAD///8df9PJAAAAJHRSTlN6e35+e35+e3t7fX1/fHl5fXt/e315fnt7e3p/foGBfnt9gIDdofLFAAAAk0lEQVR42u2SSQ7DIAxF03nKPBEC2Ni9/x3jsMXqsuqiljxITx/8EcX7Y/wxuOmUhmPhIMdlg4akzxGbMscrBu4IyHLANce+Ymb7WKRWPsdyqpCnZJzVzUmUEgvpxmAYA4dxAB3TIanvupqisJdkRwr2O403K9V43bdpgaLuu6/x3KY7sO7VN7+m4TI5+K3v8H28AYM7doAzbo6MAAAAAElFTkSuQmCC'); } @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3) { .rsts-skin-weiss .rsts-video-stop { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAALVBMVEXo6OjGxsZjY2PKysq3t7ewsLCOjo7f39+Pj4/l5eVfX19hYWHj4+NRUVH///80A/15AAAAD3RSTlOGkL2PlZemiKWHvr2HyICcCOzTAAAAv0lEQVR42u3VSQ7DIAxA0bRJSBjs+x83mzYfNnatLqpKeM0THmRY9IuYeOKJJ7bwlsdTWwCfUpsS+Smni7EipfVW5PQwtte5iqAdvIvcGiuy25gs0e1ta7YwuqJ76+NRr6P1MbkSTM7HaKyP0QXK1HyMxgaxrjde1cBe1TV4MzZeMxYdm7OvF9OWR7H0YtpDG/ojnDurnc6hfT7Iw9tnImE7ney00bdFJ3Uw+mXpQoq822Nv8/Yf383EE0/8G3wBfh3Bcn7dsMIAAAAASUVORK5CYII='); background-size: 30px, 30px; } } .rsts-skin-weiss .rsts-video-youtube > .rsts-video-stop { top: 25px; } .rsts-skin-weiss .rsts-video-vimeo > .rsts-video-stop { top: 10px; right: auto; left: 10px; } .rsts-skin-weiss .rsts-progress { position: absolute; top: 0; right: 0; width: 100%; height: 2px; background-color: black; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); 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-weiss .rsts-progress div { height: 100%; background-color: white; } .rsts-skin-weiss .rsts-progress.rsts-progress-active { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity: 0.3; } .rsts-skin-weiss .rsts-thumbs-slide { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; } .rsts-skin-weiss .rsts-thumbs-slide.rsts-thumbs-active-thumb { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } /*---*/ .rsts-skin-weiss .rsts-nav-bullets { line-height: 0; text-align: center; } .rsts-skin-weiss .rsts-prev{ position: absolute; left: 20px; top: 50%; padding: 20px; background: url(/files/Insta/img/web-elements/arrow_left.svg); background-repeat: no-repeat; background-position: center; height: 40px; width: 40px; border: 0px solid rgba(0,0,0,0.1); -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: 0 0 0px rgba(0,0,0,0.1); -moz-box-shadow: 0 0 0px rgba(0,0,0,0.1); box-shadow: 0 0 0px rgba(0,0,0,0.1); transition: all .5s ease-out; } .rsts-skin-weiss .rsts-next{ position: absolute; right: 20px; top: 50%; padding: 20px; background: url(/files/Insta/img/web-elements/arrow_right.svg); background-repeat: no-repeat; background-position: center; height: 40px; width: 40px; border: 0px solid rgba(0,0,0,0.1); -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; transition: all .5s ease-out; } .rsts-skin-weiss .rsts-prev:hover{ background-color: initial; left: 10px; transition: all .5s ease-out; } .rsts-skin-weiss .rsts-next:hover{ background-color: initial; right: 10px; transition: all .5s ease-out; } /* =========================================== * White Green * ======================================== */ .rsts-skin-gruen.rsts-main { position: relative; } .rsts-skin-gruen.rsts-type-fade .rsts-slide { background-color: white; } .rsts-skin-gruen .rsts-caption { position: absolute; top: 20px; left: 20px; margin-right: 20px; padding: 5px 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: white; background-color: black; background-color: rgba(0, 0, 0, 0.4); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transform: translate(0, -20px); -moz-transform: translate(0, -20px); -ms-transform: translate(0, -20px); -o-transform: translate(0, -20px); transform: translate(0, -20px); -webkit-transition: opacity 0.5s, -webkit-transform 0.5s; -moz-transition: opacity 0.5s, -moz-transform 0.5s; -o-transition: opacity 0.5s, -o-transform 0.5s; transition: opacity 0.5s, transform 0.5s; } .rsts-skin-gruen .rsts-active .rsts-caption { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .rsts-skin-gruen .rsts-prev, .rsts-skin-gruen .rsts-next, .rsts-skin-gruen .rsts-video-play, .rsts-skin-gruen .rsts-video-stop, .rsts-skin-gruen .rsts-thumbs-prev, .rsts-skin-gruen .rsts-thumbs-next { position: absolute; right: 55px; bottom: 15px; overflow: hidden; width: 30px; height: 30px; border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.1); outline: none; line-height: 0; text-align: center; text-decoration: none; text-indent: -9999px; -webkit-background-clip: padding; -moz-background-clip: padding; background-clip: padding-box; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAilBMVEUHBwg/QEF5enp5ensCAwQHCAhzdHUAAQEGBwh8fX37+/svMDBub3COjo9yc3NtbW709fWvsLDm5uba2trR0dEuLi6Pj4/Q0NDl5eXZ2toFBgfz8/MuLy/09PT29vb8/Pz6+vp7e3x0dXZzdHT4+Pj39/f9/v3+/v79/f3///8EBQb5+fkAAAD19fVMP6q+AAAALnRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8hTP8QAAAJ1JREFUeNrV0lkPwiAMAOB53zrva2xOxQm0///vWZ4a1o3EN20gNPnSlFASRKVQIS2KFHPKaPvcH8St8WesXYzddVMIZn3NZ1tTZ9Y7QLa7MdfVWlgYZqk9lzML7VZPbGCdDsFekpI14GoN/fGoY6aqkbVaUvVg0lKN7v3wvcuwt/Tg5tIPRjA77I/i1dhX2dnEJnYq4vP+2a/4FX8AsSOXytKixMYAAAAASUVORK5CYII='); background-position: 50% 50%; -webkit-transition: opacity 0.05s linear; -moz-transition: opacity 0.05s linear; -o-transition: opacity 0.05s linear; transition: opacity 0.05s linear; } @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3) { .rsts-skin-gruen .rsts-prev, .rsts-skin-gruen .rsts-next, .rsts-skin-gruen .rsts-video-play, .rsts-skin-gruen .rsts-video-stop, .rsts-skin-gruen .rsts-thumbs-prev, .rsts-skin-gruen .rsts-thumbs-next { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAIVBMVEWhoaE7PD15enqVlpaTk5N2d3h0dHVoaWpmZmcGBwj19fXsWX/bAAAAC3RSTlOAgICAgICAgICAgMiF55wAAAB9SURBVHja7dUxEoAgFANRFBTw/ge2YythEivHn/6VmU3XiwUOHPhPuGYf196zjLHPOi0tWsBYtICx/Zxgw4INCzYs2LBgw4INC55ZFadhN+NVbeh9jhf6mGJDgw0NNjTY0GBDgz0NXusiYDRWwGisgNHFL0Yrnwxd4MCBtd3+EosAicYyWQAAAABJRU5ErkJggg=='); background-size: 30px, 30px; } } .rsts-skin-gruen .rsts-prev:hover, .rsts-skin-gruen .rsts-next:hover, .rsts-skin-gruen .rsts-video-play:hover, .rsts-skin-gruen .rsts-video-stop:hover, .rsts-skin-gruen .rsts-thumbs-prev:hover, .rsts-skin-gruen .rsts-thumbs-next:hover { background-color: #eeeeee; background-color: rgba(238, 238, 238, 0.7); } .rsts-skin-gruen .rsts-next, .rsts-skin-gruen .rsts-thumbs-next { right: 20px; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAkFBMVEUBAQLPz9AlJiYlJifS0tIsLS0nJyjQ0dDR0tIBAQElJSYrLC2tra39/PwFBQYFBgf6+fmBgYKCgoL9/f339vZBQULIycnIyMiCg4PR0dEmJycmJyjMzMz8/Pzl5eXj4+MCAwQGBwghIiP09PT7+/shIiL6+vrNzs7Nzc0iIyP29vb39/cHCAkAAAD////19fV/WdL3AAAAMHRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICRnvRdAAAAnklEQVR42tXSxw7CMAwG4LL3XqUtLdRQqNPY7/92WEJVDhkSN7B8iPTpl6M4ETMAA0t/ChmwPTELe+uPGKsQKywWflYUJxn5eI9xpOsneXidp7pp3Wa+dHrGbWY6d43bLD673nR9vLsZaL5cNfoAyp0eDyRdntxp6icy+/Ei981HqVGLq3xo1GaFm4kuRb1vvp1mFNzYLrzvn/2KX/MbXNOe099MDj0AAAAASUVORK5CYII='); } @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3) { .rsts-skin-gruen .rsts-next, .rsts-skin-gruen .rsts-thumbs-next { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAHlBMVEWhoaE7PD2VlpaTk5N2d3h0dHVoaWpmZmcGBwj19fXtfGSSAAAACnRSTlOAgICAgICAgICAXdxslAAAAHxJREFUeNrt1TEOgDAMxdDSAi33vzBbPVUoZkLE+1O2/HK9KHHixH/A9fS4jnGGMfZZl6VFBzAWHcLHQD9gocFCg4UGCw0WGiw0WGjwum3qEsb7tH1xWViwsGBhwcKChQULC5Z2jRs2itHdfc+GjWB094vR+ieHLnHixK4bjyV89TB6vlgAAAAASUVORK5CYII='); background-size: 30px, 30px; } } .rsts-skin-gruen .rsts-thumbs-prev, .rsts-skin-gruen .rsts-thumbs-next { position: absolute; top: 50%; right: 10px; margin-top: -15px; } .rsts-skin-gruen .rsts-thumbs-prev { right: auto; left: 10px; } .rsts-skin-gruen.rsts-direction-y .rsts-prev { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAbFBMVEUgISLDw8MgICGUlZaIiImSk5PCwsP9/f39/PyHh4iUlJWSkpLX2NgAAQIoKSkGBwgdHR7Ly8skJSYEBAXHyMj+/v739/ciIyMhIiImJyfNzc3S0tL8/Pz7+/v29vYHCAnNzs4AAAD////19fVh+HN2AAAAJHRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC401waAAAAiUlEQVR42uXRyQ7CMAwE0LC2QHfaQkji1sP//yNR1csEiXMlfPFI7zCWbN7JCCVmnj9i738x2hbMpHPTzCAmfag+XyAmrWt2QzqV5URuSLWqdHXmsDMRbFHYuPbnkPBw0rtaBzgbw21IWPKjdg6xxHV68ZJ2j9mhXyrRX/34fblgLQyQLf57S/wBI9V2nx3O9QoAAAAASUVORK5CYII='); } @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3) { .rsts-skin-gruen.rsts-direction-y .rsts-prev { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAG1BMVEWjpKQ5OTqVlpaTk5NmZmdoaWp2d3gGBwj19fXoTOf7AAAACXRSTlOAgICAgICAgIC7HeZcAAAAeUlEQVR42u3UMQ6AMAzF0A8BmvufGHVpyOIOFRJI8f5WyxcqXLhw4U9jLeCznYzRNtYi2zsIs2UttqzFlrXYshZb1mLLWmg31iJ7+YVaaJ210GY9x/awWdsc+z5s1uaEQ4cNbY449LChzQFn3W3S9qsBFi5cuPDr+AYQcW8C6kiUiAAAAABJRU5ErkJggg=='); background-size: 30px, 30px; } } .rsts-skin-gruen.rsts-direction-y .rsts-next { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAbFBMVEUwMTKKi4suLzAGBwja2trR0dEwMDEuLi/Q0NDZ2dmJiYp7e3x6e3t/gIEAAQL09PTn5+f6+vr8/Px0dHVwcHH8/f329vYFBgdzdHT+/v79/v339/f9/f3///90dXb4+Pj5+fkEBQYAAAD19fUC5l8BAAAAJHRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC401waAAAAnElEQVR42uXSyQ4CIQwG4HEddRZmZUSEQnn/d7RkSAi4HI2Jf6AlfIceoHCOMcccrTXcMR5OtInf5k/YyLVL84qHjoHvwLrhmdW+0AJIhT6eVc79YYtYCQBRIZanPmO1QWuxVqr2/aIylqD9fdP4OoLMZ5sb+dK2i8Xr3cTZie+CRk49aOTUcSRNOfo8TXPUnB1QPj0J5z/5Hb7OD7UPdeTEuFeXAAAAAElFTkSuQmCC'); } @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3) { .rsts-skin-gruen.rsts-direction-y .rsts-next { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAG1BMVEWjpKQ5OTqVlpaTk5NmZmdoaWp2d3gGBwj19fXoTOf7AAAACXRSTlOAgICAgICAgIC7HeZcAAAAg0lEQVR42u3UMQ6EMAxE0WVDYu5/YhpLXzBSRkAF8i9tvXZ+24MKFy5c+HP4P06H0RzGRoyjjWgOY1Nj0YLFpsaip7hFNrBog3ug02brDKsWK3imxQqe6EWsxWi1HqOxHqONBTuN9RiN9Vg11mPVWI9V99tL0rEe6/dVA1i4cOHCl9oBak1vAkBKLfwAAAAASUVORK5CYII='); background-size: 30px, 30px; } } .rsts-skin-gruen.rsts-video-playing .rsts-nav, .rsts-skin-gruen.rsts-video-playing .rsts-prev, .rsts-skin-gruen.rsts-video-playing .rsts-next { display: none; } .rsts-skin-gruen.rsts-video-playing .rsts-nav-thumbs { display: block; } .rsts-skin-gruen.rsts-touch .rsts-nav-numbers, .rsts-skin-gruen.rsts-touch .rsts-nav-tabs { display: none; } .rsts-skin-gruen .rsts-nav { position: absolute; right: 0; /*bottom: 12px;*/ left: 10px; text-align: right; } .rsts-skin-gruen .rsts-nav ul { /* Forcing margin/padding, since '#content ul' is quite common */ margin: 0 !important; padding: 0 !important; } .rsts-skin-gruen .rsts-nav li { display: inline; } .rsts-skin-gruen .rsts-nav-numbers a, .rsts-skin-gruen .rsts-nav-tabs a { display: inline-block; height: 30px; min-width: 30px; padding: 0.65em 0.5em 0.5em; margin: 0 2px 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; outline: none; font-size: 12px; text-align: center; text-decoration: none; color: white; background-color: #555555; background-color: rgba(85, 85, 85, 0.6); -webkit-background-clip: padding; -moz-background-clip: padding; background-clip: padding-box; -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.2s ease-in; -moz-transition: opacity 0.2s ease-in; -o-transition: opacity 0.2s ease-in; transition: opacity 0.2s ease-in; } .rsts-skin-gruen .rsts-nav-numbers a:hover, .rsts-skin-gruen .rsts-nav-numbers a.active, .rsts-skin-gruen .rsts-nav-tabs a:hover, .rsts-skin-gruen .rsts-nav-tabs a.active { color: #333333; background-color: white; background-color: rgba(255, 255, 255, 0.5); } .rsts-skin-gruen:hover .rsts-nav-numbers a, .rsts-skin-gruen:hover .rsts-nav-tabs a { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .rsts-skin-gruen .rsts-nav-bullets { line-height: 0; } .rsts-skin-gruen .rsts-nav-bullets a { display: inline-block; width: 9px; height: 9px; overflow: hidden; margin: 12px 4px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; outline: none; text-align: left; text-indent: -999px; background-color: #D9D9D9; -webkit-background-clip: padding; -moz-background-clip: padding; background-clip: padding-box; } .rsts-skin-gruen .rsts-nav-bullets a:hover, .rsts-skin-gruen .rsts-nav-bullets a.active { background-color: #707070; } .dunkel.rsts-skin-gruen .rsts-nav-bullets a.active{ background-color: #8b8b8b; } .rsts-skin-gruen .rsts-nav-thumbs { position: static; padding-top: 5px; } .rsts-skin-gruen .rsts-nav .rsts-nav-prev, .rsts-skin-gruen .rsts-nav .rsts-nav-next { display: none; } .rsts-skin-gruen .rsts-video-play { top: 50%; right: auto; bottom: auto; left: 50%; width: 64px; height: 64px; margin: -32px 0 0 -32px; border: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAMAAABG8BK2AAAAb1BMVEU4ODgGBgbx8fGurq7i4uIODg5QUFD7+/vBwcEUFBQYGBggICC1tbXNzc0JCQkVFRWsrKwTExPExMTS0tImJibv7+9KSkozMzP4+PhYWFj+/v6Dg4MDAwPl5eVycnKenp4MDAza2toPDw////8AAACZ5/RyAAAAJXRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAwmBGiwAAALNJREFUeNrt1kcOwkAQRFFyxsYmBxtDc/8zIrGpA/xaWKhnO9KT5ncvZvCxnGSSSSaZv2GK0sIsFzMHM53MWwPzfkU8OwsT9cHCRHOyMHFpLYwCIUaBEKNAiFEgxCgQYhSIMQrEGAXijAJxJrZrC7NZGZjb/WF41PHqSLw/Owa+q9D6KQthlAUwykIYZSGMsiBGWRCjLIhRFsQoC2Ga0S8LZMqx7gAzLPr0aUsmmWSS6SXzBf8cqwAv1zglAAAAAElFTkSuQmCC'); } @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3) { .rsts-skin-gruen .rsts-video-play { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIwAAACMCAMAAACZHrEMAAAARVBMVEUJCQlOTk4nJyddXV1gYGD29vbh4eGTk5PAwMA2NjYYGBgGBga3t7dUVFQtLS0SEhKHh4fb29sDAwPz8/NaWlr///8AAACZTZFgAAAAF3RSTlOAgICAgICAgICAgICAgICAgICAgICAgCZn8kAAAAFfSURBVHja7dpZUsMwFAVR5gDRLMT+l8r1Cqjih/5oLyB1kurYlp4evkGXGDFixIgRI0aMGDFixIgRI0aMGDFifseQvsBfPvjrdgdhzvsnCHPePkCY8/oCwpxzu4MwCQeESTggTMIBYa5wQJiEA8IkHBAm4YAwVzggTMIBYRIOCJNwQJgrHBAm4YAwCQeESTggzBUOCJNwQJiEA8IkHBDmCgeESTggTMIBYRIOCHOFA8IkHBAm4YAw5/UZhDn7iYOZjfPLlM5pZizMv2lXzk1vNs4duHTOs2kszFN7V87L1WycN73SOe/AY2FWB7tyFnGzcVaUpXPW2mNhdiF25WwWzcbZuSqds6c3Fma3c1fOpvRsnB3y0jmzg7EwU5VdOcOv2TiTuNI5M8qxMNPbXTlD9tk4E//SOWchxsKcEnmsoMM8qGNOYsRgLjFixIgRI0aMGDFixIgRI0aMGDH/e/0Ai4OJ2+ZcrkwAAAAASUVORK5CYII='); background-size: 70px, 70px; } } .rsts-skin-gruen .rsts-video-stop { top: 20px; right: 20px; left: auto; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAbFBMVEWnp6dOTk7x8fHv7+9HR0fw8PDu7u7e3t5NTU3f398UFBQTExP4+PhLS0tvb29xcXH09PRJSUn39/fn5+cWFhampqb29vZISEhMTExLS0ukpKT////r6+sAAAD///8AAABKSkr19fUAAAD///8df9PJAAAAJHRSTlN6e35+e35+e3t7fX1/fHl5fXt/e315fnt7e3p/foGBfnt9gIDdofLFAAAAk0lEQVR42u2SSQ7DIAxF03nKPBEC2Ni9/x3jsMXqsuqiljxITx/8EcX7Y/wxuOmUhmPhIMdlg4akzxGbMscrBu4IyHLANce+Ymb7WKRWPsdyqpCnZJzVzUmUEgvpxmAYA4dxAB3TIanvupqisJdkRwr2O403K9V43bdpgaLuu6/x3KY7sO7VN7+m4TI5+K3v8H28AYM7doAzbo6MAAAAAElFTkSuQmCC'); } @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3) { .rsts-skin-gruen .rsts-video-stop { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAALVBMVEXo6OjGxsZjY2PKysq3t7ewsLCOjo7f39+Pj4/l5eVfX19hYWHj4+NRUVH///80A/15AAAAD3RSTlOGkL2PlZemiKWHvr2HyICcCOzTAAAAv0lEQVR42u3VSQ7DIAxA0bRJSBjs+x83mzYfNnatLqpKeM0THmRY9IuYeOKJJ7bwlsdTWwCfUpsS+Smni7EipfVW5PQwtte5iqAdvIvcGiuy25gs0e1ta7YwuqJ76+NRr6P1MbkSTM7HaKyP0QXK1HyMxgaxrjde1cBe1TV4MzZeMxYdm7OvF9OWR7H0YtpDG/ojnDurnc6hfT7Iw9tnImE7ney00bdFJ3Uw+mXpQoq822Nv8/Yf383EE0/8G3wBfh3Bcn7dsMIAAAAASUVORK5CYII='); background-size: 30px, 30px; } } .rsts-skin-gruen .rsts-video-youtube > .rsts-video-stop { top: 25px; } .rsts-skin-gruen .rsts-video-vimeo > .rsts-video-stop { top: 10px; right: auto; left: 10px; } .rsts-skin-gruen .rsts-progress { position: absolute; top: 0; right: 0; width: 100%; height: 2px; background-color: black; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); 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-gruen .rsts-progress div { height: 100%; background-color: white; } .rsts-skin-gruen .rsts-progress.rsts-progress-active { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity: 0.3; } .rsts-skin-gruen .rsts-thumbs-slide { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; } .rsts-skin-gruen .rsts-thumbs-slide.rsts-thumbs-active-thumb { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } /*---*/ .rsts-skin-gruen .rsts-nav-bullets { line-height: 0; text-align: center; } .rsts-skin-gruen .rsts-prev{ position: absolute; left: 20px; top: 50%; padding: 20px; background: url(/files/Insta/img/web-elements/arrow_left_green.svg); background-repeat: no-repeat; background-position: center; height: 40px; width: 40px; border: 0px solid rgba(0,0,0,0.1); -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: 0 0 0px rgba(0,0,0,0.1); -moz-box-shadow: 0 0 0px rgba(0,0,0,0.1); box-shadow: 0 0 0px rgba(0,0,0,0.1); transition: all .5s ease-out; } .rsts-skin-gruen .rsts-next{ position: absolute; right: 20px; top: 50%; padding: 20px; background: url(/files/Insta/img/web-elements/arrow_right_green.svg); background-repeat: no-repeat; background-position: center; height: 40px; width: 40px; border: 0px solid rgba(0,0,0,0.1); -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; transition: all .5s ease-out; } .rsts-skin-gruen .rsts-prev:hover{ background-color: initial; left: 10px; transition: all .5s ease-out; } .rsts-skin-gruen .rsts-next:hover{ background-color: initial; right: 10px; transition: all .5s ease-out; } /* .produktslider - Produktslider - Zusätze */ .produktslider a.hyperlink_txt { color: #bec323; } .image_container a img, .image_container a img{ transition: all ease-in-out 0.5s; transform: scale(1); } .image_container a:hover img, .image_container a:focus img{ -webkit-filter: blur(0px); -moz-filter: blur(0px); filter: blur(0px); transition: all ease-in-out 0.5s; transform: scale(1.1); } .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: none; } .image_container a:hover:after, .image_container a:focus:after { content: ""; } .produktslider a:hover{ text-decoration: none; color: #707070; } .produktslider a:focus { text-decoration: none; color: #707070; } .produktslider.rsts-skin-weiss .rsts-nav { bottom: -20px; } .produktslider.rsts-skin-weiss .rsts-prev{ background: url(/files/Insta/img/web-elements/arrow_left_green.svg); background-repeat: no-repeat; top: 45%; left: 0px; } .produktslider.rsts-skin-weiss .rsts-next{ background: url(/files/Insta/img/web-elements/arrow_right_green.svg); background-repeat: no-repeat; top: 45%; right: 0px; } .rsts-skin-testimonials-centered .rsts-view, .rsts-skin-partner .rsts-view, .rsts-skin-mega-dropdown .rsts-view, .produktslider.rsts-skin-weiss .rsts-view { padding: 0 3.75em; } .rsts-skin-testimonials-centered .rsts-prev, .rsts-skin-testimonials-centered .rsts-next, .rsts-skin-partner .rsts-prev, .rsts-skin-partner .rsts-next, .rsts-skin-mega-dropdown .rsts-prev, .rsts-skin-mega-dropdown .rsts-next{ border: 0px solid #e5e8ee; } .rsts-skin-testimonials-centered .rsts-prev:after, .rsts-skin-testimonials-centered .rsts-next:after, .rsts-skin-partner .rsts-prev:after, .rsts-skin-partner .rsts-next:after, .rsts-skin-mega-dropdown .rsts-prev:after, .rsts-skin-mega-dropdown .rsts-next:after { color: #bec323; font-size: 35px; padding: 0; } .produktslider.iconbox h3{ color: #bec323; text-align: center; } /*medienzentrum süd - Custom Insta Theme 2020*/ /* FONT IMPORT */ /* source-sans-pro-200 - latin */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 200; src: url('../../files/Insta/fonts/source-sans-pro/source-sans-pro-v18-latin-200.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/Insta/fonts/source-sans-pro/source-sans-pro-v18-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/Insta/fonts/source-sans-pro/source-sans-pro-v18-latin-200.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/Insta/fonts/source-sans-pro/source-sans-pro-v18-latin-200.woff') format('woff'), /* Modern Browsers */ url('../../files/Insta/fonts/source-sans-pro/source-sans-pro-v18-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/Insta/fonts/source-sans-pro/source-sans-pro-v18-latin-200.svg#SourceSansPro') format('svg'); /* Legacy iOS */ } /* source-sans-pro-200italic - latin */ @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 200; src: url('../../files/Insta/fonts/source-sans-pro/source-sans-pro-v18-latin-200italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/Insta/fonts/source-sans-pro/source-sans-pro-v18-latin-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/Insta/fonts/source-sans-pro/source-sans-pro-v18-latin-200italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/Insta/fonts/source-sans-pro/source-sans-pro-v18-latin-200italic.woff') format('woff'), /* Modern Browsers */ url('../../files/Insta/fonts/source-sans-pro/source-sans-pro-v18-latin-200italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/Insta/fonts/source-sans-pro/source-sans-pro-v18-latin-200italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */ } /* source-sans-pro-300 - latin */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 300; src: url('../../files/Insta/fonts/source-sans-pro/source-sans-pro-v18-latin-300.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/Insta/fonts/source-sans-pro/source-sans-pro-v18-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/Insta/fonts/source-sans-pro/source-sans-pro-v18-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/Insta/fonts/source-sans-pro/source-sans-pro-v18-latin-300.woff') format('woff'), /* Modern Browsers */ url('../../files/Insta/fonts/source-sans-pro/source-sans-pro-v18-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/Insta/fonts/source-sans-pro/source-sans-pro-v18-latin-300.svg#SourceSansPro') format('svg'); /* Legacy iOS */ } /* source-sans-pro-300italic - latin */ @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 300; src: url('../../files/Insta/fonts/source-sans-pro/source-sans-pro-v18-latin-300italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/Insta/fonts/source-sans-pro/source-sans-pro-v18-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/Insta/fonts/source-sans-pro/source-sans-pro-v18-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/Insta/fonts/source-sans-pro/source-sans-pro-v18-latin-300italic.woff') format('woff'), /* Modern Browsers */ url('../../files/Insta/fonts/source-sans-pro/source-sans-pro-v18-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/Insta/fonts/source-sans-pro/source-sans-pro-v18-latin-300italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */ } /* source-sans-pro-regular - latin */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400; src: url('../../files/Insta/fonts/source-sans-pro/source-sans-pro-v18-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/Insta/fonts/source-sans-pro/source-sans-pro-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/Insta/fonts/source-sans-pro/source-sans-pro-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/Insta/fonts/source-sans-pro/source-sans-pro-v18-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../../files/Insta/fonts/source-sans-pro/source-sans-pro-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/Insta/fonts/source-sans-pro/source-sans-pro-v18-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */ } /* source-sans-pro-italic - latin */ @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 400; src: url('../../files/Insta/fonts/source-sans-pro/source-sans-pro-v18-latin-italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/Insta/fonts/source-sans-pro/source-sans-pro-v18-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/Insta/fonts/source-sans-pro/source-sans-pro-v18-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/Insta/fonts/source-sans-pro/source-sans-pro-v18-latin-italic.woff') format('woff'), /* Modern Browsers */ url('../../files/Insta/fonts/source-sans-pro/source-sans-pro-v18-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/Insta/fonts/source-sans-pro/source-sans-pro-v18-latin-italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */ } /* source-sans-pro-600 - latin */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 600; src: url('../../files/Insta/fonts/source-sans-pro/source-sans-pro-v18-latin-600.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/Insta/fonts/source-sans-pro/source-sans-pro-v18-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/Insta/fonts/source-sans-pro/source-sans-pro-v18-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/Insta/fonts/source-sans-pro/source-sans-pro-v18-latin-600.woff') format('woff'), /* Modern Browsers */ url('../../files/Insta/fonts/source-sans-pro/source-sans-pro-v18-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/Insta/fonts/source-sans-pro/source-sans-pro-v18-latin-600.svg#SourceSansPro') format('svg'); /* Legacy iOS */ } /* source-sans-pro-600italic - latin */ @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 600; src: url('../../files/Insta/fonts/source-sans-pro/source-sans-pro-v18-latin-600italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/Insta/fonts/source-sans-pro/source-sans-pro-v18-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/Insta/fonts/source-sans-pro/source-sans-pro-v18-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/Insta/fonts/source-sans-pro/source-sans-pro-v18-latin-600italic.woff') format('woff'), /* Modern Browsers */ url('../../files/Insta/fonts/source-sans-pro/source-sans-pro-v18-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/Insta/fonts/source-sans-pro/source-sans-pro-v18-latin-600italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */ } /* source-sans-pro-700 - latin */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 700; src: url('../../files/Insta/fonts/source-sans-pro/source-sans-pro-v18-latin-700.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/Insta/fonts/source-sans-pro/source-sans-pro-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/Insta/fonts/source-sans-pro/source-sans-pro-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/Insta/fonts/source-sans-pro/source-sans-pro-v18-latin-700.woff') format('woff'), /* Modern Browsers */ url('../../files/Insta/fonts/source-sans-pro/source-sans-pro-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/Insta/fonts/source-sans-pro/source-sans-pro-v18-latin-700.svg#SourceSansPro') format('svg'); /* Legacy iOS */ } /* source-sans-pro-700italic - latin */ @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 700; src: url('../../files/Insta/fonts/source-sans-pro/source-sans-pro-v18-latin-700italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/Insta/fonts/source-sans-pro/source-sans-pro-v18-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/Insta/fonts/source-sans-pro/source-sans-pro-v18-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/Insta/fonts/source-sans-pro/source-sans-pro-v18-latin-700italic.woff') format('woff'), /* Modern Browsers */ url('../../files/Insta/fonts/source-sans-pro/source-sans-pro-v18-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/Insta/fonts/source-sans-pro/source-sans-pro-v18-latin-700italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */ } /* source-sans-pro-900 - latin */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 900; src: url('../../files/Insta/fonts/source-sans-pro/source-sans-pro-v18-latin-900.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/Insta/fonts/source-sans-pro/source-sans-pro-v18-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/Insta/fonts/source-sans-pro/source-sans-pro-v18-latin-900.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/Insta/fonts/source-sans-pro/source-sans-pro-v18-latin-900.woff') format('woff'), /* Modern Browsers */ url('../../files/Insta/fonts/source-sans-pro/source-sans-pro-v18-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/Insta/fonts/source-sans-pro/source-sans-pro-v18-latin-900.svg#SourceSansPro') format('svg'); /* Legacy iOS */ } /* source-sans-pro-900italic - latin */ @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 900; src: url('../../files/Insta/fonts/source-sans-pro/source-sans-pro-v18-latin-900italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/Insta/fonts/source-sans-pro/source-sans-pro-v18-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/Insta/fonts/source-sans-pro/source-sans-pro-v18-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/Insta/fonts/source-sans-pro/source-sans-pro-v18-latin-900italic.woff') format('woff'), /* Modern Browsers */ url('../../files/Insta/fonts/source-sans-pro/source-sans-pro-v18-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/Insta/fonts/source-sans-pro/source-sans-pro-v18-latin-900italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */ } /* montserrat-light */ @font-face { font-display: swap; font-family: 'Montserrat-Light'; font-style: normal; font-weight: 300; src: url('../../files/Insta/fonts/montserrat/Montserrat-Light.ttf') format('truetype'); } /* montserrat-regular */ @font-face { font-display: swap; font-family: 'Montserrat-Regular'; font-style: normal; font-weight: 400; src: url('../../files/Insta/fonts/montserrat/Montserrat-Regular.ttf') format('truetype'); } /* montserrat-medium */ @font-face { font-display: swap; font-family: 'Montserrat-Medium'; font-style: normal; font-weight: 500; src: url('../../files/Insta/fonts/montserrat/Montserrat-Medium.ttf') format('truetype'); } /* montserrat-semibold */ @font-face { font-display: swap; font-family: 'Montserrat-SemiBold'; font-style: normal; font-weight: 800; src: url('../../files/Insta/fonts/montserrat/Montserrat-SemiBold.ttf') format('truetype'); } html{ font-family: "Source Sans Pro", sans-serif; font-weight: 500; /*font-weight: 300;*/ font-size: 18px; overflow-x: hidden; -webkit-tap-highlight-color: #ffffff60; } h1 { font-family: 'Montserrat-SemiBold', 'Open Sans', Helvetica, Arial, sans-serif; } .main-content .rsts-main { margin-bottom: 0px; } h2, .main-content h2, .tagline h2 { font-family: 'Montserrat-Medium','Open Sans', Helvetica, Arial, sans-serif; font-weight: normal; } .headline-box h2{ color:#707070; } h3 { font-family: 'Montserrat-Medium', 'Open Sans', Helvetica, Arial, sans-serif; font-weight: normal; color: #BEC323; } :focus { outline: -webkit-focus-ring-color auto 0px!important; } ul li{ list-style-type:none;} ul li:before { content: " "; -webkit-font-smoothing: antialiased; text-rendering: geometricprecision; text-indent: 0px; display: inline-block; position: relative; margin: 0px 5px 0 -23px; font: 100% / 1 "RockSolid Icons"; color: #bec323; } nav li:before, .icon-links li:before, li.even:before, li.odd:before, .mod_rocksolid_slider li:before { display:none; } table { width: 100%; border-collapse: separate; border-spacing: 0; border: 0px solid #b2b9c4; border-radius: 0px; background: #ffffff; } .mod_breadcrumb li:before { padding: 0px 0px 0 25px; font-family: monospace; content: " > "; } .mod_changelanguage { padding: 0 20px 0 0; margin: 0; height: 30px; position: relative; float: right; /*z-index: 4;*/ overflow: hidden; transition: all ease-in-out .1s; } .mod_changelanguage:hover { height: 50px; transition: all ease-in-out .1s; } .mod_changelanguage ul { padding: 10px 10px 0 10px; background: #fff; margin: 0; height: 40px; font-weight: bolder; } .mod_changelanguage a { color: #707070; } .jobs{ padding: 0 20px 0 0; margin: 0; height: 30px; position: relative; float: right; z-index: 4; } .jobs a{ padding: 10px 10px 0 10px; background: #fff; margin: 0; height: 40px; font-weight: bolder; display: block; color: #707070; } .tagline .mod_breadcrumb { float: left; } .mod_breadcrumb { color:#000; font-size:18px; } .mod_breadcrumb .active.last { color:#bec323; } .main-content ul ul, .main-content ul ul ul{ padding-left: 1em; } /* =========================================== * Wrapper Elements * ======================================== */ .header-bar-inner, .header-navigation-inner, .content-wrapper { max-width: 1280px; margin-right: auto; margin-left: auto; } .centered-wrapper-inner, .info-map-boxes { max-width: 1188px; } .header-bar { height: 50px; zoom: 1; border-bottom: 0px solid #e5e8ee; font-size: 0.8125em; background: #ffffff; } .logo { /*top: 5%; bottom: 34%;*/ max-width: 215px; left: 0; } .unten .logo { top: 20%; bottom: 20%; } .main-navigation > ul > li > a.active, .main-navigation > ul > li > a.trail, .main-navigation > ul > li > a.forward, .main-navigation > ul > li > strong.active, .main-navigation > ul > li > strong.trail, .main-navigation > ul > li > strong.forward, .main-navigation > ul > li > span.active, .main-navigation > ul > li > span.trail, .main-navigation > ul > li > span.forward { color: #BEC323; } .video_container { margin: 0; } /* Allgemeine Contentelemente */ iframe body{ height: 80%; } .feature-box-text h1{ font-size: 72px; } .main-navigation { margin-right: 1%; text-transform: uppercase; } .main-navigation span{ font-size: 20px; font-weight: normal; } .header-links.-right { margin: 0; } .main-navigation > ul > li > strong.active{ position: relative; float: left; height: 100%; padding: 0 1.429em; font-size: 0.875em; color:#BEC323; } .main-navigation > ul > li > ul{ background-color: #EBEBEB; border-radius: 0; } .main-navigation > ul > li > ul a, .main-navigation > ul > li > ul a span{ font-size: 18px; font-weight: 300; color: #000; } .main-navigation > ul > li > ul a:hover, .main-navigation > ul > li > ul a:hover span{ color: #000000; background-color: #EBEBEB; } .main-navigation .level_2 .active span { color: #000000; background-color: #EBEBEB; font-weight: normal; font-size: 18px; width: 100%; display: block; } .main-navigation-search { top: 56%; } .unten .main-navigation-search { top: 50%; } .main-navigation-search:hover input, .main-navigation-search.focus input { border-color: #ffffff; } .mod_customnav *, .mod_login *{ font-family: "Source Sans Pro", sans-serif } .main-navigation-search { border-radius: 0px; right: 0%; } .main-navigation-search input { -webkit-appearance: none; float: right; width: 54.78571em; margin: 0.57143em 0.85714em 0 -52em; } .main-navigation > ul > li:hover > a, .main-navigation > ul > li:hover > strong, .main-navigation > ul > li:hover > span.active, .main-navigation > ul > li:hover > span.trail, .main-navigation > ul > li:hover > span.forward { background-color: #D9D9D9; } .main-navigation > ul > li > ul{ border: 0px solid #e5e8ee; left: 0; min-width: 230px; } .main-navigation > ul > li > ul a, .main-navigation > ul > li > ul strong, .main-navigation > ul > li > ul span.active, .main-navigation > ul > li > ul span.trail, .main-navigation > ul > li > ul span.forward { padding: 4px 6px 4px 6px; } .main-navigation > ul > li > a:hover, .main-navigation > ul > li > a:focus { color: #000000; } .unten .main-navigation > ul > li > a:before, .unten .main-navigation > ul > li > strong:before, .unten .main-navigation > ul > li > span.active:before, .unten .main-navigation > ul > li > span.trail:before, .unten .main-navigation > ul > li > span.forward:before{ height: 43%; } .main-navigation > ul > li > ul a { border-radius: 0px; color: #000000; } .main-navigation > ul > li > ul li { padding: 0; border-bottom: 0px; border-top: 1px solid #bfbfbf; } .main-navigation > ul > li > ul li.first { padding: 0; border-bottom: 0px; border-top: 0px solid #bfbfbf; } .main-navigation a span:after { } .mod_breadcrumb a { text-decoration: underline solid black 1px; } /*Forms*/ .main-content input, .main-content textarea, .main-content select, .main-content fieldset { width: 100%; } select, option { padding: 12px; border-color: #b2b9c4; font-weight: 300; } .checkbox_container input, .radio_container input{ margin: 0 10px 0 0; text-decoration: underline solid black 1px; } .checkbox_container label a, .radio_container label a{ text-decoration: underline solid black 1px; } .produktfilterung input, textarea { border-radius: 0px; color:#000000; } .produktfilterung label { float: left; width: 130px; } .produktfilterung p.label { width: 100%; display: inline-block; margin: 5px 0 0px 0; } .produktfilterung .v-component input { float: left; margin: 8px 10px 0 0!important; } .main-content label, .explanation { font-size: 18px; color:#000000; } /*Button*/ button.-secondary, .button.-secondary, input[type="submit"].-secondary, .header-login .formbody input[type=submit], .header-dropdown > ul input[type=submit], .pricing-table-plan.-highlighted a, .feature-box-link.-secondary, .headline-box-link.-secondary, button.-tertiary, .button.-tertiary, input[type="submit"].-tertiary, .rotating-boxes-item-content .rotating-boxes-item-link, .pricing-table-plan a, .feature-box-link.-tertiary, .headline-box-link.-tertiary, button.-quaternary, .button.-quaternary, input[type="submit"].-quaternary, .feature-box-link.-quaternary, .headline-box-link.-quaternary, .highlight-box-link, .feature-box-link, .headline-box-link, .footer-bar input[type=submit], .footer-bar button, button, .button, input[type="submit"], input[type="reset"], input[type="button"]{ position: relative; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: inline-block; padding: 4px 20px 5px 20px; border: 2px solid; border-color: #bec323; border-radius: 20px; outline: none; font-size: 0.875em; font-weight: normal; font-family: Torus-Regular, 'Open Sans', Helvetica, Arial, sans-serif; line-height: 1.42929; color: #bec323; text-align: center; text-decoration: none; text-transform: inherit; text-shadow: 0 0 0 #1f90c4; background: none; box-shadow: none; transition: all ease-in-out .1s; } .grau button.-secondary:hover, .grau .button.-secondary:hover, .grau input[type="submit"].-secondary:hover, .grau .header-login .formbody input[type=submit]:hover, .grau .header-dropdown > ul input[type=submit]:hover, .grau .pricing-table-plan.-highlighted a:hover, .grau .feature-box-link.-secondary:hover, .grau .headline-box-link.-secondary:hover, .grau button.-tertiary, .button.-tertiary:hover, .grau input[type="submit"].-tertiary:hover, .grau .rotating-boxes-item-content .rotating-boxes-item-link:hover, .grau .pricing-table-plan a:hover, .grau .feature-box-link.-tertiary:hover, .grau .headline-box-link.-tertiary:hover, .grau button.-quaternary:hover, .grau .button.-quaternary:hover, .grau input[type="submit"].-quaternary:hover, .grau .feature-box-link.-quaternary:hover, .grau .headline-box-link.-quaternary:hover, .grau .highlight-box-link:hover, .grau .feature-box-link:hover, .grau .headline-box-link:hover, .grau .footer-bar input[type=submit]:hover, .grau .footer-bar button:hover, .grau button:hover, .grau .button:hover, .grau input[type="submit"]:hover, .grau input[type="reset"]:hover, .grau input[type="button"]:hover{ border-color: #ffffff; color: #ffffff; transition: all ease-in-out .1s; } button.-secondary:hover, .button.-secondary:hover, input[type="submit"].-secondary:hover, .header-login .formbody input[type=submit]:hover, .header-dropdown > ul input[type=submit]:hover, button.-tertiary:hover, .button.-tertiary:hover, input[type="submit"].-tertiary:hover, .rotating-boxes-item-content .rotating-boxes-item-link:hover, .pricing-table-plan a:hover, button.-quaternary:hover, .button.-quaternary:hover, input[type="submit"].-quaternary:hover, .highlight-box-link:hover, .feature-box-link:hover, .headline-box-link:hover, .footer-bar input[type=submit]:hover, .footer-bar button:hover, button.-secondary:focus, .button.-secondary:focus, input[type="submit"].-secondary:focus, .header-login .formbody input[type=submit]:focus, .header-dropdown > ul input[type=submit]:focus, button.-tertiary:focus, .button.-tertiary:focus, input[type="submit"].-tertiary:focus, .rotating-boxes-item-content .rotating-boxes-item-link:focus, .pricing-table-plan a:focus, button.-quaternary:focus, .button.-quaternary:focus, input[type="submit"].-quaternary:focus, .highlight-box-link:focus, .feature-box-link:focus, .headline-box-link:focus, .footer-bar input[type=submit]:focus, .footer-bar button:focus, button:hover, button:focus, .button:hover, .button:focus, input[type="submit"]:hover, input[type="submit"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="button"]:hover, input[type="button"]:focus { border-color: #707070!important; color: #707070; text-decoration: none; background-image: none; background-color: unset; transition: all ease-in-out .1s; } .dunkel .feature-box-link:hover{ color:#ffffff; border-color: #ffffff!important; transition: all ease-in-out .1s; } /*NavLinie*/ .main-navigation > ul > li:hover > a:after, .main-navigation > ul > li:hover > strong:after, .main-navigation > ul > li:hover > span.active:after, .main-navigation > ul > li:hover > span.trail:after, .main-navigation > ul > li:hover > span.forward:after { right: 0; left: 0; -webkit-transition-duration: 0.1s, 0.1s; -moz-transition-duration: 0.1s, 0.1s; -o-transition-duration: 0.1s, 0.1s; transition-duration: 0.1s, 0.1s; } /*Startseiten-Slider*/ /** * ---------------------------------------- * animation Startseiten-Slider * ---------------------------------------- */ @-webkit-keyframes imgZoomIn { 0% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(1.25); transform: scale(1.25); } } @keyframes imgZoomIn { 0% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(1.25); transform: scale(1.25); } } .zoom img { -webkit-animation: imgZoomIn 20s ease-out both; animation: imgZoomIn 20s ease-out both; } /** * ---------------------------------------- * animation Hover3DFX * ---------------------------------------- */ /* @-webkit-keyframes aHover3Din { 0% { -webkit-transform: rotateX(-360deg) rotateY(0deg); transform: rotateX(-360deg) rotateY(0deg); } 100% { -webkit-transform: rotateX(-360deg) rotateY(0.2deg); transform: rotateX(-360deg) rotateY(0.2deg); } } @keyframes aHover3Din { 0% { -webkit-transform: rotateX(-360deg) rotateY(0deg); transform: rotateX(-360deg) rotateY(0deg); } 100% { -webkit-transform: rotateX(-360deg) rotateY(0.2deg); transform: rotateX(-360deg) rotateY(0.2deg); } } @-webkit-keyframes aHover3Dout { 0% { -webkit-transform: rotateX(-360deg) rotateY(0.2deg); transform: rotateX(-360deg) rotateY(0.2deg); } 100% { -webkit-transform: rotateX(-360deg) rotateY(0deg); transform: rotateX(-360deg) rotateY(0deg); } } @keyframes aHover3Dout { 0% { -webkit-transform: rotateX(-360deg) rotateY(0.2deg); transform: rotateX(-360deg) rotateY(0.2deg); } 100% { -webkit-transform: rotateX(-360deg) rotateY(0deg); transform: rotateX(-360deg) rotateY(0deg); } } */ /* Custom Classes */ .h100px150 { height: calc(100vh - 123px); } .h100px250 { height: calc(100vh - 145px); } .overflowvisible, .overflowvisible .centered-wrapper-background{ overflow: visible; } .insta_eyecatcher{ height: 400px; position: relative; margin: 3em 0 0 0; overflow:hidden; } .tagline .insta_eyecatcher{ height: 400px; margin: 0 0 0 0; } .insta_eyecatcher h1{ color: #BEC323; } .insta_eyecatcher h2, .insta_eyecatcher p{ color: #fff; } .ce_rsce_insta_eyecatcher a .insta_exec_bg{ transform: scale(1); transition: transform 0.3s ease-in-out; } .ce_rsce_insta_eyecatcher:hover a .insta_exec_bg{ transform: scale(1.1); transition: transform 0.5s ease-in-out; } .ce_rsce_insta_eyecatcher{ position: relative; -webkit-perspective: 66px; perspective: 66px; } .insta_exec_rte{ position: absolute; bottom: 0; left: 0; padding: 20px; } .insta_exec_bg{ height: 100%; } .insta_exec_rte h1, .insta_exec_rte h2, .insta_exec_rte p{ margin: 0 0 0 0; font-weight: normal; } /* Insta-Slider */ div#insta_slider { height: 70vh; position: relative; overflow: hidden; } .insta_slider_bg { position: relative; height:100%; } .insta_slider_insert { position: absolute; top: 31%; width: 100%; height: 50vh; } .slick-prev{ left: 0px!important; z-index: 1; } .slick-next{ right: 0px!important; z-index: 1; } .slider { width: 100%; } .slick-slide { margin: 0; } .insta_slider_insert .slick-slide { opacity: 1!important; } .slick-slide img { width: 100%; } .slick-prev:before, .slick-next:before { color: black; } .slick-slide { transition: all ease-in-out .3s; opacity: .2; } .slick-active { opacity: .5; } .slick-current { opacity: 1; } .yeardot { position: relative; width: 100px; height: 100px; margin: 0 auto; padding-top: 0; transform: scale(0.1); border-radius: 50%; background: white; } .slick-current .yeardot { position: relative; display: block; width: 100px; height: 100px; margin: 0 auto; transition: transform 0.3s ease-in-out; transform: scale(1); vertical-align: middle; color: black; border-radius: 50%; background: white; box-shadow: 0 0 10px black; text-shadow: none; } .yeardot:before{ position: absolute; z-index: -1; top: -10px; right: -10px; bottom: -10px; left: -10px; width: calc(120%); height: calc(120%); content: ''; transition: border 0.4s ease-in-out 0.4s; animation: pulse 2s infinite 4s; border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 50%; background: transparent; box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); } @-webkit-keyframes pulse{ 0%{-webkit-box-shadow:0 0 0 0 rgba(255, 255, 255, 0.4);} 70%{-webkit-box-shadow:0 0 0 10px rgba(255, 255, 255, 0);} 100%{-webkit-box-shadow:0 0 0 0 rgba(255, 255, 255, 0);} } @keyframes pulse{ 0%{-moz-box-shadow:0 0 0 0 rgba(255, 255, 255, 0.4);box-shadow:0 0 0 0 rgba(255, 255, 255, 0.4);} 70%{-moz-box-shadow:0 0 0 10px rgba(255, 255, 255, 0);box-shadow:0 0 0 10px rgba(255, 255, 255, 0);} 100%{-moz-box-shadow:0 0 0 0 rgba(255, 255, 255, 0);box-shadow:0 0 0 0 rgba(255, 255, 255, 0);} } .slick-slide h3 { text-align: center; font-family: Torus-SemiBold, 'Open Sans', Helvetica, Arial, sans-serif; text-shadow: 0px 0px 5px black; font-size: 40px; } .slick-slide h3 { text-align: center; font-family: Torus-SemiBold, 'Open Sans', Helvetica, Arial, sans-serif; text-shadow: 0px 0px 5px black; font-size: 40px; color:#fff; } .insta-boxes-item-year{ position: relative; width: 125px; margin: 30px auto; cursor: grab; } .insta-boxes-item-text { width: 500px; margin: 0 0 0 -140px; padding: 40px 0 0 0; } section.insta-boxes-item { height: 75vh; } .slick-slide .insta-boxes-item-text p { opacity: 0; } .slick-slide.slick-current .insta-boxes-item-text p, .slick-slide.slick-current .insta-boxes-item-text p label { text-align: center; font-family: Torus-Regular, 'Open Sans', Helvetica, Arial, sans-serif; text-shadow: 0px 0px 5px black; font-size: 18px; color:#fff; opacity: 1; transition: opacity 0.4s ease-in-out 0.8s; } .textdot { font-family: Torus-Regular, 'Open Sans', Helvetica, Arial, sans-serif; font-size: 18px; position: absolute; z-index: 12; top: 70px; left: 43px; transition: font-size 0.3s ease-in-out 0.2s, color 0.3s ease-in-out 0.2s; color: white; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5); } .slick-current .textdot { font-family: Torus-Regular, 'Open Sans', Helvetica, Arial, sans-serif; font-size: 28px; position: absolute; z-index: 12; top: 27px; left: 34px; transition: font-size 0.3s ease-in-out 0.2s, color 0.3s ease-in-out 0.2s; color: black; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5); } .insta_slider_headline { position: absolute; top: 12%; z-index: 1; width: 100%; } .insta_slider_headline:after { content: ""; border-bottom: 1px solid #ffffff4a; padding: 110px 0 50px 0; width: 1060px; height: 10px; display: block; margin: 0 auto; } .insta_slider_headline h2{ font-family: Torus-Regular, 'Open Sans', Helvetica, Arial, sans-serif; font-size: 40px; position: absolute; z-index: 9; top: 20%; display: inline-block; width: 100%; margin: 0 auto; text-align: center; color: white; text-shadow: 2px 2px 7px #000000; } /*Insta - Inspiration Slider*/ #inspiration-slider.hell .feature-box-image, #inspiration-slider.dunkel .feature-box-image{ width: 52%; } #inspiration-slider.hell .centered-wrapper{ /*background: url(/files/Insta/img/web-elements/EBEBEB.gif);*/ background: #f2f2f2; background-repeat: no-repeat; background-position: 50% 100%; background-size: 100% 480px; } /* #inspiration-slider.hell h1, #inspiration-slider.hell h2, #inspiration-slider.hell h3{ color: #bec323; font-weight: normal; }*/ #inspiration-slider.hell .feature-box-text img, #inspiration-slider.dunkel .feature-box-text img, .feature-box-image img { display: block; max-width: 100%; height: auto; margin: 0 auto 147px auto; } #inspiration-slider.hell .feature-box-text, #inspiration-slider.dunkel .feature-box-text { display: table-cell; vertical-align: middle; width: 48.0%; margin: 0; /*padding: 8.5em 7% 0 0;*/ } #inspiration-slider.hell .-image-left .feature-box-text, #inspiration-slider.dunkel .-image-left .feature-box-text { display: table-cell; vertical-align: middle; width: 48.0%; margin: 0; /*padding: 8.5em 0 0 7%;*/ } #inspiration-slider.hell .feature-box-text p { font-size: 18px; } #inspiration-slider.hell h2 { font-size: 34px; } #inspiration-slider.dunkel .centered-wrapper{ background: url(/files/Insta/img/web-elements/707070.gif); background-repeat: no-repeat; background-position: 50% 100%; background-size: 100% 480px; } #inspiration-slider.dunkel h1, #inspiration-slider.dunkel h2, #inspiration-slider.dunkel h3{ color: #ffffff; font-weight: normal; font-family: Torus-Regular, 'Open Sans', Helvetica, Arial, sans-serif; font-weight: normal; font-size: 34px; } #inspiration-slider.dunkel .feature-box-text p { font-size: 18px; color: #ffffff; } /*Insta - Counter*/ .insta-counter-boxes h1, .insta-counter-boxes h3, .insta-counter-boxes h4{ font-family: Torus-Regular, 'Open Sans', Helvetica, Arial, sans-serif; font-size: 20px; color: #fff; } .insta-counter-boxes h2{ font-family: Torus-Regular, 'Open Sans', Helvetica, Arial, sans-serif; font-size: 46px; color: #fff; text-align: left; padding: 0 0 40px 0; } .insta-counter-boxes p{ font-family: Torus-Regular, 'Open Sans', Helvetica, Arial, sans-serif; font-size: 110px; color: #BEC323; } section.insta-counter-boxes .abdunkeln { text-align: center; height: 456px; width: 100%; position: absolute; } section.insta-counter-boxes { text-align: center; min-height: 410px; } section.insta-counter-boxes h4 { min-height: 60px; font-family: "Source Sans Pro", sans-serif; font-size: 20px; } .abdunkeln:after{ content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: hsl(0deg 0% 0% / 60%); pointer-events: none; } /*Insta-Kontakt-Boxes*/ /* section.insta-kontakt-box-wrapper { height: 250px; display: grid; }*/ .insta-kontakt-boxes-bild { float:left; width: 270px; height: 270px; margin-right: 2.5%; } /* .insta-kontakt-boxes-item { border: 1px solid #D9D9D9; }*/ .insta-kontakt-boxes-item p{ margin: 0px; } .insta-kontakt-boxes-item h4{ padding: 10px 0 0 0; font-size:24px; } .insta-kontakt-boxes-item .funktion{ padding: 0 0 20px 0; } .insta-kontakt-boxes-item .tel:before{ font: 100%/1 "RockSolid Icons"; content:""; padding: 0 10px 0 0; color: #bec323; } .insta-kontakt-boxes-item .mail:before{ font: 100%/1 "RockSolid Icons"; content:"✉"; padding: 0 10px 0 0; color: #bec323; } /*Insta StoryTeaser*/ .insta-story-teaser-wrapper{ max-height:400px; } .insta-story-teaser-item.erste h2{ color: #ffffff!important; margin-top: 0.2em; } .insta-story-teaser-item.dritte p{ margin: 10px 0 15px 0; } .insta-story-teaser-item.dritte h3{ margin: 20px 0 0 0; color: #BEC323; } .insta-story-teaser-item.dritte{ padding: 0 20px; } .tao-no-sidebar .insta-story-teaser-item{ height: 400px; margin-right: 0; margin-top: 0; } .insta-story-teaser-bild{ width: 100%; height: 100%; } .insta-story-teaser-item.erste.gruen{ padding: 0 20px; background: #BEC323; } .insta-story-teaser-item.erste.grau{ padding: 0 20px; background: #707070; } .insta-story-teaser-item .rubrik a{ color: #BEC323; } /*Insta StoryTeaser v2*/ .insta-story-teaser2-wrapper{ max-height:400px; } .insta-story-teaser2-item.erste h2{ color: #ffffff!important; margin-top: 0.2em; } .insta-story-teaser2-item.dritte p{ margin: 10px 0 15px 0; } .insta-story-teaser2-item.dritte h3{ margin: 20px 0 0 0; color: #BEC323; } .insta-story-teaser2-item.dritte{ padding: 0 20px; } .tao-no-sidebar .insta-story-teaser2-item{ height: 400px; margin-right: 0; margin-top: 0; } .insta-story-teaser2-bild{ width: 100%; height: 100%; } .insta-story-teaser2-item.erste.gruen{ padding: 0 20px; background: #BEC323; } .insta-story-teaser2-item.erste.grau{ padding: 0 20px; background: #707070; } .insta-story-teaser2-item .rubrik a{ color: #BEC323; } .insta-story-teaser2-item.dritte.weiss{ } .insta-story-teaser2-item.dritte.grau{ border: 0px!important; background: #707070!important; color:#fff!important; } .insta-story-teaser2-item.dritte.grau h3{ color:#fff!important; } /*Insta TrustBoxes*/ .insta.icon-boxes h3{ font-size: 24px; color: #bec323; } .insta.icon-boxes img{ padding: 15px; } /*Insta News*/ .news-list-boxed-item { padding: 0; border: 1px solid #D9D9D9; border-radius: 0px; font-size: 1em; /*color: #000000;*/ margin: 0 0 1px 0; } .news-list-boxed-item-inner{ padding: 20px; } .news-list-boxed-item-inner a.button{ position: relative; right: 20px; } .news-list-boxed-item-inner a.button:after, .feature-box-link:after{ content:""; 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: -5px; } .news-list-boxed-item{ position: relative; } /* .news-list-boxed-item-inner p:nth-child(3) { margin: 1em 0; min-height: 20px; max-height: 230px; overflow: hidden; } .news-list-boxed-item-inner p:nth-child(4) { position: absolute; bottom: 0; right: 0; }*/ article.news-list-boxed-item { min-height: 800px; } .news-list-boxed-item-info { border-bottom: 0px solid #ffffff!important; } /* .news-list-boxed-item-info time { float: right; }*/ .news-list-boxed-item-image img { display: block; width: 100%; height: auto; transform: scale(1.01); transition: all ease-in-out 0.5s; } .news-list-boxed-item-image:hover, .news-list-boxed-item-image:focus { opacity: 1; } .news-list-boxed-item-image:hover img, .news-list-boxed-item-image:focus img{ -webkit-filter: blur(0px); -moz-filter: blur(0px); filter: blur(0px); transition: all ease-in-out 0.5s; transform: scale(1.1); } /*Insta-Kachel / Insta-Tile*/ .insta_tile{ height: 365px; position: relative; margin: 3em 0 0 0; overflow:hidden; } .tagline .insta_tile{ height: 365px; margin: 0 0 0 0; } .insta_tile h1{ color: #BEC323; } .insta_tile h2, .insta_tile h3, .insta_tile p{ color: #fff; bottom: 20px; position: absolute; padding: 0 20px 0 0; line-height: initial; } .insta_tile ul{ color: #fff; top: 0px; position: absolute; } .insta_exec_bg.tile{ transform: filter(100%); transition: filter 0.5s ease-in-out; -webkit-transform: filter(100%); -webkit-transition: filter 0.5s ease-in-out; } .ce_rsce_insta_tile:hover .insta_exec_bg.tile{ filter: brightness(30%); -webkit-filter: brightness(30%); transform: filter(30%); -webkit-transform: filter(30%); transition: filter 0.5s ease-in-out; -webkit-transition: filter 0.5s ease-in-out; } .ce_rsce_insta_tile .vorne{ opacity: 1; transition: opacity 0.5s ease-in-out; -webkit-opacity: 1; -webkit-transition: opacity 0.5s ease-in-out; width: 100%; height: 100%; background-image: url(/files/Insta/media/pictures/abdunkeln.png); background-size: cover; } .ce_rsce_insta_tile:hover .vorne{ opacity: 0; transition: opacity 0.5s ease-in-out; -webkit-opacity: 0; -webkit-transition: opacity 0.5s ease-in-out; } .ce_rsce_insta_tile .hinten{ position: absolute; top: 0; left: 5%; color: white; opacity: 0; width: 90%; transition: opacity 0.5s ease-in-out; -webkit-opacity: 0; -webkit-transition: opacity 0.5s ease-in-out; } .ce_rsce_insta_tile:hover .hinten{ opacity: 1; transition: opacity 0.5s ease-in-out; -webkit-opacity: 1; -webkit-transition: opacity 0.5s ease-in-out; z-index: 1; } /*CSS-Akkordion/Accordion/Accordeon/Akkordeon*/ .ce_accordion .toggler { position: relative; margin-bottom: 0; padding: 0.6875em 2.5em 0.8125em 1.25em; border: 1px solid #D9D9D9; border-bottom: 1px solid #D9D9D9; border-bottom-color: #D9D9D9; border-radius: 0px; outline: none; font-weight: normal; font-size: 18px; cursor: pointer; background: #fff; transition: all ease-in-out .1s; } .ce_accordion .toggler:hover{ color:#707070; transition: all ease-in-out .1s; background: #f2f2f2; } .ce_accordion .toggler.ui-state-active{ background: #f2f2f2; color:#707070; transition: all ease-in-out .1s; } .ce_accordion .accordion { zoom: 1; position: relative; margin-bottom: 0; padding: 0; border: 0px solid #D9D9D9; border-radius: 0; background: #fff; } .ce_accordion .icon-boxes { padding: 0; margin: 0 0 40px 0; } /*CSS-Footer*/ /* .footer-links a, .footer-links strong, .footer-links span.trail, .footer-links span.active, .footer-links span.forward{ color:#fff; } .footer-copyright, footer .icon-links-label, .news-footer-item a{ color:#fff; }*/ footer.page-footer { margin-top: 60px; } .footer-bar a { color: #707070; } .footer-bar a:hover, .icon-links a:hover span { text-decoration: underline solid white 1px !important; } /* .footer-bar h3 { color: #fff; font-weight: normal; }*/ /*Produktbereich-Detailsseite*/ .produktbereich .ce_hero figure { width: 48%; float: left; margin: 0 40px 0px 0px; } .produktbereich .ce_hero .content { width: 48%; float: left; } .produktbereich .ce_gallery.block { width: 48%; display: inline-block; } .produktbereich .ce_gallery.tech.block { width: 100%; display: inline-block; } .produktbereich .ce_gallery.tech.block .ce_image{ max-width: 33%; display: inline-block; padding: 3%; } .produktbereich .rs-column.-large-col-3-1 { width: 29.16667%; } .produktbereich .ce_product_list.crosselling .ce_product .teaser h3, .produktbereich .ce_product_list.zubehoer .ce_product .teaser h3 { min-height: 102px; line-height: 1em; } .produktbereich .langtext { max-height: 163px; overflow-y: scroll; -ms-overflow-style: none; scrollbar-width: none; margin: 0 2% 40px 0; } .produktbereich .kurztext { min-height: 59px; } .langtext p{ margin:0; } .zubehoer .produktbereich .teaser .langtext::-webkit-scrollbar, .crosselling .produktbereich .teaser .langtext::-webkit-scrollbar{ display: none; } .produktmerkmale { display: inline-block; width: 100%; } .produktbereich .pikto { width: 75px; float: left; } .produktbereich table { width: 100%; border-collapse: separate; border-spacing: 0; border: 0px solid #b2b9c4; border-radius: 0px; background: #ffffff; } .produktbereich .ce_table.block { width: 100%; display: inline-block; } .produktbereich h2 { margin: 0; } .produktbereich .ce_table.block h3 { margin: 0; font-size: 18px; } .produktbereich .ce_table td.name { width: 40%; } .produktbereich .ce_table td.value { width: 60%; } .produktbereich .ce_table thead th:nth-child(odd) { color: #ffffff; background: #324960; } .produktbereich .ce_table thead th { color: #ffffff; background: #4FC3A1; } .produktbereich .ce_table tr:nth-child(even) { background: #F8F8F8; } .v-component input { margin: 0 10px 0 0; } .mod_listing .produktbereich .ce_product.block { width: 100%; display: flex; flex-wrap: wrap; margin-left: -25px; margin-right: -25px; border-bottom: 1px solid #dadada; } .mod_listing .produktbereich figure.image { width: calc((100% / 3) * 1); } .mod_listing .produktbereich .teaser { width: calc((100% / 3) * 2); hyphens: auto; } .mod_listing .produktbereich figure.image, .mod_listing .produktbereich .teaser { padding: 25px; } .mod_master .produktbereich .new { height: 40px; width: 110px; background: #bec323; clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%); color: #fff; font-size: 30px; font-family: Torus-Regular, 'Open Sans', Helvetica, Arial, sans-serif; line-height: 36px; padding: 0px 0 0px 8px; } .mod_master .produktbereich .zubehoer .new, .mod_master .produktbereich .crosselling .new { position: absolute; } .mod_listing .produktbereich .new { height: 40px; width: 110px; background: #bec323; clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%); color: #fff; font-size: 30px; font-family: Torus-Regular, 'Open Sans', Helvetica, Arial, sans-serif; line-height: 36px; padding: 0px 0 0px 8px; position: absolute; } .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: 0 0 20px 0; padding: 10px 20px 10px 20px; border-radius: 0px 0px 0 0; font-weight: normal; letter-spacing: 0; color: #ffffff; text-transform: none; background: #bec323; } .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 0px 0 0px; padding: 0 0 0 25px; list-style: none; } .enclosure, .sidebar .enclosure, .ce_downloads, .sidebar .ce_downloads { margin: 0 0 30px 0; padding: 0; border: 0px solid #b2b9c4; border-radius: 0; } .ce_product_list.zubehoer { width: 100%; display: inline-block; margin: 0 0 40px 0; } /*CSS-Produktdetailanpassungen*/ .produktbereich .zigbee, .produktbereich .bluetooth, .produktbereich .dali{ background: white!important; } /*CSS-Stellenbörse*/ tr.joblist:hover{ background: #dadada; cursor: pointer; } tr.joblist:active{ background: #ebebeb; cursor: pointer; } p.address { margin: 20px 0 0 0; } section.insta-kontakt-box-wrapper.jobbox { height: auto; display: grid; } /*CSS-Hacks padding-bottom/top/etc-s/m/l/xl margin-bottom-m, etc. */ .mitte-links .feature-box-text{ text-align: initial; max-width: 1440px; margin: 0 auto !important; padding: 0 !important; } .mitte-links .feature-box-text h1 { max-width: 1440px; margin: 0 auto; font-family: 'Montserrat-Regular'; font-weight: normal; font-size: 70px; color: #fff; } .mitte-links .feature-box-text h1 strong { font-family: 'Montserrat-SemiBold'; } .unten-links .feature-box-text{ text-align: initial; max-width: 1200px; margin: 0 auto !important; padding: 0 !important; height: 100vh; } .unten-links .feature-box-text h1 { max-width: 1440px; margin: 10% auto 0 auto; font-family: 'Montserrat-Regular'; font-weight: normal; font-size: 70px; } @media screen and (max-width: 980px) { .unten-links .feature-box-text h1 { font-size: 40px; } .themen-im-fokus .news-list-boxed-item { width: 100% !important; } .first .news-list-boxed-item-inner, .odd .news-list-boxed-item-inner { min-height: 0 !important; } } .unten-links .feature-box-text h1 strong{ font-family: 'Montserrat-SemiBold'; font-weight: normal; } .mod_rocksolid_slider a{ text-decoration: none; text-decoration: unset; } .zoom .unten-links .feature-box-text { background-image: url(/files/Insta/media/pictures/abdunkeln.png); background-position-y: 0%; background-size: 100% 90%; } .feature-box:before { content: ""; display: none; } .breite-80 p { margin: 4% 10% 4% 10%; } .no-padding h1, .no-padding h2, .no-padding h3, .no-padding h4, .no-padding h5, .no-padding h6 { margin-top: 0; } .display-none{ display:none; } .links_underline a{ text-decoration: underline solid black 1px !important; } /* Icon attribute */ *[data-iconbutton]:after, *[class^="icon-"]:after, *[class*=" icon-"]:after { 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: -5px; } *[data-iconbutton]:after { content: attr(data-iconbutton); } .ce_rsce_tao_button[data-iconbutton]:after{ font: 100%/1 "RockSolid Icons"; } *[data-iconbutton].after:before { content: none; } *[data-iconbutton].after:after { font: 100%/1 "RockSolid Icons"; content: attr(data-iconbutton); -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; margin-left: -5px; } *[data-icon]:before, *[class^="icon-"]:before, *[class*=" icon-"]:before { min-height: 26px; float: left; padding: 4px 4px 0 0; } .icon-boxes-item { font-size: 18px; color: #000000; } .produktslider .rsts-slide { border: 1px solid #D9D9D9; padding: 0 15px; } .produktslider.rsts-skin-weiss .rsts-nav { display: none; } /* WebKit Scrollbar */ /* For the "inset" look only */ /* Let's get this party started */ ::-webkit-scrollbar { width: 15px; } /* Track */ ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 10px #707070; -webkit-border-radius: 10px; border-radius: 10px; } /* Handle */ ::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; border-radius: 10px; background: #bec323; -webkit-box-shadow: inset 0 0 6px #bbbbbb; } ::-webkit-scrollbar-thumb:window-inactive { background: #bec323; } /* Nach Einbindung von CCM19 */ .et_pb_column_1_3 .fluid-width-video-wrapper { height: 450px; } .ccm-cookie-declaration--change-consent a { color: #bec323; background-color: transparent; padding: 0.3em 1em; font-size: 18px; border-radius: 100px; display: inline-block; font-weight: 500; line-height: 1.7em !important; background-size: cover; border: 2px solid #bec323; margin: 20px 0; text-decoration: none; } section.ccm-cookie-declaration--embedding { margin: 25px 0; } section.ccm-cookie-declaration--purpose { margin-bottom: 50px; } section.ccm-cookie-declaration--purpose:after { border-bottom: 2px solid #bec323; content: ''; display: block; margin-top: 50px; } .float-left { float: left !important; } /* RELAUNCH 2023 */ /* Auflistung der Kategorien in Buttons */ .listing-inline li::before { display: none; } .listing-inline li { padding: 0 20px; display: inline-table; background: #fff; text-transform: uppercase; margin: 10px; border-radius: 20px; border: 1px solid #BEC323; } .listing-inline li:hover { background: #BEC323; } .page-title-button { background: #BEC323; border-radius: 20px; width: max-content; padding: 0 20px; color: #fff !important; } h1.page-title-button { font-size: 30px; } h1, h2, h3, h4, h5, h6 { text-transform: uppercase; } .main-content h1 {font-size: 40px;}.main-content h2 {font-size: 30px;}.main-content h3 {font-size:30px;}.main-content h4 {font-size:20px;}.main-content h5 {font-size:20px;} /* NEWS BOXES HOME */ article a.news-boxes-item-image { width: -moz-available; width: -webkit-fill-available; display: inherit; } article a.news-boxes-item-image img { object-fit: cover; } .news-box-green { background: transparent; } .news-box-green, .news-box-teaser { padding: 40px; } .news-box-teaser p { font-size: 22px; } .news-box-teaser a { font-size: 23px; font-weight: 500; } .news-box-green * { color: #fff; } .news-box-green ul { padding-left: 0; } .news-box-green ul li::before { display: none; } @media (max-width: 980px) { .second-third-news .rs-column.-small-col-2-1 { width: 100%; } a.rsts-prev, a.rsts-next { display: none; } } @media (min-width: 981px) { article.news-boxes-item.-large-first-row { display: grid; grid-template-columns: 1.5fr 1fr; } .second-third-news .news-box-content { display: grid; grid-auto-flow: column; } .categories { width: 70%; } } .second-third-news .first { margin-right: 4%; } .second-third-news .last { margin-right: 0; } article.reversed { flex-direction: row-reverse; } article.news-boxes-item .news-box-content { background: rgba(0, 14, 23, 0.06); } .news-box-content * { color: rgba(0, 14, 23, 0.7); } .news-box-content a { color: #BEC323; text-transform: uppercase; } .news-box-content .categories span { font-size: 20px; font-family: 'Montserrat-SemiBold';} .news-box-content h3 { font-size: 30px; font-family: 'Montserrat-Medium'; font-weight: normal; } .rs-column.-large-col-3-1 { margin-top: 4%; } /* VIELLEICHT LÖSCHEN @font-face { font-family: 'Torus-Light'; font-style: normal; font-weight: 100; font-display: swap; src: local('Torus Light'), local('Torus-Light'), url('/files/Insta/fonts/36800A_3_0.woff2') format('woff2'); } @font-face { font-family: 'Torus-Regular'; font-style: normal; font-weight: 500; font-display: swap; src: local('Torus Regular'), local('Torus-Regular'), url('/files/Insta/fonts/36800A_2_0.woff2') format('woff2'); } @font-face { font-family: 'Torus-SemiBold'; font-style: normal; font-weight: 800; font-display: swap; src: local('Torus SemiBold'), local('Torus-SemiBold'), url('/files/Insta/fonts/36800A_1_0.woff2') format('woff2'); } */ .centered-wrapper-inner, .info-map-boxes { max-width: 1440px; } .no-border ul li { /*width: 25% !important;*/ margin: 0; } .footer-bar, .footer-copyright, .footer-links a { font-weight: 500; } .footer-bar p { font-size: 16px; } p a.button { float: left; color: #bec323; border-radius: 20px; } .centered-wrapper { margin: 2.5% auto; } .tagline hr, footer hr { height: 1px !important; } hr { background: rgb(190,195,35); background: linear-gradient(90deg, rgba(190,195,35,1) 0%, rgba(26,182,235,1) 100%); border-top: 0px; height: 1px; } /* .centered-wrapper.-border-bottom { border-width: 4px; border-style: solid; border-image: linear-gradient(90deg, rgba(190,195,35,1) 0%, rgba(26,182,235,1) 100%); }*/ /* .centered-wrapper { margin: 0 auto; }*/ .tagline .mod_breadcrumb { text-transform: uppercase; } .mod_breadcrumb li:before { padding: 0; font-family: monospace; content: " | "; } .mod_newslist.grey .news-list-boxed-item-inner{ background: #f2f2f2; display: flow-root; } article.news-list-boxed-item { min-height: 0; } /* .landscape .news-list-boxed-item, .portrait .news-list-boxed-item { margin-bottom: 20px; border: 0px; }*/ footer .centered-wrapper.-border-bottom { border-bottom: 0px; } footer .centered-wrapper.-border-top { border-top: 0px; } .nonav { display: none; } .listing-inline li { background: rgba(0,14,23,0.1); border: 0px; } .listing-inline a:hover { text-decoration: none; color: #fff; } .listing-inline li:hover { color: #fff !important; } .news-list-boxed-item-inner a.button { position: relative; right: 0; } .tagline hr, footer hr { height: 1px !important; } .news-boxes-item-image img { height: -webkit-fill-available; height: 100%; } div#popupContactdiv { position: fixed; right: 0; bottom: 5%; z-index: 1; } button#popupcontact { background: #6F7271; padding: 1%; color: #fff; } div#contactwindow { padding: 5%; background-color: #f2f2f2; border-top: 0px; box-shadow: 10px 10px 20px; } /* NAV */ .main-navigation > ul > li:hover > a, .main-navigation > ul > li:hover > strong, .main-navigation > ul > li:hover > span.active, .main-navigation > ul > li:hover > span.trail, .main-navigation > ul > li:hover > span.forward { background-color: #FFF; border-left: 1px solid #bec323; } .main-navigation > ul > li > ul { background-color: #FFF; border-left: 1px solid #bec323; padding-left: 0 !important; } ul.level_2 span { padding-left: 1em; padding-right: 1em; } .main-navigation > ul > li > ul li { border-top: 0px; } .main-navigation > ul > li > ul a:hover, .main-navigation > ul > li > ul a:hover span { background: #bec323; color: #fff; } .main-navigation > ul > li > a:after, .main-navigation > ul > li > strong:after, .main-navigation > ul > li > span.active:after, .main-navigation > ul > li > span.trail:after, .main-navigation > ul > li > span.forward:after { border-top: 0px transparent; } .header-bar-inner, .header-navigation-inner, .content-wrapper { max-width: 1440px; } .gradient-border figure:after { background: rgb(190,195,35); background: linear-gradient(90deg, rgba(190,195,35,1) 0%, rgba(26,182,235,1) 100%); border-top: 0px; height: 5px; content: ''; width: 100%; display: block; } footer .ce_image .image_container:after { display: none; } .second-third-news a.news-boxes-item-image { max-height: 600px; } h5 {color:#BEC323;} .tagline .centered-wrapper { margin: 0 auto; } a.button.left{ float: left; } .second article a.news-boxes-item-image { order: 2; } figure.image_container,figure.video_container, h1, h2, h3, h4, h5, h6 { margin-top: 30px; margin-bottom: 15px; } .ce_gallery figure.image_container { margin-top: 0px; margin-bottom: 0px; } .main-content ul, .main-content ol { padding-left: 0; } .listing-inline li { margin: 10px 20px 10px 0; } ul li:before { margin: 0 5px 0 -23px; } .mod_breadcrumb ul li:before { margin: 0 5px 0 0; } .unten-links .feature-box-text h1 { color: #fff; max-width: 1440px; } /* #inspiration-slider.hell .feature-box-text, #inspiration-slider.dunkel .feature-box-text { width: 100%; }*/ /* .feature-box-image, .-vertical-centered > .feature-box-text { width: 45%; }*/ /* .feature-box.-vertical-centered { width: 80%; margin: 0 auto; }*/ .feature-box-image img, .main-content .rsts-main { margin: 0 auto; } .-vertical-centered > .feature-box-image, .-vertical-centered > .feature-box-text { padding: 0; width: 100%; } .rsts-skin-tao .rsts-prev { left: 0; } .rsts-skin-tao .rsts-next { right: 0; } .content .feature-box.-vertical-centered { width: 80%; margin: 0 auto; } .insta-s-schwarz:before { content: url('/files/Insta/media/graphics/Insta-S_schwarz.png'); position: absolute; z-index: 1; right: 0; overflow: hidden; bottom: 139px; mix-blend-mode: multiply; pointer-events: none; } .insta-s-weiss:before { content: url('/files/Insta/media/graphics/Insta-S_weiss.png'); position: absolute; z-index: 1; right: 0; overflow: hidden; bottom: 139px; pointer-events: none; } .insta-s-schwarz-footer:before { content: url(/files/Insta/media/graphics/Insta-S_schwarz_Footer.png); position: absolute; right: 0; overflow: hidden; bottom: 94%; pointer-events: none; } table ul li:before { margin: 0 5px 0 0; } .themen-im-fokus .news-list-boxed-item { padding: 0; border: 1px solid #D9D9D9; border-radius: 0px; font-size: 18px; margin: 0 5% 5% 0; width: 45%; float: left; background: #f2f2f2; } @media (min-width: 981px) { .themen-im-fokus a.news-list-boxed-item-image img { max-height: 300px; min-height: 300px; object-fit: cover; } } .themen-im-fokus .news-list-boxed-item-inner { background: rgba(0,14,23,0.1); } .themen-im-fokus .news-list-boxed-item:nth-of-type(n+3) { display: flex; flex-direction: column; max-width: 31.5%; margin: 0 1.5% 5% 0; } .news-boxes { display: flex; flex-wrap: wrap; } .no-button a.button { display: none !important; } .gradient-border .news-list-boxed-item-image:after { background: rgb(190,195,35); background: linear-gradient(90deg, rgba(190,195,35,1) 0%, rgba(26,182,235,1) 100%); border-top: 0px; height: 5px; content: ''; width: 100%; position: absolute; bottom: 0; } ul.categories li::before { display: none; } ul.categories li::after { content: '|'; color: rgb(190,195,35); } ul.categories li { display: inline-block; } ul.categories li:last-child:after { display: none; } footer .centered-wrapper { margin: 27px auto; } @media (max-width: 980px) { .main-slider .feature-box.-vertical-centered { display: flex !important; } .mitte-links .feature-box-text h1 { font-size: 3.5em; width: 90%; } } .main-slider .feature-box.-vertical-centered { width: 100%; /*height: 89vh;*/ height: 600px; vertical-align: middle; display: inline-table; } .image-left a.news-boxes-item-image { order: 2; } .ce_gallery > ul.cols_5 > li { width: 20%; } @media (max-width: 980px) { .ce_gallery > ul.cols_5 > li { width: 33.33%; } .ce_gallery > ul > li.col_last { margin-right: 0; } .ce_gallery > ul > li.col_first { clear: none; } } /* @media (min-width: 961px) and (max-width: 1399px) { .centered-wrapper-inner, .info-map-boxes, .header-bar-inner, .header-navigation-inner, .content-wrapper { width: 1188px; } }*/ .news-box-content .news-box-teaser a { text-transform: none; } .rsts-skin-tao .rsts-prev, .rsts-skin-tao .rsts-next, .rsts-skin-tao .rsts-video-play, .rsts-skin-tao .rsts-video-stop { background: transparent; } .rsts-skin-tao .rsts-prev:after, .rsts-skin-tao .rsts-next:after, .rsts-skin-tao .rsts-video-play:after, .rsts-skin-tao .rsts-video-stop:after { color: #bec323; font-size: 35px; } .zweispaltig .news-list-boxed-item { width: 48%; margin-right: 1.5%; margin-bottom: 1.5%; display: inline-table; } h1.page-title-button { font-size: 30px; } @media screen and (max-width: 980px) { h1.page-title-button { font-size: 20px !important; } .insta-s-schwarz-footer:before, .insta-s-weiss:before { display: none; } } .mod_newslist.themen-im-fokus.news-boxes.grey.zweispaltig.block { margin-bottom: 0; } .no-button a { pointer-events: none; } .readmore { margin: 0.75em 0; } .readmore a, p.back a { position: relative; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: inline-block; padding: 4px 20px 5px 20px; border: 2px solid; border-color: #bec323; border-radius: 20px; outline: none; font-size: 0.875em; font-weight: normal; font-family: Torus-Regular, 'Open Sans', Helvetica, Arial, sans-serif; line-height: 1.42929; color: #bec323; text-align: center; text-decoration: none; text-transform: inherit; text-shadow: 0 0 0 #1f90c4; background: none; box-shadow: none; transition: all ease-in-out .1s; } .readmore a:hover, p.back a:hover { border-color: #707070!important; color: #707070; text-decoration: none; background-image: none; background-color: unset; transition: all ease-in-out .1s; } .readmore a:after { content: '\e019'; font-family: 'RockSolid Icons'; } .tao-no-sidebar .logos .rs-column { margin-right: 2%; text-align: center; } /* .first .news-list-boxed-item-inner, .odd .news-list-boxed-item-inner { min-height: 500px; }*/ .ui-dialog-titlebar.ui-corner-all.ui-widget-header.ui-helper-clearfix.ui-draggable-handle { position: fixed; right: 15%; top: 15%; z-index: 99; } .ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-draggable.ui-resizable { left: 0 !important; top: 0 !important; position: fixed !important; width: 100vw !important; height: 100vh !important; backdrop-filter: blur(5px); } footer .image_container a:hover img, footer .image_container a:focus img { transform: scale(1); } button.ui-button.ui-corner-all.ui-widget.ui-button-icon-only.ui-dialog-titlebar-close:lang(de)::after { content: 'schließen'; font-size: 15px; } button.ui-button.ui-corner-all.ui-widget.ui-button-icon-only.ui-dialog-titlebar-close:lang(en)::after { content: 'close'; font-size: 15px; } button.ui-button.ui-corner-all.ui-widget.ui-button-icon-only.ui-dialog-titlebar-close { font-size: 0px; } ul.categories li::before { margin: 0 5px 0 0; } button#popupcontact { right: 5%; } div#article-789 hr { height: 5px; } .ui-dialog-content h4 { font-size: 30px; } div#popupContactdiv { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-delay: 2s; } @-webkit-keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } .main-slider.insta-s-weiss::before { bottom: -8px; } /* HOME NEWS */ .startseite .news-list-boxed-item { margin-bottom: 2.5%; } @media (max-width: 980px) { .startseite .news-list-boxed-item:nth-of-type(1),.startseite .news-list-boxed-item:nth-of-type(2), .startseite .news-list-boxed-item:nth-of-type(3), .startseite .news-list-boxed-item:nth-of-type(4), .startseite .news-list-boxed-item:nth-of-type(5), .startseite .news-list-boxed-item:nth-of-type(6) { display: block !important; max-width: 100% !important; } .startseite .news-list-boxed-item:nth-of-type(1) .news-list-boxed-item-image img, .startseite .news-list-boxed-item:nth-of-type(2) .news-list-boxed-item-image img { min-height: 0 !important; } .startseite .news-list-boxed-item:nth-of-type(1) { margin-right: 0% !important; } .startseite .news-list-boxed-item:nth-of-type(2) { margin-left: 0% !important; } } .startseite .news-list-boxed-item:nth-of-type(3) { width: 100%; display: grid; grid-template-columns: 1.5fr 1fr; background: #f2f2f2; } .startseite .news-list-boxed-item:nth-of-type(1) { margin-right: 1%; } .startseite .news-list-boxed-item:nth-of-type(2) { margin-left: 1%; } .startseite .news-list-boxed-item:nth-of-type(1),.startseite .news-list-boxed-item:nth-of-type(2) { display: flex; flex-direction: column; max-width: 49%; background: #f2f2f2; } .startseite .news-list-boxed-item:nth-of-type(1) .news-list-boxed-item-image img, .startseite .news-list-boxed-item:nth-of-type(2) .news-list-boxed-item-image img{ max-height: 500px; object-fit: cover; min-height: 500px; } .startseite .news-list-boxed-item:nth-of-type(4), .startseite .news-list-boxed-item:nth-of-type(5), .startseite .news-list-boxed-item:nth-of-type(6) { display: flex; flex-direction: column; max-width: 32.33%; background: #f2f2f2; } .startseite .news-list-boxed-item:nth-of-type(4) .news-list-boxed-item-image img, .startseite .news-list-boxed-item:nth-of-type(5) .news-list-boxed-item-image img, .startseite .news-list-boxed-item:nth-of-type(6) .news-list-boxed-item-image img { max-height: 250px; object-fit: cover; min-height: 250px; } .startseite .news-list-boxed-item:nth-of-type(4) { margin-right: 1.5%; } .startseite .news-list-boxed-item:nth-of-type(6) { margin-left: 1.5%; } .news-list-boxed-item h3 { font-size: 1.3em !important; } .mod_newsreader h1 { margin-bottom: 1em; } .portrait .video_container .responsive iframe, .portrait .video_container .responsive img { position: relative; height: 750px; width: 95%; } .portrait4s .video_container .responsive iframe, .portrait4s .video_container .responsive img { position: relative; height: 550px; width: 95%; } .portrait .video_container .responsive { padding-bottom: 0; } .portrait4s .video_container .responsive { padding-bottom: 0; } .grosser-absatz-gruen { font-size: 40px; font-weight: 300; color: #bec323; line-height: 48px; } .grosser-absatz-grau { font-size: 40px; font-weight: 300; color: #707070; line-height: 48px; } div#article-1473 .insta_tile { margin: 3em 0; } div#article-1467 .centered-wrapper-inner { padding: 2.5% 0; } /* BENEFITS */ .benefits table td:first-child { vertical-align: top; } .benefits table th, .benefits table td { border-width: 0; } .benefits table p { margin: 0; } .benefits table td:first-child { width: 25% !important;} @media (max-width: 765px) { .portrait .video_container .responsive iframe, .portrait .video_container .responsive img { height: 475px; } .benefits table td { padding: 0.375em 0.625em 0.375em 0em; } } @media (min-width: 981px) { .m-right-none { margin-right: 0 !important; } } .testimonial-author img, .testimonial .testimonial-author img { float: left; width: 7em; height: auto; margin-left: 1.3125em; border: 1px solid #e5e8ee; border: 1px solid rgba(112, 112, 112, 0.5); border-radius: 100%; } /* Download-Button */ .download-button .download-element.ext-pdf { padding: 0 0 0 35px; background-size: 25px; } .download-button .download-element a { border: 2px solid #bec323; padding: 4px 20px 5px 20px; border-radius: 20px; color: #bec323; font-size: 0.875em; font-weight: normal; font-family: Torus-Regular, 'Open Sans', Helvetica, Arial, sans-serif; transition: all ease-in-out .1s; display: inline-flex; line-height: 1.2; align-items: center; } .download-button .download-element a:hover { border-color: #707070; color: #707070; transition: all ease-in-out .1s; text-decoration: none; } .download-button span.size { margin-left: 7px; font-size: .8rem; } @media (max-width: 600px) { .download-button .download-element a { padding: 4px 10px 5px 10px; } } .icons .image_container img { width: auto; margin: 0 auto; } .icons .rs-column { margin-top: 0 !important; text-align: center; } .logos { z-index: 1; position: relative; } @media (max-width: 1440px) { .main-content .main-slider { margin-left: 0; margin-right: 0; } .main-content .main-slider ~ .green-to-blue { margin-left: 0; margin-right: 0; } .main-slider .feature-box.-vertical-centered { padding-right: var(--page-padding-right); padding-left: var(--page-padding-left); display: flex; align-items: center; } } @media screen and (max-width: 1200px){ h1.page-title-button { width: 100%; padding: 10px; } .feature-box-text.-fade { margin-top: 2.5%; } .news-list-boxed-item h3 { font-size: 1.3em; } .content .feature-box.-vertical-centered { width: 100%; margin: 0 auto; } .news-box-green, .news-box-teaser { padding: 10px 20px; } html { overflow-x: hidden; } body { overflow-x: hidden; } section.insta-kontakt-box-wrapper { /*height: 200px;*/ display: grid; } .insta-kontakt-boxes-bild { float: left; margin: 0 20px 0 0; width: 180px; height: 180px; } .insta-kontakt-boxes-item h4 { padding: 0; margin: 10px 0 0 0; font-size: 24px; } /*.insta-kontakt-boxes-bild { float: left; margin: 0 20px 0 0; width: 0px; height: 0px; min-width: 220px; min-height: 220px; }*/ .logo{ position: fixed; margin-left: 5.55556%; margin-left: var(--page-padding-left); padding-top: 1.5em; padding-bottom: 0.75em; max-width: 215px; } .unten-links .feature-box-text h1 { max-width: 1200px; margin: 200px auto 0 30px; } .produktbereich .ce_gallery.block { width: 100%; display: inline-block; } .produktbereich .ce_hero figure { width: auto; float: left; margin: 0 40px 0px 0px; margin: 0px 20%; } } @media screen and (max-width: 1060px){ .ce_image.jobkontaktbild { width: 50%; float: left; margin: 0 2% 0 0; } } @media (max-width: 980px) { .themen-im-fokus .news-list-boxed-item:nth-of-type(n+3) { max-width: none; } .ui-dialog-titlebar.ui-corner-all.ui-widget-header.ui-helper-clearfix.ui-draggable-handle { right: 2.5%; top: 2.5%; } button.ui-button.ui-corner-all.ui-widget.ui-button-icon-only.ui-dialog-titlebar-close:after { content: 'x'; } } @media screen and (max-width: 960px){ *[data-icon]:before, *[class^="icon-"]:before, *[class*=" icon-"]:before { min-height: 12px; float: left; padding: 4px 4px 0 0; } .main-content h1 { font-size: 1.8em; } .main-content h2 { font-size: 1.5em; } .footer-bar { padding: 1.71429em 0; font-size: 18px; font-weight: lighter; color: #707070; } /* .footer-bar a { color: #fff; font-size: 18px; } .footer-bar h3 { color: #fff; font-weight: normal; font-size: 18px; }*/ .produktbereich .ce_gallery.block { width: 100%; display: inline-block; } /* .main-content h1 { font-size:40px; } .main-content h2 { font-size:30px; }*/ .h100px150 { height: calc(25vh); } .logo{ max-width: none; position: initial; } .insta-story-teaser-wrapper { max-height: none; } #inspiration-slider .feature-box-text { width: 100.0%!important; padding: 30px 0 30px 0!important; min-height: unset!important; } #inspiration-slider.hell .feature-box-text img, #inspiration-slider.dunkel .feature-box-text img, .feature-box-image img { display: block; max-width: 100%; height: auto; margin: auto; } #inspiration-slider.dunkel .centered-wrapper { background: url(/files/Insta/img/web-elements/707070.gif); background-repeat: no-repeat; background-position: 100%; background-size: cover; } .rsts-skin-weiss .rsts-prev { position: absolute; left: 0px; } .rsts-skin-weiss .rsts-next { position: absolute; right: 0px; } .insta-counter-boxes p { font-size: 60px; } .insta-counter-boxes h4 { font-size: 18px; } section.insta-counter-boxes h4 { min-height: 60px; } .logo img { display: inline; height: auto; max-height: 50px; } .main-navigation-mobile li{ font-size: 20px; } .icon-links li{ font-size: 14px; } /* Insta Slider */ div#insta_slider { height: 100vh; } .insta_slider_headline { position: absolute; top: 5%; z-index: 1; width: 100%; } .mod_listing .produktbereich .new { height: 25px; width: 60px; background: #bec323; clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%); color: #fff; font-size: 16px; font-family: Torus-Regular, 'Open Sans', Helvetica, Arial, sans-serif; line-height: 25px; padding: 0px 0 0px 8px; position: absolute; } .mod_master .produktbereich .new { height: 25px; width: 60px; background: #bec323; clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%); color: #fff; font-size: 16px; font-family: Torus-Regular, 'Open Sans', Helvetica, Arial, sans-serif; line-height: 25px; padding: 0px 0 0px 8px; position: absolute; } .insta_slider_headline h2 { font-family: Torus-Regular, 'Open Sans', Helvetica, Arial, sans-serif; font-size: 30px; position: absolute; z-index: 9; top: 25%; display: inline-block; width: 100%; margin: initial; text-align: center; color: white; text-shadow: 2px 2px 7px #000000; } section.insta-boxes-item { height: 100vh; } .insta_slider_insert { position: absolute; top: 25%; width: 100%; height: 50vh; } .insta-boxes-item-year { position: relative; width: 100%; margin: 30px -0%; cursor: grab; } .insta-boxes-item-text{ width: 350px; margin: 0 0 0 -110px; padding: 40px 0 0 0; } .slick-current .textdot { font-family: Torus-Regular, 'Open Sans', Helvetica, Arial, sans-serif; font-size: 28px; position: absolute; z-index: 12; top: 27px; left: 28%; transition: font-size 0.3s ease-in-out 0.2s, color 0.3s ease-in-out 0.2s; color: black; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5); } .slick-list.draggable { padding: 0!important; } .insta-story-teaser2-wrapper { max-height: none; } #inspiration-slider.hell .feature-box-image, #inspiration-slider.dunkel .feature-box-image { width: 100%; } .breite-80 p { margin: 20px 0 20px 0; } .produktbereich .rs-column.-medium-col-2-1 { width: 100%; margin-right: 20px; } .produktbereich .ce_product .image img { max-width: 100%; height: auto; } .ce_image.jobkontaktbild { width: 100%; float: left; margin: 0 2% 0 0; } .main-navigation-mobile-search { border: 1px solid #ededed; } .main-navigation-mobile .main-navigation-mobile-expand{ border: 1px solid #fff; padding: 17px; top: 0; box-shadow: inset 0px 0 #ffffff; } .main-navigation-mobile button:hover, .main-navigation-mobile button:focus{ border-width: 1px; border-color: #ededed!important; box-shadow: inset 0px 0 #ffffff; } .produktbereich .ce_product_list.crosselling .ce_product .teaser h3, .produktbereich .ce_product_list.zubehoer .ce_product .teaser h3 { min-height: 0; line-height: 1em; padding: 0 0 10px 0; } .produktbereich .langtext { max-height: unset; } .produktbereich .kurztext { min-height: 0; } .main-content .ce_product h2 { font-size: 1.1rem; } } @media screen and (max-width: 600px) { .mitte-links .feature-box-text h1 { font-size: 2.5em; } } @media screen and (max-width: 500px) { .mod_listing .produktbereich .ce_product.block { margin-left: -10px; margin-right: -10px; } .mod_listing .produktbereich figure.image, .mod_listing .produktbereich .teaser { padding: 10px; width: 100%; } } @media screen and (max-width: 420px){ html { font: 12px/1.5625 Source Sans Pro, sans-serif; } p { font-size: 14px; } .logo img { display: inline; height: auto; max-height: 35px; } .unten-links .feature-box-text h1 { margin: 90% auto 0 15%; } .zoom .unten-links .feature-box-text { background-size: 100% 95%; } /* .feature-box-text h1 { font-size: 30px; } .main-content h1 { font-size: 30px; } .main-content h2 { font-size: 30px; } .main-content h3 { font-size: 20px; color:#707070; }*/ .news-list-boxed-item h3 { color: #bec323; } .insta.icon-boxes h3 { font-size: 20px; color: #bec323; } .footer-links { font-size: 14px; } .footer-copyright, footer .icon-links-label, .news-footer-item a { font-size: 14px; } /*.footer-bar h3 { font-size: 20px; color: #fff; font-weight: normal; }*/ .icon-boxes-item { font-size: 12px; } #inspiration-slider .feature-box-text { width: 100.0%!important; padding: 30px 0 30px 0; float: none; min-height: 400px; position: relative; } #inspiration-slider .feature-box-text p { font-size: 14px!important; } .insta-counter-boxes p { font-size: 30px; } .insta_slider_headline { position: absolute; top: 1%; z-index: 1; width: 100%; } .insta-counter-boxes .counter-boxes-item { padding: 0 0 40px 0; } .slick-current .textdot { font-family: Torus-Regular, 'Open Sans', Helvetica, Arial, sans-serif; font-size: 28px; position: absolute; z-index: 12; top: 27px; left: 24%; transition: font-size 0.3s ease-in-out 0.2s, color 0.3s ease-in-out 0.2s; color: black; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5); } .insta-boxes-item-year { position: relative; width: 100%; margin: 30px -46%; cursor: grab; } .insta-boxes-item-text { width: 350px; margin: 0 0 0 -174px; padding: 40px 0 0 0; } .insta_slider_headline:after { content: ""; border-bottom: 1px solid #ffffff4a; padding: 160px 0 50px 0; width: 1060px; height: 10px; display: block; margin: 0 auto; } .h100px250 { height: calc(100vh - 145px); } section.insta-counter-boxes h4 { min-height: 37px; font-family: "Source Sans Pro", sans-serif; font-size: 14px; } section.insta-kontakt-box-wrapper { display: grid; min-height: 450px; position: relative; } .insta-kontakt-boxes-bild { float: none; margin: 0 20px 0 0; width: 100%; height: 250px; } .insta-kontakt-boxes-info{ padding:5%; } .insta-story-teaser-item.erste.gruen, .insta-story-teaser-item.erste.grau, .insta-story-teaser-item.zweite, .insta-story-teaser2-item.zweite, .insta-story-teaser-item.dritte, .insta-story-teaser2-item.dritte{ height: 300px; min-height: 300px; } .insta-story-teaser-bild { height: 330px; min-height: 300px; } .produktbereich .-small-col-1-1 { width: 100%!important; } .produktbereich .ce_product_list.crosselling .ce_product .teaser h3 { min-height: 32px; font-size: 18px; } .produktbereich .ce_product_list.crosselling .ce_product .teaser p { min-height: 20px; overflow-y: auto; } .mod_listing .produktbereich figure.image{ width: 100%; } .ce_downloads h2 { color: #ffffff; } .news-list-boxed-item-inner p:nth-child(3) { margin: auto; width: 100%; min-height: unset; max-height: unset; overflow: hidden; } .news-list-boxed-item-inner p:nth-child(4) { position: unset; bottom: unset; right: unset; height: 10px; width: 100%; margin: 20px; } .footer-bar { padding: 1.71429em 0; font-size: 14px; font-weight: lighter; color: #707070; } *[data-icon]:before, *[class^="icon-"]:before, *[class*=" icon-"]:before { min-height: 12px; float: left; padding: 4px 4px 0 0; } .news-list-boxed-item .news-list-boxed-item-info { font-size: 14px; color: #707070; } article.news-list-boxed-item { min-height: auto; } .rsts-skin-gruen .rsts-prev{ top: 60%; background-size: 15px; left: 0px; } .rsts-skin-gruen .rsts-next{ top: 60%; background-size: 15px; right: 0px; } .footer-links .level_1 span, .footer-links .level_1 .active { font-family: "Source Sans Pro", sans-serif; display: block; height: 30px; width: 100%; } .footer-links li:before { display:none; } .mod_sitemap ul { padding-left: 30px; list-style-type: none; font-size: 14px; } ul li{ font-size: 14px; } tr.joblist td:nth-child(2), tr.joblist td:nth-child(5), th.thjoblist:nth-child(2), th.thjoblist:nth-child(5) { display: none; } .main-content label, .explanation { font-size: 14px; } .video_container iframe { border: 0; max-width: 100%; } ul li:before { margin: 0px 5px 0 -19px; } .main-navigation-mobile-open { top: calc(35px + var(--safe-area-top)); } .tao-no-sidebar .rs-column.-large-col-3-1.insta-story-teaser-item.dritte { border: 1px solid #D9D9D9; border-top: none; padding: 20px 20px 20px 20px; } /* End Mobile */ } @media screen and (min-width: 960px){ .tao-no-sidebar .rs-column.-large-col-3-1.insta-story-teaser-item{ width: 33.3333%; } .tao-no-sidebar .rs-column.-large-col-3-1.insta-story-teaser-item.dritte{ width: 33.3333%; border: 1px solid #D9D9D9; border-left: none; } .tao-no-sidebar .rs-column.-large-col-3-1.insta-story-teaser2-item{ width: 33.3333%; } .tao-no-sidebar .rs-column.-large-col-3-2.insta-story-teaser2-item.dritte{ width: 66.6666%; border: 1px solid #D9D9D9; border-left: none; } } @media screen and (min-width: 900px) and (max-width: 960px){ .header-navigation-inner{ overflow: hidden; } } @media screen and (min-width: 1189px) and (max-width: 1439px){ /* .header-bar-inner, .header-navigation-inner, .content-wrapper { margin: 0 30px 0 30px; } .tagline .mod_breadcrumb { float: left; margin: 0 30px 0 30px; }*/ .logo { left: calc(3.7037% + var(--safe-area-left)); } } .content-wrapper-outside{padding:20px 20px 0}.sidebar-left .main-content{width:calc(100% - 300px);margin:0;padding-left:50px}.main-content h1{margin-top:0}.centered-wrapper{padding:30px 0}.centered-wrapper.teaser{color:#fff;margin:0;display:flex;align-items:center;height:100%}.centered-wrapper.teaser h2{color:#fff;text-transform:none}.centered-wrapper.teaser p{font-size:1.2em;line-height:1.2}@media (max-width:992px){.centered-wrapper.teaser p{font-size:1em}}.centered-wrapper.teaser .rs-columns{display:flex;align-items:center}.centered-wrapper.sidebar-left{margin-top:-100px !important}.ccm-root .button.ccm--decline-cookies,.ccm-root .ccm--ctrl-init{color:#000 !important;border-color:#000 !important}.ccm-root .button.ccm--decline-cookies:hover,.ccm-root .ccm--ctrl-init:hover{color:#000}.mod_rocksolid_slider.news-list-boxed{margin:0 0 100px}.mod_rocksolid_slider.news-list-boxed .centered-wrapper{margin:0;padding:0}.mod_rocksolid_slider.news-list-boxed article.news-boxes-item .news-box-content{background:none}.mod_rocksolid_slider.news-list-boxed .news-box-green{padding-bottom:10px}.mod_rocksolid_slider.news-list-boxed .news-box-teaser{padding-top:10px}.mod_rocksolid_slider.news-list-boxed .rsts-nav-bullets{padding:15px}.rsts-slide>div{width:100%;height:100%}.rsts-slide .slider-nav,.rsts-slide .slider-nav-left{margin:0;position:absolute;left:0;color:#000;bottom:0;width:100%;padding:30px 20px}.rsts-slide .slider-nav a:hover,.rsts-slide .slider-nav-left a:hover{text-decoration:underline}.rsts-slide .slider-nav h2,.rsts-slide .slider-nav-left h2{margin-top:5px}.rsts-slide .slider-nav h1,.rsts-slide .slider-nav h2,.rsts-slide .slider-nav h3,.rsts-slide .slider-nav h4,.rsts-slide .slider-nav h5,.rsts-slide .slider-nav h6,.rsts-slide .slider-nav a,.rsts-slide .slider-nav-left h1,.rsts-slide .slider-nav-left h2,.rsts-slide .slider-nav-left h3,.rsts-slide .slider-nav-left h4,.rsts-slide .slider-nav-left h5,.rsts-slide .slider-nav-left h6,.rsts-slide .slider-nav-left a{color:#000}.rsts-slide .slider-nav.-color-inverted h1,.rsts-slide .slider-nav.-color-inverted h2,.rsts-slide .slider-nav.-color-inverted h3,.rsts-slide .slider-nav.-color-inverted h4,.rsts-slide .slider-nav.-color-inverted h5,.rsts-slide .slider-nav.-color-inverted h6,.rsts-slide .slider-nav.-color-inverted a,.rsts-slide .slider-nav-left.-color-inverted h1,.rsts-slide .slider-nav-left.-color-inverted h2,.rsts-slide .slider-nav-left.-color-inverted h3,.rsts-slide .slider-nav-left.-color-inverted h4,.rsts-slide .slider-nav-left.-color-inverted h5,.rsts-slide .slider-nav-left.-color-inverted h6,.rsts-slide .slider-nav-left.-color-inverted a{color:#fff}.rsts-slide .slider-nav.-color-inverted .rs-column:first-child,.rsts-slide .slider-nav-left.-color-inverted .rs-column:first-child{border-color:#fff}.rsts-slide .slider-nav ul,.rsts-slide .slider-nav-left ul{display:flex;flex-wrap:wrap;margin:0 -20px}.rsts-slide .slider-nav ul li,.rsts-slide .slider-nav-left ul li{padding:5px 20px}.rsts-slide .slider-nav .rs-column,.rsts-slide .slider-nav-left .rs-column{margin-top:10px;margin-bottom:10px}.rsts-slide .slider-nav .rs-column:first-child,.rsts-slide .slider-nav-left .rs-column:first-child{border-right:1px solid #000}@media (max-width:960px){.rsts-slide .slider-nav,.rsts-slide .slider-nav-left{padding:20px 0}.rsts-slide .slider-nav .rs-column:first-child,.rsts-slide .slider-nav-left .rs-column:first-child{border:none}.rsts-slide .slider-nav .rs-column:first-child h1,.rsts-slide .slider-nav .rs-column:first-child h2,.rsts-slide .slider-nav .rs-column:first-child h3,.rsts-slide .slider-nav .rs-column:first-child h4,.rsts-slide .slider-nav .rs-column:first-child h5,.rsts-slide .slider-nav .rs-column:first-child h6,.rsts-slide .slider-nav-left .rs-column:first-child h1,.rsts-slide .slider-nav-left .rs-column:first-child h2,.rsts-slide .slider-nav-left .rs-column:first-child h3,.rsts-slide .slider-nav-left .rs-column:first-child h4,.rsts-slide .slider-nav-left .rs-column:first-child h5,.rsts-slide .slider-nav-left .rs-column:first-child h6{margin-top:0}}@media (min-width:961px){.rsts-slide .slider-nav-left{width:25%;top:0;height:100%;padding:50px 50px 50px 100px;display:flex;align-items:center;min-width:600px}.rsts-slide .slider-nav-left .rs-column:first-child{border:none;border-bottom:1px solid #000;padding-bottom:20px}}.mod_article>.slider-nav{text-align:center;padding:50px 0}.mod_article>.slider-nav h2{margin-top:0}.mod_article>.slider-nav ul{display:flex;align-items:center;justify-content:center;padding:0;margin:0;flex-wrap:wrap}.mod_article>.slider-nav ul li{padding:10px 10px 0}.mod_article>.slider-nav ul li a{text-transform:uppercase;font-size:1.1em}.mod_article>.slider-nav ul li:before{margin:0 5px 0 0}@media (min-width:961px){.mod_article>.slider-nav .rs-column:first-child{border-right:1px solid #898d96}}@media (min-width:1441px){.tao-fullwidth .content-wrapper{padding:0}}@media (max-width:1440px){.content-wrapper-outside{margin-right:var(--page-padding-right);margin-left:var(--page-padding-left);padding:20px 0 0}}@media (max-width:960px){.sidebar-left .main-content{width:100%;padding:0}}.icons{hyphens:auto}.main-navigation-mobile-close+.main-navigation-mobile-close{display:none}.p0{padding:0 !important}.header-navigation-inner{position:relative}li:hover>.mega-dropdown{padding:20px;width:100%;right:0}.main-navigation>ul>li>ul{box-shadow:2px 4px 7px 0 rgba(0, 0, 0, 0.1)}.mega-dropdown{left:inherit;width:auto;border-left:1px solid #bec323;border-bottom:0;box-shadow:2px 4px 7px 0 rgba(0, 0, 0, 0.1)}.mega-dropdown a{hyphens:auto}.mega-dropdown .rs-column.-large-col-3-1{margin-top:0}.mega-dropdown-column h2,.mega-dropdown-column h3,.mega-dropdown-column.links ul a{color:#BEC323;text-transform:none;font-weight:300;margin:0}.mega-dropdown-column.links ul a{font-family:"Montserrat-Medium", "Open Sans", Helvetica, Arial, sans-serif;margin-bottom:10px}.mega-dropdown-column.links ul a:hover{color:#BEC323;background:none;text-decoration:underline}.mega-dropdown-column ul a{color:#000}.mega-dropdown-column ul a,.mega-dropdown-column h2 a,.mega-dropdown-column h3 a,.mega-dropdown-column.links ul a{padding:5px 1em;display:block;font-size:18px;font-weight:300}.mega-dropdown-column ul a:hover{background:#bec323;color:#fff;text-decoration:none}.sidebar-left .sidebar{margin:0;width:300px}.sidebar-left .sidebar>.block{margin:0}.sidebar-left .sub-navigation .level_1>li:not(:last-child){margin-bottom:5px}.sidebar-left .sub-navigation li{padding:0}.sidebar-left .sub-navigation li.submenu>a,.sidebar-left .sub-navigation li.submenu>strong,.sidebar-left .sub-navigation li.back>a{display:flex;align-items:center}.sidebar-left .sub-navigation li.submenu>a:before,.sidebar-left .sub-navigation li.submenu>strong:before,.sidebar-left .sub-navigation li.back>a:before{position:absolute;content:"";left:10px;color:#bec323;height:100%;width:10px;margin:0;top:0}.sidebar-left .sub-navigation li.submenu>a:before{background:transparent url("/files/Insta/img/web-elements/plus-solid.svg") no-repeat center center}.sidebar-left .sub-navigation li.submenu>a:hover:before{filter:brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(1939%) hue-rotate(316deg) brightness(105%) contrast(92%)}.sidebar-left .sub-navigation li.submenu>strong:before{background:transparent url("/files/Insta/img/web-elements/minus-solid.svg") no-repeat center center;filter:brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(1939%) hue-rotate(316deg) brightness(105%) contrast(92%)}.sidebar-left .sub-navigation li.back>a:before{background:transparent url("/files/Insta/img/web-elements/arrow_left.svg") no-repeat center center}.sidebar-left .sub-navigation li li{margin:0}.sidebar-left .sub-navigation>ul{border-left:1px solid #BEC323}.sidebar-left .sub-navigation>ul>li{border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0}.sidebar-left .sub-navigation>ul>li>a{color:#000}.sidebar-left .sub-navigation>ul>li>a.darkgrey{background:#585B61;color:#fff}.sidebar-left .sub-navigation>ul>li>a.darkgrey:hover,.sidebar-left .sub-navigation>ul>li>a.darkgrey:focus{background:#bec323;color:#fff}.sidebar-left .sub-navigation ul a,.sidebar-left .sub-navigation ul strong{font-size:18px;font-weight:300}.sidebar-left .sub-navigation ul a{color:#000;margin:0;background:#f3f3f3;padding:5px 5px 5px 30px}.sidebar-left .sub-navigation ul a:hover,.sidebar-left .sub-navigation ul a.active{background:#bec323;color:#fff}.sidebar-left .sub-navigation ul strong,.sidebar-left .sub-navigation ul.level_2>li>a.trail,.sidebar-left .sub-navigation ul li.trail:not(.submenu) a{color:#fff;font-weight:300;margin:0;background:#bec323;padding:5px 5px 5px 30px}.sidebar-left .sub-navigation ul strong:before,.sidebar-left .sub-navigation ul.level_2>li>a.trail:before,.sidebar-left .sub-navigation ul li.trail:not(.submenu) a:before{background:transparent url("/files/Insta/img/web-elements/minus-solid.svg") no-repeat center center;filter:brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(1939%) hue-rotate(316deg) brightness(105%) contrast(92%)}.sidebar-left .sub-navigation ul ul{margin:0}.sidebar-left .sub-navigation:not(.second-level) a.trail{color:#fff;font-weight:300;margin:0;background:#bec323;padding:5px 5px 5px 30px}.sidebar-left .sub-navigation:not(.second-level) a.trail:before{background:transparent url("/files/Insta/img/web-elements/minus-solid.svg") no-repeat center center;filter:brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(1939%) hue-rotate(316deg) brightness(105%) contrast(92%)}.sub-navigation li:not(.active):not(.trail) .level_2{display:none}.sidebar-left .mod_rocksolid_slider .centered-wrapper .feature-box-text{padding:30px}.sidebar-left .mod_rocksolid_slider .centered-wrapper .feature-box-image{position:relative}.sidebar-left .mod_rocksolid_slider .centered-wrapper img{height:100%;width:100%;margin:0;position:absolute;top:0;object-fit:cover}@media (max-width:1250px){.sidebar-left .mod_rocksolid_slider .centered-wrapper .feature-box{display:flex;flex-wrap:wrap}.sidebar-left .mod_rocksolid_slider .centered-wrapper .feature-box>div,.sidebar-left .mod_rocksolid_slider .centered-wrapper .feature-box>a{width:100% !important}.sidebar-left .mod_rocksolid_slider .centered-wrapper img{position:relative;height:auto}}.sidebar-left .mod_rocksolid_slider .centered-wrapper-inner{margin:0}.sidebar-left .mod_rocksolid_slider.rsts-skin-gruen .rsts-prev{left:-40px}.sidebar-left .mod_rocksolid_slider.rsts-skin-gruen .rsts-next{right:-40px}@media (max-width:960px){.sidebar-left #inspiration-slider .feature-box-text{padding:20px !important}}.mod_listing h2+.feature-box-link{margin-top:15px}.crosselling .ce_product{display:flex;flex-wrap:wrap;align-items:center;margin:0 -20px}.crosselling .ce_product .image,.crosselling .ce_product .teaser{padding:0 20px}.crosselling .ce_product h3{color:#000;text-transform:none;font-size:1rem;min-height:inherit !important;margin:0 0 5px}.crosselling .ce_product .image{width:30%}.crosselling .ce_product .teaser{width:70%}.crosselling .product{width:50%;padding:40px}.crosselling .products{display:flex;flex-wrap:wrap;margin-left:-40px;margin-right:-40px}.product-details .centered-wrapper{margin:0}.product-details h1{font-size:1.5rem;text-transform:none;color:#000;margin-bottom:0;margin-right:40px}.product-details p{margin:0}.product-details p.info{margin-bottom:30px}.product-details .produktbereich .ce_downloads h2{background:none;padding:50px 0 10px;text-transform:uppercase}.product-details .produktbereich .ce_gallery.pikto{width:100%;display:flex;align-items:center;margin-left:-10px;margin-right:-10px;flex-wrap:wrap}.product-details .produktbereich .ce_gallery.pikto .pikto{padding:5px}.product-details .produktbereich .ce_gallery.tech.block .ce_image{max-width:inherit;width:33.33%;padding:30px}.product-details .produktbereich .ce_gallery.tech.block .rows{display:flex;flex-wrap:wrap;margin-left:-30px;margin-right:-30px}.product-details .produktbereich h2{color:#bec323;font-size:1.5rem;margin:20px 0;padding:50px 0 10px;position:relative}.product-details .produktbereich h2:before{content:"";background:#bec323;background:linear-gradient(90deg, #bec323 0%, #1ab6eb 100%);height:1px;width:100%;display:block;position:absolute;top:0;left:0}.product-details .produktbereich ul{padding-left:20px}.product-details .tagline{border:none}.product-details .thumbnails{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;margin:10px -5px 0}.product-details .thumbnails a{padding:5px;border:1px solid #f2f2f2;display:block}.product-details .thumbnails figure{width:25%;padding:5px}.product-details .thumbnails img{vertical-align:bottom}.product-details .top{display:flex;align-items:flex-start;flex-wrap:wrap;margin:0 -50px}.product-details .top .content{width:65%;padding:0 50px}.product-details .top .image{width:35%;padding:0 50px}ul.downloads{max-width:550px}ul.downloads li{display:flex;align-items:center;padding:2px 0}ul.downloads li a{display:flex;align-items:center;justify-content:space-between;width:100%}ul.downloads li .ext{text-transform:uppercase}ul.downloads li .title{padding-right:20px;line-height:1.2;word-break:break-word}.product-details .main-content h1+p:not(.info){margin-top:20px}.syndication{position:absolute;top:10px;right:0;z-index:1}@media (max-width:1200px){.crosselling .product{padding:20px}.crosselling .products{margin-left:-20px;margin-right:-20px}.product-details .produktbereich .ce_gallery.tech.block .ce_image{padding:20px}.product-details .produktbereich .ce_gallery.tech.block .rows{margin-left:-20px;margin-right:-20px}.product-details .top{margin:0 -20px}.product-details .top .content{padding:0 20px}.product-details .top .image{padding:0 20px}.sidebar-left .main-content{width:100%;padding:0}.sidebar-left .sidebar{width:100%;margin-top:30px}.sidebar-left .sidebar>.block{width:100%;max-width:400px}}@media (max-width:960px){.crosselling .product{width:100%;padding:20px 0}.crosselling .products{margin-left:0;margin-right:0}.mod_rocksolid_slider .news-box-green,.mod_rocksolid_slider .news-box-teaser{padding-left:0;padding-right:0}table{width:100% !important}}@media screen and (max-width:1440px){.content-wrapper-outside .centered-wrapper-inner,.content-wrapper-outside .info-map-boxes{margin-right:0;margin-left:0}}@media (max-width:960px) and (min-width:768px){.product-details .thumbnails figure{width:50%}}@media (max-width:767px){.centered-wrapper{margin:0}figure.image_container{margin:0}.insta-kontakt-boxes-bild{float:none;width:100%;height:300px;background-size:contain !important;background-repeat:no-repeat !important;background-position:left !important;margin-top:20px}.insta-kontakt-boxes-item{display:flex;flex-wrap:wrap;flex-direction:column-reverse}.insta-kontakt-box-wrapper.margin-bottom-m{margin-bottom:20px !important}#popupContactdiv h4{margin-top:0}.main-content h1{margin-top:0}.main-content h3{font-size:1.3rem;line-height:1.2}.main-content ul,.main-content ol{padding-left:1.25em}.news-box-content h3{font-size:1.3rem;line-height:1.2}.product-details .produktbereich .ce_gallery.tech.block .ce_image{width:100%}.product-details .thumbnails{max-width:450px}.product-details .top .content,.product-details .top .image{width:100%}}