.rs-columns {
clear: both;
display: inline-block;
width: 100%;
}
.rs-column {
float: left;
width: 100%;
margin-top: 7.69231%;
margin-right: 7.69231%;
}
.rs-column.-large-first {
clear: left;
}
.rs-column.-large-last {
margin-right: -5px;
}
.rs-column.-large-first-row {
margin-top: 0;
}
.rs-column.-large-col-1-1 {
width: 100%;
}
.rs-column.-large-col-2-1 {
width: 46.15385%;
}
.rs-column.-large-col-2-2 {
width: 100%;
}
.rs-column.-large-col-3-1 {
width: 28.20513%;
}
.rs-column.-large-col-3-2 {
width: 64.10256%;
}
.rs-column.-large-col-3-3 {
width: 100%;
}
.rs-column.-large-col-4-1 {
width: 19.23077%;
}
.rs-column.-large-col-4-2 {
width: 46.15385%;
}
.rs-column.-large-col-4-3 {
width: 73.07692%;
}
.rs-column.-large-col-4-4 {
width: 100%;
}
.rs-column.-large-col-5-1 {
width: 13.84615%;
}
.rs-column.-large-col-5-2 {
width: 35.38462%;
}
.rs-column.-large-col-5-3 {
width: 56.92308%;
}
.rs-column.-large-col-5-4 {
width: 78.46154%;
}
.rs-column.-large-col-5-5 {
width: 100%;
}
.rs-column.-large-col-6-1 {
width: 10.25641%;
}
.rs-column.-large-col-6-2 {
width: 28.20513%;
}
.rs-column.-large-col-6-3 {
width: 46.15385%;
}
.rs-column.-large-col-6-4 {
width: 64.10256%;
}
.rs-column.-large-col-6-5 {
width: 82.05128%;
}
.rs-column.-large-col-6-6 {
width: 100%;
}
@media screen and (max-width: 900px) {
.rs-column {
margin-top: 7.69231%;
margin-right: 7.69231%;
}
.rs-column.-large-first {
clear: none;
}
.rs-column.-large-last {
margin-right: 7.69231%;
}
.rs-column.-large-first-row {
margin-top: 7.69231%;
}
.rs-column.-medium-first {
clear: left;
}
.rs-column.-medium-last {
margin-right: -5px;
}
.rs-column.-medium-first-row {
margin-top: 0;
}
.rs-column.-medium-col-1-1 {
width: 100%;
}
.rs-column.-medium-col-2-1 {
width: 46.15385%;
}
.rs-column.-medium-col-2-2 {
width: 100%;
}
.rs-column.-medium-col-3-1 {
width: 28.20513%;
}
.rs-column.-medium-col-3-2 {
width: 64.10256%;
}
.rs-column.-medium-col-3-3 {
width: 100%;
}
.rs-column.-medium-col-4-1 {
width: 19.23077%;
}
.rs-column.-medium-col-4-2 {
width: 46.15385%;
}
.rs-column.-medium-col-4-3 {
width: 73.07692%;
}
.rs-column.-medium-col-4-4 {
width: 100%;
}
.rs-column.-medium-col-5-1 {
width: 13.84615%;
}
.rs-column.-medium-col-5-2 {
width: 35.38462%;
}
.rs-column.-medium-col-5-3 {
width: 56.92308%;
}
.rs-column.-medium-col-5-4 {
width: 78.46154%;
}
.rs-column.-medium-col-5-5 {
width: 100%;
}
.rs-column.-medium-col-6-1 {
width: 10.25641%;
}
.rs-column.-medium-col-6-2 {
width: 28.20513%;
}
.rs-column.-medium-col-6-3 {
width: 46.15385%;
}
.rs-column.-medium-col-6-4 {
width: 64.10256%;
}
.rs-column.-medium-col-6-5 {
width: 82.05128%;
}
.rs-column.-medium-col-6-6 {
width: 100%;
}
}
@media screen and (max-width: 599px) {
.rs-column {
margin-top: 7.69231%;
margin-right: 7.69231%;
}
.rs-column.-large-last {
margin-right: 7.69231%;
}
.rs-column.-large-first-row {
margin-top: 7.69231%;
}
.rs-column.-medium-first {
clear: none;
}
.rs-column.-medium-last {
margin-right: 7.69231%;
}
.rs-column.-medium-first-row {
margin-top: 7.69231%;
}
.rs-column.-small-first {
clear: left;
}
.rs-column.-small-last {
margin-right: -5px;
}
.rs-column.-small-first-row {
margin-top: 0;
}
.rs-column.-small-col-1-1 {
width: 100%;
}
.rs-column.-small-col-2-1 {
width: 46.15385%;
}
.rs-column.-small-col-2-2 {
width: 100%;
}
.rs-column.-small-col-3-1 {
width: 28.20513%;
}
.rs-column.-small-col-3-2 {
width: 64.10256%;
}
.rs-column.-small-col-3-3 {
width: 100%;
}
.rs-column.-small-col-4-1 {
width: 19.23077%;
}
.rs-column.-small-col-4-2 {
width: 46.15385%;
}
.rs-column.-small-col-4-3 {
width: 73.07692%;
}
.rs-column.-small-col-4-4 {
width: 100%;
}
.rs-column.-small-col-5-1 {
width: 13.84615%;
}
.rs-column.-small-col-5-2 {
width: 35.38462%;
}
.rs-column.-small-col-5-3 {
width: 56.92308%;
}
.rs-column.-small-col-5-4 {
width: 78.46154%;
}
.rs-column.-small-col-5-5 {
width: 100%;
}
.rs-column.-small-col-6-1 {
width: 10.25641%;
}
.rs-column.-small-col-6-2 {
width: 28.20513%;
}
.rs-column.-small-col-6-3 {
width: 46.15385%;
}
.rs-column.-small-col-6-4 {
width: 64.10256%;
}
.rs-column.-small-col-6-5 {
width: 82.05128%;
}
.rs-column.-small-col-6-6 {
width: 100%;
}
}
.glightbox-container{width:100%;height:100%;position:fixed;top:0;left:0;z-index:999999!important;overflow:hidden;-ms-touch-action:none;touch-action:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;outline:0}.glightbox-container.inactive{display:none}.glightbox-container .gcontainer{position:relative;width:100%;height:100%;z-index:9999;overflow:hidden}.glightbox-container .gslider{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;height:100%;left:0;top:0;width:100%;position:relative;overflow:hidden;display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.glightbox-container .gslide{width:100%;position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:0}.glightbox-container .gslide.current{opacity:1;z-index:99999;position:relative}.glightbox-container .gslide.prev{opacity:1;z-index:9999}.glightbox-container .gslide-inner-content{width:100%}.glightbox-container .ginner-container{position:relative;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:100%;margin:auto;height:100vh}.glightbox-container .ginner-container.gvideo-container{width:100%}.glightbox-container .ginner-container.desc-bottom,.glightbox-container .ginner-container.desc-top{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.glightbox-container .ginner-container.desc-left,.glightbox-container .ginner-container.desc-right{max-width:100%!important}.gslide iframe,.gslide video{outline:0!important;border:none;min-height:165px;-webkit-overflow-scrolling:touch;-ms-touch-action:auto;touch-action:auto}.gslide:not(.current){pointer-events:none}.gslide-image{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.gslide-image img{max-height:100vh;display:block;padding:0;float:none;outline:0;border:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;max-width:100vw;width:auto;height:auto;-o-object-fit:cover;object-fit:cover;-ms-touch-action:none;touch-action:none;margin:auto;min-width:200px}.desc-bottom .gslide-image img,.desc-top .gslide-image img{width:auto}.desc-left .gslide-image img,.desc-right .gslide-image img{width:auto;max-width:100%}.gslide-image img.zoomable{position:relative}.gslide-image img.dragging{cursor:-webkit-grabbing!important;cursor:grabbing!important;-webkit-transition:none;transition:none}.gslide-video{position:relative;max-width:100vh;width:100%!important}.gslide-video .plyr__poster-enabled.plyr--loading .plyr__poster{display:none}.gslide-video .gvideo-wrapper{width:100%;margin:auto}.gslide-video::before{content:'';position:absolute;width:100%;height:100%;background:rgba(255,0,0,.34);display:none}.gslide-video.playing::before{display:none}.gslide-video.fullscreen{max-width:100%!important;min-width:100%;height:75vh}.gslide-video.fullscreen video{max-width:100%!important;width:100%!important}.gslide-inline{background:#fff;text-align:left;max-height:calc(100vh - 40px);overflow:auto;max-width:100%;margin:auto}.gslide-inline .ginlined-content{padding:20px;width:100%}.gslide-inline .dragging{cursor:-webkit-grabbing!important;cursor:grabbing!important;-webkit-transition:none;transition:none}.ginlined-content{overflow:auto;display:block!important;opacity:1}.gslide-external{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;min-width:100%;background:#fff;padding:0;overflow:auto;max-height:75vh;height:100%}.gslide-media{display:-webkit-box;display:-ms-flexbox;display:flex;width:auto}.zoomed .gslide-media{-webkit-box-shadow:none!important;box-shadow:none!important}.desc-bottom .gslide-media,.desc-top .gslide-media{margin:0 auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.gslide-description{position:relative;-webkit-box-flex:1;-ms-flex:1 0 100%;flex:1 0 100%}.gslide-description.description-left,.gslide-description.description-right{max-width:100%}.gslide-description.description-bottom,.gslide-description.description-top{margin:0 auto;width:100%}.gslide-description p{margin-bottom:12px}.gslide-description p:last-child{margin-bottom:0}.zoomed .gslide-description{display:none}.glightbox-button-hidden{display:none}.glightbox-mobile .glightbox-container .gslide-description{height:auto!important;width:100%;position:absolute;bottom:0;padding:19px 11px;max-width:100vw!important;-webkit-box-ordinal-group:3!important;-ms-flex-order:2!important;order:2!important;max-height:78vh;overflow:auto!important;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.75)));background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.75) 100%);-webkit-transition:opacity .3s linear;transition:opacity .3s linear;padding-bottom:50px}.glightbox-mobile .glightbox-container .gslide-title{color:#fff;font-size:1em}.glightbox-mobile .glightbox-container .gslide-desc{color:#a1a1a1}.glightbox-mobile .glightbox-container .gslide-desc a{color:#fff;font-weight:700}.glightbox-mobile .glightbox-container .gslide-desc *{color:inherit}.glightbox-mobile .glightbox-container .gslide-desc .desc-more{color:#fff;opacity:.4}.gdesc-open .gslide-media{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:.4}.gdesc-open .gdesc-inner{padding-bottom:30px}.gdesc-closed .gslide-media{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:1}.greset{-webkit-transition:all .3s ease;transition:all .3s ease}.gabsolute{position:absolute}.grelative{position:relative}.glightbox-desc{display:none!important}.glightbox-open{overflow:hidden}.gloader{height:25px;width:25px;-webkit-animation:lightboxLoader .8s infinite linear;animation:lightboxLoader .8s infinite linear;border:2px solid #fff;border-right-color:transparent;border-radius:50%;position:absolute;display:block;z-index:9999;left:0;right:0;margin:0 auto;top:47%}.goverlay{width:100%;height:calc(100vh + 1px);position:fixed;top:-1px;left:0;background:#000;will-change:opacity}.glightbox-mobile .goverlay{background:#000}.gclose,.gnext,.gprev{z-index:99999;cursor:pointer;width:26px;height:44px;border:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.gclose svg,.gnext svg,.gprev svg{display:block;width:25px;height:auto;margin:0;padding:0}.gclose.disabled,.gnext.disabled,.gprev.disabled{opacity:.1}.gclose .garrow,.gnext .garrow,.gprev .garrow{stroke:#fff}.gbtn.focused{outline:2px solid #0f3d81}iframe.wait-autoplay{opacity:0}.glightbox-closing .gclose,.glightbox-closing .gnext,.glightbox-closing .gprev{opacity:0!important}.glightbox-clean .gslide-description{background:#fff}.glightbox-clean .gdesc-inner{padding:22px 20px}.glightbox-clean .gslide-title{font-size:1em;font-weight:400;font-family:arial;color:#000;margin-bottom:19px;line-height:1.4em}.glightbox-clean .gslide-desc{font-size:.86em;margin-bottom:0;font-family:arial;line-height:1.4em}.glightbox-clean .gslide-video{background:#000}.glightbox-clean .gclose,.glightbox-clean .gnext,.glightbox-clean .gprev{background-color:rgba(0,0,0,.75);border-radius:4px}.glightbox-clean .gclose path,.glightbox-clean .gnext path,.glightbox-clean .gprev path{fill:#fff}.glightbox-clean .gprev{position:absolute;top:-100%;left:30px;width:40px;height:50px}.glightbox-clean .gnext{position:absolute;top:-100%;right:30px;width:40px;height:50px}.glightbox-clean .gclose{width:35px;height:35px;top:15px;right:10px;position:absolute}.glightbox-clean .gclose svg{width:18px;height:auto}.glightbox-clean .gclose:hover{opacity:1}.gfadeIn{-webkit-animation:gfadeIn .5s ease;animation:gfadeIn .5s ease}.gfadeOut{-webkit-animation:gfadeOut .5s ease;animation:gfadeOut .5s ease}.gslideOutLeft{-webkit-animation:gslideOutLeft .3s ease;animation:gslideOutLeft .3s ease}.gslideInLeft{-webkit-animation:gslideInLeft .3s ease;animation:gslideInLeft .3s ease}.gslideOutRight{-webkit-animation:gslideOutRight .3s ease;animation:gslideOutRight .3s ease}.gslideInRight{-webkit-animation:gslideInRight .3s ease;animation:gslideInRight .3s ease}.gzoomIn{-webkit-animation:gzoomIn .5s ease;animation:gzoomIn .5s ease}.gzoomOut{-webkit-animation:gzoomOut .5s ease;animation:gzoomOut .5s ease}@-webkit-keyframes lightboxLoader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes lightboxLoader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes gfadeIn{from{opacity:0}to{opacity:1}}@keyframes gfadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes gfadeOut{from{opacity:1}to{opacity:0}}@keyframes gfadeOut{from{opacity:1}to{opacity:0}}@-webkit-keyframes gslideInLeft{from{opacity:0;-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0)}to{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes gslideInLeft{from{opacity:0;-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0)}to{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes gslideOutLeft{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0);opacity:0;visibility:hidden}}@keyframes gslideOutLeft{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0);opacity:0;visibility:hidden}}@-webkit-keyframes gslideInRight{from{opacity:0;visibility:visible;-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes gslideInRight{from{opacity:0;visibility:visible;-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes gslideOutRight{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0);opacity:0}}@keyframes gslideOutRight{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0);opacity:0}}@-webkit-keyframes gzoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:1}}@keyframes gzoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:1}}@-webkit-keyframes gzoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes gzoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@media (min-width:769px){.glightbox-container .ginner-container{width:auto;height:auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.glightbox-container .ginner-container.desc-top .gslide-description{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.glightbox-container .ginner-container.desc-top .gslide-image,.glightbox-container .ginner-container.desc-top .gslide-image img{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.glightbox-container .ginner-container.desc-left .gslide-description{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.glightbox-container .ginner-container.desc-left .gslide-image{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.gslide-image img{max-height:97vh;max-width:100%}.gslide-image img.zoomable{cursor:-webkit-zoom-in;cursor:zoom-in}.zoomed .gslide-image img.zoomable{cursor:-webkit-grab;cursor:grab}.gslide-inline{max-height:95vh}.gslide-external{max-height:100vh}.gslide-description.description-left,.gslide-description.description-right{max-width:275px}.glightbox-open{height:auto}.goverlay{background:rgba(0,0,0,.92)}.glightbox-clean .gslide-media{-webkit-box-shadow:1px 2px 9px 0 rgba(0,0,0,.65);box-shadow:1px 2px 9px 0 rgba(0,0,0,.65)}.glightbox-clean .description-left .gdesc-inner,.glightbox-clean .description-right .gdesc-inner{position:absolute;height:100%;overflow-y:auto}.glightbox-clean .gclose,.glightbox-clean .gnext,.glightbox-clean .gprev{background-color:rgba(0,0,0,.32)}.glightbox-clean .gclose:hover,.glightbox-clean .gnext:hover,.glightbox-clean .gprev:hover{background-color:rgba(0,0,0,.7)}.glightbox-clean .gprev{top:45%}.glightbox-clean .gnext{top:45%}}@media (min-width:992px){.glightbox-clean .gclose{opacity:.7;right:20px}}@media screen and (max-height:420px){.goverlay{background:#000}}
/* 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-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/tao/fonts/rocksolid-icons.woff") format("woff"), url("../../files/tao/fonts/rocksolid-icons.ttf") format("truetype"), url("../../files/tao/fonts/rocksolid-icons.svg") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Lato";
font-weight: 300;
font-style: normal;
src: url("../../files/tao/fonts/lato-300.woff2") format("woff2");
}
@font-face {
font-family: "Lato";
font-weight: 400;
font-style: normal;
src: url("../../files/tao/fonts/lato-400.woff2") format("woff2");
}
@font-face {
font-family: "Lato";
font-weight: 700;
font-style: normal;
src: url("../../files/tao/fonts/lato-700.woff2") format("woff2");
}
/* ===========================================
* 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: 1188px) {
:root {
--main-padding-x: 3.7037%;
}
}
@media screen and (max-width: 900px) {
: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;
box-sizing: border-box;
font: 16px/1.5625 Lato, sans-serif;
color: #242424;
-webkit-tap-highlight-color: #1782c5;
}
@media screen and (max-width: 599px) {
html {
font-size: 14px;
}
}
body {
background: white 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/tao/img/demo/background-1.jpg") 50% 0 no-repeat;
background-attachment: fixed;
}
body.background-variation-2 {
background: url("../../files/tao/img/demo/background-10.jpg") 50% 0 no-repeat;
background-size: cover;
background-attachment: fixed;
}
* {
box-sizing: inherit;
}
.rs-columns {
clear: both;
display: inline-block;
vertical-align: top;
width: 100%;
}
.rs-column {
float: left;
width: 100%;
margin-top: 6.25%;
margin-right: 6.25%;
}
.rs-column.-large-first {
clear: left;
}
.rs-column.-large-last {
margin-right: -5px;
}
.rs-column.-large-first-row {
margin-top: 0;
}
.rs-column.-large-col-1-1 {
width: 100%;
}
.rs-column.-large-col-2-1 {
width: 46.875%;
}
.rs-column.-large-col-2-2 {
width: 100%;
}
.rs-column.-large-col-3-1 {
width: 29.16667%;
}
.rs-column.-large-col-3-2 {
width: 64.58333%;
}
.rs-column.-large-col-3-3 {
width: 100%;
}
.rs-column.-large-col-4-1 {
width: 20.3125%;
}
.rs-column.-large-col-4-2 {
width: 46.875%;
}
.rs-column.-large-col-4-3 {
width: 73.4375%;
}
.rs-column.-large-col-4-4 {
width: 100%;
}
.rs-column.-large-col-5-1 {
width: 15%;
}
.rs-column.-large-col-5-2 {
width: 36.25%;
}
.rs-column.-large-col-5-3 {
width: 57.5%;
}
.rs-column.-large-col-5-4 {
width: 78.75%;
}
.rs-column.-large-col-5-5 {
width: 100%;
}
.rs-column.-large-col-6-1 {
width: 11.45833%;
}
.rs-column.-large-col-6-2 {
width: 29.16667%;
}
.rs-column.-large-col-6-3 {
width: 46.875%;
}
.rs-column.-large-col-6-4 {
width: 64.58333%;
}
.rs-column.-large-col-6-5 {
width: 82.29167%;
}
.rs-column.-large-col-6-6 {
width: 100%;
}
.rs-column.-large-col-7-1 {
width: 8.92857%;
}
.rs-column.-large-col-7-2 {
width: 24.10714%;
}
.rs-column.-large-col-7-3 {
width: 39.28571%;
}
.rs-column.-large-col-7-4 {
width: 54.46429%;
}
.rs-column.-large-col-7-5 {
width: 69.64286%;
}
.rs-column.-large-col-7-6 {
width: 84.82143%;
}
.rs-column.-large-col-7-7 {
width: 100%;
}
.tao-no-sidebar .rs-column,
.mega-dropdown .rs-column,
.page-footer .rs-column {
margin-top: 4%;
margin-right: 4%;
}
.tao-no-sidebar .rs-column.-large-last,
.mega-dropdown .rs-column.-large-last,
.page-footer .rs-column.-large-last {
margin-right: -5px;
}
.tao-no-sidebar .rs-column.-large-first-row,
.mega-dropdown .rs-column.-large-first-row,
.page-footer .rs-column.-large-first-row {
margin-top: 0;
}
.tao-no-sidebar .rs-column.-large-col-1-1,
.mega-dropdown .rs-column.-large-col-1-1,
.page-footer .rs-column.-large-col-1-1 {
width: 100%;
}
.tao-no-sidebar .rs-column.-large-col-2-1,
.mega-dropdown .rs-column.-large-col-2-1,
.page-footer .rs-column.-large-col-2-1 {
width: 48%;
}
.tao-no-sidebar .rs-column.-large-col-2-2,
.mega-dropdown .rs-column.-large-col-2-2,
.page-footer .rs-column.-large-col-2-2 {
width: 100%;
}
.tao-no-sidebar .rs-column.-large-col-3-1,
.mega-dropdown .rs-column.-large-col-3-1,
.page-footer .rs-column.-large-col-3-1 {
width: 30.66667%;
}
.tao-no-sidebar .rs-column.-large-col-3-2,
.mega-dropdown .rs-column.-large-col-3-2,
.page-footer .rs-column.-large-col-3-2 {
width: 65.33333%;
}
.tao-no-sidebar .rs-column.-large-col-3-3,
.mega-dropdown .rs-column.-large-col-3-3,
.page-footer .rs-column.-large-col-3-3 {
width: 100.0%;
}
.tao-no-sidebar .rs-column.-large-col-4-1,
.mega-dropdown .rs-column.-large-col-4-1,
.page-footer .rs-column.-large-col-4-1 {
width: 22%;
}
.tao-no-sidebar .rs-column.-large-col-4-2,
.mega-dropdown .rs-column.-large-col-4-2,
.page-footer .rs-column.-large-col-4-2 {
width: 48%;
}
.tao-no-sidebar .rs-column.-large-col-4-3,
.mega-dropdown .rs-column.-large-col-4-3,
.page-footer .rs-column.-large-col-4-3 {
width: 74%;
}
.tao-no-sidebar .rs-column.-large-col-4-4,
.mega-dropdown .rs-column.-large-col-4-4,
.page-footer .rs-column.-large-col-4-4 {
width: 100%;
}
.tao-no-sidebar .rs-column.-large-col-5-1,
.mega-dropdown .rs-column.-large-col-5-1,
.page-footer .rs-column.-large-col-5-1 {
width: 16.8%;
}
.tao-no-sidebar .rs-column.-large-col-5-2,
.mega-dropdown .rs-column.-large-col-5-2,
.page-footer .rs-column.-large-col-5-2 {
width: 37.6%;
}
.tao-no-sidebar .rs-column.-large-col-5-3,
.mega-dropdown .rs-column.-large-col-5-3,
.page-footer .rs-column.-large-col-5-3 {
width: 58.4%;
}
.tao-no-sidebar .rs-column.-large-col-5-4,
.mega-dropdown .rs-column.-large-col-5-4,
.page-footer .rs-column.-large-col-5-4 {
width: 79.2%;
}
.tao-no-sidebar .rs-column.-large-col-5-5,
.mega-dropdown .rs-column.-large-col-5-5,
.page-footer .rs-column.-large-col-5-5 {
width: 100.0%;
}
.tao-no-sidebar .rs-column.-large-col-6-1,
.mega-dropdown .rs-column.-large-col-6-1,
.page-footer .rs-column.-large-col-6-1 {
width: 13.33333%;
}
.tao-no-sidebar .rs-column.-large-col-6-2,
.mega-dropdown .rs-column.-large-col-6-2,
.page-footer .rs-column.-large-col-6-2 {
width: 30.66667%;
}
.tao-no-sidebar .rs-column.-large-col-6-3,
.mega-dropdown .rs-column.-large-col-6-3,
.page-footer .rs-column.-large-col-6-3 {
width: 48.0%;
}
.tao-no-sidebar .rs-column.-large-col-6-4,
.mega-dropdown .rs-column.-large-col-6-4,
.page-footer .rs-column.-large-col-6-4 {
width: 65.33333%;
}
.tao-no-sidebar .rs-column.-large-col-6-5,
.mega-dropdown .rs-column.-large-col-6-5,
.page-footer .rs-column.-large-col-6-5 {
width: 82.66667%;
}
.tao-no-sidebar .rs-column.-large-col-6-6,
.mega-dropdown .rs-column.-large-col-6-6,
.page-footer .rs-column.-large-col-6-6 {
width: 100%;
}
.tao-no-sidebar .rs-column.-large-col-7-1,
.mega-dropdown .rs-column.-large-col-7-1,
.page-footer .rs-column.-large-col-7-1 {
width: 10.85714%;
}
.tao-no-sidebar .rs-column.-large-col-7-2,
.mega-dropdown .rs-column.-large-col-7-2,
.page-footer .rs-column.-large-col-7-2 {
width: 25.71429%;
}
.tao-no-sidebar .rs-column.-large-col-7-3,
.mega-dropdown .rs-column.-large-col-7-3,
.page-footer .rs-column.-large-col-7-3 {
width: 40.57143%;
}
.tao-no-sidebar .rs-column.-large-col-7-4,
.mega-dropdown .rs-column.-large-col-7-4,
.page-footer .rs-column.-large-col-7-4 {
width: 55.42857%;
}
.tao-no-sidebar .rs-column.-large-col-7-5,
.mega-dropdown .rs-column.-large-col-7-5,
.page-footer .rs-column.-large-col-7-5 {
width: 70.28571%;
}
.tao-no-sidebar .rs-column.-large-col-7-6,
.mega-dropdown .rs-column.-large-col-7-6,
.page-footer .rs-column.-large-col-7-6 {
width: 85.14286%;
}
.tao-no-sidebar .rs-column.-large-col-7-7,
.mega-dropdown .rs-column.-large-col-7-7,
.page-footer .rs-column.-large-col-7-7 {
width: 100%;
}
@media screen and (max-width: 900px) {
.rs-column,
.tao-no-sidebar .rs-column,
.mega-dropdown .rs-column,
.page-footer .rs-column {
margin-top: 6.25%;
margin-right: 6.25%;
}
.rs-column.-large-first,
.tao-no-sidebar .rs-column.-large-first,
.mega-dropdown .rs-column.-large-first,
.page-footer .rs-column.-large-first {
clear: none;
}
.rs-column.-large-last,
.tao-no-sidebar .rs-column.-large-last,
.mega-dropdown .rs-column.-large-last,
.page-footer .rs-column.-large-last {
margin-right: 6.25%;
}
.rs-column.-large-first-row,
.tao-no-sidebar .rs-column.-large-first-row,
.mega-dropdown .rs-column.-large-first-row,
.page-footer .rs-column.-large-first-row {
margin-top: 6.25%;
}
.rs-column.-medium-first,
.tao-no-sidebar .rs-column.-medium-first,
.mega-dropdown .rs-column.-medium-first,
.page-footer .rs-column.-medium-first {
clear: left;
}
.rs-column.-medium-last,
.tao-no-sidebar .rs-column.-medium-last,
.mega-dropdown .rs-column.-medium-last,
.page-footer .rs-column.-medium-last {
margin-right: -5px;
}
.rs-column.-medium-first-row,
.tao-no-sidebar .rs-column.-medium-first-row,
.mega-dropdown .rs-column.-medium-first-row,
.page-footer .rs-column.-medium-first-row {
margin-top: 0;
}
.rs-column.-medium-col-1-1,
.tao-no-sidebar .rs-column.-medium-col-1-1,
.mega-dropdown .rs-column.-medium-col-1-1,
.page-footer .rs-column.-medium-col-1-1 {
width: 100%;
}
.rs-column.-medium-col-2-1,
.tao-no-sidebar .rs-column.-medium-col-2-1,
.mega-dropdown .rs-column.-medium-col-2-1,
.page-footer .rs-column.-medium-col-2-1 {
width: 46.875%;
}
.rs-column.-medium-col-2-2,
.tao-no-sidebar .rs-column.-medium-col-2-2,
.mega-dropdown .rs-column.-medium-col-2-2,
.page-footer .rs-column.-medium-col-2-2 {
width: 100%;
}
.rs-column.-medium-col-3-1,
.tao-no-sidebar .rs-column.-medium-col-3-1,
.mega-dropdown .rs-column.-medium-col-3-1,
.page-footer .rs-column.-medium-col-3-1 {
width: 29.16667%;
}
.rs-column.-medium-col-3-2,
.tao-no-sidebar .rs-column.-medium-col-3-2,
.mega-dropdown .rs-column.-medium-col-3-2,
.page-footer .rs-column.-medium-col-3-2 {
width: 64.58333%;
}
.rs-column.-medium-col-3-3,
.tao-no-sidebar .rs-column.-medium-col-3-3,
.mega-dropdown .rs-column.-medium-col-3-3,
.page-footer .rs-column.-medium-col-3-3 {
width: 100%;
}
.rs-column.-medium-col-4-1,
.tao-no-sidebar .rs-column.-medium-col-4-1,
.mega-dropdown .rs-column.-medium-col-4-1,
.page-footer .rs-column.-medium-col-4-1 {
width: 20.3125%;
}
.rs-column.-medium-col-4-2,
.tao-no-sidebar .rs-column.-medium-col-4-2,
.mega-dropdown .rs-column.-medium-col-4-2,
.page-footer .rs-column.-medium-col-4-2 {
width: 46.875%;
}
.rs-column.-medium-col-4-3,
.tao-no-sidebar .rs-column.-medium-col-4-3,
.mega-dropdown .rs-column.-medium-col-4-3,
.page-footer .rs-column.-medium-col-4-3 {
width: 73.4375%;
}
.rs-column.-medium-col-4-4,
.tao-no-sidebar .rs-column.-medium-col-4-4,
.mega-dropdown .rs-column.-medium-col-4-4,
.page-footer .rs-column.-medium-col-4-4 {
width: 100%;
}
.rs-column.-medium-col-5-1,
.tao-no-sidebar .rs-column.-medium-col-5-1,
.mega-dropdown .rs-column.-medium-col-5-1,
.page-footer .rs-column.-medium-col-5-1 {
width: 15%;
}
.rs-column.-medium-col-5-2,
.tao-no-sidebar .rs-column.-medium-col-5-2,
.mega-dropdown .rs-column.-medium-col-5-2,
.page-footer .rs-column.-medium-col-5-2 {
width: 36.25%;
}
.rs-column.-medium-col-5-3,
.tao-no-sidebar .rs-column.-medium-col-5-3,
.mega-dropdown .rs-column.-medium-col-5-3,
.page-footer .rs-column.-medium-col-5-3 {
width: 57.5%;
}
.rs-column.-medium-col-5-4,
.tao-no-sidebar .rs-column.-medium-col-5-4,
.mega-dropdown .rs-column.-medium-col-5-4,
.page-footer .rs-column.-medium-col-5-4 {
width: 78.75%;
}
.rs-column.-medium-col-5-5,
.tao-no-sidebar .rs-column.-medium-col-5-5,
.mega-dropdown .rs-column.-medium-col-5-5,
.page-footer .rs-column.-medium-col-5-5 {
width: 100%;
}
.rs-column.-medium-col-6-1,
.tao-no-sidebar .rs-column.-medium-col-6-1,
.mega-dropdown .rs-column.-medium-col-6-1,
.page-footer .rs-column.-medium-col-6-1 {
width: 11.45833%;
}
.rs-column.-medium-col-6-2,
.tao-no-sidebar .rs-column.-medium-col-6-2,
.mega-dropdown .rs-column.-medium-col-6-2,
.page-footer .rs-column.-medium-col-6-2 {
width: 29.16667%;
}
.rs-column.-medium-col-6-3,
.tao-no-sidebar .rs-column.-medium-col-6-3,
.mega-dropdown .rs-column.-medium-col-6-3,
.page-footer .rs-column.-medium-col-6-3 {
width: 46.875%;
}
.rs-column.-medium-col-6-4,
.tao-no-sidebar .rs-column.-medium-col-6-4,
.mega-dropdown .rs-column.-medium-col-6-4,
.page-footer .rs-column.-medium-col-6-4 {
width: 64.58333%;
}
.rs-column.-medium-col-6-5,
.tao-no-sidebar .rs-column.-medium-col-6-5,
.mega-dropdown .rs-column.-medium-col-6-5,
.page-footer .rs-column.-medium-col-6-5 {
width: 82.29167%;
}
.rs-column.-medium-col-6-6,
.tao-no-sidebar .rs-column.-medium-col-6-6,
.mega-dropdown .rs-column.-medium-col-6-6,
.page-footer .rs-column.-medium-col-6-6 {
width: 100%;
}
.rs-column.-medium-col-7-1,
.tao-no-sidebar .rs-column.-medium-col-7-1,
.mega-dropdown .rs-column.-medium-col-7-1,
.page-footer .rs-column.-medium-col-7-1 {
width: 8.92857%;
}
.rs-column.-medium-col-7-2,
.tao-no-sidebar .rs-column.-medium-col-7-2,
.mega-dropdown .rs-column.-medium-col-7-2,
.page-footer .rs-column.-medium-col-7-2 {
width: 24.10714%;
}
.rs-column.-medium-col-7-3,
.tao-no-sidebar .rs-column.-medium-col-7-3,
.mega-dropdown .rs-column.-medium-col-7-3,
.page-footer .rs-column.-medium-col-7-3 {
width: 39.28571%;
}
.rs-column.-medium-col-7-4,
.tao-no-sidebar .rs-column.-medium-col-7-4,
.mega-dropdown .rs-column.-medium-col-7-4,
.page-footer .rs-column.-medium-col-7-4 {
width: 54.46429%;
}
.rs-column.-medium-col-7-5,
.tao-no-sidebar .rs-column.-medium-col-7-5,
.mega-dropdown .rs-column.-medium-col-7-5,
.page-footer .rs-column.-medium-col-7-5 {
width: 69.64286%;
}
.rs-column.-medium-col-7-6,
.tao-no-sidebar .rs-column.-medium-col-7-6,
.mega-dropdown .rs-column.-medium-col-7-6,
.page-footer .rs-column.-medium-col-7-6 {
width: 84.82143%;
}
.rs-column.-medium-col-7-7,
.tao-no-sidebar .rs-column.-medium-col-7-7,
.mega-dropdown .rs-column.-medium-col-7-7,
.page-footer .rs-column.-medium-col-7-7 {
width: 100%;
}
}
@media screen and (max-width: 599px) {
.rs-column,
.tao-no-sidebar .rs-column,
.page-footer .rs-column {
margin-right: 6.25%;
}
.rs-column.-medium-first,
.tao-no-sidebar .rs-column.-medium-first,
.page-footer .rs-column.-medium-first {
clear: none;
}
.rs-column.-medium-last,
.tao-no-sidebar .rs-column.-medium-last,
.page-footer .rs-column.-medium-last {
margin-right: 6.25%;
}
.rs-column.-medium-first-row,
.tao-no-sidebar .rs-column.-medium-first-row,
.page-footer .rs-column.-medium-first-row {
margin-top: 6.25%;
}
.rs-column.-small-first,
.tao-no-sidebar .rs-column.-small-first,
.page-footer .rs-column.-small-first {
clear: left;
}
.rs-column.-small-last,
.tao-no-sidebar .rs-column.-small-last,
.page-footer .rs-column.-small-last {
margin-right: -5px;
}
.rs-column.-small-first-row,
.tao-no-sidebar .rs-column.-small-first-row,
.page-footer .rs-column.-small-first-row {
margin-top: 0;
}
.rs-column.-small-col-1-1,
.tao-no-sidebar .rs-column.-small-col-1-1,
.page-footer .rs-column.-small-col-1-1 {
width: 100%;
}
.rs-column.-small-col-2-1,
.tao-no-sidebar .rs-column.-small-col-2-1,
.page-footer .rs-column.-small-col-2-1 {
width: 46.875%;
}
.rs-column.-small-col-2-2,
.tao-no-sidebar .rs-column.-small-col-2-2,
.page-footer .rs-column.-small-col-2-2 {
width: 100%;
}
.rs-column.-small-col-3-1,
.tao-no-sidebar .rs-column.-small-col-3-1,
.page-footer .rs-column.-small-col-3-1 {
width: 29.16667%;
}
.rs-column.-small-col-3-2,
.tao-no-sidebar .rs-column.-small-col-3-2,
.page-footer .rs-column.-small-col-3-2 {
width: 64.58333%;
}
.rs-column.-small-col-3-3,
.tao-no-sidebar .rs-column.-small-col-3-3,
.page-footer .rs-column.-small-col-3-3 {
width: 100%;
}
.rs-column.-small-col-4-1,
.tao-no-sidebar .rs-column.-small-col-4-1,
.page-footer .rs-column.-small-col-4-1 {
width: 20.3125%;
}
.rs-column.-small-col-4-2,
.tao-no-sidebar .rs-column.-small-col-4-2,
.page-footer .rs-column.-small-col-4-2 {
width: 46.875%;
}
.rs-column.-small-col-4-3,
.tao-no-sidebar .rs-column.-small-col-4-3,
.page-footer .rs-column.-small-col-4-3 {
width: 73.4375%;
}
.rs-column.-small-col-4-4,
.tao-no-sidebar .rs-column.-small-col-4-4,
.page-footer .rs-column.-small-col-4-4 {
width: 100%;
}
.rs-column.-small-col-5-1,
.tao-no-sidebar .rs-column.-small-col-5-1,
.page-footer .rs-column.-small-col-5-1 {
width: 15%;
}
.rs-column.-small-col-5-2,
.tao-no-sidebar .rs-column.-small-col-5-2,
.page-footer .rs-column.-small-col-5-2 {
width: 36.25%;
}
.rs-column.-small-col-5-3,
.tao-no-sidebar .rs-column.-small-col-5-3,
.page-footer .rs-column.-small-col-5-3 {
width: 57.5%;
}
.rs-column.-small-col-5-4,
.tao-no-sidebar .rs-column.-small-col-5-4,
.page-footer .rs-column.-small-col-5-4 {
width: 78.75%;
}
.rs-column.-small-col-5-5,
.tao-no-sidebar .rs-column.-small-col-5-5,
.page-footer .rs-column.-small-col-5-5 {
width: 100%;
}
.rs-column.-small-col-6-1,
.tao-no-sidebar .rs-column.-small-col-6-1,
.page-footer .rs-column.-small-col-6-1 {
width: 11.45833%;
}
.rs-column.-small-col-6-2,
.tao-no-sidebar .rs-column.-small-col-6-2,
.page-footer .rs-column.-small-col-6-2 {
width: 29.16667%;
}
.rs-column.-small-col-6-3,
.tao-no-sidebar .rs-column.-small-col-6-3,
.page-footer .rs-column.-small-col-6-3 {
width: 46.875%;
}
.rs-column.-small-col-6-4,
.tao-no-sidebar .rs-column.-small-col-6-4,
.page-footer .rs-column.-small-col-6-4 {
width: 64.58333%;
}
.rs-column.-small-col-6-5,
.tao-no-sidebar .rs-column.-small-col-6-5,
.page-footer .rs-column.-small-col-6-5 {
width: 82.29167%;
}
.rs-column.-small-col-6-6,
.tao-no-sidebar .rs-column.-small-col-6-6,
.page-footer .rs-column.-small-col-6-6 {
width: 100%;
}
.rs-column.-small-col-7-1,
.tao-no-sidebar .rs-column.-small-col-7-1,
.page-footer .rs-column.-small-col-7-1 {
width: 8.92857%;
}
.rs-column.-small-col-7-2,
.tao-no-sidebar .rs-column.-small-col-7-2,
.page-footer .rs-column.-small-col-7-2 {
width: 24.10714%;
}
.rs-column.-small-col-7-3,
.tao-no-sidebar .rs-column.-small-col-7-3,
.page-footer .rs-column.-small-col-7-3 {
width: 39.28571%;
}
.rs-column.-small-col-7-4,
.tao-no-sidebar .rs-column.-small-col-7-4,
.page-footer .rs-column.-small-col-7-4 {
width: 54.46429%;
}
.rs-column.-small-col-7-5,
.tao-no-sidebar .rs-column.-small-col-7-5,
.page-footer .rs-column.-small-col-7-5 {
width: 69.64286%;
}
.rs-column.-small-col-7-6,
.tao-no-sidebar .rs-column.-small-col-7-6,
.page-footer .rs-column.-small-col-7-6 {
width: 84.82143%;
}
.rs-column.-small-col-7-7,
.tao-no-sidebar .rs-column.-small-col-7-7,
.page-footer .rs-column.-small-col-7-7 {
width: 100%;
}
}
/* Resetting box model for moo_mediabox and j_colorbox */
#mbCenter,
#colorbox {
box-sizing: content-box;
}
::selection {
background: #37aadf;
color: white;
text-shadow: none !important;
}
::-moz-selection {
background: #37aadf;
color: white;
text-shadow: none !important;
}
button,
input,
select,
textarea {
font-family: inherit;
}
table {
width: 100%;
border-collapse: separate;
border-spacing: 0;
border: 1px solid #b2b9c4;
border-radius: 3px;
background: white;
}
table th,
table td {
border: solid #e5e8ee;
border-width: 1px 0 0 1px;
}
table th:first-child,
table td:first-child {
border-left: 0;
}
table > thead > tr:first-child > th,
table > thead > tr:first-child > td,
table > tbody:first-child > tr:first-child > th,
table > tbody:first-child > tr:first-child > td,
table > tfoot:first-child + tbody > tr:first-child > th,
table > tfoot:first-child + tbody > tr:first-child > td {
/* First row of the table */
border-top: 0;
}
table th {
padding: 0.375em 0.625em;
font-weight: bold;
text-align: left;
}
table td {
padding: 0.375em 0.625em;
}
table thead {
background: rgba(0, 0, 0, 0.02);
}
table tfoot td {
font-style: italic;
}
strong,
b {
font-weight: bold;
}
a {
color: #1782c5;
text-decoration: none;
}
a:hover,
a:focus {
text-decoration: underline;
}
a:hover,
a:active {
outline: 0;
}
a.external-link:after {
font: 0.8125em/1 "RockSolid Icons";
content: "\e151";
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
margin-left: 0.25em;
}
/* Icon attribute */
*[data-icon]:before,
*[class^="icon-"]:before,
*[class*=" icon-"]:before {
font: 100%/1 "RockSolid Icons";
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
margin-right: 0.25em;
}
*[data-icon]:before {
content: attr(data-icon);
}
*[data-icon].after:before {
content: none;
}
*[data-icon].after:after {
font: 100%/1 "RockSolid Icons";
content: attr(data-icon);
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
margin-left: 0.25em;
}
.clear {
clear: both;
}
.invisible {
position: absolute;
height: 1px !important;
width: 1px !important;
clip: rect(0 0 0 0);
margin: -1px;
padding: 0 !important;
overflow: hidden;
border: 0;
}
.-no-border {
border: 0 !important;
}
.no-margin {
margin: 0 !important;
}
.no-margin-top {
margin-top: 0 !important;
}
.no-margin-bottom {
margin-bottom: 0 !important;
}
.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;
}
.content-toplink,
.ce_toplink,
.toplink {
overflow: hidden;
margin: 1.5em 0;
}
.content-toplink:after,
.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;
}
.content-toplink > a:before,
.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;
}
[data-ajax-form=loading] {
opacity: 0.5;
pointer-events: none;
}
/* Style for dlh_googlemaps (if you don't use the plugin, you might want to delete this) */
.dlh_googlemap {
box-sizing: content-box;
}
.main-content .dlh_googlemap,
.sidebar .dlh_googlemap {
/* Setting the maps max-width to 100% is best practice, since it becomes fluid that way */
max-width: 100%;
}
.main-content .dlh_googlemap img {
max-width: none;
}
hr,
.headline-hr:before,
.headline-hr:after {
clear: both;
height: 0;
overflow: visible;
margin: 2.25em 0;
border: 0;
border-top: 1px solid #b2b9c4;
}
hr.-hr-dotted,
.headline-hr.-hr-dotted:before,
.headline-hr.-hr-dotted:after {
border-top-style: dotted;
border-top-color: #717c8e;
}
hr.-hr-shadow,
.headline-hr.-hr-shadow:before,
.headline-hr.-hr-shadow:after {
height: 8px;
background: 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: white;
}
.icon-hr.-centered:before {
width: 2.25em;
margin: 0 auto;
text-align: center;
}
.icon-hr.-align-right:before {
margin: 0 0 0 auto;
text-align: right;
}
.icon-hr hr {
margin: 0;
}
.confirmation {
color: #b5da44;
}
.information {
color: #37aadf;
}
.warning {
color: #df3763;
}
p.confirmation,
p.information,
p.warning,
div.confirmation,
div.information,
div.warning,
span.confirmation,
span.information,
span.warning {
position: relative;
display: block;
overflow: hidden;
margin: 1.5625em 0;
padding: 1em 6.25% 1em 12.5%;
border: 1px solid #b2b9c4;
border-radius: 3px;
color: #8caf23;
background: white;
}
@media screen and (max-width: 599px) {
p.confirmation,
p.information,
p.warning,
div.confirmation,
div.information,
div.warning,
span.confirmation,
span.information,
span.warning {
padding-left: 4em;
}
}
p.confirmation:before,
p.information:before,
p.warning:before,
div.confirmation:before,
div.information:before,
div.warning:before,
span.confirmation:before,
span.information:before,
span.warning:before {
font: 1.5em/1 "RockSolid Icons";
content: "\e044";
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
position: absolute;
top: 50%;
left: -0.41667em;
width: 1.16667em;
height: 1.16667em;
margin: -1.25em 0 0;
padding: 0.66667em;
border-radius: 100%;
color: white;
text-align: center;
background: #b5da44;
}
p.information,
div.information,
span.information {
color: #1c80ae;
}
p.information:before,
div.information:before,
span.information:before {
content: "\e0a6";
background: #37aadf;
}
p.warning,
div.warning,
span.warning {
color: #ae1c42;
}
p.warning:before,
div.warning:before,
span.warning:before {
content: "\e143";
background: #df3763;
}
p.drop-cap:first-letter,
span.drop-cap {
float: left;
margin: 0.11111em 0.33333em 0 0;
padding: 0.19444em;
border: 1px solid #b2b9c4;
border-radius: 3px;
font-size: 2.25em;
font-weight: normal;
/* Fixes line-height difference between gecko and webkit */
line-height: 0.7;
background: white;
background-image: 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: white;
text-align: center;
text-decoration: none;
text-transform: uppercase;
text-shadow: 0 -1px 0 #1f90c4;
background: #37aadf;
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: 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: linear-gradient(#44b0e1, #33a8de);
}
#colorbox button.-secondary, #colorbox .button.-secondary, #colorbox input[type="submit"].-secondary, #colorbox .header-login .formbody input[type=submit], .header-login .formbody #colorbox input[type=submit],
#colorbox .header-dropdown > ul input[type=submit],
.header-dropdown > ul #colorbox input[type=submit],
#colorbox button.-tertiary,
#colorbox .button.-tertiary,
#colorbox input[type="submit"].-tertiary,
#colorbox .rotating-boxes-item-content .rotating-boxes-item-link,
.rotating-boxes-item-content #colorbox .rotating-boxes-item-link,
#colorbox .pricing-table-plan a,
.pricing-table-plan #colorbox a,
#colorbox button.-quaternary,
#colorbox .button.-quaternary,
#colorbox input[type="submit"].-quaternary,
#colorbox .highlight-box-link,
#colorbox .feature-box-link,
#colorbox .headline-box-link,
#colorbox .footer-bar input[type=submit],
.footer-bar #colorbox input[type=submit],
#colorbox .footer-bar button,
.footer-bar #colorbox button,
#colorbox button,
#colorbox .button,
#colorbox input[type="submit"],
#colorbox input[type="reset"],
#colorbox input[type="button"] {
/* Fix colorbox close button */
box-shadow: none;
}
button.-quaternary:hover,
button.-quaternary:focus,
.button.-quaternary:hover,
.button.-quaternary:focus,
input[type="submit"].-quaternary:hover,
input[type="submit"].-quaternary:focus {
border-color: currentColor;
}
button.-single,
.button.-single,
input[type="submit"].-single {
margin: 0.75em 0;
}
button.-small,
.button.-small,
input[type="submit"].-small {
padding: 0.41667em 0.83333em;
font-size: 0.75em;
}
button.-secondary, .button.-secondary, input[type="submit"].-secondary, .header-login .formbody input[type=submit],
.header-dropdown > ul input[type=submit],
.pricing-table-plan.-highlighted a,
.feature-box-link.-secondary,
.headline-box-link.-secondary {
border-color: #78619c #6c578c #604d7c;
color: white;
text-shadow: 0 -1px 0 #6c578c;
background: #8570a6;
background: linear-gradient(#9280b0, #7d67a0);
box-shadow: inset 0 1px #a99ac0;
}
button.-secondary:hover, .button.-secondary:hover, input[type="submit"].-secondary:hover, .header-login .formbody input[type=submit]:hover,
.header-dropdown > ul input[type=submit]:hover, .pricing-table-plan.-highlighted a:hover, .feature-box-link.-secondary:hover, .headline-box-link.-secondary:hover, button.-secondary:focus, .button.-secondary:focus, input[type="submit"].-secondary:focus, .header-login .formbody input[type=submit]:focus,
.header-dropdown > ul input[type=submit]:focus,
.pricing-table-plan.-highlighted a:focus,
.feature-box-link.-secondary:focus,
.headline-box-link.-secondary:focus {
border-color: #53446c #473a5d #3b304d;
background: linear-gradient(#9a89b6, #755f98);
}
button.-secondary:active, .button.-secondary:active, input[type="submit"].-secondary:active, .header-login .formbody input[type=submit]:active,
.header-dropdown > ul input[type=submit]:active,
.pricing-table-plan.-highlighted a:active,
.feature-box-link.-secondary:active,
.headline-box-link.-secondary:active {
background: linear-gradient(#8d79ac, #826da4);
}
button.-tertiary,
.button.-tertiary,
input[type="submit"].-tertiary,
.rotating-boxes-item-content .rotating-boxes-item-link,
.pricing-table-plan a,
.feature-box-link.-tertiary,
.headline-box-link.-tertiary {
border-color: #c5c9d7 #b6bbcc #a7adc2;
color: #717c8e;
text-shadow: 0 -1px 0 #d4d7e1;
background: #f2f3f6;
background: linear-gradient(white, #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: linear-gradient(white, #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: linear-gradient(#fbfbfc, #eff0f4);
}
button.-quaternary,
.button.-quaternary,
input[type="submit"].-quaternary,
.feature-box-link.-quaternary,
.headline-box-link.-quaternary {
border: 2px solid #242424;
border-color: currentColor;
border-radius: 6px;
color: inherit;
text-shadow: none;
background: none;
box-shadow: none;
}
button.-quaternary:after,
.button.-quaternary:after,
input[type="submit"].-quaternary:after,
.feature-box-link.-quaternary:after,
.headline-box-link.-quaternary:after {
content: "";
position: absolute;
top: 100%;
right: 0;
bottom: 0;
left: 0;
background: currentColor;
opacity: 0.15;
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;
transition: top 0.2s ease-out;
}
/* ===========================================
* Wrapper Elements
* ======================================== */
.header-bar-inner,
.header-navigation-inner,
.content-wrapper {
max-width: 1188px;
margin-right: auto;
margin-left: auto;
}
.centered-wrapper-inner,
.info-map-boxes {
max-width: 1100px;
margin-right: auto;
margin-left: auto;
}
@media screen and (max-width: 1188px) {
.centered-wrapper-inner,
.info-map-boxes {
max-width: none;
margin-right: 3.7037%;
margin-right: var(--page-padding-right);
margin-left: 3.7037%;
margin-left: var(--page-padding-left);
}
}
@media screen and (max-width: 900px) {
.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: white;
}
.page:before {
content: "";
display: table;
}
.page:after {
content: "";
display: table;
clear: both;
}
.tao-boxed .page {
max-width: 1188px;
border: solid #b2b9c4;
border-width: 0 1px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 1188px) {
.tao-boxed .page {
border: 0;
box-shadow: none;
}
}
.tao-not-boxed .page {
max-width: none;
border: 0;
box-shadow: none;
}
/* ===========================================
* Layout in order of appearance in HTML
* ======================================== */
.page-header {
position: relative;
z-index: 20;
}
.page-header.is-fixed {
position: fixed;
top: 0;
left: 0;
width: 100%;
transform: translateZ(0);
}
.header-bar {
zoom: 1;
border-bottom: 1px solid #e5e8ee;
font-size: 0.8125em;
background: whitesmoke;
}
.header-bar:before {
content: "";
display: table;
}
.header-bar:after {
content: "";
display: table;
clear: both;
}
@media screen and (max-width: 599px) {
.header-bar {
display: none;
}
}
.tao-boxed .header-bar {
max-width: 1188px;
margin-right: auto;
margin-left: auto;
border-right: 1px solid #b2b9c4;
border-left: 1px solid #b2b9c4;
}
@media screen and (max-width: 1188px) {
.tao-boxed .header-bar {
border-right: 0;
border-left: 0;
}
}
.tao-not-boxed .header-bar {
max-width: none;
border-right: 0;
border-left: 0;
}
.header-bar-inner {
color: #98a0ab;
}
@media screen and (max-width: 900px) {
.header-bar-inner {
padding-right: 5.55556%;
padding-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: 900px) {
.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: 900px) {
.header-links.-right {
float: none;
margin-right: 0;
}
}
.header-links.-right a {
margin-right: 0;
margin-left: 1em;
}
.header-links li {
display: inline;
}
.header-links a {
display: inline-block;
color: inherit;
margin-right: 1em;
}
.header-links .icon-links-label {
color: inherit;
}
.header-links.-secondary {
padding-top: 0;
padding-bottom: 0;
}
@media screen and (max-width: 900px) {
.header-links.-secondary > li:first-child > a {
margin-left: -0.625em;
}
}
.header-links.-secondary a {
float: left;
position: relative;
width: 2.76923em;
height: 2.76923em;
overflow: hidden;
margin: 0;
line-height: 0;
/* Fixes Chrome bug */
letter-spacing: -1em;
color: #98a0ab;
text-indent: -99em;
text-decoration: none;
}
.header-links.-secondary a:before,
.header-links.-secondary a:after {
font: 1.15385em/1 "RockSolid Icons";
content: attr(data-icon);
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
position: absolute;
top: 0;
left: 0;
display: block;
box-sizing: border-box;
width: 100%;
height: 100%;
padding-top: 0.06667em;
line-height: 2.40067;
letter-spacing: 0;
text-align: center;
background: whitesmoke;
transition: top 0.2s ease-out;
}
.header-links.-secondary a:after {
top: 100%;
color: white;
background: transparent;
}
.header-links.-secondary a:hover:before,
.header-links.-secondary a:focus:before {
top: -100%;
}
.header-links.-secondary a:hover:after,
.header-links.-secondary a:focus:after {
top: 0;
}
.header-login,
.header-dropdown {
position: relative;
float: right;
z-index: 4;
margin: 0.30769em 0.76923em -0.15385em 0;
}
@media screen and (max-width: 900px) {
.header-login,
.header-dropdown {
margin-right: -0.61538em;
margin-left: 1em;
}
}
.header-login > h1, .header-login > h2, .header-login > h3, .header-login > h4, .header-login > h5, .header-login > h6,
.header-dropdown > h1,
.header-dropdown > h2,
.header-dropdown > h3,
.header-dropdown > h4,
.header-dropdown > h5,
.header-dropdown > h6 {
position: relative;
z-index: 1;
margin: 0;
padding: 0.38462em 0.76923em 0.61538em;
border: 1px solid transparent;
border-bottom: 0;
border-radius: 3px 3px 0 0;
outline: none;
font-weight: normal;
font-size: inherit;
line-height: 1.5;
color: inherit;
cursor: pointer;
}
.header-login > h1:hover, .header-login > h1:focus, .header-login > h2:hover, .header-login > h2:focus, .header-login > h3:hover, .header-login > h3:focus, .header-login > h4:hover, .header-login > h4:focus, .header-login > h5:hover, .header-login > h5:focus, .header-login > h6:hover, .header-login > h6:focus,
.header-dropdown > h1:hover,
.header-dropdown > h1:focus,
.header-dropdown > h2:hover,
.header-dropdown > h2:focus,
.header-dropdown > h3:hover,
.header-dropdown > h3:focus,
.header-dropdown > h4:hover,
.header-dropdown > h4:focus,
.header-dropdown > h5:hover,
.header-dropdown > h5:focus,
.header-dropdown > h6:hover,
.header-dropdown > h6:focus {
text-decoration: underline;
}
.header-login > h1:hover:after, .header-login > h1:focus:after, .header-login > h2:hover:after, .header-login > h2:focus:after, .header-login > h3:hover:after, .header-login > h3:focus:after, .header-login > h4:hover:after, .header-login > h4:focus:after, .header-login > h5:hover:after, .header-login > h5:focus:after, .header-login > h6:hover:after, .header-login > h6:focus:after,
.header-dropdown > h1:hover:after,
.header-dropdown > h1:focus:after,
.header-dropdown > h2:hover:after,
.header-dropdown > h2:focus:after,
.header-dropdown > h3:hover:after,
.header-dropdown > h3:focus:after,
.header-dropdown > h4:hover:after,
.header-dropdown > h4:focus:after,
.header-dropdown > h5:hover:after,
.header-dropdown > h5:focus:after,
.header-dropdown > h6:hover:after,
.header-dropdown > h6:focus:after {
text-decoration: none !important;
}
.header-login > h1:after, .header-login > h2:after, .header-login > h3:after, .header-login > h4:after, .header-login > h5:after, .header-login > h6:after,
.header-dropdown > h1:after,
.header-dropdown > h2:after,
.header-dropdown > h3:after,
.header-dropdown > h4:after,
.header-dropdown > h5:after,
.header-dropdown > h6:after {
font: 0.69231em/1 "RockSolid Icons";
content: "\e015";
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
top: -0.11111em;
margin-left: 0.44444em;
}
.header-dropdown:hover {
color: #717c8e;
}
.header-login .formbody,
.header-dropdown > ul {
position: absolute;
top: 100%;
right: 0;
display: none;
margin-top: -1px;
padding: 1em 1.53846em 1.38462em;
border: 1px solid #b2b9c4;
border-radius: 3px 0 3px 3px;
color: #717c8e;
background: white;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
.header-login .formbody .error,
.header-dropdown > ul .error {
margin-top: 0;
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: #717c8e;
background-color: white;
}
.header-login.is-active > h1:after,
.header-login.is-active > h2:after,
.header-login.is-active > h3:after,
.header-login.is-active > h4:after,
.header-login.is-active > h5:after,
.header-login.is-active > h6:after {
content: "\d7";
}
.header-login.is-active .formbody,
.header-dropdown:hover > ul,
.header-dropdown:focus > ul {
display: block;
}
.header-navigation {
zoom: 1;
position: relative;
border-bottom: 1px solid #e5e8ee;
background: white;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.header-navigation:before {
content: "";
display: table;
}
.header-navigation:after {
content: "";
display: table;
clear: both;
}
.tao-boxed .header-navigation {
max-width: 1188px;
margin-right: auto;
margin-left: auto;
border-right: 1px solid #b2b9c4;
border-left: 1px solid #b2b9c4;
}
@media screen and (max-width: 1188px) {
.tao-boxed .header-navigation {
border-right: 0;
border-left: 0;
}
}
.tao-not-boxed .header-navigation {
max-width: none;
border-right: 0;
border-left: 0;
}
.header-navigation-inner {
position: relative;
height: 5.25em;
min-height: 3.125em;
color: #717c8e;
}
@media screen and (max-width: 900px) {
.header-navigation-inner {
height: auto;
min-height: 0;
}
}
.logo {
position: absolute;
top: 17.5%;
bottom: 17.5%;
left: 3.7037%;
left: calc(3.7037% + var(--safe-area-left));
margin: 0;
font-size: inherit;
}
@media screen and (max-width: 900px) {
.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: 599px) {
.logo {
text-align: center;
margin-left: 0;
padding-top: 0.75em;
}
}
.logo a {
display: block;
height: 100%;
}
@media screen and (max-width: 900px) {
.logo a {
display: inline;
}
}
.logo img {
display: block;
width: auto;
height: 100%;
}
@media screen and (max-width: 900px) {
.logo img {
display: inline;
height: auto;
max-height: 4.0625em;
}
}
.main-navigation-wrapper {
position: relative;
clear: both;
border: 1px solid #b2b9c4;
background: white;
background: linear-gradient(white, #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: 900px) {
.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: 599px) {
.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 1.429em;
font-size: 0.875em;
color: #717c8e;
}
.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 #717c8e;
transition: right 0.4s ease-out, left 0.4s ease-out;
}
@media screen and (max-width: 900px) {
.main-navigation > ul > li > a:after,
.main-navigation > ul > li > strong: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: white;
opacity: 0;
box-shadow: inset 0 6px 2px -5px rgba(0, 0, 0, 0.1);
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;
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;
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: #717c8e;
}
.main-navigation > ul > li > ul ul {
display: block;
padding-left: 0.625em;
}
.main-navigation > ul > li:hover:after {
content: "";
position: absolute;
top: 50%;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
margin-top: 0.625em;
}
.main-navigation > ul > li:hover > a,
.main-navigation > ul > li:hover > strong,
.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;
transition-duration: 0.1s, 0.1s;
}
.main-navigation > ul > li:hover > ul {
z-index: 1;
max-height: 9999px;
padding: 0.875em 1em;
opacity: 1;
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: white;
opacity: 0;
box-shadow: inset 0 6px 2px -5px rgba(0, 0, 0, 0.1);
transition: max-height 0s 0.3s, padding 0s 0.3s, opacity 0.3s;
pointer-events: none;
/* Fixes chrome text flicker */
-webkit-backface-visibility: hidden;
}
@media screen and (max-width: 900px) {
.mega-dropdown {
background-image: none !important;
left: 0;
width: 100%;
}
}
li:hover > .mega-dropdown {
z-index: 1;
max-height: 9999px;
overflow: visible;
padding: 1.57143em 3.7037%;
opacity: 1;
transition: opacity 0.2s;
pointer-events: auto;
}
@media screen and (max-width: 900px) {
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: white;
}
@media screen and (max-width: 900px) {
.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: 599px) {
.main-navigation-search {
display: none;
}
}
.main-navigation-search:after {
content: "";
position: absolute;
top: 50%;
left: 0;
height: 1.07143em;
margin: -0.5em 0 0;
border-left: 1px solid #e5e8ee;
}
.main-navigation-search input {
/* Fixes border-radius on iOS 7 */
-webkit-appearance: none;
float: right;
width: 11.78571em;
margin: 0.57143em 0.85714em 0 -10.35714em;
padding: 0.14286em 0 0.21429em;
border: 0;
border-bottom: 1px solid white;
border-radius: 0;
font-size: inherit;
background: none;
box-shadow: none;
transition: margin-left 0.2s ease-out;
}
.main-navigation-search:hover,
.main-navigation-search.focus {
margin-right: -1px;
border: 1px solid #e5e8ee;
}
.main-navigation-search:hover input,
.main-navigation-search.focus input {
margin-left: 0.85714em;
border-color: #b2b9c4;
box-shadow: none;
}
.main-navigation-search:hover:after,
.main-navigation-search.focus:after {
content: none;
}
@media screen and (max-width: 900px) {
.main-navigation-search {
margin-right: -1px;
border: 1px solid #e5e8ee;
}
.main-navigation-search input {
margin-left: 0.85714em;
border-color: #b2b9c4;
box-shadow: none;
}
.main-navigation-search:after {
content: none;
}
}
.main-navigation-search button {
position: absolute;
top: 0;
right: 0;
width: 3.57143em;
height: 100%;
margin: 0;
padding: 0;
border: 0;
color: #717c8e;
text-align: left;
text-indent: -99em;
text-shadow: none;
line-height: 0;
background: none;
box-shadow: none;
}
.main-navigation-search button:after {
font: 1.14286em/1 "RockSolid Icons";
content: "\e0cb";
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
display: block;
text-align: center;
}
.main-navigation-search button:hover,
.main-navigation-search button:focus {
color: #1782c5;
}
.main-navigation-mobile-open {
position: absolute;
top: 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;
}
.main-navigation-mobile-open:after {
content: "";
display: block;
height: 3px;
border-radius: 2px;
background: #717c8e;
box-shadow: 0 7px #717c8e, 0 14px #717c8e;
}
@media screen and (max-width: 599px) {
.main-navigation-mobile-open {
display: block;
}
}
.main-navigation-mobile-close {
position: absolute;
top: 0;
right: -17.64706%;
display: none;
width: 17.64706%;
height: 100%;
overflow: hidden;
margin: 0;
padding: 0;
border: 0 !important;
text-indent: -99em;
background: none !important;
box-shadow: none !important;
}
.is-active > .main-navigation-mobile-close {
display: block;
}
.main-navigation-mobile {
/* Hide mobile navigation by default */
display: none;
padding: 0;
padding-top: var(--safe-area-top);
padding-bottom: var(--safe-area-bottom);
padding-left: var(--safe-area-left);
border-top: 1px solid black;
color: white;
background: #242424;
}
@media screen and (max-width: 599px) {
.main-navigation-mobile {
display: block;
}
}
.modernizr-js .main-navigation-mobile {
display: none;
}
.main-navigation-mobile.is-enabled {
position: absolute;
top: 0;
left: -85%;
z-index: 201;
width: 85%;
min-height: 100%;
transition: left 0.2s ease-out;
}
@media screen and (max-width: 599px) {
.main-navigation-mobile.is-enabled {
display: block;
}
}
.modernizr-csstransforms3d .main-navigation-mobile.is-enabled {
left: 0;
transform: translate3d(-100%, 0, 0);
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 {
transform: translate3d(0, 0, 0);
}
.main-navigation-mobile ul {
display: block;
margin: 0;
padding: 0;
}
.main-navigation-mobile ul ul {
background: #242424;
box-shadow: inset 0 40px 40px -20px rgba(0, 0, 0, 0.04), inset 0 -40px 40px -20px rgba(0, 0, 0, 0.04);
}
.main-navigation-mobile .is-collapsed > ul {
display: none;
}
.main-navigation-mobile li {
position: relative;
display: block;
}
.main-navigation-mobile li:before {
content: none;
}
.main-navigation-mobile a,
.main-navigation-mobile strong,
.main-navigation-mobile span.active,
.main-navigation-mobile span.trail,
.main-navigation-mobile span.forward {
display: block;
padding: 0.64286em 0.92857em 0.57143em;
border-bottom: 1px solid black;
color: inherit;
background-color: #242424;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
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: #171717;
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: #383838;
box-shadow: inset 0 0 5px #242424;
}
.main-navigation-mobile li li {
color: #bfbfbf;
}
.main-navigation-mobile li li a,
.main-navigation-mobile li li strong,
.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 #1f1f1f;
border-radius: 0;
outline: none;
line-height: 0;
color: inherit;
text-indent: -99em;
text-shadow: none;
background: none;
}
.main-navigation-mobile .main-navigation-mobile-expand:after {
font: 1.14286em/1 "RockSolid Icons";
content: "\e009";
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
display: block;
}
.main-navigation-mobile .is-expanded > .main-navigation-mobile-expand:after {
content: "\e00c";
}
.main-navigation-mobile-search {
position: relative;
margin: 5%;
}
.main-navigation-mobile-search input,
.main-navigation-mobile-search input:hover,
.main-navigation-mobile-search input:focus {
width: 100%;
border: 1px solid black;
background: transparent;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
}
.main-navigation-mobile-search button {
position: absolute;
top: 0.07143em;
right: 0;
width: 3.57143em;
height: 100%;
margin: 0;
padding: 0;
border: 0;
text-align: left;
text-indent: -99em;
text-shadow: none;
line-height: 0;
background: none;
box-shadow: none;
}
.main-navigation-mobile-search button:after {
font: 1.14286em/1 "RockSolid Icons";
content: "\e0cb";
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
display: block;
text-align: center;
}
.main-navigation-mobile-icons.main-navigation-mobile-icons {
margin: 1em 0;
text-align: center;
}
.main-navigation-mobile-icons.main-navigation-mobile-icons li {
display: inline;
padding: 0;
}
.main-navigation-mobile-icons.main-navigation-mobile-icons a {
display: inline-block;
width: 2.85714em;
height: 2.85714em;
overflow: hidden;
padding: 0;
border: 0;
border-radius: 3px;
box-shadow: none;
}
.main-navigation-mobile-icons.main-navigation-mobile-icons a:before {
font-size: 1.28571em;
line-height: 2.22278;
margin: 0 0 100%;
color: white !important;
}
.main-navigation-mobile-icons.main-navigation-mobile-icons a:hover:before {
color: inherit !important;
}
.tagline {
zoom: 1;
border-bottom: 1px solid #e5e8ee;
background: white;
}
.tagline:before {
content: "";
display: table;
}
.tagline:after {
content: "";
display: table;
clear: both;
}
.tagline .page-title {
float: left;
font-size: 20px;
font-weight: normal;
margin-top: 1.15789em;
}
@media screen and (max-width: 599px) {
.tagline .page-title {
float: none;
text-align: center;
}
}
.tagline .mod_breadcrumb {
float: right;
margin: 0;
padding: 2.15385em 0 1.84615em;
}
@media screen and (max-width: 599px) {
.tagline .mod_breadcrumb {
float: none;
margin: 1.69231em 0;
padding: 0;
text-align: center;
}
}
.tagline .media > figure,
.tagline .content-image > figure,
.tagline .image_container {
display: block;
clear: both;
margin: 0;
padding: 0;
border: 0;
background: none;
box-shadow: none;
}
.tagline img {
display: block;
}
.tagline-no-border .tagline {
border: 0;
}
.tagline-inner {
position: relative;
/* clearfix */
overflow: hidden;
color: #98a0ab;
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: 1188px) {
.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: white;
}
.centered-wrapper.-highlight-color {
background-color: #8570a6;
}
.centered-wrapper.-background-color-1 {
background-color: #353d47;
}
.centered-wrapper.-background-color-2 {
background-color: whitesmoke;
}
.centered-wrapper.-small {
min-height: 300px;
}
@media screen and (max-width: 599px) {
.centered-wrapper.-small {
min-height: 200px;
}
}
.centered-wrapper.-medium {
min-height: 600px;
}
@media screen and (max-width: 599px) {
.centered-wrapper.-medium {
min-height: 400px;
}
}
.centered-wrapper.-large {
min-height: 900px;
}
@media screen and (max-width: 599px) {
.centered-wrapper.-large {
min-height: 600px;
}
}
.centered-wrapper.-background-mousemove,
.centered-wrapper.-background-mousemove-inverted,
.centered-wrapper.-background-parallax {
overflow: hidden;
}
.centered-wrapper-background {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
background: 50% 50% no-repeat;
background-size: cover;
}
.centered-wrapper-background video {
/* Change this to `object-fit: cover;` once all browsers support it, */
/* see http://stackoverflow.com/a/20851590 */
position: absolute;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
transform: translate(-50%, -50%);
}
.-background-mousemove > .centered-wrapper-background,
.-background-mousemove-inverted > .centered-wrapper-background {
right: -12%;
}
.centered-wrapper-inner {
position: relative;
}
.centered-wrapper-inner.-fullwidth {
max-width: none;
margin: 0;
}
/* ===========================================
* Content
* ======================================== */
h1,
h2 {
line-height: 1.3;
}
h3,
h4,
h5,
h6 {
line-height: 1.5;
font-weight: normal;
}
.main-content {
float: right;
width: 59.25926%;
margin: 1.5em 7.40741% 3.75em 0;
}
@media screen and (max-width: 900px) {
.main-content {
float: none;
width: auto;
margin-right: 5.55556%;
margin-left: 5.55556%;
}
}
.tao-no-sidebar .main-content {
float: none;
width: auto;
margin-left: 3.57143%;
margin-right: 3.57143%;
}
@media screen and (max-width: 900px) {
.tao-no-sidebar .main-content {
margin-right: 5.55556%;
margin-left: 5.55556%;
}
}
.tao-sidebar-right .main-content {
float: left;
margin-right: 0;
margin-left: 7.40741%;
}
@media screen and (max-width: 900px) {
.tao-sidebar-right .main-content {
float: none;
margin-right: 5.55556%;
margin-left: 5.55556%;
}
}
.tao-fullwidth .main-content {
margin: 0;
}
.tao-3-columns .main-content {
width: 48.14815%;
margin-right: 25.92593%;
}
@media screen and (max-width: 900px) {
.tao-3-columns .main-content {
width: auto;
margin-right: 5.55556%;
}
}
.main-content p,
.main-content ul,
.main-content ol,
.main-content table,
.main-content form,
.main-content fieldset {
margin-top: 0.75em;
margin-bottom: 1.5em;
}
.main-content p > span[style] {
padding: 0 0.1875em;
}
.main-content h1,
.main-content h2,
.main-content h3,
.main-content h4,
.main-content h5,
.main-content h6 {
margin-top: 0.75em;
margin-bottom: 0.3em;
font-weight: normal;
}
.main-content h1 {
font-size: 2em;
font-weight: bold;
color: #717c8e;
}
.main-content .-color-inverted h1 {
color: white;
}
.main-content h2 {
font-size: 1.5em;
color: #717c8e;
}
.main-content .-color-inverted h2 {
color: #b2b9c4;
}
.main-content h3 {
font-size: 1.3em;
}
.main-content h4 {
font-size: 1.1em;
}
.main-content h5 {
font-size: 1em;
line-height: 1.50056;
}
.main-content h6 {
font-size: 0.8em;
line-height: 1.50063;
letter-spacing: 0.0625em;
color: #717c8e;
text-transform: uppercase;
}
.-color-inverted .main-content h6 {
color: #b2b9c4;
}
.main-content ul,
.main-content ol {
padding-left: 1.25em;
}
.main-content ul li[data-icon],
.main-content ul li[class^="icon-"],
.main-content ul li[class*=" icon-"],
.main-content ol li[data-icon],
.main-content ol li[class^="icon-"],
.main-content ol li[class*=" icon-"] {
padding-left: 0.25em;
list-style: none;
}
.main-content ul li[data-icon]:before,
.main-content ul li[class^="icon-"]:before,
.main-content ul li[class*=" icon-"]:before,
.main-content ol li[data-icon]:before,
.main-content ol li[class^="icon-"]:before,
.main-content ol li[class*=" icon-"]:before {
left: -1.5em;
width: 0;
margin-right: 0;
color: #8570a6;
}
.main-content ul {
list-style: disc;
}
.main-content ul ul {
margin-top: 0;
}
.main-content ol {
padding-left: 1.25em;
list-style: decimal;
}
.main-content ol ol,
.main-content ol ul {
margin-top: 0;
}
.main-content ol ol {
padding-left: 1.5em;
list-style: upper-alpha;
}
.main-content ol ol ol {
list-style: lower-roman;
}
.main-content ol ol ol ol {
list-style: lower-alpha;
}
.main-content blockquote {
position: relative;
margin: 1.28571em 0 1.28571em 1.90476em;
font-size: 1.3125em;
line-height: 1.33381;
color: #717c8e;
}
.-color-inverted .main-content blockquote {
color: #b2b9c4;
}
@media screen and (max-width: 599px) {
.main-content blockquote {
margin-left: 12.5%;
}
}
.main-content blockquote small,
.main-content blockquote i,
.main-content blockquote em {
font-size: 0.7619em;
line-height: 1.5625;
font-style: normal;
}
.main-content blockquote:before {
content: "\201c";
position: absolute;
top: 0;
left: -0.47619em;
margin: 0.47619em 0 0 -0.08333em;
font-size: 4em;
font-weight: bold;
line-height: 0;
opacity: 0.5;
}
@media screen and (max-width: 599px) {
.main-content blockquote:before {
left: -12.5%;
margin-left: -0.11905em;
}
}
.main-content img {
max-width: 100%;
height: auto;
}
.main-content .gm-style img {
max-width: none;
}
.main-content .rsts-main {
margin: 24px 0;
}
.main-content .main-slider {
margin: 0;
}
/* ===========================================
* Forms
* ======================================== */
form h1,
form h2,
form h3,
form h4,
form h5,
form h6 {
clear: both;
}
form .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: white;
}
.valid input,
.valid textarea {
border-color: #b5da44;
}
.invalid input,
input.error,
.invalid textarea,
textarea.error {
border-color: #df3763;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
/* multiple rules, because user agents are required to ignore a rule with an unknown selector */
color: #98a0ab;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
color: #98a0ab;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: #98a0ab;
}
input::placeholder,
textarea::placeholder {
color: #98a0ab;
}
input:hover,
textarea:hover {
border-color: #a4acb9 #a4acb9 #98a1b0;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
}
input:focus,
textarea:focus {
border-color: #8570a6;
}
.-color-inverted input,
.-color-inverted textarea {
background: #353d47;
}
input[type="text"],
input[type="search"],
input[type="email"],
input[type="password"],
input[type="url"] {
outline: none;
}
input[type="checkbox"],
input[type="radio"],
input[type="image"] {
width: auto !important;
height: auto !important;
margin: 0;
padding: 0;
border: 0;
box-shadow: none;
}
input[type="checkbox"] {
vertical-align: middle;
-webkit-appearance: checkbox;
-moz-appearance: checkbox;
appearance: checkbox;
}
input[type="radio"] {
vertical-align: middle;
-webkit-appearance: radio;
-moz-appearance: radio;
appearance: radio;
background: none;
}
input[type="file"] {
height: auto;
padding: 0;
border: 0;
/* IE8 and IE9 */
border: 1px solid #b2b9c4 \9;
background: none;
box-shadow: none;
}
button,
input[type="submit"] {
margin-top: 1.125em;
}
textarea {
height: 200px;
resize: vertical;
line-height: 1.5;
outline: none;
}
fieldset {
margin: 1.125em 0;
border: 1px solid #b2b9c4;
}
fieldset legend {
padding: 0 0.3125em;
}
fieldset + br {
/* Kill
that Contao injects */
display: none;
}
.main-content form .widget {
margin-top: 1.125em;
margin-bottom: 1.125em;
}
.main-content label {
display: block;
margin-bottom: 0.35714em;
font-size: 0.875em;
color: #717c8e;
}
.-color-inverted .main-content label {
color: #b2b9c4;
}
.main-content label .mandatory {
margin-left: 0.14286em;
color: #8570a6;
}
.main-content input[type="checkbox"] + label {
display: inline;
}
.main-content fieldset p {
margin: 0;
}
.main-content fieldset label {
display: inline;
margin: 0;
}
.main-content fieldset label:after {
/* add line break after label */
content: "\A";
white-space: pre;
}
.main-content input,
.main-content textarea,
.main-content select,
.main-content fieldset {
width: 75%;
}
@media screen and (max-width: 599px) {
.main-content input,
.main-content textarea,
.main-content select,
.main-content fieldset {
width: 100%;
}
}
.main-content 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: #717c8e;
}
.-color-inverted .explanation {
color: #b2b9c4;
}
.captcha_text {
display: block;
}
label .captcha_text {
display: inline;
}
.sidebar form input,
.sidebar form textarea,
.sidebar form select,
.sidebar form fieldset,
.sidebar form button {
width: 100%;
}
.sidebar form label {
display: block;
margin-bottom: 0.3125em;
font-size: 1em;
}
.sidebar form input[type="checkbox"],
.sidebar form input[type="radio"],
.sidebar form input[type="image"] {
width: auto;
}
/* ===========================================
* Content elements
* ======================================== */
.media > figure,
.content-image > figure,
.content-gallery figure,
.image_container {
position: relative;
display: inline-block;
max-width: 100%;
padding: 0.75em;
border: 1px solid #b2b9c4;
border-radius: 2px;
background: white;
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);
}
.media > figure.float_above,
.content-image > figure.float_above,
.content-gallery figure.float_above,
.image_container.float_above {
margin-top: 1.5em;
}
.media > figure.float_below,
.content-image > figure.float_below,
.content-gallery figure.float_below,
.image_container.float_below {
margin-bottom: 1.5em;
}
.media > figure img,
.content-image > figure img,
.content-gallery figure img,
.image_container img {
display: block;
width: 100%;
height: auto;
}
.media > figure a,
.content-image > figure a,
.content-gallery figure a,
.image_container a {
position: relative;
display: block;
overflow: hidden;
/* Fixes IE bug */
text-decoration: none;
}
.media > figure a:hover:before, .media > figure a:focus:before,
.content-image > figure a:hover:before,
.content-image > figure a:focus:before,
.content-gallery figure a:hover:before,
.content-gallery figure a:focus:before,
.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);
}
.media > figure a:hover:after, .media > figure a:focus:after,
.content-image > figure a:hover:after,
.content-image > figure a:focus:after,
.content-gallery figure a:hover:after,
.content-gallery figure a:focus:after,
.image_container a:hover:after,
.image_container a:focus:after {
font: 1.5em/1 "RockSolid Icons";
content: "\2b";
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
position: absolute;
top: 50%;
left: 50%;
z-index: 2;
margin: -0.5em;
color: white;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.35);
}
.media > figure a:hover img, .media > figure a:focus img,
.content-image > figure a:hover img,
.content-image > figure a:focus img,
.content-gallery figure a:hover img,
.content-gallery figure a:focus img,
.image_container a:hover img,
.image_container a:focus img {
filter: blur(2px);
transform: scale(1.05);
}
.media > figure figcaption, .media > figure .caption,
.content-image > figure figcaption,
.content-image > figure .caption,
.content-gallery figure figcaption,
.content-gallery figure .caption,
.image_container figcaption,
.image_container .caption {
/* overwrite elements style attribute */
width: 100% !important;
padding: 0.42857em 0 0;
font-size: 0.875em;
color: #717c8e;
}
.no-border.content-gallery figure,
.no-border.media > figure,
.no-border .media > figure,
.no-border.content-image > figure,
.no-border .content-image > figure,
.no-border.image_container,
.no-border .image_container {
padding: 0;
border: 0;
box-shadow: none;
background: none;
}
.media--below {
display: flex;
flex-direction: column;
align-items: start;
}
.media--below > figure {
order: 1;
}
.media--right > figure,
.media--left > figure,
.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) {
.media--right > figure,
.media--left > figure,
.image_container.float_right,
.image_container.float_left {
margin-left: 0;
float: none !important;
width: auto !important;
width: auto !important;
}
}
.tao-no-sidebar .media--right > figure, .tao-no-sidebar
.media--left > figure, .tao-no-sidebar
.image_container.float_right, .tao-no-sidebar
.image_container.float_left {
margin: 0.5em 0 1em 4%;
width: 24% !important;
}
@media screen and (max-width: 900px) {
.tao-no-sidebar .media--right > figure, .tao-no-sidebar
.media--left > figure, .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 .media--right > figure, .tao-no-sidebar
.media--left > figure, .tao-no-sidebar
.image_container.float_right, .tao-no-sidebar
.image_container.float_left {
margin-left: 0;
width: auto !important;
}
}
.no-resize .media--right > figure, .tao-no-sidebar .no-resize .media--right > figure, .media--right > figure.no-resize, .tao-no-sidebar .media--right > figure.no-resize, .no-resize
.media--left > figure, .tao-no-sidebar .no-resize
.media--left > figure,
.media--left > figure.no-resize, .tao-no-sidebar
.media--left > figure.no-resize, .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;
}
.media--left > figure,
.image_container.float_left {
float: left;
margin: 0.5em 6.25% 1em 0;
}
@media screen and (max-width: 599px) {
.media--left > figure,
.image_container.float_left {
margin-right: 0;
}
}
.tao-no-sidebar .media--left > figure, .tao-no-sidebar
.image_container.float_left {
margin: 0.5em 3.84615% 1em 0;
}
@media screen and (max-width: 900px) {
.tao-no-sidebar .media--left > figure, .tao-no-sidebar
.image_container.float_left {
margin-right: 6.25%;
}
}
@media screen and (max-width: 599px) {
.tao-no-sidebar .media--left > figure, .tao-no-sidebar
.image_container.float_left {
margin-right: 0;
}
}
.no-resize .media:not(.media--left):not(.media--right) > figure img, .media:not(.media--left):not(.media--right) > figure.no-resize img, .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;
}
.content-player video,
.content-player audio,
.video_container video,
.audio_container audio {
display: block;
width: 100%;
}
.content-player video,
.video_container video {
height: auto;
}
.content-player > figure,
.content-youtube > figure,
.content-vimeo > figure,
.video_container {
margin: 1.25em 0;
}
.content-player iframe,
.content-youtube iframe,
.content-vimeo iframe,
.video_container iframe {
border: 0;
}
.content-player .aspect,
.content-player .responsive,
.content-youtube .aspect,
.content-youtube .responsive,
.content-vimeo .aspect,
.content-vimeo .responsive,
.video_container .aspect,
.video_container .responsive {
position: relative;
padding-bottom: 56.25%;
}
.content-player .aspect.aspect--16\:9, .content-player .aspect.ratio-169,
.content-player .responsive.aspect--16\:9,
.content-player .responsive.ratio-169,
.content-youtube .aspect.aspect--16\:9,
.content-youtube .aspect.ratio-169,
.content-youtube .responsive.aspect--16\:9,
.content-youtube .responsive.ratio-169,
.content-vimeo .aspect.aspect--16\:9,
.content-vimeo .aspect.ratio-169,
.content-vimeo .responsive.aspect--16\:9,
.content-vimeo .responsive.ratio-169,
.video_container .aspect.aspect--16\:9,
.video_container .aspect.ratio-169,
.video_container .responsive.aspect--16\:9,
.video_container .responsive.ratio-169 {
padding-bottom: 56.25%;
}
.content-player .aspect.aspect--16\:10, .content-player .aspect.ratio-1610,
.content-player .responsive.aspect--16\:10,
.content-player .responsive.ratio-1610,
.content-youtube .aspect.aspect--16\:10,
.content-youtube .aspect.ratio-1610,
.content-youtube .responsive.aspect--16\:10,
.content-youtube .responsive.ratio-1610,
.content-vimeo .aspect.aspect--16\:10,
.content-vimeo .aspect.ratio-1610,
.content-vimeo .responsive.aspect--16\:10,
.content-vimeo .responsive.ratio-1610,
.video_container .aspect.aspect--16\:10,
.video_container .aspect.ratio-1610,
.video_container .responsive.aspect--16\:10,
.video_container .responsive.ratio-1610 {
padding-bottom: 62.5%;
}
.content-player .aspect.aspect--21\:9, .content-player .aspect.ratio-219,
.content-player .responsive.aspect--21\:9,
.content-player .responsive.ratio-219,
.content-youtube .aspect.aspect--21\:9,
.content-youtube .aspect.ratio-219,
.content-youtube .responsive.aspect--21\:9,
.content-youtube .responsive.ratio-219,
.content-vimeo .aspect.aspect--21\:9,
.content-vimeo .aspect.ratio-219,
.content-vimeo .responsive.aspect--21\:9,
.content-vimeo .responsive.ratio-219,
.video_container .aspect.aspect--21\:9,
.video_container .aspect.ratio-219,
.video_container .responsive.aspect--21\:9,
.video_container .responsive.ratio-219 {
padding-bottom: 42.85714%;
}
.content-player .aspect.aspect--4\:3, .content-player .aspect.ratio-43,
.content-player .responsive.aspect--4\:3,
.content-player .responsive.ratio-43,
.content-youtube .aspect.aspect--4\:3,
.content-youtube .aspect.ratio-43,
.content-youtube .responsive.aspect--4\:3,
.content-youtube .responsive.ratio-43,
.content-vimeo .aspect.aspect--4\:3,
.content-vimeo .aspect.ratio-43,
.content-vimeo .responsive.aspect--4\:3,
.content-vimeo .responsive.ratio-43,
.video_container .aspect.aspect--4\:3,
.video_container .aspect.ratio-43,
.video_container .responsive.aspect--4\:3,
.video_container .responsive.ratio-43 {
padding-bottom: 75%;
}
.content-player .aspect.aspect--3\:2, .content-player .aspect.ratio-32,
.content-player .responsive.aspect--3\:2,
.content-player .responsive.ratio-32,
.content-youtube .aspect.aspect--3\:2,
.content-youtube .aspect.ratio-32,
.content-youtube .responsive.aspect--3\:2,
.content-youtube .responsive.ratio-32,
.content-vimeo .aspect.aspect--3\:2,
.content-vimeo .aspect.ratio-32,
.content-vimeo .responsive.aspect--3\:2,
.content-vimeo .responsive.ratio-32,
.video_container .aspect.aspect--3\:2,
.video_container .aspect.ratio-32,
.video_container .responsive.aspect--3\:2,
.video_container .responsive.ratio-32 {
padding-bottom: 66.66667%;
}
.content-player .aspect iframe,
.content-player .aspect [data-splash-screen],
.content-player .aspect img,
.content-player .responsive iframe,
.content-player .responsive [data-splash-screen],
.content-player .responsive img,
.content-youtube .aspect iframe,
.content-youtube .aspect [data-splash-screen],
.content-youtube .aspect img,
.content-youtube .responsive iframe,
.content-youtube .responsive [data-splash-screen],
.content-youtube .responsive img,
.content-vimeo .aspect iframe,
.content-vimeo .aspect [data-splash-screen],
.content-vimeo .aspect img,
.content-vimeo .responsive iframe,
.content-vimeo .responsive [data-splash-screen],
.content-vimeo .responsive img,
.video_container .aspect iframe,
.video_container .aspect [data-splash-screen],
.video_container .aspect img,
.video_container .responsive iframe,
.video_container .responsive [data-splash-screen],
.video_container .responsive img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.content-player .aspect [data-splash-screen],
.content-player .responsive [data-splash-screen],
.content-youtube .aspect [data-splash-screen],
.content-youtube .responsive [data-splash-screen],
.content-vimeo .aspect [data-splash-screen],
.content-vimeo .responsive [data-splash-screen],
.video_container .aspect [data-splash-screen],
.video_container .responsive [data-splash-screen] {
margin: 0;
color: inherit;
}
.content-player .aspect [data-splash-screen] p,
.content-player .responsive [data-splash-screen] p,
.content-youtube .aspect [data-splash-screen] p,
.content-youtube .responsive [data-splash-screen] p,
.content-vimeo .aspect [data-splash-screen] p,
.content-vimeo .responsive [data-splash-screen] p,
.video_container .aspect [data-splash-screen] p,
.video_container .responsive [data-splash-screen] p {
position: relative;
}
.content-gallery.content-gallery--cols-1 > ul > li,
.content-gallery > ul.cols_1 > li,
.ce_gallery.content-gallery--cols-1 > ul > li,
.ce_gallery > ul.cols_1 > li {
width: 97%;
}
.content-gallery.content-gallery--cols-2 > ul > li,
.content-gallery > ul.cols_2 > li,
.ce_gallery.content-gallery--cols-2 > ul > li,
.ce_gallery > ul.cols_2 > li {
width: 47.75%;
}
.content-gallery.content-gallery--cols-3 > ul > li,
.content-gallery > ul.cols_3 > li,
.ce_gallery.content-gallery--cols-3 > ul > li,
.ce_gallery > ul.cols_3 > li {
width: 31.33333%;
}
.content-gallery.content-gallery--cols-4 > ul > li,
.content-gallery > ul.cols_4 > li,
.ce_gallery.content-gallery--cols-4 > ul > li,
.ce_gallery > ul.cols_4 > li {
width: 23.125%;
}
.content-gallery.content-gallery--cols-5 > ul > li,
.content-gallery > ul.cols_5 > li,
.ce_gallery.content-gallery--cols-5 > ul > li,
.ce_gallery > ul.cols_5 > li {
width: 18.2%;
}
.content-gallery.content-gallery--cols-6 > ul > li,
.content-gallery > ul.cols_6 > li,
.ce_gallery.content-gallery--cols-6 > ul > li,
.ce_gallery > ul.cols_6 > li {
width: 14.91667%;
}
.content-gallery.content-gallery--cols-7 > ul > li,
.content-gallery > ul.cols_7 > li,
.ce_gallery.content-gallery--cols-7 > ul > li,
.ce_gallery > ul.cols_7 > li {
width: 12.57143%;
}
.content-gallery.content-gallery--cols-8 > ul > li,
.content-gallery > ul.cols_8 > li,
.ce_gallery.content-gallery--cols-8 > ul > li,
.ce_gallery > ul.cols_8 > li {
width: 10.8125%;
}
.content-gallery.content-gallery--cols-9 > ul > li,
.content-gallery > ul.cols_9 > li,
.ce_gallery.content-gallery--cols-9 > ul > li,
.ce_gallery > ul.cols_9 > li {
width: 9.44444%;
}
.content-gallery.content-gallery--cols-10 > ul > li,
.content-gallery > ul.cols_10 > li,
.ce_gallery.content-gallery--cols-10 > ul > li,
.ce_gallery > ul.cols_10 > li {
width: 8.35%;
}
.content-gallery.content-gallery--cols-11 > ul > li,
.content-gallery > ul.cols_11 > li,
.ce_gallery.content-gallery--cols-11 > ul > li,
.ce_gallery > ul.cols_11 > li {
width: 7.45455%;
}
.content-gallery.content-gallery--cols-12 > ul > li,
.content-gallery > ul.cols_12 > li,
.ce_gallery.content-gallery--cols-12 > ul > li,
.ce_gallery > ul.cols_12 > li {
width: 6.70833%;
}
@media screen and (max-width: 599px) {
.content-gallery.content-gallery > ul > li, .content-gallery.ce_gallery > ul > li,
.ce_gallery.content-gallery > ul > li,
.ce_gallery.ce_gallery > ul > li {
/* doubled class for specificity */
width: auto;
}
}
.content-gallery.no-resize > ul > li,
.ce_gallery.no-resize > ul > li {
width: auto;
}
.main-content .content-gallery, .main-content
.ce_gallery {
margin: 1.5em 0;
}
.content-gallery > ul,
.ce_gallery > ul {
zoom: 1;
display: flex;
flex-wrap: wrap;
margin: 0 -1.545% !important;
padding: 0 0 1.545% 0 !important;
list-style: none !important;
}
.content-gallery > ul:before,
.ce_gallery > ul:before {
content: "";
display: table;
}
.content-gallery > ul:after,
.ce_gallery > ul:after {
content: "";
display: table;
clear: both;
}
.content-gallery > ul > li,
.ce_gallery > ul > li {
float: left;
width: 23.125%;
margin: 1.5% 0 0 1.5%;
}
@media screen and (max-width: 599px) {
.content-gallery > ul > li,
.ce_gallery > ul > li {
margin-right: 1.5%;
margin-bottom: 1.5%;
}
}
.content-gallery > ul > li > figure,
.content-gallery > ul > li > .image_container,
.ce_gallery > ul > li > figure,
.ce_gallery > ul > li > .image_container {
display: block;
width: 100%;
}
.content-gallery img,
.ce_gallery img {
display: block;
width: 100%;
height: auto;
}
.content-downloads,
.sidebar .content-downloads,
.enclosure,
.sidebar .enclosure,
.ce_downloads,
.sidebar .ce_downloads {
margin: 1.6875em 0;
padding: 1.25em 1.875em;
border: 1px solid #b2b9c4;
border-radius: 3px;
}
.content-downloads h1, .content-downloads h2, .content-downloads h3, .content-downloads h4, .content-downloads h5, .content-downloads h6,
.sidebar .content-downloads h1,
.sidebar .content-downloads h2,
.sidebar .content-downloads h3,
.sidebar .content-downloads h4,
.sidebar .content-downloads h5,
.sidebar .content-downloads h6,
.enclosure h1,
.enclosure h2,
.enclosure h3,
.enclosure h4,
.enclosure h5,
.enclosure h6,
.sidebar .enclosure h1,
.sidebar .enclosure h2,
.sidebar .enclosure h3,
.sidebar .enclosure h4,
.sidebar .enclosure h5,
.sidebar .enclosure h6,
.ce_downloads h1,
.ce_downloads h2,
.ce_downloads h3,
.ce_downloads h4,
.ce_downloads h5,
.ce_downloads h6,
.sidebar .ce_downloads h1,
.sidebar .ce_downloads h2,
.sidebar .ce_downloads h3,
.sidebar .ce_downloads h4,
.sidebar .ce_downloads h5,
.sidebar .ce_downloads h6 {
margin: -1.75em -2.58333em 1.66667em;
padding: 0.66667em 1.66667em;
border-radius: 3px 3px 0 0;
font-size: 0.75em;
font-weight: bold;
letter-spacing: 0.08333em;
color: white;
text-transform: uppercase;
background: #717c8e;
}
.content-downloads h1:before, .content-downloads h2:before, .content-downloads h3:before, .content-downloads h4:before, .content-downloads h5:before, .content-downloads h6:before,
.sidebar .content-downloads h1:before,
.sidebar .content-downloads h2:before,
.sidebar .content-downloads h3:before,
.sidebar .content-downloads h4:before,
.sidebar .content-downloads h5:before,
.sidebar .content-downloads h6:before,
.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;
}
.content-downloads ul, .content-downloads p,
.sidebar .content-downloads ul,
.sidebar .content-downloads p,
.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;
}
.swiper-button-prev.swiper-button-prev,
.swiper-button-next.swiper-button-next {
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
border: 0;
border-radius: 0;
text-shadow: none;
box-shadow: none;
background: transparent;
}
:root:root {
--swiper-theme-color: #8570a6;
}
.ce_accordion {
color: #717c8e;
}
.ce_accordion[data-icon],
.ce_accordion[class^="icon-"],
.ce_accordion[class*=" icon-"] {
position: relative;
}
.ce_accordion[data-icon]:before,
.ce_accordion[class^="icon-"]:before,
.ce_accordion[class*=" icon-"]:before {
position: absolute;
top: 0.75em;
left: 1em;
z-index: 1;
font-size: 1.25em;
}
.ce_accordion[data-icon] .toggler,
.ce_accordion[class^="icon-"] .toggler,
.ce_accordion[class*=" icon-"] .toggler {
padding-left: 3.125em;
}
.ce_accordion .toggler {
position: relative;
/* collapse borders */
margin-bottom: -2px;
padding: 0.6875em 2.5em 0.8125em 1.25em;
border: 1px solid #b2b9c4;
border-radius: 3px;
outline: none;
font-weight: bold;
cursor: pointer;
background: white;
}
.ce_accordion .toggler:after {
font: 0.8125em/1 "RockSolid Icons";
content: "\2b";
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
position: absolute;
top: 1.38462em;
right: 1.53846em;
}
.ce_accordion .toggler:hover {
color: #1782c5;
text-decoration: none;
}
.ce_accordion .toggler.ui-accordion-header-active:after {
content: "\2212";
}
.ce_accordion + .ce_accordion .toggler {
border-radius: 0 0 3px 3px;
}
.ce_accordion .accordion {
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;
}
.content-accordion {
color: #717c8e;
}
.content-accordion .handorgel__header {
display: block;
margin: 0;
border: 1px solid #b2b9c4;
/* collapse borders */
margin-bottom: -1px;
outline: none;
font-size: inherit;
font-weight: bold;
text-transform: none;
color: #717c8e;
background: white;
}
.content-accordion .handorgel__header:first-of-type {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.content-accordion .handorgel__header:last-of-type:not(.handorgel__header--open) {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.content-accordion .handorgel__header__button {
position: relative;
display: block;
width: 100%;
padding: 0.6875em 2.5em 0.8125em 1.25em;
margin: 0;
border: none;
background: white;
border-radius: inherit;
text-shadow: none;
box-shadow: none;
color: inherit;
cursor: pointer;
font-size: inherit;
font-weight: inherit;
text-transform: inherit;
text-align: left;
}
.content-accordion .handorgel__header__button:hover,
.content-accordion .handorgel__header__button:focus-visible {
outline: none;
color: #1782c5;
}
.content-accordion .handorgel__header__button: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;
}
.content-accordion .handorgel__header--open .handorgel__header__button:after {
content: "\2212";
}
.content-accordion .handorgel__content {
display: none;
overflow: hidden;
height: 0;
/* collapse borders */
margin-bottom: -1px;
border: 1px solid #b2b9c4;
border-top-color: #d8dce1;
background: #e5e5e5;
transition: height 0.5s ease;
}
.content-accordion .handorgel__content:last-of-type {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.content-accordion .handorgel__content--open {
display: block;
-webkit-transition: height 0.5s ease;
}
.content-accordion .handorgel__content__inner {
padding: 0.0625em 1.25em;
}
.icon-boxes {
zoom: 1;
margin: 2.75em 0;
}
.icon-boxes:before {
content: "";
display: table;
}
.icon-boxes:after {
content: "";
display: table;
clear: both;
}
.icon-boxes > h1,
.icon-boxes > h2,
.icon-boxes > h3,
.icon-boxes > h4,
.icon-boxes > h5,
.icon-boxes > h6 {
margin-top: 0;
margin-bottom: 1em;
}
.icon-boxes-item {
position: relative;
display: block;
font-size: 0.875em;
color: #717c8e;
text-align: center;
text-decoration: none;
}
.icon-boxes-item.-align-left {
text-align: left;
}
.icon-boxes-item.-align-right {
text-align: right;
}
.icon-boxes-item.-color-inverted,
.-color-inverted .icon-boxes-item {
color: white;
}
.icon-boxes-item.-color-inverted:before,
.icon-boxes-item.-color-inverted.-inverted-icon:before,
.-color-inverted .icon-boxes-item:before,
.-color-inverted .icon-boxes-item.-inverted-icon:before {
border-color: white;
color: white;
background-color: transparent;
}
.icon-boxes-item.-color-inverted h3,
.-color-inverted .icon-boxes-item h3 {
color: white;
}
.icon-boxes-item.-boxed {
top: 1.78571em;
/* margin-top can not be used here because it's set by .rs-column */
margin-bottom: 1.78571em;
padding: 0 1.42857em 1.42857em;
border: 1px solid #b2b9c4;
border-radius: 3px;
}
.icon-boxes-item.-boxed.-headline-icon {
top: auto;
margin-bottom: 0;
padding-top: 1.42857em;
}
.icon-boxes-item.-boxed:before {
top: -0.46875em;
margin-top: -0.46875em;
margin-bottom: 0.125em;
}
.icon-boxes-item.-background-color {
padding: 1.42857em;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 3px;
}
.icon-boxes-item.-background-color:before {
background-color: inherit;
}
.icon-boxes-item.-background-color:hover:before,
.icon-boxes-item.-background-color:focus:before {
background-color: inherit;
}
.icon-boxes-item.-boxed.-background-color {
padding: 0 1.42857em 1.42857em;
}
.icon-boxes-item:hover,
.icon-boxes-item:focus {
text-decoration: none;
}
.icon-boxes-item:before {
width: 1em;
height: 1em;
margin: 0 0 0.59375em;
padding: 0.34375em;
border: 0.09375em solid #8570a6;
border-radius: 100%;
font-size: 2.28571em;
color: #8570a6;
text-align: center;
background: transparent;
transition-property: opacity, transform, color, background;
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;
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;
transform: scale(1);
}
.icon-boxes-item:nth-of-type(12n+1):before {
transition-delay: 0.1s, 0.1s, 0s, 0s;
}
.icon-boxes-item:nth-of-type(12n+2):before {
transition-delay: 0.2s, 0.2s, 0s, 0s;
}
.icon-boxes-item:nth-of-type(12n+3):before {
transition-delay: 0.3s, 0.3s, 0s, 0s;
}
.icon-boxes-item:nth-of-type(12n+4):before {
transition-delay: 0.4s, 0.4s, 0s, 0s;
}
.icon-boxes-item:nth-of-type(12n+5):before {
transition-delay: 0.5s, 0.5s, 0s, 0s;
}
.icon-boxes-item:nth-of-type(12n+6):before {
transition-delay: 0.6s, 0.6s, 0s, 0s;
}
.icon-boxes-item:nth-of-type(12n+7):before {
transition-delay: 0.7s, 0.7s, 0s, 0s;
}
.icon-boxes-item:nth-of-type(12n+8):before {
transition-delay: 0.8s, 0.8s, 0s, 0s;
}
.icon-boxes-item:nth-of-type(12n+9):before {
transition-delay: 0.9s, 0.9s, 0s, 0s;
}
.icon-boxes-item:nth-of-type(12n+10):before {
transition-delay: 1s, 1s, 0s, 0s;
}
.icon-boxes-item:nth-of-type(12n+11):before {
transition-delay: 1.1s, 1.1s, 0s, 0s;
}
.icon-boxes-item:nth-of-type(12n+12):before {
transition-delay: 1.2s, 1.2s, 0s, 0s;
}
.icon-boxes-item.-inverted-icon:before {
border-color: #8570a6;
color: white;
background-color: #8570a6;
}
.icon-boxes-item.-large-icon:before {
font-size: 2.71429em;
/* IE9 - IE11 */
font-size: 2.375rem;
}
.icon-boxes-item.-headline-icon {
text-align: left;
}
.icon-boxes-item.-headline-icon:before {
float: left;
top: 0;
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
background: none;
}
.icon-boxes-item.-headline-icon h3 {
padding: 0.09524em 0 0 2.19048em;
}
.icon-boxes-item:hover:before,
.icon-boxes-item:focus:before {
color: white;
background-color: #8570a6;
}
.icon-boxes-item:hover.-inverted-icon:before,
.icon-boxes-item:focus.-inverted-icon:before {
color: #8570a6;
background-color: white;
}
.icon-boxes-item:hover.-headline-icon:before,
.icon-boxes-item:focus.-headline-icon:before {
color: #8570a6;
background: none;
}
.icon-boxes-item h3 {
margin: 0 0 0.66667em;
font-family: Lato, sans-serif;
font-style: normal;
font-size: 1.5em;
color: #242424;
}
.icon-boxes-item p {
margin: 0.5em 0;
}
.icon-boxes-item-link.-link {
color: #1782c5;
}
.icon-boxes-item:hover > .icon-boxes-item-link.-link,
.icon-boxes-item:focus > .icon-boxes-item-link.-link {
text-decoration: underline;
}
.-color-inverted .icon-boxes-item-link {
color: white;
}
.rotating-boxes {
zoom: 1;
margin: 4% 0;
}
.rotating-boxes:before {
content: "";
display: table;
}
.rotating-boxes:after {
content: "";
display: table;
clear: both;
}
.rotating-boxes-item {
position: relative;
color: #717c8e;
text-decoration: none;
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 {
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 {
transform: rotateY(360deg);
}
.rotating-boxes-item-cover,
.rotating-boxes-item-content {
position: relative;
border: 1px solid #b2b9c4;
border-radius: 3px;
background: white;
box-shadow: 0 0 7px rgba(0, 0, 0, 0.15);
transition: transform 0.3s;
transform: rotateY(0deg);
backface-visibility: hidden;
}
.rotating-boxes-item-cover {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
color: #8570a6;
}
.rotating-boxes-item-cover:before,
.rotating-boxes-item-cover:after {
position: absolute;
top: 50%;
left: 50%;
}
.rotating-boxes-item-cover:before {
margin: -1em 0 0 -0.5em;
font-size: 2.625em;
}
.rotating-boxes-item-cover:after {
content: attr(data-headline);
left: 0;
width: 100%;
margin: 0.35714em 0 0;
font-size: 1.75em;
text-align: center;
}
.rotating-boxes-item-content {
overflow: hidden;
margin: -1em;
padding: 1em 3.14286em;
font-size: 0.875em;
transform: rotateY(180deg);
}
.rotating-boxes-item-content:before {
position: absolute;
top: 0;
right: 0;
margin: -0.3em;
font-size: 14.28571em;
color: #8570a6;
opacity: 0.2;
}
.rotating-boxes-item-content h3 {
position: relative;
margin: 0.66667em 0;
font-size: 1.5em;
color: #8570a6;
}
.-color-inverted .rotating-boxes-item-content h3 {
color: #8570a6;
}
.rotating-boxes-item-content p {
position: relative;
margin: 1em 0;
}
.rotating-boxes-item-content .rotating-boxes-item-link {
margin-top: 0;
}
.teaser-boxes,
.team-boxes {
margin: 2.5em 0;
zoom: 1;
}
.teaser-boxes:before,
.team-boxes:before {
content: "";
display: table;
}
.teaser-boxes:after,
.team-boxes:after {
content: "";
display: table;
clear: both;
}
.teaser-boxes > h1,
.team-boxes > h1,
.teaser-boxes > h2,
.team-boxes > h2,
.teaser-boxes > h3,
.team-boxes > h3,
.teaser-boxes > h4,
.team-boxes > h4,
.teaser-boxes > h5,
.team-boxes > h5,
.teaser-boxes > h6,
.team-boxes > h6 {
margin-top: 0;
margin-bottom: 1.5em;
}
.teaser-boxes-item,
.team-boxes-item {
font-size: 0.875em;
text-decoration: none;
color: inherit;
outline: none;
}
.teaser-boxes-item.-align-center,
.-align-center.team-boxes-item {
text-align: center;
}
.teaser-boxes-item.-align-right,
.-align-right.team-boxes-item {
text-align: right;
}
.-color-inverted .teaser-boxes-item,
.-color-inverted .team-boxes-item {
color: #b2b9c4;
}
.-boxed > .teaser-boxes-item,
.-boxed > .team-boxes-item {
color: #717c8e;
}
.teaser-boxes-item .image-wrapper,
.team-boxes-item .image-wrapper {
position: relative;
display: block;
overflow: hidden;
outline: none;
}
.teaser-boxes-item .image-wrapper.-image-circle,
.team-boxes-item .image-wrapper.-image-circle {
border-radius: 99em;
overflow: hidden;
/* Fixes hover in Chrome */
opacity: 0.99;
}
.teaser-boxes-item .image-wrapper.-image-circle img,
.team-boxes-item .image-wrapper.-image-circle img {
/* Fixes android bug with border-radius and overflow */
border-radius: 99em;
}
.teaser-boxes-item .image-wrapper,
.team-boxes-item .image-wrapper,
.teaser-boxes-item .no-image,
.team-boxes-item .no-image {
margin-bottom: 1.28571em;
}
.-boxed > .teaser-boxes-item .image-wrapper,
.-boxed > .team-boxes-item .image-wrapper,
.-boxed > .teaser-boxes-item .no-image,
.-boxed > .team-boxes-item .no-image {
margin: -1.42857em -1.42857em 1.28571em;
}
.-boxed > .teaser-boxes-item,
.-boxed > .team-boxes-item {
overflow: hidden;
padding: 1.42857em;
border: 1px solid #b2b9c4;
border-radius: 3px;
outline: none;
background-color: white;
}
.teaser-boxes-item img,
.team-boxes-item img {
display: block;
width: 100%;
height: auto;
}
.teaser-boxes-item .no-image,
.team-boxes-item .no-image {
display: block;
padding-top: 75%;
background: #e5e8ee;
}
.teaser-boxes-item h3,
.team-boxes-item h3 {
margin: 0 0 0.33333em;
font-size: 1.28571em;
font-weight: bold;
transition: color 0.3s ease-out;
}
.-color-inverted .teaser-boxes-item h3,
.-color-inverted .team-boxes-item h3 {
color: white;
}
.-color-inverted .-boxed .teaser-boxes-item h3,
.-color-inverted .-boxed .team-boxes-item h3 {
color: #242424;
}
.teaser-boxes-item h4,
.team-boxes-item h4 {
margin: 0;
font-size: 1em;
font-weight: normal;
}
.teaser-boxes-item p,
.team-boxes-item p,
.teaser-boxes-item ul,
.team-boxes-item ul,
.teaser-boxes-item ol,
.team-boxes-item ol {
margin: 0.42857em 0;
}
.teaser-boxes-item a,
.team-boxes-item a {
margin-top: 0.57143em;
}
.-color-inverted .teaser-boxes-item a,
.-color-inverted .team-boxes-item a {
color: inherit;
}
.teaser-boxes-item .image-wrapper.-has-hover:hover, .team-boxes-item .image-wrapper.-has-hover:hover,
.teaser-boxes-item .image-wrapper.-has-hover:focus,
.team-boxes-item .image-wrapper.-has-hover:focus {
outline: none;
}
.teaser-boxes-item .image-wrapper.-has-hover:hover:before, .team-boxes-item .image-wrapper.-has-hover:hover:before,
.teaser-boxes-item .image-wrapper.-has-hover:focus:before,
.team-boxes-item .image-wrapper.-has-hover:focus:before {
content: "";
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.3);
}
.teaser-boxes-item .image-wrapper.-has-hover:hover img, .team-boxes-item .image-wrapper.-has-hover:hover img,
.teaser-boxes-item .image-wrapper.-has-hover:focus img,
.team-boxes-item .image-wrapper.-has-hover:focus img {
filter: blur(2px);
transform: scale(1.05);
}
.teaser-boxes-item a.image-wrapper.-has-hover:hover, .team-boxes-item a.image-wrapper.-has-hover:hover,
.teaser-boxes-item a.image-wrapper.-has-hover:focus,
.team-boxes-item a.image-wrapper.-has-hover:focus {
/* Fixes IE bug */
text-decoration: none;
}
.teaser-boxes-item a.image-wrapper.-has-hover:hover:after, .team-boxes-item a.image-wrapper.-has-hover:hover:after,
.teaser-boxes-item a.image-wrapper.-has-hover:focus:after,
.team-boxes-item a.image-wrapper.-has-hover:focus:after {
font: 1.5em/1 "RockSolid Icons";
content: "\2b";
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
position: absolute;
top: 50%;
left: 50%;
z-index: 2;
margin: -0.5em;
color: white;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.35);
}
.team-boxes-item h3 {
font-size: 1.14286em;
}
.team-boxes-item .hover-image {
position: absolute;
top: auto;
bottom: -100%;
left: 0;
width: 100%;
transition: bottom 0.2s ease-out;
}
.team-boxes-item:hover .hover-image {
bottom: 0;
}
.team-boxes-item > ul {
margin: 0.57143em 0;
padding: 0;
list-style-type: none;
}
.team-boxes-item > ul li {
display: inline;
}
.team-boxes-item > ul a {
display: inline-block;
overflow: hidden;
padding: 0.57143em 0.57143em 0 0.07143em;
outline: none;
line-height: 0;
/* Fixes Chrome bug */
letter-spacing: -1em;
text-indent: -99em;
text-decoration: none;
}
.team-boxes-item > ul a:before {
content: none;
}
.team-boxes-item > ul a:after {
font: 1.28571em/1 "RockSolid Icons";
content: attr(data-icon);
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
display: block;
letter-spacing: 0;
color: #aab0bb !important;
}
.team-boxes-item > ul a:hover:after,
.team-boxes-item > ul a:focus:after {
color: inherit !important;
}
.highlight-box {
/* clearfix */
overflow: hidden;
display: table;
width: 100%;
margin: 1.5em 0;
padding: 1.11111em 1.11111em;
border: 1px solid #b2b9c4;
border-radius: 3px;
font-size: 1.125em;
line-height: 1.50056;
color: #717c8e;
}
.highlight-box-inner {
display: table-cell;
vertical-align: middle;
text-align: right;
}
@media screen and (max-width: 599px) {
.highlight-box-inner {
display: block;
margin-top: 1em;
text-align: left;
}
}
.highlight-box-inner:first-child {
width: 65%;
text-align: left;
}
@media screen and (max-width: 599px) {
.highlight-box-inner:first-child {
width: auto;
margin-top: 0;
}
}
.highlight-box-inner h1:first-child,
.highlight-box-inner h2:first-child,
.highlight-box-inner h3:first-child,
.highlight-box-inner h4:first-child,
.highlight-box-inner p:first-child,
.highlight-box-inner ul:first-child,
.highlight-box-inner ol:first-child {
margin: 0;
}
.highlight-box-inner p:last-child {
margin-bottom: 0;
}
.highlight-box-link {
font-size: 0.77778em;
}
.testimonial,
.main-content .testimonial {
margin: 1.5em 0;
font-size: 1em;
line-height: 1.56313;
}
.testimonial:before,
.main-content .testimonial:before {
content: none;
}
.-color-inverted .testimonial,
.-color-inverted .main-content .testimonial {
color: white;
}
.testimonial > p,
.main-content .testimonial > p {
position: relative;
margin: 0;
padding: 1.0625em 1.25em 1.125em;
border: 1px solid #b2b9c4;
border-radius: 3px;
}
.testimonial > p:before,
.testimonial > p:after,
.main-content .testimonial > p:before,
.main-content .testimonial > p:after {
content: "";
position: absolute;
top: 100%;
left: 4.375em;
width: 0;
height: 0;
border: solid transparent;
border-top-color: #a4acb9;
border-style: solid;
border-width: 16px 16px 0 0;
}
@media screen and (max-width: 599px) {
.testimonial > p:before,
.testimonial > p:after,
.main-content .testimonial > p:before,
.main-content .testimonial > p:after {
content: none;
}
}
.testimonial > p:after,
.main-content .testimonial > p:after {
margin-left: 1px;
border-top-color: white;
border-width: 14px 14px 0 0;
}
.testimonial.-large,
.main-content .testimonial.-large {
margin: 2em 0;
font-size: 1.125em;
text-align: center;
}
.testimonial.-large:before,
.main-content .testimonial.-large:before {
content: "\201c";
position: static;
display: block;
margin: 0 0 -0.05556em;
line-height: 1;
}
.testimonial.-large > p,
.main-content .testimonial.-large > p {
padding: 0;
border: 0;
font-size: 1.33333em;
font-weight: 300;
}
@media screen and (max-width: 599px) {
.testimonial.-large > p,
.main-content .testimonial.-large > p {
font-size: 1.11111em;
}
}
.testimonial.-large > p:before,
.testimonial.-large > p:after,
.main-content .testimonial.-large > p:before,
.main-content .testimonial.-large > p:after {
content: none;
}
.testimonial-author,
.testimonial .testimonial-author {
/* clearfix */
overflow: hidden;
padding: 1em 0 0 0;
font-size: 1em;
}
.testimonial-author img,
.testimonial .testimonial-author img {
float: left;
width: 3.25em;
height: auto;
margin-left: 1.3125em;
border: 1px solid #e5e8ee;
border: 1px solid rgba(113, 124, 142, 0.5);
border-radius: 100%;
}
@media screen and (max-width: 599px) {
.testimonial-author img,
.testimonial .testimonial-author img {
margin-left: 0;
}
}
.testimonial-author > small,
.testimonial .testimonial-author > small {
float: left;
margin: 0.375em 0 0 1.25em;
font-size: inherit;
line-height: 1.2;
}
.testimonial-author > small b,
.testimonial .testimonial-author > small b {
display: block;
font-size: 0.875em;
font-weight: 300;
}
.testimonial-author > img + small,
.testimonial-author > picture + small,
.testimonial .testimonial-author > img + small,
.testimonial .testimonial-author > picture + small {
margin-left: 0.875em;
}
.testimonial.-large .testimonial-author {
display: inline-block;
min-height: 5.33333em;
padding-top: 2em;
text-align: left;
}
@media screen and (max-width: 599px) {
.testimonial.-large .testimonial-author {
text-align: center;
}
}
.testimonial.-large .testimonial-author > small {
margin-left: 0;
text-align: center;
}
.testimonial.-large .testimonial-author img {
margin-left: 0;
}
@media screen and (max-width: 599px) {
.testimonial.-large .testimonial-author img {
display: block;
float: none;
margin-right: auto;
margin-left: auto;
}
}
.testimonial.-large .testimonial-author > img + small,
.testimonial.-large .testimonial-author > picture + small {
margin-left: 0.875em;
text-align: left;
}
@media screen and (max-width: 599px) {
.testimonial.-large .testimonial-author > img + small,
.testimonial.-large .testimonial-author > picture + small {
margin-left: 0;
text-align: center;
}
}
.pricing-table {
zoom: 1;
margin: 2.75em 0;
}
.pricing-table:before {
content: "";
display: table;
}
.pricing-table:after {
content: "";
display: table;
clear: both;
}
.pricing-table > h1,
.pricing-table > h2,
.pricing-table > h3,
.pricing-table > h4,
.pricing-table > h5,
.pricing-table > h6 {
margin-top: 0;
}
.pricing-table-plan {
position: relative;
float: left;
width: 33.33333%;
margin: 0.875em -1px 0 0;
border: 1px solid #b2b9c4;
text-align: center;
}
@media screen and (max-width: 599px) {
.pricing-table-plan {
float: none;
width: auto !important;
border-radius: 3px;
margin-bottom: 1.6875em;
}
}
.pricing-table-plan:first-of-type {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.pricing-table-plan:last-of-type {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
@media screen and (max-width: 599px) {
.pricing-table-plan:last-of-type {
margin-bottom: 0;
}
}
.-columns-1 > .pricing-table-plan {
width: 100%;
}
.-columns-1 > .pricing-table-plan.-highlighted {
width: 103%;
}
.-columns-2 > .pricing-table-plan {
width: 50%;
}
.-columns-2 > .pricing-table-plan.-highlighted {
width: 53%;
}
.-columns-3 > .pricing-table-plan {
width: 33.33333%;
}
.-columns-3 > .pricing-table-plan.-highlighted {
width: 36.33333%;
}
.-columns-4 > .pricing-table-plan {
width: 25%;
}
.-columns-4 > .pricing-table-plan.-highlighted {
width: 28%;
}
.-columns-5 > .pricing-table-plan {
width: 20%;
}
.-columns-5 > .pricing-table-plan.-highlighted {
width: 23%;
}
.-columns-6 > .pricing-table-plan {
width: 16.66667%;
}
.-columns-6 > .pricing-table-plan.-highlighted {
width: 19.66667%;
}
.pricing-table-plan.-highlighted {
z-index: 1;
width: 36.33333%;
margin-right: -1.5%;
margin-left: -1.5%;
padding-bottom: 1.25em;
border-radius: 3px;
background: white;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.pricing-table-plan.-highlighted h3 {
margin: -0.9375em -1px 0;
padding-top: 1.8125em;
border-radius: 3px 3px 0 0;
color: white;
background: #8570a6;
}
.pricing-table-plan h3 {
margin: 0;
padding: 0.875em 0;
border-bottom: 1px solid #e5e8ee;
font-size: inherit;
font-weight: bold;
color: inherit;
}
.pricing-table-plan p {
margin: 0;
padding: 0.375em 0;
border-bottom: 1px solid #e5e8ee;
font-size: 3em;
line-height: 1;
}
.pricing-table-plan p b {
display: inline-block;
vertical-align: super;
margin-left: -0.83333em;
font-weight: normal;
font-size: 0.5em;
color: #717c8e;
}
.pricing-table-plan p i {
display: block;
font-style: normal;
font-size: 0.29167em;
color: #717c8e;
}
.pricing-table-plan ul {
margin: 0 0 -1px 0;
padding: 0;
list-style: none;
font-size: 0.875em;
color: #717c8e;
}
.pricing-table-plan li {
display: block;
padding: 0.5em;
border-bottom: 1px solid #e5e8ee;
transition: background-color 0.3s ease-in;
}
.pricing-table-plan li:hover {
background-color: #e5e8ee;
transition-duration: 0.05s;
}
.pricing-table-plan a {
font-size: 0.75em;
margin: 1.5em 0;
padding: 0.83333em 1.66667em 0.75em;
}
.info-table {
overflow: auto;
border: 0;
}
.info-table td,
.info-table th {
border-width: 0 0 1px;
}
.info-table .image-cell {
padding: 20% 10%;
text-align: center;
}
@media screen and (max-width: 900px) {
.info-table .image-cell {
padding: 0 0 5%;
}
}
.feature-box {
zoom: 1;
position: relative;
overflow: hidden;
}
.feature-box:before {
content: "";
display: table;
}
.feature-box:after {
content: "";
display: table;
clear: both;
}
.feature-box.-image-centered {
text-align: center;
}
.feature-box.-vertical-centered {
display: table;
table-layout: fixed;
/* Fixes IE bug */
width: 100%;
}
@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: #717c8e;
}
@media screen and (max-width: 900px) {
.feature-box-text {
margin-right: 37.5%;
}
}
@media screen and (max-width: 599px) {
.feature-box-text {
margin: 2.25em 0;
}
}
.-image-left > .feature-box-text {
margin-right: 0;
margin-left: 48%;
}
@media screen and (max-width: 900px) {
.-image-left > .feature-box-text {
margin-left: 37.5%;
}
}
@media screen and (max-width: 599px) {
.-image-left > .feature-box-text {
margin-left: 0;
}
}
.-image-centered > .feature-box-text {
margin-right: 16%;
margin-left: 16%;
}
@media screen and (max-width: 900px) {
.-image-centered > .feature-box-text {
margin-right: 0;
margin-left: 0;
}
}
.-image-centered > .feature-box-text + .feature-box-image {
margin-top: -2.25em;
}
@media screen and (max-width: 599px) {
.-image-centered > .feature-box-text + .feature-box-image {
margin-top: 0;
}
}
.-vertical-centered > .feature-box-text {
display: table-cell;
vertical-align: middle;
width: 56.0%;
margin: 0;
padding: 4.5em 4% 4.5em 0;
}
@media screen and (max-width: 900px) {
.-vertical-centered > .feature-box-text {
width: 68.75%;
}
}
@media screen and (max-width: 599px) {
.-vertical-centered > .feature-box-text {
display: block;
width: auto;
padding-right: 0;
}
}
.-vertical-centered.-image-left > .feature-box-text {
padding-right: 0;
padding-left: 4%;
}
@media screen and (max-width: 599px) {
.-vertical-centered.-image-left > .feature-box-text {
padding-left: 0;
}
}
.-vertical-centered.-image-centered > .feature-box-text {
width: 100%;
padding-right: 20%;
padding-left: 20%;
}
@media screen and (max-width: 900px) {
.-vertical-centered.-image-centered > .feature-box-text {
padding-right: 0;
padding-left: 0;
}
}
.-no-image > .feature-box-text {
width: 100%;
}
.-color-inverted .feature-box-text {
color: white;
}
.no-margin .feature-box-text {
margin: 0;
padding: 0;
}
.no-margin-top .feature-box-text {
margin-top: 0;
padding-top: 0;
}
.no-margin-bottom .feature-box-text {
margin-bottom: 0;
padding-bottom: 0;
}
.feature-box-text h1,
.feature-box-text h2,
.feature-box-text h3 {
margin: 0;
color: #242424;
font-size: 2em;
font-weight: bold;
}
@media screen and (max-width: 599px) {
.feature-box-text h1,
.feature-box-text h2,
.feature-box-text h3 {
font-size: 1.57143em;
}
}
.feature-box-text h1 + a,
.feature-box-text h2 + a,
.feature-box-text h3 + a {
margin-top: 1.71429em;
}
.-color-inverted .feature-box-text h1,
.-color-inverted .feature-box-text h2,
.-color-inverted .feature-box-text h3 {
color: white;
}
.feature-box-text h1.-small,
.feature-box-text h2.-small,
.feature-box-text h3.-small {
font-size: 1.3125em;
}
.feature-box-text h1.-medium,
.feature-box-text h2.-medium,
.feature-box-text h3.-medium {
font-size: 2.375em;
}
@media screen and (max-width: 599px) {
.feature-box-text h1.-medium,
.feature-box-text h2.-medium,
.feature-box-text h3.-medium {
font-size: 1.875em;
}
}
.feature-box-text h1.-large,
.feature-box-text h2.-large,
.feature-box-text h3.-large {
font-size: 2.875em;
}
@media screen and (max-width: 599px) {
.feature-box-text h1.-large,
.feature-box-text h2.-large,
.feature-box-text h3.-large {
font-size: 2em;
}
}
.feature-box-text h1.-super-size,
.feature-box-text h2.-super-size,
.feature-box-text h3.-super-size {
font-size: 3.625em;
}
@media screen and (max-width: 599px) {
.feature-box-text h1.-super-size,
.feature-box-text h2.-super-size,
.feature-box-text h3.-super-size {
font-size: 2.25em;
}
}
.feature-box-text p {
font-size: 1.125em;
}
.feature-box-image {
display: block;
float: right;
width: 44%;
margin: 3em 0 3em 4%;
}
@media screen and (max-width: 900px) {
.feature-box-image {
width: 31.25%;
}
}
@media screen and (max-width: 599px) {
.feature-box-image {
width: 100%;
}
}
.-image-left > .feature-box-image {
float: left;
margin-right: 4%;
margin-left: 0;
}
@media screen and (max-width: 599px) {
.-image-left > .feature-box-image {
float: none;
margin-right: 0;
}
}
.-image-centered > .feature-box-image {
float: none;
width: 64%;
margin-right: auto;
margin-left: auto;
}
@media screen and (max-width: 900px) {
.-image-centered > .feature-box-image {
width: 100%;
}
}
.-image-centered > .feature-box-image + .feature-box-text {
margin-top: 3em;
}
.-image-top > .feature-box-image {
margin-top: 0;
}
.-image-bottom > .feature-box-image {
position: absolute;
bottom: 0;
right: 0;
margin: 0;
}
@media screen and (max-width: 599px) {
.-image-bottom > .feature-box-image {
position: static;
margin-bottom: 3em;
}
}
.-image-bottom.-image-left > .feature-box-image {
right: auto;
left: 0;
}
.-vertical-centered > .feature-box-image {
display: table-cell;
vertical-align: middle;
float: none;
margin: 0;
padding: 3em 0;
}
@media screen and (max-width: 599px) {
.-vertical-centered > .feature-box-image {
display: block;
padding-top: 1.5em;
padding-bottom: 1.5em;
}
}
.-image-rounded > .feature-box-image img {
border-radius: 99em;
}
.in-view > .feature-box-text,
.in-view > .feature-box-image {
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 {
transform: translate(100%, 0);
}
.not-in-view > .feature-box-text.-move-right,
.not-in-view > .feature-box-image.-move-right {
transform: translate(-100%, 0);
}
.not-in-view > .feature-box-text.-move-top,
.not-in-view > .feature-box-image.-move-top {
transform: translate(0, 100%);
}
.not-in-view > .feature-box-text.-move-bottom,
.not-in-view > .feature-box-image.-move-bottom {
transform: translate(0, -100%);
}
.in-view > .feature-box-text.-move,
.in-view > .feature-box-image.-move {
transform: translate(0, 0);
}
.feature-box-text video,
.feature-box-text img, .feature-box-image video,
.feature-box-image img {
display: block;
max-width: 100%;
height: auto;
margin: 0 auto;
}
.counter-boxes {
zoom: 1;
text-align: center;
margin: 3.125em 0;
}
.counter-boxes:before {
content: "";
display: table;
}
.counter-boxes:after {
content: "";
display: table;
clear: both;
}
.counter-boxes > h2 {
margin: 0 0 1.1875em 0;
font-size: 1.75em;
font-weight: bold;
color: inherit;
}
.-color-inverted .counter-boxes > h2 {
color: white;
}
.counter-boxes > h3 {
margin: 0 0 1.80952em 0;
font-size: 1.3125em;
color: #717c8e;
}
.-color-inverted .counter-boxes > h3 {
color: #b2b9c4;
}
.-color-inverted.-highlight-color .counter-boxes > h3 {
color: #3b304d;
}
.counter-boxes > h2 + h3 {
margin-top: -1.33333em;
}
.counter-boxes-item {
text-decoration: none;
color: inherit;
}
.counter-boxes-item:link:hover,
.counter-boxes-item:link:focus {
text-decoration: none;
}
.counter-boxes-item:link:hover:before,
.counter-boxes-item:link:focus:before {
transform: scale(1.2);
}
.counter-boxes-item:before {
margin: 0;
font-size: 2.25em;
color: #717c8e;
}
.-color-inverted .counter-boxes-item:before {
color: #b2b9c4;
}
.-color-inverted.-highlight-color .counter-boxes-item:before {
color: #3b304d;
}
.counter-boxes-item p {
margin: 0.06944em -0.5em 0.16667em;
font-size: 4.5em;
line-height: 1;
color: #8570a6;
font-weight: 300;
}
@media screen and (max-width: 900px) {
.counter-boxes-item p {
font-size: 2.875em;
}
}
@media screen and (max-width: 599px) {
.counter-boxes-item p {
font-size: 2.25em;
}
}
.-color-inverted.-highlight-color .counter-boxes-item p {
color: #3b304d;
}
.counter-boxes-item h3 {
margin: 0;
font-size: 1.5em;
font-weight: bold;
color: inherit;
}
@media screen and (max-width: 900px) {
.counter-boxes-item h3 {
font-size: 1.25em;
}
}
.counter-boxes-item h4 {
margin: 0.28571em 0 0;
font-size: 0.875em;
color: #717c8e;
}
.-color-inverted .counter-boxes-item h4 {
color: #b2b9c4;
}
.headline-box {
margin: 2.25em 0;
text-align: center;
}
.headline-box.-align-left {
text-align: left;
}
.headline-box.-align-right {
text-align: right;
}
.headline-box:before {
display: block;
width: 1.95455em;
height: 1.95455em;
margin: 0 auto 0.27273em auto;
border-radius: 100%;
font-size: 2.75em;
font-weight: normal;
line-height: 2.00023;
text-align: center;
background: white;
background: rgba(255, 255, 255, 0.6);
}
.-color-inverted .headline-box:before {
background: #353d47;
background: rgba(53, 61, 71, 0.6);
}
.headline-box h2 {
margin: 0;
font-size: 1.5em;
font-weight: normal;
color: inherit;
}
.-color-inverted .headline-box h2 {
color: inherit;
}
@media screen and (max-width: 599px) {
.headline-box h2 {
font-size: 1.3125em;
}
}
.headline-box h2.-bold {
font-weight: bold;
}
.headline-box h2.-small {
font-size: 1.5em;
}
.headline-box h2.-medium {
font-size: 2em;
}
@media screen and (max-width: 599px) {
.headline-box h2.-medium {
font-size: 1.5em;
}
}
.headline-box h2.-large {
font-size: 2.25em;
}
@media screen and (max-width: 599px) {
.headline-box h2.-large {
font-size: 1.75em;
}
}
.headline-box h2.-super-size {
font-size: 2.625em;
}
@media screen and (max-width: 599px) {
.headline-box h2.-super-size {
font-size: 2em;
}
}
.headline-box h3 {
margin: 0.44444em 0 0;
font-size: 1.125em;
font-weight: normal;
line-height: 1.5;
color: #717c8e;
}
.-color-inverted.-highlight-color .headline-box h3 {
color: #3b304d;
}
.-color-inverted .headline-box h3 {
color: #b2b9c4;
}
.headline-box h3.-small {
font-size: 1.125em;
}
.headline-box h3.-medium {
font-size: 1.5em;
}
@media screen and (max-width: 599px) {
.headline-box h3.-medium {
font-size: 1.3125em;
}
}
.headline-box h3.-large {
font-size: 1.75em;
}
@media screen and (max-width: 599px) {
.headline-box h3.-large {
font-size: 1.5em;
}
}
.headline-box h3.-super-size {
font-size: 2.25em;
}
@media screen and (max-width: 599px) {
.headline-box h3.-super-size {
font-size: 1.625em;
}
}
.headline-box.-button-inline h2,
.headline-box.-button-inline h3 {
display: inline;
}
@media screen and (max-width: 599px) {
.headline-box.-button-inline h2,
.headline-box.-button-inline h3 {
display: block;
}
}
h2 + .headline-box-link,
h3 + .headline-box-link {
margin-top: 1.92857em;
}
.headline-box-link.-quaternary {
color: inherit;
}
.-align-left > .headline-box-link {
float: right;
margin: -0.14286em 0 0 3.14286em;
}
@media screen and (max-width: 599px) {
.-align-left > .headline-box-link {
float: none;
margin: 0 0 1em;
}
}
.-align-right > .headline-box-link {
float: left;
margin: -0.14286em 3.14286em 0 0;
}
@media screen and (max-width: 599px) {
.-align-right > .headline-box-link {
float: none;
margin: 0 0 1em;
}
}
.-button-inline > .headline-box-link {
margin: 0 0 0 2.14286em;
}
@media screen and (max-width: 599px) {
.-button-inline > .headline-box-link {
margin: 1em 0 0;
}
}
.projects {
zoom: 1;
clear: both;
}
.projects:before {
content: "";
display: table;
}
.projects:after {
content: "";
display: table;
clear: both;
}
.projects-item {
position: relative;
float: left;
overflow: hidden;
border-top: 5px solid #e5e8ee;
color: inherit;
}
.projects-item:nth-of-type(even) {
border-top-color: #b2b9c4;
}
.projects-item.-large-col-1-1 {
width: 100%;
}
.projects-item.-large-col-2-1 {
width: 50%;
}
.projects-item.-large-col-3-1 {
width: 33.33333%;
}
.projects-item.-large-col-4-1 {
width: 25%;
}
.projects-item.-large-col-5-1 {
width: 20%;
}
.projects-item.-large-col-6-1 {
width: 16.66667%;
}
.projects-item.-large-col-7-1 {
width: 14.28571%;
}
.projects-item.-large-col-8-1 {
width: 12.5%;
}
.projects-item.-large-col-9-1 {
width: 11.11111%;
}
.projects-item.-large-col-10-1 {
width: 10%;
}
@media screen and (min-width: 1188px) {
.projects-item.-verylarge-col-1-1 {
width: 100%;
}
.projects-item.-verylarge-col-2-1 {
width: 50%;
}
.projects-item.-verylarge-col-3-1 {
width: 33.33333%;
}
.projects-item.-verylarge-col-4-1 {
width: 25%;
}
.projects-item.-verylarge-col-5-1 {
width: 20%;
}
.projects-item.-verylarge-col-6-1 {
width: 16.66667%;
}
.projects-item.-verylarge-col-7-1 {
width: 14.28571%;
}
.projects-item.-verylarge-col-8-1 {
width: 12.5%;
}
.projects-item.-verylarge-col-9-1 {
width: 11.11111%;
}
.projects-item.-verylarge-col-10-1 {
width: 10%;
}
}
@media screen and (max-width: 900px) {
.projects-item.-medium-col-1-1 {
width: 100%;
}
.projects-item.-medium-col-2-1 {
width: 50%;
}
.projects-item.-medium-col-3-1 {
width: 33.33333%;
}
.projects-item.-medium-col-4-1 {
width: 25%;
}
.projects-item.-medium-col-5-1 {
width: 20%;
}
.projects-item.-medium-col-6-1 {
width: 16.66667%;
}
.projects-item.-medium-col-7-1 {
width: 14.28571%;
}
.projects-item.-medium-col-8-1 {
width: 12.5%;
}
.projects-item.-medium-col-9-1 {
width: 11.11111%;
}
.projects-item.-medium-col-10-1 {
width: 10%;
}
}
@media screen and (max-width: 599px) {
.projects-item.-small-col-1-1 {
width: 100%;
}
.projects-item.-small-col-2-1 {
width: 50%;
}
.projects-item.-small-col-3-1 {
width: 33.33333%;
}
.projects-item.-small-col-4-1 {
width: 25%;
}
.projects-item.-small-col-5-1 {
width: 20%;
}
.projects-item.-small-col-6-1 {
width: 16.66667%;
}
.projects-item.-small-col-7-1 {
width: 14.28571%;
}
.projects-item.-small-col-8-1 {
width: 12.5%;
}
.projects-item.-small-col-9-1 {
width: 11.11111%;
}
.projects-item.-small-col-10-1 {
width: 10%;
}
}
.projects-item h3 {
position: absolute;
bottom: -3.125em;
left: 0;
width: 100%;
margin: 0;
padding: 0.625em 0 0.6875em;
font-size: 1em;
font-weight: bold;
color: inherit;
text-align: center;
background: white;
background: rgba(255, 255, 255, 0.9);
transition: bottom 0.4s ease-out;
}
.projects-item h3:before {
content: "";
position: absolute;
left: 50%;
top: -8px;
width: 0;
height: 0;
border: 8px solid transparent;
border-color: rgba(255, 255, 255, 0);
border-top: 0;
border-bottom-color: white;
border-bottom-color: rgba(255, 255, 255, 0.9);
}
.projects-item:hover h3,
.projects-item:focus h3 {
bottom: 0;
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%;
transition: top 0.4s ease-out;
}
.projects-item:hover .projects-item-image-hover,
.projects-item:focus .projects-item-image-hover {
top: 0;
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;
transition: opacity 0.2s linear;
}
.info-map-boxes:before {
content: "";
display: table;
}
.info-map-boxes:after {
content: "";
display: table;
clear: both;
}
@media screen and (max-width: 599px) {
.info-map-boxes {
margin-top: 1.375em;
}
}
.info-map-boxes-item {
padding: 0.71429em 1.42857em;
border-radius: 3px;
font-size: 0.875em;
color: inherit;
background: white;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0 7px rgba(0, 0, 0, 0.15);
}
.info-map-boxes-item:before {
float: right;
margin: 0;
padding: 0.15152em 0 0.45455em 0.30303em;
font-size: 4.71429em;
color: #8570a6;
background: white;
}
.info-map-boxes-item:hover,
.info-map-boxes-item:focus {
text-decoration: none;
}
.info-map-boxes-item h3 {
margin: 0.57143em 0;
padding: 0 0 0.21429em;
border-bottom: 1px solid #e5e8ee;
color: #8570a6;
font-size: 1em;
font-weight: bold;
text-transform: uppercase;
}
.info-map-boxes-item p {
margin: 0.57143em 0;
}
.info-map-boxes-item-link {
color: #1782c5;
}
.icon-buttons {
text-align: center;
margin: 2.25em 0;
}
.icon-buttons h3 {
margin: 0;
font-size: 1.125em;
font-weight: normal;
}
.icon-buttons ul {
margin: 1.25em 0;
padding: 0;
list-style: none;
}
.icon-buttons li {
display: inline;
}
.icon-buttons a {
display: inline-block;
width: 2.5em;
height: 2.5em;
overflow: hidden;
margin: 0 0.5em;
border: 2px solid #242424;
border-radius: 3px;
color: inherit;
text-indent: -99em;
line-height: 0;
}
.icon-buttons a:before {
content: none;
}
.icon-buttons a:after {
font: 1.5em/1 "RockSolid Icons";
content: attr(data-icon);
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
display: block;
line-height: 1.58375;
}
.icon-buttons a:hover,
.icon-buttons a:focus {
text-decoration: none;
background: #242424;
background: rgba(36, 36, 36, 0.25);
}
.-color-inverted .icon-buttons a {
border-color: white;
}
.-color-inverted .icon-buttons a:hover,
.-color-inverted .icon-buttons a:focus {
background: white;
background: rgba(255, 255, 255, 0.25);
}
.icon-links li {
padding-bottom: 0.4375em;
}
.icon-links a {
text-decoration: none;
}
.icon-links a:hover span {
text-decoration: underline;
}
.icon-links-label {
color: #1782c5;
}
.tab-navigation {
margin: 2.25em 0 0;
border: 1px solid transparent;
border-bottom-color: #b2b9c4;
text-align: center;
}
.tab-navigation ul,
.tab-navigation li {
margin: 0;
padding: 0;
}
.tab-navigation ul {
display: table;
table-layout: fixed;
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: white;
}
@media screen and (max-width: 599px) {
.tab-navigation a {
margin: 0 -1px;
}
}
.tab-navigation a:hover,
.tab-navigation a:focus {
text-decoration: none;
}
.tab-navigation a.is-active {
z-index: 1;
box-shadow: 0 10px 0 -1px white, 0 -3px #1782c5, -3px 0 3px -1px rgba(0, 0, 0, 0.1), 3px 0 3px -1px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 599px) {
.tab-navigation a.is-active {
border-color: #1782c5;
color: white;
background: #1782c5;
box-shadow: 0 1px #1782c5;
}
}
.tab-navigation.-image-tabs {
border: 0;
}
.tab-navigation.-image-tabs ul,
.tab-navigation.-image-tabs li {
display: inline;
}
.tab-navigation.-image-tabs a {
display: inline-block;
margin: 0;
padding: 0.5625em 1.75em;
border: 0;
font-size: 1em;
color: inherit;
background: none;
}
.tab-navigation.-image-tabs a:hover,
.tab-navigation.-image-tabs a:focus {
color: #1782c5;
}
.tab-navigation.-image-tabs a.is-active {
color: #1782c5;
box-shadow: none;
}
.tab-navigation.-image-tabs a.is-active:after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -0.4375em;
border: 0.4375em solid transparent;
border-top-color: #1782c5;
border-bottom: 0;
}
.tab-navigation.-image-tabs a:before {
display: block;
margin: 0 auto 0.25em;
font-size: 3em;
color: #8570a6;
}
.tab-navigation.-image-tabs a img {
display: block;
margin: 0 auto 0.75em;
}
.-columns-1 .tab-navigation-item {
width: 100%;
}
.-columns-2 .tab-navigation-item {
width: 50%;
}
.-columns-3 .tab-navigation-item {
width: 33.33333%;
}
.-columns-4 .tab-navigation-item {
width: 25%;
}
.-columns-5 .tab-navigation-item {
width: 20%;
}
.-columns-6 .tab-navigation-item {
width: 16.66667%;
}
@media screen and (max-width: 599px) {
.tab-navigation-item.tab-navigation-item {
width: auto;
}
}
.tab-start.-has-border {
margin-top: -1px;
border: 1px solid #b2b9c4;
padding-right: 2.5em;
padding-left: 2.5em;
}
/* ===========================================
* Modules (Search, FAQ, News, Events, Comments, Sitemap etc.)
* ======================================== */
.fixed-note {
position: fixed;
display: table;
top: auto;
right: 0;
bottom: 0;
left: 0;
width: 100%;
min-height: 3.75em;
padding: 0.75em 1.25em 0.75em 5em;
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: white;
box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 900px) {
.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: #8570a6;
}
@media screen and (max-width: 900px) {
.fixed-note:before {
top: 0.66667em;
margin-top: 0;
}
}
@media screen and (max-width: 599px) {
.fixed-note:before {
position: static;
}
}
.fixed-note h1,
.fixed-note h2,
.fixed-note h3 {
font-size: 0.9375em;
margin: 0.4em 0;
}
.fixed-note p {
font-size: 0.875em;
margin: 0.42857em 0;
}
@media screen and (max-width: 599px) {
.fixed-note p {
font-size: 1em;
}
}
.fixed-note-column {
display: table-cell;
vertical-align: middle;
padding: 0 0.625em;
}
.fixed-note-column:last-child {
text-align: right;
}
@media screen and (max-width: 900px) {
.fixed-note-column:last-child {
text-align: left;
}
}
@media screen and (max-width: 900px) {
.fixed-note-column {
display: block;
margin: 0.75em 0;
padding: 0;
}
}
.fixed-note-link,
.fixed-note-button {
white-space: nowrap;
}
.fixed-note-button {
margin: 0;
}
.fixed-note-closed {
position: fixed;
right: 1.875em;
right: calc(1.875em + var(--safe-area-right));
bottom: 0;
bottom: var(--safe-area-bottom);
z-index: 99;
padding: 0.5em 0.75em;
color: white;
text-decoration: none;
background: #37aadf;
box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 1188px) {
.fixed-note-closed {
right: 0;
right: var(--safe-area-right);
}
}
@media screen and (max-width: 900px) {
.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;
}
nav[data-pagination] > p,
.pagination > p {
text-align: center;
}
nav[data-pagination] ol,
nav[data-pagination] ul,
.pagination ol,
.pagination ul {
list-style-type: none !important;
text-align: center;
}
nav[data-pagination] li,
.pagination li {
display: inline-block;
}
nav[data-pagination] li a, nav[data-pagination] li strong, nav[data-pagination] li span,
.pagination li a,
.pagination li strong,
.pagination li span {
padding: 4px 12px;
background-color: white;
}
nav[data-pagination] li .current, nav[data-pagination] li .active,
.pagination li .current,
.pagination li .active {
font-weight: bold;
color: inherit;
text-decoration: none;
border-bottom: 1px solid #e5e8ee;
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 {
transition: color 0.3s;
}
.news-image-teaser img {
display: block;
width: 100%;
height: auto;
margin: 0;
}
.news-image-teaser h2 {
display: block;
margin: 0.75em 0 0.25em;
padding: 0 0 0.41667em;
border-bottom: 1px solid #e5e8ee;
font-size: 1.5em;
font-weight: bold;
color: inherit;
}
.news-image-teaser h2 a {
color: inherit;
}
.news-image-teaser h2 a:hover {
color: #1782c5;
text-decoration: none;
}
.news-image-teaser p {
margin: 0.625em 0;
color: #717c8e;
}
.news-image-teaser .news-image-teaser-info {
margin: 0 0 0.93333em;
font-size: 0.9375em;
color: #717c8e;
}
.news-image-teaser-meta {
float: left;
position: relative;
left: -12.5%;
width: 9.375%;
margin-bottom: -6.25em;
line-height: 1;
text-align: center;
border-right: 1px solid #e5e8ee;
}
@media screen and (max-width: 599px) {
.news-image-teaser-meta {
position: absolute;
top: 0;
left: 0;
width: 18.75%;
border-right: 0;
background: white;
}
.news-image-teaser-meta + h2 {
padding-top: 3.75em;
}
}
.news-image-teaser-meta time {
font-size: 2.125em;
font-weight: bold;
}
.news-image-teaser-meta b {
display: block;
margin: -0.05556em 0 0.44444em;
font-size: 0.52941em;
font-weight: inherit;
color: #717c8e;
text-transform: uppercase;
}
.news-image-teaser-meta .comment-count {
display: block;
padding: 0.25em 0;
border-top: 1px solid #e5e8ee;
color: #717c8e;
}
.news-image-teaser-meta .comment-count:before {
font: 100%/1 "RockSolid Icons";
content: "\e053";
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
bottom: 0.0625em;
margin-right: 0.16667em;
font-size: 0.75em;
}
.news-image-teaser-meta .comment-count:hover {
color: #1782c5;
text-decoration: none;
}
.news-list-boxed {
zoom: 1;
margin: 2.75em 0;
}
.news-list-boxed:before {
content: "";
display: table;
}
.news-list-boxed:after {
content: "";
display: table;
clear: both;
}
.news-list-boxed-item {
padding: 1.07143em;
border: 1px solid #b2b9c4;
border-radius: 3px;
font-size: 0.875em;
color: #717c8e;
}
.news-list-boxed-item h3 {
margin: 0.38095em 0 0;
font-size: 1.5em;
font-weight: bold;
line-height: 1.38143;
color: #717c8e;
}
.news-list-boxed-item h3 a {
color: inherit;
transition: color 0.3s;
}
.news-list-boxed-item h3 a:hover {
color: #1782c5;
text-decoration: none;
}
.news-list-boxed-item p {
margin: 1em 0;
}
.news-list-boxed-item .news-list-boxed-item-info {
margin-top: 0.66667em;
padding-bottom: 0.5em;
font-size: 0.85714em;
border-bottom: 1px solid #e5e8ee;
}
.news-list-boxed-item-image {
position: relative;
display: block;
overflow: hidden;
}
.news-list-boxed-item-image.-no-image {
padding-bottom: 56.81818%;
background: #717c8e;
}
.news-list-boxed-item-image:hover,
.news-list-boxed-item-image:focus {
opacity: 0.8;
}
.news-list-boxed-item-image:hover img,
.news-list-boxed-item-image:focus img {
filter: blur(2px);
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: white;
text-align: center;
text-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}
.news-boxes {
zoom: 1;
margin: 2.75em 0;
}
.news-boxes:before {
content: "";
display: table;
}
.news-boxes:after {
content: "";
display: table;
clear: both;
}
.news-boxes-item h3 {
margin: 0;
font-size: 1.125em;
font-weight: bold;
color: inherit;
}
.news-boxes-item h3 a {
display: block;
color: inherit;
text-decoration: none;
}
.news-boxes-item h3 a:hover,
.news-boxes-item h3 a:focus {
color: #1782c5;
}
.news-boxes-item p {
margin: 0.5em 0;
}
.news-boxes-item .news-boxes-item-more {
position: relative;
margin: -0.9375em 0 0 0;
}
.news-boxes-item .news-boxes-item-more a {
position: relative;
top: 0;
display: block;
height: 2.0625em;
color: white;
color: transparent;
text-decoration: none;
background: white;
box-shadow: 0 -7px 10px -7px rgba(0, 0, 0, 0.2), 0 -8px 10px 7px rgba(255, 255, 255, 0.5);
transition: top 0.2s ease-out;
}
.news-boxes-item .news-boxes-item-more a:after {
font: 1.5em/1 "RockSolid Icons";
content: "\e009";
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
position: absolute;
top: 0;
left: 50%;
width: 3.66667em;
height: 100%;
margin: 0 0 0 -1.83333em;
padding: 0.20833em 0 0;
border: 1px solid #e5e8ee;
border-top: 0;
border-radius: 0 0 1px 1px;
color: #242424;
text-align: center;
box-sizing: border-box;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
}
.news-boxes-item .news-boxes-item-more a:hover,
.news-boxes-item .news-boxes-item-more a:focus {
top: 1.25em;
}
.news-boxes-item .news-boxes-item-more a:hover:before,
.news-boxes-item .news-boxes-item-more a:focus:before {
content: "";
position: absolute;
top: -1.25em;
left: 0;
height: 1.25em;
width: 100%;
}
.news-boxes-item .news-boxes-item-more a:hover:after,
.news-boxes-item .news-boxes-item-more a:focus:after {
color: #1782c5;
}
.news-boxes-item-image {
display: block;
overflow: hidden;
}
.news-boxes-item-image.-no-image {
padding-bottom: 56.81818%;
background: #717c8e;
}
.news-boxes-item-image:hover,
.news-boxes-item-image:focus {
opacity: 0.8;
}
.news-boxes-item-image:hover img,
.news-boxes-item-image:focus img {
filter: blur(2px);
transform: scale(1.05);
}
.news-boxes-item-image img {
display: block;
width: 100%;
height: auto;
}
.news-boxes-item-info {
margin: 0;
font-size: 0.875em;
color: #717c8e;
}
.main-content .mod_calendar {
margin: 1.5em 0;
}
.mod_calendar th.previous a:after,
.mod_calendar th.previous a:before,
.mod_calendar th.next a:after,
.mod_calendar th.next a:before {
display: none;
}
.mod_calendar th.current {
border-right: 0;
border-left: 0;
text-align: center;
}
.mod_calendar th.current:before {
font: 16px/1 "RockSolid Icons";
content: "\e037";
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
margin-right: 6px;
}
.mod_calendar th.previous {
border-right: 0;
}
.mod_calendar th.next {
border-left: 0;
text-align: right;
}
.mod_calendar th.label {
font-size: 0.75em;
text-align: center;
text-transform: uppercase;
letter-spacing: 0.07143em;
}
@media screen and (max-width: 599px) {
.mod_calendar th.label > span {
display: none;
}
}
.mod_calendar td {
vertical-align: top;
width: 14.28571%;
}
@media screen and (max-width: 599px) {
.mod_calendar td {
text-align: center;
}
}
.mod_calendar td.today {
font-weight: bold;
background-color: #b2b9c4;
}
.mod_calendar .event {
font-size: 0.75em;
}
.mod_calendar .minicalendar td {
padding: 0.1875em;
text-align: center;
}
.mod_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: #8570a6;
}
.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: white;
text-align: center;
background: #8570a6;
}
.mod_faqpage h3 + * {
position: relative;
}
.mod_faqpage h3 + *:before {
content: "A";
left: -3.75em;
font-size: 1em;
}
.mod_faqpage p {
margin-top: 0.75em;
margin-bottom: 0.75em;
}
.mod_faqpage .info {
font-size: 0.8125em;
color: #717c8e;
}
.mod_faqreader .info {
font-size: 0.8125em;
color: #717c8e;
}
.mod_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: #717c8e;
}
.mod_search .highlight {
padding: 0 0.25em;
font-weight: bold;
background: #d0e6f3;
}
.mod_search .url {
padding-bottom: 1.42857em;
border-bottom: 1px dotted #b2b9c4;
font-size: 0.875em;
color: #717c8e;
}
.mod_search .url:before {
font: 100%/1 "RockSolid Icons";
content: "\e0b5";
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
margin-right: 0.35714em;
}
.mod_search .url .filesize {
font-size: 0.85714em;
}
.comment_default {
margin: 1.6875em 0;
padding: 1.25em 6.25% 0;
border: 1px solid #b2b9c4;
border-radius: 3px;
font-size: 1em;
background: white;
background-image: 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: #1782c5;
}
.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: 900px) {
.sidebar {
float: none;
clear: both;
width: auto;
margin-right: 0;
margin-left: 0;
}
}
@media screen and (max-width: 599px) {
.sidebar {
margin-right: 5.55556%;
margin-left: 5.55556%;
}
}
.tao-sidebar-right .sidebar {
float: right;
margin-right: 3.7037%;
margin-left: 0;
}
@media screen and (max-width: 900px) {
.tao-sidebar-right .sidebar {
float: none;
margin-right: 0;
margin-left: 0;
}
}
@media screen and (max-width: 599px) {
.tao-sidebar-right .sidebar {
margin-right: 5.55556%;
margin-left: 5.55556%;
}
}
.tao-3-columns .sidebar {
width: 18.51852%;
}
@media screen and (max-width: 900px) {
.tao-3-columns .sidebar {
width: auto;
}
}
.tao-3-columns .sidebar.-right {
left: 51.85185%;
margin-right: -18.51852%;
}
@media screen and (max-width: 900px) {
.tao-3-columns .sidebar.-right {
left: auto;
clear: none;
margin-right: 0;
}
}
@media screen and (max-width: 599px) {
.tao-3-columns .sidebar.-right {
margin-right: 5.55556%;
}
}
.sidebar h1,
.sidebar h2,
.sidebar h3,
.sidebar h4 {
margin: 2em 0 0.5em;
padding: 0 0 0.42857em;
font-size: 1em;
font-weight: bold;
color: #717c8e;
}
.sidebar p,
.sidebar ul,
.sidebar ol,
.sidebar table,
.sidebar blockquote,
.sidebar fieldset,
.sidebar form {
margin: 1em 0;
}
.sidebar ul,
.sidebar ol {
padding: 0;
list-style-type: none;
}
.sidebar > .block {
margin: 1.25em 0;
}
@media screen and (max-width: 900px) {
.sidebar > .block {
float: left;
width: 41.66667%;
margin-left: 5.55556%;
}
}
@media screen and (max-width: 599px) {
.sidebar > .block {
float: none;
width: auto;
margin-left: 0;
}
}
.sidebar .ce_youtube-wrapper,
.sidebar .ce_vimeo-wrapper {
margin: 0.75em 0;
}
.sidebar .media > figure,
.sidebar .content-image > figure,
.sidebar .image_container {
margin: 0.75em 0 0;
padding: 0.5em;
}
@media screen and (max-width: 599px) {
.sub-navigation {
display: none;
}
}
.sub-navigation > ul > li > a {
color: #242424;
}
.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: #717c8e;
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: #242424;
text-decoration: none;
background-color: #e5e8ee;
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: #717c8e;
}
.footer-bar.-color-inverted {
color: white;
background: #353d47;
}
.footer-bar h1,
.footer-bar h2,
.footer-bar h3 {
margin: 1em 0;
padding-bottom: 0.21429em;
border-bottom: 1px solid #b2b9c4;
font-size: 1em;
font-weight: bold;
}
.footer-bar ul {
list-style: none;
padding: 0;
}
.footer-bar .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: white;
text-transform: uppercase;
text-align: center;
background: #353d47;
}
.news-footer-item time:before {
font: 2em/1 "RockSolid Icons";
content: "\e0dd";
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
position: absolute;
top: -1em;
left: 0.4em;
transition: top 0.2s ease-out;
}
.news-footer-item time b {
display: block;
font-size: 1.4em;
font-weight: inherit;
transition: margin 0.2s ease-out;
}
.-color-inverted .news-footer-item time {
background: white;
color: #242424;
}
.news-footer-item a {
display: block;
line-height: 1.28571em;
}
.news-footer-item time + a {
padding-left: 3.1875em;
}
.footer-navigation {
float: left;
margin: 0;
font-size: 0.875em;
color: #717c8e;
}
@media screen and (max-width: 599px) {
.footer-navigation {
float: none;
padding: 0.5em 0;
text-align: center;
}
}
.footer-navigation ul,
.footer-navigation li {
display: inline;
margin: 0;
padding: 0;
}
.footer-navigation > ul > li:before {
font-size: 0.75em;
}
.footer-navigation > ul > li a,
.footer-navigation > ul > li 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: 900px) {
.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 #717c8e;
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;
transition-duration: 0.1s, 0.1s;
}
.footer-icon-links {
float: right;
margin: 0;
padding: 0;
border-right: 1px solid #b2b9c4;
}
@media screen and (max-width: 599px) {
.footer-icon-links {
float: none;
border-right: 0;
text-align: center;
}
}
.footer-icon-links li {
display: inline;
}
.footer-icon-links a {
float: left;
position: relative;
width: 2.75em;
height: 5.0625em;
overflow: hidden;
border-left: 1px solid #b2b9c4;
line-height: 0;
/* Fixes Chrome bug */
letter-spacing: -1em;
color: #717c8e;
text-indent: -99em;
text-decoration: none;
}
@media screen and (max-width: 599px) {
.footer-icon-links a {
display: inline-block;
float: none;
height: 2.75em;
border-left: 0;
}
}
.footer-icon-links a:before,
.footer-icon-links a:after {
font: 1.375em/1 "RockSolid Icons";
content: attr(data-icon);
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
position: absolute;
top: 0;
left: 0;
display: block;
box-sizing: border-box;
width: 100%;
height: 100%;
padding-top: 0.04545em;
line-height: 3.68227;
letter-spacing: 0;
text-align: center;
background: white;
transition: top 0.5s ease-out;
}
@media screen and (max-width: 599px) {
.footer-icon-links a:before,
.footer-icon-links a:after {
line-height: 2.00045;
}
}
.footer-icon-links a:after {
top: 100%;
color: white;
background: transparent;
}
.footer-icon-links a:hover:before,
.footer-icon-links a:hover:after,
.footer-icon-links a:focus:before,
.footer-icon-links a:focus:after {
transition: top 0.2s ease-out;
}
.footer-icon-links a:hover:before,
.footer-icon-links a:focus:before {
top: -100%;
}
.footer-icon-links a:hover:after,
.footer-icon-links a:focus:after {
top: 0;
}
.footer-copyright {
float: left;
margin: 0;
padding: 2.14286em 0;
font-size: 0.875em;
color: #717c8e;
}
.footer-copyright .rocksolid-copyright {
color: inherit;
opacity: 0.6;
}
@media screen and (max-width: 900px) {
.footer-copyright {
float: none;
padding-bottom: 1em;
}
}
.footer-links {
float: right;
margin: 0;
padding: 2.14286em 0;
font-size: 0.875em;
color: #717c8e;
}
@media screen and (max-width: 900px) {
.footer-links {
float: none;
padding-top: 0;
}
}
.footer-links ul,
.footer-links li {
display: inline;
margin: 0;
padding: 0;
}
.footer-links li:before {
content: "";
display: inline-block;
width: 1px;
height: 0.78571em;
margin: 0 0.57143em 0 0.35714em;
background: #717c8e;
}
.footer-links li:first-child:before {
content: none;
}
.footer-links a,
.footer-links 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: #242424;
white-space: nowrap;
}
.footer-top-link:after {
font: 1em/1 "RockSolid Icons";
content: "\e01a";
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding-top: 0.9375em;
border: 1px solid #b2b9c4;
border-bottom: 0;
border-radius: 1px 1px 0 0;
text-align: center;
background: white;
box-sizing: border-box;
box-shadow: 0 0 7px rgba(0, 0, 0, 0.15);
}
.footer-top-link > span {
position: absolute;
top: 0;
right: 0;
margin: 1em 0.71429em 0;
font-size: 0.875em;
color: #717c8e;
opacity: 0;
pointer-events: none;
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;
transition-duration: 0.2s;
}
.footer-top-link:hover > span + span,
.footer-top-link:focus > span + span {
right: auto;
left: 100%;
}
/* ===========================================
* Slider
* ======================================== */
.main-slider {
height: 600px;
}
@media screen and (max-width: 599px) {
.main-slider {
height: auto;
}
.main-slider img {
max-width: 100%;
height: auto;
}
}
.rsts-skin-testimonials .testimonial {
margin: 0;
}
.rsts-skin-testimonials.rsts-main {
position: relative;
margin: 1.6875em 0;
padding: 2em 0 0 0;
}
.rsts-skin-testimonials .rsts-header {
margin-top: -2em;
}
.rsts-skin-testimonials .rsts-header h1,
.rsts-skin-testimonials .rsts-header h2,
.rsts-skin-testimonials .rsts-header h3,
.rsts-skin-testimonials .rsts-header h4,
.rsts-skin-testimonials .rsts-header h5,
.rsts-skin-testimonials .rsts-header h6 {
margin: 0 0 1em;
padding: 0 5em;
font-size: 0.875em;
font-weight: bold;
color: #717c8e;
text-align: center;
}
.rsts-skin-testimonials .rsts-prev,
.rsts-skin-testimonials .rsts-next {
position: absolute;
top: -2.375em;
right: 1.375em;
overflow: hidden;
text-indent: -99em;
line-height: 0;
}
.rsts-skin-testimonials .rsts-prev:hover,
.rsts-skin-testimonials .rsts-prev:focus,
.rsts-skin-testimonials .rsts-next:hover,
.rsts-skin-testimonials .rsts-next:focus {
text-decoration: none;
}
.rsts-skin-testimonials .rsts-prev:after,
.rsts-skin-testimonials .rsts-next:after {
font: 0.875em/1 "RockSolid Icons";
content: "\e018";
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
display: block;
padding: 0.57143em;
color: #b2b9c4;
}
.rsts-skin-testimonials .rsts-prev:hover:after,
.rsts-skin-testimonials .rsts-prev:focus:after,
.rsts-skin-testimonials .rsts-next:hover:after,
.rsts-skin-testimonials .rsts-next:focus:after {
color: #959fae;
}
.rsts-skin-testimonials .rsts-next {
right: -0.5625em;
}
.rsts-skin-testimonials .rsts-next:after {
content: "\e019";
}
.rsts-skin-testimonials .rsts-nav {
position: absolute;
left: -4px;
top: 0;
line-height: 0;
}
.rsts-skin-testimonials .rsts-nav ul {
margin: 0;
padding: 0;
}
.rsts-skin-testimonials .rsts-nav li {
display: inline;
}
.rsts-skin-testimonials .rsts-nav a {
float: left;
width: 18px;
height: 18px;
overflow: hidden;
outline: none;
padding: 5px;
text-indent: -99em;
}
.rsts-skin-testimonials .rsts-nav a:after {
content: "";
display: block;
width: 6px;
height: 6px;
border: 1px solid #b2b9c4;
border-radius: 100%;
background: #b2b9c4;
background: rgba(178, 185, 196, 0.5);
}
.rsts-skin-testimonials .rsts-nav a:hover:after,
.rsts-skin-testimonials .rsts-nav a.active:after {
background-color: #b2b9c4;
}
.rsts-skin-testimonials .rsts-nav-prev,
.rsts-skin-testimonials .rsts-nav-next {
display: none !important;
}
.rsts-skin-tao.rsts-main {
position: relative;
}
.rsts-skin-tao .rsts-caption {
position: absolute;
top: 1.25em;
left: 1.25em;
padding: 0.1875em 0.625em;
color: white;
border-radius: 3px;
background-color: #8570a6;
opacity: 0;
transition: opacity 0.2s;
}
.rsts-skin-tao .rsts-prev,
.rsts-skin-tao .rsts-next,
.rsts-skin-tao .rsts-video-play,
.rsts-skin-tao .rsts-video-stop {
position: absolute;
top: 50%;
left: 1.25em;
margin-top: -1.375em;
border-radius: 3px;
overflow: hidden;
text-indent: -99em;
line-height: 0;
background-color: #8570a6;
opacity: 0;
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 #8570a6;
border-radius: 100%;
background-color: white;
}
.rsts-skin-tao .rsts-nav-bullets a:hover:after,
.rsts-skin-tao .rsts-nav-bullets a.active:after {
background-color: #8570a6;
}
.rsts-skin-tao .rsts-nav-numbers a,
.rsts-skin-tao .rsts-nav-tabs a {
margin: 5px;
border: 2px solid #8570a6;
border-radius: 3px;
font-size: 0.8125em;
line-height: 0.61538em;
color: #717c8e;
background-color: white;
}
.rsts-skin-tao .rsts-nav-numbers a:hover,
.rsts-skin-tao .rsts-nav-numbers a.active,
.rsts-skin-tao .rsts-nav-tabs a:hover,
.rsts-skin-tao .rsts-nav-tabs a.active {
color: white;
background-color: #8570a6;
text-decoration: none;
}
.rsts-skin-tao .rsts-nav-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 #8570a6;
border-radius: 100%;
background-color: rgba(133, 112, 166, 0.6);
transition: background-color 0.3s;
}
.rsts-skin-tao .rsts-video-play:after {
content: "\25b6";
padding: 0;
margin-left: 0.21429em;
font-size: 1.75em;
line-height: 2.78571em;
text-align: center;
}
.rsts-skin-tao .rsts-video-play:hover {
background-color: #8570a6;
}
.rsts-skin-tao .rsts-video-stop {
top: 20px;
right: 20px;
left: auto;
margin-top: 0;
border-radius: 3px;
}
.rsts-skin-tao .rsts-video-stop:after {
content: "\d7";
color: white;
padding: 0.78571em;
}
.rsts-skin-tao .rsts-video-youtube > .rsts-video-stop {
top: 30px;
right: 10px;
background-color: #1b1b1b;
}
.rsts-skin-tao .rsts-video-youtube > .rsts-video-stop:hover {
background-color: #cc181e;
}
.rsts-skin-tao .rsts-video-vimeo > .rsts-video-stop {
top: 10px;
right: auto;
left: 10px;
background-color: #111a19;
}
.rsts-skin-tao .rsts-video-vimeo > .rsts-video-stop:hover {
background-color: #00adef;
}
.rsts-skin-tao .rsts-video-ipad > .rsts-video-iframe {
padding-top: 38px;
background-color: black;
}
.rsts-skin-tao .rsts-video-ipad > .rsts-video-stop {
top: 1px;
right: 10px;
left: auto;
}
.rsts-skin-tao.rsts-video-playing .rsts-nav,
.rsts-skin-tao.rsts-video-playing .rsts-prev,
.rsts-skin-tao.rsts-video-playing .rsts-next {
display: none;
}
.rsts-skin-tao.rsts-touch .rsts-nav {
opacity: 1;
}
.rsts-skin-tao .rsts-progress {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 2px;
background-color: black;
opacity: 0;
transition: opacity 0.2s linear;
}
.rsts-skin-tao .rsts-progress div {
height: 100%;
background-color: white;
}
.rsts-skin-tao .rsts-progress.rsts-progress-active {
opacity: 0.3;
}
.rsts-skin-testimonials-centered.rsts-main,
.rsts-skin-partner.rsts-main,
.rsts-skin-mega-dropdown.rsts-main {
position: relative;
margin: 2.25em 0;
}
.rsts-skin-testimonials-centered .rsts-view,
.rsts-skin-partner .rsts-view,
.rsts-skin-mega-dropdown .rsts-view {
padding: 0 3.75em;
}
@media screen and (max-width: 599px) {
.rsts-skin-testimonials-centered .rsts-view,
.rsts-skin-partner .rsts-view,
.rsts-skin-mega-dropdown .rsts-view {
padding-right: 1.875em;
padding-left: 1.875em;
}
}
.rsts-skin-testimonials-centered .rsts-nav ul,
.rsts-skin-partner .rsts-nav ul,
.rsts-skin-mega-dropdown .rsts-nav ul {
height: 0;
margin: 0;
}
.rsts-skin-testimonials-centered .rsts-prev,
.rsts-skin-testimonials-centered .rsts-next,
.rsts-skin-partner .rsts-prev,
.rsts-skin-partner .rsts-next,
.rsts-skin-mega-dropdown .rsts-prev,
.rsts-skin-mega-dropdown .rsts-next {
position: absolute;
top: 50%;
left: 0;
margin-top: -1em;
border: 1px solid #e5e8ee;
overflow: hidden;
text-indent: -99em;
line-height: 0;
background-color: white;
}
.rsts-skin-testimonials-centered .rsts-prev:hover,
.rsts-skin-testimonials-centered .rsts-prev:focus,
.rsts-skin-testimonials-centered .rsts-next:hover,
.rsts-skin-testimonials-centered .rsts-next:focus,
.rsts-skin-partner .rsts-prev:hover,
.rsts-skin-partner .rsts-prev:focus,
.rsts-skin-partner .rsts-next:hover,
.rsts-skin-partner .rsts-next:focus,
.rsts-skin-mega-dropdown .rsts-prev:hover,
.rsts-skin-mega-dropdown .rsts-prev:focus,
.rsts-skin-mega-dropdown .rsts-next:hover,
.rsts-skin-mega-dropdown .rsts-next:focus {
text-decoration: none;
}
.sidebar .rsts-skin-testimonials-centered .rsts-prev,
.sidebar .rsts-skin-testimonials-centered .rsts-next,
.sidebar .rsts-skin-partner .rsts-prev,
.sidebar .rsts-skin-partner .rsts-next,
.sidebar .rsts-skin-mega-dropdown .rsts-prev,
.sidebar .rsts-skin-mega-dropdown .rsts-next {
bottom: 0.375em;
}
.rsts-skin-testimonials-centered .rsts-prev:after,
.rsts-skin-testimonials-centered .rsts-next:after,
.rsts-skin-partner .rsts-prev:after,
.rsts-skin-partner .rsts-next:after,
.rsts-skin-mega-dropdown .rsts-prev:after,
.rsts-skin-mega-dropdown .rsts-next:after {
font: 0.875em/1 "RockSolid Icons";
content: "\e018";
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
display: block;
padding: 0.57143em;
color: #717c8e;
}
.rsts-skin-testimonials-centered .rsts-prev:hover:after,
.rsts-skin-testimonials-centered .rsts-prev:focus:after,
.rsts-skin-testimonials-centered .rsts-next:hover:after,
.rsts-skin-testimonials-centered .rsts-next:focus:after,
.rsts-skin-partner .rsts-prev:hover:after,
.rsts-skin-partner .rsts-prev:focus:after,
.rsts-skin-partner .rsts-next:hover:after,
.rsts-skin-partner .rsts-next:focus:after,
.rsts-skin-mega-dropdown .rsts-prev:hover:after,
.rsts-skin-mega-dropdown .rsts-prev:focus:after,
.rsts-skin-mega-dropdown .rsts-next:hover:after,
.rsts-skin-mega-dropdown .rsts-next:focus:after {
color: #5a6372;
}
.rsts-skin-testimonials-centered .rsts-next,
.rsts-skin-partner .rsts-next,
.rsts-skin-mega-dropdown .rsts-next {
left: auto;
right: 0;
}
.rsts-skin-testimonials-centered .rsts-next:after,
.rsts-skin-partner .rsts-next:after,
.rsts-skin-mega-dropdown .rsts-next:after {
content: "\e019";
}
.rsts-skin-testimonials-centered .rsts-nav-prev,
.rsts-skin-testimonials-centered .rsts-nav-next,
.rsts-skin-partner .rsts-nav-prev,
.rsts-skin-partner .rsts-nav-next,
.rsts-skin-mega-dropdown .rsts-nav-prev,
.rsts-skin-mega-dropdown .rsts-nav-next {
display: none !important;
}
.rsts-skin-testimonials-centered .rsts-nav,
.rsts-skin-partner .rsts-nav,
.rsts-skin-mega-dropdown .rsts-nav,
.rsts-skin-carousel .rsts-nav {
line-height: 0;
}
.rsts-skin-testimonials-centered .rsts-nav ul,
.rsts-skin-partner .rsts-nav ul,
.rsts-skin-mega-dropdown .rsts-nav ul,
.rsts-skin-carousel .rsts-nav ul {
padding: 0;
text-align: center;
}
.rsts-skin-testimonials-centered .rsts-nav .rsts-nav-item,
.rsts-skin-partner .rsts-nav .rsts-nav-item,
.rsts-skin-mega-dropdown .rsts-nav .rsts-nav-item,
.rsts-skin-carousel .rsts-nav .rsts-nav-item {
display: inline;
}
.rsts-skin-testimonials-centered .rsts-nav .rsts-nav-item a,
.rsts-skin-partner .rsts-nav .rsts-nav-item a,
.rsts-skin-mega-dropdown .rsts-nav .rsts-nav-item a,
.rsts-skin-carousel .rsts-nav .rsts-nav-item a {
display: inline-block;
vertical-align: middle;
width: 18px;
height: 18px;
overflow: hidden;
outline: none;
padding: 5px;
text-indent: -99em;
}
.rsts-skin-testimonials-centered .rsts-nav .rsts-nav-item a:after,
.rsts-skin-partner .rsts-nav .rsts-nav-item a:after,
.rsts-skin-mega-dropdown .rsts-nav .rsts-nav-item a:after,
.rsts-skin-carousel .rsts-nav .rsts-nav-item a:after {
content: "";
display: block;
width: 6px;
height: 6px;
border: 1px solid #b2b9c4;
border-radius: 100%;
background: #b2b9c4;
background: rgba(178, 185, 196, 0.5);
}
.rsts-skin-testimonials-centered .rsts-nav .rsts-nav-item a:hover,
.rsts-skin-testimonials-centered .rsts-nav .rsts-nav-item a.active,
.rsts-skin-partner .rsts-nav .rsts-nav-item a:hover,
.rsts-skin-partner .rsts-nav .rsts-nav-item a.active,
.rsts-skin-mega-dropdown .rsts-nav .rsts-nav-item a:hover,
.rsts-skin-mega-dropdown .rsts-nav .rsts-nav-item a.active,
.rsts-skin-carousel .rsts-nav .rsts-nav-item a:hover,
.rsts-skin-carousel .rsts-nav .rsts-nav-item a.active {
text-decoration: none;
}
.rsts-skin-testimonials-centered .rsts-nav .rsts-nav-item a:hover:after,
.rsts-skin-testimonials-centered .rsts-nav .rsts-nav-item a.active:after,
.rsts-skin-partner .rsts-nav .rsts-nav-item a:hover:after,
.rsts-skin-partner .rsts-nav .rsts-nav-item a.active:after,
.rsts-skin-mega-dropdown .rsts-nav .rsts-nav-item a:hover:after,
.rsts-skin-mega-dropdown .rsts-nav .rsts-nav-item a.active:after,
.rsts-skin-carousel .rsts-nav .rsts-nav-item a:hover:after,
.rsts-skin-carousel .rsts-nav .rsts-nav-item a.active:after {
background-color: #b2b9c4;
}
.rsts-skin-partner .rsts-nav {
margin: 1.5em 0;
}
.rsts-skin-mega-dropdown.rsts-main {
margin: 0;
}
.rsts-skin-mega-dropdown .rsts-view {
padding: 0;
}
.rsts-skin-mega-dropdown .rsts-prev {
left: -6%;
right: auto;
}
.rsts-skin-mega-dropdown .rsts-next {
left: auto;
right: -6%;
}
.rsts-skin-mega-dropdown .rsts-nav {
text-align: center;
}
.rsts-skin-carousel .rsts-nav ul {
margin: 0.375em 0;
}
.rsts-skin-carousel .rsts-prev,
.rsts-skin-carousel .rsts-next {
display: none !important;
}
.rsts-skin-carousel .rsts-nav-prev,
.rsts-skin-carousel .rsts-nav-next {
display: inline;
margin-right: 1.25em;
}
.rsts-skin-carousel .rsts-nav-prev a,
.rsts-skin-carousel .rsts-nav-next a {
display: inline-block;
vertical-align: middle;
overflow: hidden;
text-indent: -99em;
line-height: 0;
}
.rsts-skin-carousel .rsts-nav-prev a:after,
.rsts-skin-carousel .rsts-nav-next a:after {
font: 1em/1 "RockSolid Icons";
content: "\e018";
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
display: block;
padding: 0.5em;
color: #717c8e;
}
.rsts-skin-carousel .rsts-nav-prev a:hover,
.rsts-skin-carousel .rsts-nav-prev a:focus,
.rsts-skin-carousel .rsts-nav-next a:hover,
.rsts-skin-carousel .rsts-nav-next a:focus {
text-decoration: none;
}
.rsts-skin-carousel .rsts-nav-prev a:hover:after,
.rsts-skin-carousel .rsts-nav-prev a:focus:after,
.rsts-skin-carousel .rsts-nav-next a:hover:after,
.rsts-skin-carousel .rsts-nav-next a:focus:after {
color: #5a6372;
}
.rsts-skin-carousel .rsts-nav-next {
margin-left: 1.25em;
margin-right: 0;
}
.rsts-skin-carousel .rsts-nav-next a:after {
content: "\e019";
}
.rsts-skin-light .rsts-nav {
position: absolute;
bottom: 20px;
margin: 0;
width: 100%;
}
/* ============================================================
NK brand recolor overlay (GENERATED) — main.css stays pristine Tao 1.6.6
Source: diff current(branded 1.5.18+NK) vs 1.6.6 defaults. Regenerable.
============================================================ */
html {
color: #333333;
font-size: 15px;
}
.ce_accordion .toggler,
.comment_default,
.enclosure,
.sidebar .enclosure,
.ce_downloads,
.content-downloads,
.sidebar .ce_downloads,
.sidebar .content-downloads,
.icon-boxes-item.-boxed,
.pricing-table-plan,
.rotating-boxes-item-cover,
.rotating-boxes-item-content,
.testimonial > p,
.main-content .testimonial > p,
table {
border-radius: 4px;
border: 1px solid #d6d6d6;
}
table th,
table td {
border-color: #efefef; /* Phase 4c fix: recolor must ONLY recolor — keep Tao's `border-width:1px 0 0 1px` (top+left), else `border` shorthand sets all 4 sides -> doubled 2px borders. */
}
.icon-boxes-item-link.-link,
.icon-links-label,
.info-map-boxes-item-link,
.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,
.mega-dropdown-column h1,
.mega-dropdown-column h2,
.mega-dropdown-column h3,
.sub-navigation ul a.trail,
.sub-navigation ul strong.trail,
.sub-navigation ul span.trail,
.tab-navigation.-image-tabs a.is-active,
a {
color: #008080;
}
.-color-inverted .rotating-boxes-item-content h3,
.confirmation,
.counter-boxes-item p,
.main-content label .mandatory,
.rotating-boxes-item-content h3,
.rotating-boxes-item-cover {
color: #009f9f;
}
.information {
color: #519ad3;
}
.warning,
form p b.error,
form p.error {
color: #df3232;
}
p.confirmation,
p.information,
p.warning,
div.confirmation,
div.information,
div.warning,
span.confirmation,
span.information,
span.warning {
border-radius: 4px;
border: 1px solid #d6d6d6;
color: #005353;
}
p.information,
div.information,
span.information {
color: #2b74ac;
}
p.warning,
div.warning,
span.warning {
color: #aa1b1b;
}
code,
pre {
background-color: #efefef;
border-radius: 4px;
}
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"] {
background: linear-gradient(#009a9a, #007171);
border-color: #006767 #004d4d #003434;
border-radius: 4px;
box-shadow: inset 0 1px #4ca6a6;
text-shadow: 0 -1px 0 #004d4d;
}
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 {
background: linear-gradient(#498973, #3b6e5d);
border-color: #376757 #2e5749 #25463b;
box-shadow: inset 0 1px #79a093;
text-shadow: 0 -1px 0 #2e5749;
}
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 {
background: linear-gradient(#f3f3f3, #dedede);
border-color: #c0c0c0 #b3b3b3 #a6a6a6;
color: #737373;
/* Die Normal-Button-Recolor-Regel oben gab tertiary faelschlich einen Teal-Top-
Highlight (box-shadow inset 0 1px #4ca6a6) -> gruene Kante oben am grauen Button;
prod = none. (Fix 2026-06-21, hand-edit wie quaternary) */
box-shadow: none;
text-shadow: 0 -1px 0 #cdcdcd;
}
button.-quaternary,
.button.-quaternary,
input[type="submit"].-quaternary,
.feature-box-link.-quaternary,
.headline-box-link.-quaternary {
border: 2px solid #333333;
/* Outline-Button: die Normal-Button-Recolor-Regel oben gab quaternary faelschlich
einen Teal-Gradient-bg + Schatten; prod = transparent Outline. (Fix 2026-06-21) */
background: none;
box-shadow: none;
text-shadow: none;
}
.header-bar {
background: #006666;
border-bottom: 1px solid #dedede;
}
.header-bar-inner,
.header-links.-secondary a {
color: #ffffff;
}
.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 {
border-radius: 4px 4px 0 0;
}
.header-login .formbody,
.header-dropdown > ul {
background: #f6f6f6;
border-radius: 4px 0 4px 4px;
border: 1px solid #d6d6d6;
color: #636363;
}
.header-navigation {
border-bottom: 1px solid #dedede;
}
.header-navigation-inner,
.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,
.main-navigation-search button,
.mega-dropdown-column ul a,
.tagline-inner {
color: #636363;
}
.main-navigation-wrapper,
.tab-navigation a,
.tab-start.-has-border,
fieldset {
border: 1px solid #d6d6d6;
}
.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 {
color: #636363;
font-size: 0.95em;
}
.main-navigation > ul > li > ul {
border-radius: 0 0 4px 4px;
border-top-color: #dedede;
border: solid #dedede;
}
.main-navigation > ul > li > ul li,
.mod_faqpage h3,
.news-image-teaser h2,
.news-list-boxed-item .news-list-boxed-item-info,
.pricing-table-plan h3,
.pricing-table-plan li,
.pricing-table-plan p {
border-bottom: 1px solid #efefef;
}
.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 {
font-size: 0.95em;
}
.main-navigation > ul > li > ul a {
border-radius: 4px;
color: #636363;
}
.mega-dropdown {
border-radius: 0 0 4px 4px;
border-top-color: #dedede;
border: solid #dedede;
font-size: 0.95em;
}
.main-navigation-search {
border-radius: 4px;
border: 1px solid #efefef;
}
.main-navigation-search input {
border-color: #d6d6d6;
}
.main-navigation-mobile {
background: #f6f6f6;
border-top: 1px solid #bebebe;
color: #636363;
}
.main-navigation-mobile ul ul {
background: #f6f6f6;
}
.main-navigation-mobile a,
.main-navigation-mobile strong,
.main-navigation-mobile span.active,
.main-navigation-mobile span.trail,
.main-navigation-mobile span.forward {
background-color: #f6f6f6;
border-bottom: 1px solid #bebebe;
}
.main-navigation-mobile a.active,
.main-navigation-mobile strong.active,
.main-navigation-mobile span.active {
background-color: #ffffff;
box-shadow: inset 0 0 5px #f6f6f6;
}
.main-navigation-mobile li li {
color: #232323;
}
.main-navigation-mobile .main-navigation-mobile-expand {
box-shadow: inset 1px 0 #dddddd;
}
.icon-boxes-item.-background-color,
.info-map-boxes-item,
.main-navigation-mobile-icons.main-navigation-mobile-icons a,
.pricing-table-plan.-highlighted,
.rsts-skin-tao .rsts-video-stop {
border-radius: 4px;
}
.tagline {
background: #f6f6f6;
border-bottom: 1px solid #dedede;
}
.content-image.no-border > figure,
.no-border .content-image > figure,
.tagline .content-image > figure,
.content-gallery.no-border figure {
background: none;
border: 0;
box-shadow: none;
}
.centered-wrapper.-border-top,
.fixed-note {
border-top: 1px solid #d6d6d6;
}
.centered-wrapper.-border-bottom,
.comment_default .info,
.footer-bar h1,
.footer-bar h2,
.footer-bar h3,
.mod_newsletterlist ul li {
border-bottom: 1px solid #d6d6d6;
}
.centered-wrapper.-highlight-color {
background-color: #009f9f;
}
.centered-wrapper.-background-color-1 {
background-color: #444942;
}
.centered-wrapper.-background-color-2 {
background-color: #ededed;
}
.main-content h1 {
color: #006666;
font-size: 1.6em;
}
.main-content h2 {
color: #808285;
font-size: 1.3em;
}
.-color-inverted .counter-boxes > h3,
.-color-inverted .counter-boxes-item h4,
.-color-inverted .explanation,
.-color-inverted .headline-box h3,
.-color-inverted .main-content blockquote,
.-color-inverted .main-content h6,
.-color-inverted .main-content label,
.-color-inverted .teaser-boxes-item,
.-color-inverted .team-boxes-item,
.main-content .-color-inverted h2 {
color: #dedede;
}
.main-content h3 {
font-size: 1.2em;
}
.main-content h4 {
font-size: 1em;
}
.ce_accordion,
.counter-boxes > h3,
.counter-boxes-item h4,
.explanation,
.feature-box-text,
.footer-bar,
.footer-copyright,
.footer-icon-links a,
.footer-links,
.footer-navigation,
.footer-top-link > span,
.headline-box h3,
.icon-boxes-item,
.main-content blockquote,
.main-content h6,
.main-content label,
.mod_faqpage .info,
.mod_faqreader .info,
.news-boxes-item-info,
.news-image-teaser .news-image-teaser-info,
.news-image-teaser p,
.news-image-teaser-meta b,
.pricing-table-plan p b,
.pricing-table-plan p i,
.pricing-table-plan ul,
.rotating-boxes-item,
.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,
.sidebar h1,
.sidebar h2,
.sidebar h3,
.sidebar h4,
.sub-navigation ul a,
.sub-navigation ul strong,
.sub-navigation ul span.trail,
.sub-navigation ul span.active,
.sub-navigation ul span.forward {
color: #666666;
}
input,
textarea {
border-bottom-color: #c9c9c9;
border-radius: 4px;
border: 1px solid #d6d6d6;
}
.invalid input,
input.error,
.invalid textarea,
textarea.error {
border-color: #df3232;
}
.-color-inverted input,
.-color-inverted textarea,
.footer-bar.-color-inverted,
.news-footer-item time {
background: #444942;
}
input[type="file"] {
border: 1px solid #d6d6d6 \9;
}
/* C5-konform: Bild-Rahmen gehoert auf die (semantisches Element), NICHT
auf den .content-image-Wrapper. In 4.13 war .image_container = die figure; C5
benennt das um -> .content-image ist der Wrapper, die figure ist klassenlos.
Die alte Wrapper-Regel ergab daher einen DOPPELTEN Rahmen (Wrapper + figure).
.image_container ist in C5 tot (0x gerendert). (Fix 2026-06-21) */
.content-image > figure,
.content-gallery figure {
background: #ffffff;
border-radius: 3px;
border: 1px solid #d6d6d6;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.image_container figcaption,
.content-image figcaption,
.image_container .caption,
.content-image .caption {
color: #666666;
font-size: 0.875em;
}
.video_container iframe {
border: 0;
}
.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,
.content-downloads h1,
.ce_downloads h2,
.content-downloads h2,
.ce_downloads h3,
.content-downloads h3,
.ce_downloads h4,
.content-downloads h4,
.ce_downloads h5,
.content-downloads h5,
.ce_downloads h6,
.content-downloads h6,
.sidebar .ce_downloads h1,
.sidebar .content-downloads h1,
.sidebar .ce_downloads h2,
.sidebar .content-downloads h2,
.sidebar .ce_downloads h3,
.sidebar .content-downloads h3,
.sidebar .ce_downloads h4,
.sidebar .content-downloads h4,
.sidebar .ce_downloads h5,
.sidebar .content-downloads h5,
.sidebar .ce_downloads h6,
.sidebar .content-downloads h6 {
background: #006666;
border-radius: 4px 4px 0 0;
color: #ffffff;
font-size: 0.75em;
}
.ce_accordion + .ce_accordion .toggler {
border-radius: 0 0 4px 4px;
}
.ce_accordion .accordion {
border-radius: 0 0 4px 4px;
border-top-color: #eaeaea;
border: 1px solid #d6d6d6;
}
.-color-inverted .-boxed .teaser-boxes-item h3,
.-color-inverted .-boxed .team-boxes-item h3,
.-color-inverted .news-footer-item time,
.feature-box-text h1,
.feature-box-text h2,
.feature-box-text h3,
.footer-top-link,
.icon-boxes-item h3,
.sub-navigation > ul > li > a {
color: #333333;
}
.-boxed > .teaser-boxes-item,
.-boxed > .team-boxes-item,
.highlight-box,
.news-list-boxed-item {
border-radius: 4px;
border: 1px solid #d6d6d6;
color: #666666;
}
.testimonial-author img,
.testimonial .testimonial-author img {
border: 1px solid rgba(165, 168, 165, 0.5);
}
.pricing-table-plan.-highlighted h3 {
background: #009f9f;
border-radius: 4px 4px 0 0;
}
.-color-inverted.-highlight-color .counter-boxes > h3,
.-color-inverted.-highlight-color .counter-boxes-item p,
.-color-inverted.-highlight-color .headline-box h3 {
color: #000606;
}
.projects-item {
border-top: 5px solid #efefef;
}
.info-map-boxes-item h3 {
border-bottom: 1px solid #efefef;
color: #009f9f;
}
.icon-buttons a {
border-radius: 4px;
border: 2px solid #333333;
}
.tab-navigation {
border-bottom-color: #d6d6d6;
}
.tab-navigation a.is-active {
background: #008080;
border-color: #008080;
box-shadow: 0 1px #008080;
}
.fixed-note-closed {
background: #008080;
}
.pagination li a,
.pagination li span {
background-color: #ffffff;
}
.pagination li .current,
.pagination li .active {
background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
border-bottom: 1px solid #efefef;
}
.news-image-teaser-meta .comment-count {
border-top: 1px solid #efefef;
color: #666666;
}
.news-list-boxed-item h3 {
color: #006666;
}
.news-boxes-item-image.-no-image,
.news-list-boxed-item-image.-no-image {
background: #8da182;
}
.mod_calendar td.today {
background-color: #d6d6d6;
}
.mod_search .header {
border-bottom: 1px solid #d6d6d6;
color: #666666;
}
.mod_search .highlight {
background: #cce5e5;
}
.mod_search .url {
border-bottom: 1px dotted #d6d6d6;
color: #666666;
}
.sub-navigation ul a.active,
.sub-navigation ul strong.active,
.sub-navigation ul span.active {
color: #004d4d;
}
.sub-navigation li {
border-top: 1px solid #efefef;
}
.rsts-skin-tao .rsts-caption,
.rsts-skin-tao .rsts-prev,
.rsts-skin-tao .rsts-next,
.rsts-skin-tao .rsts-video-play,
.rsts-skin-tao .rsts-video-stop {
background-color: #008080;
border-radius: 4px;
}
.tao-fullwidth .tagline .rsts-skin-tao .rsts-prev {
border-radius: 0 4px 4px 0;
}
.tao-fullwidth .tagline .rsts-skin-tao .rsts-next {
border-radius: 4px 0 0 4px;
}
.rsts-skin-tao .rsts-nav-numbers a,
.rsts-skin-tao .rsts-nav-tabs a {
border-radius: 4px;
border: 2px solid #008080;
color: #666666;
}
.rsts-skin-tao .rsts-video-play {
background-color: rgba(0, 128, 128, 0.6);
border: 3px solid #008080;
}
.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: 1px solid #efefef;
}
/* ------------------------------------------------------------
Phase 4c (2026-06-21): recolor GAP fixes the generator missed.
icon-boxes icon (.icon-boxes-item:before) — Tao purple #8570a6
-> NK teal #009f9f (matches prod 4.13: rgb(0,159,159)).
------------------------------------------------------------ */
.icon-boxes-item:before {
border-color: #009f9f;
color: #009f9f;
}
.icon-boxes-item.-inverted-icon:before {
border-color: #009f9f;
background-color: #009f9f;
}
.icon-boxes-item:hover:before,
.icon-boxes-item:focus:before {
background-color: #009f9f;
}
.icon-boxes-item:hover.-inverted-icon:before,
.icon-boxes-item:focus.-inverted-icon:before {
color: #009f9f;
}
.icon-boxes-item:hover.-headline-icon:before,
.icon-boxes-item:focus.-headline-icon:before {
color: #009f9f;
}
/* Button-Hover/Focus war Tao-Default HELLBLAU (main.css:1975 linear-gradient(#5ab9e5,#229dd5))
-> Recolor-Orphan. NK-Teal, klar heller als der Normal-Button (#009a9a/#007171) und etwas
heller als prod-Hover (#00a9a9/#006161) - User-Wunsch "helleres Gruen". Nur PRIMARY
(-secondary/-tertiary/-quaternary sind spezifischer, behalten ihren Hover). (Fix 2026-06-21) */
button:hover, button:focus,
.button:hover, .button:focus,
input[type="submit"]:hover, input[type="submit"]:focus,
input[type="reset"]:hover, input[type="reset"]:focus,
input[type="button"]:hover, input[type="button"]:focus {
background-image: linear-gradient(#00b8b8, #009090);
border-color: #00a3a3 #008f8f #007e7e;
}
/* Modifier-Button-Hover (-secondary/-tertiary) war ebenfalls Tao-Default-Blau
(main.css linear-gradient(#4db3e3,#2aa4dd)) -> Recolor-Orphan. EXAKT prod-Werte. (Fix 2026-06-21) */
button.-secondary:hover, button.-secondary:focus,
.button.-secondary:hover, .button.-secondary:focus,
input[type="submit"].-secondary:hover, input[type="submit"].-secondary:focus,
.header-login .formbody input[type=submit]:hover, .header-login .formbody input[type=submit]:focus,
.header-dropdown > ul input[type=submit]:hover, .header-dropdown > ul input[type=submit]:focus,
.pricing-table-plan.-highlighted a:hover, .pricing-table-plan.-highlighted a:focus,
.feature-box-link.-secondary:hover, .feature-box-link.-secondary:focus,
.headline-box-link.-secondary:hover, .headline-box-link.-secondary:focus {
background-image: linear-gradient(#4e937b, #356454);
border-color: #1d352d #14251f #0b1411;
}
button.-tertiary:hover, button.-tertiary:focus,
.button.-tertiary:hover, .button.-tertiary:focus,
input[type="submit"].-tertiary:hover, input[type="submit"].-tertiary:focus,
.rotating-boxes-item-content .rotating-boxes-item-link:hover, .rotating-boxes-item-content .rotating-boxes-item-link:focus,
.pricing-table-plan a:hover, .pricing-table-plan a:focus,
.feature-box-link.-tertiary:hover, .feature-box-link.-tertiary:focus,
.headline-box-link.-tertiary:hover, .headline-box-link.-tertiary:focus {
background-image: linear-gradient(#fafafa, #d7d7d7);
border-color: #b3b3b3 #a6a6a6 #9a9a9a;
}
/* ============================================================
custom.css — NK base styles (ALL domains)
Consolidated 2026-06-21 (Phase 4c): merged from custom-edit.css (superset)
+ span.value rule. Fonts live in custom-at.css / custom-au.css.
C5 selector migration: content-* added alongside legacy ce_*/image_container
(grouped -> works on Contao 5 AND 4.13).
============================================================ */
/* PRINT LAYOUT — ans Dateiende verschoben (oben wurde der Block im kombinierten CSS nicht
geparst — Combine-Parse-Quirk; am Ende, in der „erholten" Parser-Zone, greift er). */
/* body > .page: NUR der echte Seiten-Wrapper bekommt den Footer-Hügel-Background.
Schutz gegen Klassen-Kollision: ein versehentliches class="page" im Content-Text
(verschachteltes .page) darf den Hügel NICHT erben (sonst grüner Hügel mitten im Content). */
body > .page {
background: #ffffff url("/files/tao/img/bottom-slash.png");
background-repeat: no-repeat;
background-position: right bottom;
background-size: 100%;
}
.header-bar {
zoom: 1;
border-bottom: 1px solid #dedede;
font-size: 0.8125em;
background: linear-gradient(135deg, #006666, #008888);
}
/* Social Icons: Hintergrundfarbe #006666 entfernen */
.header-links.-secondary a:before {
background: rgba(0,0,0,0.4) !important;
}
.main-content fieldset,
.main-content form,
.main-content p,
.main-content table,
.sidebar p {
margin-top: .5em;
margin-bottom: .5em;
}
.main-content h2 {
color: #808218;
}
.levels .main-content .boxen h2 {
margin: 0.3em 0;
padding: 10px 0;
}
/* Diplomseite ohne Intro */
.diplseite .diplintro {
display:none;
}
.borderless .image_container,
.borderless .content-image {
padding: 0;
}
.graustufen img {
filter: grayscale(100%);
}
.waerme img {
filter: sepia(10%) saturate(120%) brightness(103%);
}
/* Catalog Manager */
.cm_listing.default {
display: flex;
flex-direction: column;
width: 100%;
}
.cm_table {
display: table;
width: 100%;
border-collapse: collapse;
margin-top: 10px;
margin-bottom: 30px;
}
.cm_row {
display: table-row;
}
.cm_column {
display: table-cell;
padding: 8px;
border: 1px solid #ddd;
}
.cm_row:first-child .cm_column {
font-weight: bold;
background-color: #efefef;
text-align: left;
}
.cm_row:nth-child(even):not(:first-child) .cm_column {
background-color: #f5f5f5;
}
/** .footer-links {
float: left;
}**/
.footer-copyright {
padding-bottom: 80px;
}
/* margin-bottom:0; */
/*
margin-top: 0.75em;
font-size: 1.4em;
} -- makes trouble at Downloads */
.main-content h3 {
/* margin-top: 1em; */
color: #808285;
/* font-size: 16px;*/
font-weight: 400;
}
.main-content h4 {
color: #808285;
font-weight: bold;
}
/* h2.ce_headline {margin-bottom: 0.3em;}*/
.main-content .ce_text ul,
/* h2.ce_headline {margin-bottom: 0.3em;}*/
.main-content .content-text ul,
.main-content .ce_downloads ul,
.main-content .content-downloads ul {
list-style-type: none;
padding-left: 3px;
}
.main-content .ce_text ul li,
.main-content .content-text ul li,
.main-content .ce_downloads ul li,
.main-content .content-downloads ul li {
text-indent: -9px;
margin-left: 11px;
}
.main-content .ce_text ul li:before,
.main-content .content-text ul li:before,
.main-content .ce_downloads ul li:before,
.main-content .content-downloads ul li:before {
font: 16px/1 "RockSolid Icons";
content: "\e00b";
display: inline-block;
position: relative;
margin-right: 1px;
}
/* Downloads OHNE Aufzählungspfeil: das PDF-/Mime-Icon dient bereits als Marker und sieht besser
aus (User-Entscheid 2026-06-23). Nur Download-Listen; Text-Listen behalten den Pfeil. Indent
zurücksetzen, damit das Icon links bündig sitzt. */
.main-content .ce_downloads ul li:before,
.main-content .content-downloads ul li:before {
content: none;
}
.main-content .ce_downloads ul li,
.main-content .content-downloads ul li {
text-indent: 0;
margin-left: 0;
}
p.confirmation,
p.information,
p.warning,
div.confirmation,
div.information,
div.warning,
span.confirmation,
span.information,
span.warning {
margin: 0;
}
p.tl_info {
background-color: #fbeeb8;
border: 2px solid;
border-color: #808218;
padding: 5px;
}
.displaynone {
display: none;
}
/* Kurs ausgebucht */
.event-fully-booked {
background-color: #fbeeb8;
border: solid 2px #ffeb97;
padding: 10px;
}
/* Wenn .empty vorhanden ist, verstecke die nachfolgende Tabelle und die Fußnote (Claude) */
.mod_eventlist .empty + table.eventtable,
.mod_eventlist .empty + table.eventtable + div {
display: none;
}
/* Abstand nach der "keine Termine"-Meldung */
.mod_eventlist .empty {
margin-bottom: 20px;
}
.placesleft {
background-color: #fbeeb8;
border: solid 2px #ffeb97;
padding: 3px 7px;
}
p.information,
div.information,
span.information {
color: #006666;
}
div.information {
background-color: #fafafa;
}
div.information::before {
background-color: #006566;
}
.button + .courseprice {
display:none;
}
.button.-tertiary {
text-shadow: 0 0px 0 #cdcdcd;
}
.alignright {
text-align: right;
}
.video_container,
.content-youtube {
max-width: 630px;
margin: 20px 0; /* = prod .video_container; C5 .content-youtube bekam sonst margin:0 */
}
/*
Youtube Modul Responsive
.ce_youtube .ytwrapper {
position: relative;
width: 100%;
height: auto;
padding-bottom: 56.25%;
}
.ce_youtube iframe {
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
width: 100%;
height: 100%;
}
*/
/*
.ce_youtube .yt_wrapper {
position: relative;
padding-bottom: 56%;
padding-top: 0px;
height: 0px;
overflow: hidden;
cursor: pointer
width: 100%;
}
.ce_youtube .yt_wrapper figure img,.ce_youtube .yt_wrapper iframe,.ce_youtube .yt_wrapper object,.ce_youtube .yt_wrapper embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
*/
/* folgt direkt auf information: Bild hinzugefügt in Event-Details (teaser) */
.information + .image_container.float_left,
/*
Youtube Modul Responsive
.ce_youtube .ytwrapper {
position: relative;
width: 100%;
height: auto;
padding-bottom: 56.25%;
}
.ce_youtube iframe {
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
width: 100%;
height: 100%;
}
*/
/*
.ce_youtube .yt_wrapper {
position: relative;
padding-bottom: 56%;
padding-top: 0px;
height: 0px;
overflow: hidden;
cursor: pointer
width: 100%;
}
.ce_youtube .yt_wrapper figure img,.ce_youtube .yt_wrapper iframe,.ce_youtube .yt_wrapper object,.ce_youtube .yt_wrapper embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
*/
/* folgt direkt auf information: Bild hinzugefügt in Event-Details (teaser) */
.information + .content-image.float_left {
margin: 1em 2.84615% 1em 0;
}
.information + .image_container.float_right,
.information + .content-image.float_right {
margin: 1em 0 1em 2.84615%;
}
/*
.videowrapper {
position: relative;
padding-bottom: 56.25%;
16:9
padding-top: 25px;
height: 0;
}
.videowrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
*/
.fixedposition {
position: fixed;
overflow-y: scroll;
height: 350px;
width: 330px;
}
.centered {
text-align: center;
}
/* Video zentriert Option */
/* 1. Haupt-Wrapper: Zentriert die Überschrift und den Block als Ganzes */
.video-centered {
display: flex;
flex-direction: column;
align-items: center;
text-align: center; /* Zentriert den Text der Überschrift */
}
/* 2. Der Video-Container (figure in 5.3 / video_container in 4.13) */
.video-centered figure,
.video-centered .video_container {
width: 100%;
/* WICHTIG: Hier musst du festlegen, wie breit das Video maximal sein darf,
sonst nimmt es 100% ein und eine Zentrierung ist gar nicht sichtbar */
max-width: 640px;
margin: 0 auto !important; /* Zentriert den Block an sich */
}
/* C5: der Container selbst ist .content-youtube (4.13 = .video_container) und erbt aus der
Basisregel margin:20px 0 = linksbündig. .video-centered muss den Container ZENTRIEREN
(in 4.13 war das zentrierte Element direkt .video_container). margin:auto auf dem
Flex-Container zentriert ihn in der Hauptspalte; top/bottom (20px) bleibt erhalten. */
.content-youtube.video-centered {
margin-left: auto;
margin-right: auto;
}
/* 3. Videounterschrift zentrieren */
.video-centered figcaption,
.video-centered .caption {
text-align: center;
display: block;
margin-top: 10px;
}
.csstab {
min-width: 80px;
display: block;
float: left;
}
.spacetop {
padding-top: 5px;
}
.dateleft {
min-width: 260px;
display: block;
float: left;
}
.infolabel {
font-weight: bold;
}
p.externaleventlink {
clear: both;
font-weight: bold;
}
span.externaleventlink {
background-color: yellow;
}
/* Keine h3 Überschrift bei Kursbeschreibung in eventreader */
.mod_eventreader .anker h3:first-child {
display: none;
}
/* externe Links mit Icon versehen */
.main-content a[target=_blank]: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;
}
.main-content .image_container a[target=_blank]:after,
.main-content .content-image a[target=_blank]:after {
content: none;
}
/* Formularfelder zweispaltig mit float */
div.float1,
div.float2 {
float: left;
clear: none;
}
@media screen and (max-width: 599px) {
div.float1,
div.float2 {
width: 50%
}
}
@media screen and (min-width: 599px) {
div.float1,
div.float2 {
width: 37.50%
}
}
input.float1,
input.float2 {
width: 100%
}
div.float1 {
padding-right: 10px;
}
div.float2 {
padding-left: 10px;
}
/* ELEMENTS */
.downloads-no-border {
padding: 0;
margin: .5em 0;
border: 0;
text-indent: -1.4em;
}
.downloads-no-border ul li:before {
content: "";
}
.ddate,
.dsize {
font-size: xx-small;
}
.ce_downloads h2,
.content-downloads h2 {
color: #efefef;
}
.smalltext {
font-size: 12px;
}
/* Zurücksymbol bei Button "Zurück" */
.back a:before,
.previous a:before,
.next a:after {
top: 0;
}
/* Zurück nicht anzeigen vor Anmeldeformular */
.eventend + .back {
display: none;
}
/* 3-spaltige boxen deko für Desktop */
.boxen {
border: 1px solid #b2b9c4;
background-color: #efefef;
padding: 0 3%;
}
.boxen h3 {
color: #006666;
font-size: 18px;
margin: 8px 0;
}
.boxen a,
.boxen p,
.boxen li {
color: #000;
}
#graybg {
background-color: #f9f9f9;
}
/* Boxen für Desktop */
@media screen and (min-width: 599px) {
/* .tao-no-sidebar .rs-column {
margin-right: 2%;
}
/* .tao-no-sidebar .rs-column.-large-col-3-1 {
width: 31.66667%;
} */
.header-navigation {
background-color: #fafafa;
}
.header-navigation-inner {
height: 96px;
}
.main-navigation>ul>li>a {
font-size: 0.95em; /*.95em;*/
}
.sidebar form label {
display: inline;
}
.sidebar form {
margin: 1em 0 0 .3em;
}
.sidebar h1,
.sidebar h2,
.sidebar h3,
.sidebar h4 {
font-size: 1.1em;
}
.ce_page_teaser,
.ce_teaser {
cursor: pointer;
}
.eventtable td.title {
font-weight: 500;
}
.eventtable table th {
font-size: 18px;
}
.instrcol {
min-width: 170px;
}
.location {
max-width: 200px;
}
}
/* RESPONSIVE ADJUSTMENTS */
/* Responsive Event Table */
@media screen and (max-width: 599px) {
.instrcol {
display: none;}
th.hours, td.hours {
display: none;}
.infoboxnobreak {
clear:both;
}
}
@media screen and (min-width: 599px) {
.instrloc {
display: none;
}
/* Mailchimp Formular im Desktop-Mode begrenzen
#mc_embed_signup form {
max-width: 450px;
} */
}
/* GLOBAL ELEMENTS */
/* Table Shade */
tr:nth-child(even) {
background: #efefef;
}
tr:nth-child(odd) {
background: #fff;
}
/* other */
hr,
.headline-hr:before,
.headline-hr:after {
margin: 1em 0;
}
.topline {
border-top: 1px solid #efefef;
}
.textwidth p {
max-width: 35em;
}
.main-content label {
font-size: 0.95em;
}
/* Specific Page Formatting */
#home-about-nk-international-accreditation ul>li {
list-style: none;
}
/* Custom Class Definitions */
.nrt-logo img {
max-width: 12em;
margin-top: 0.3em;
}
.price {
display: inline;
}
.event_int .price {
display: none;
}
.course_desc ul {
margin-bottom: 0;
}
.course_desc h3 {
margin-top: 1.1em;
}
/* ANCHOR NAVIGATION */
/* Course Descriptions: jump menu layout */
.anchornavi {
/* font-family: 'News Cycle', sans-serif;
font-size: 15px;
clear: none;
float: right;
margin: 1em;*/
padding: 1em;
border: solid 1px #ddd;
/*list-style-type: square;*/
width: 315px;
}
.floatright {
float: right;
margin-left: 10px;
}
/*
aside.sidebar {
background-color: #fafafa;
border: 3px solid #191717;
box-shadow: 5px 5px 0 #f09;
box-sizing: border-box;
padding: 20px;
position: sticky;
position: -webkit-sticky;
top: 100px;
}
*/
/* Corrects menu overlay after anchor jump, insert
@media screen and (min-width: 899px) {
#descriptions .ce_headline {
display: block;
position: relative;
top: -50px;
}
#descriptions .ce_headline {
display: block;
position: relative;
bottom: 50px;
}
#agbs .anker {
top: 0px;
}
*/
/* Anchornavi am Desktop in der linken Spalte, am Telefon im Hauptartikel */
.hideondesktop {
display: none;
}
/* alternativ ins CSS feld des Elements eintragen */
.anker {
/*margin-top: -45px;
padding-top: 45px;
border-top: 45px solid transparent;
margin-top: -45px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
}*/
}
/* Ende Desktop */
@media screen and (max-width: 599px) {
.anchornavi {
font-size: 16px;
max-width: 100%;
}
}
/* other custom */
.nk_institutes {
padding: 0;
margin: 0;
border: 0;
text-indent: -1.4em;
}
.nk_institutes ul li:before {
content: "";
margin-left: -7px;
margin-bottom: 0;
}
.nk_institutes img {
padding: 0;
}
/* Pdf Download Icon */
.main-content ul li[data-icon]:before {
color: #9f006e;
}
/** Images **/
/** Images: Padding auf die (C5: .content-image ist der Wrapper, nicht die
figure). Frueher .image_container (=figure in 4.13) -> auf Wrapper wuerde es den
Rahmen-Abstand verdoppeln. (Fix 2026-06-21) **/
.content-image > figure,
.content-gallery figure {
padding: .4em;
}
.image_container.float_left,
.content-image.float_left {
float: left;
margin: .5em 3.25% 1em 0;
}
.image_container.float_left,
.content-image.float_left {
float: left;
margin: .5em 3.25% 1em 0;
}
@media screen and (max-width: 599px) {
.image_container.float_right,
.content-image.float_right {
/* float: right; */
margin: .5em 0 1em 0;
}
}
@media screen and (min-width: 599px) {
.image_container.float_right,
.content-image.float_right {
float: right;
margin: .5em 0 1em 3.25%;
}
/* Images */
.tao-no-sidebar .image_container.float_left,
/* Images */
.tao-no-sidebar .content-image.float_left {
margin: 0.5em 2.84615% 1em 0;
}
.tao-no-sidebar .image_container.float_right,
.tao-no-sidebar .content-image.float_right {
margin: 0.5em 0 1em 2.84615%;
}
}
#noborder .image_container,
#noborder .content-image {
padding: 0;
border: 0;
display: inline;
}
/* CONTENT SLIDER */
/* Slider-Button */
.slider-control .slider-next,
.slider-control .slider-prev {
min-width: 6em;
padding: 0.4em;
text-align: center;
border: 1px solid;
border-color: #ddd;
outline: none;
/* entfernt gepunktete Linie nach Klick */
text-decoration: none;
display: block;
background-color: #eee;
}
.slider-control .slider-next:hover,
.slider-control .slider-prev:hover {
background-color: #efefef;
}
@media screen and (max-width: 780px) {
.slider-control .slider-menu b {
font-size: .7em;
}
}
@media screen and (max-width: 520px) {
.slider-control .slider-menu b {
font-size: .5em;
}
}
/* Search Button */
.main-navigation-search button {
background-color: #efefef;
}
/** BLOG **/
.layout_latest h2 {
padding: .1em .3em;
/* background-color: #efefef;
border-radius: 5px; */
border-bottom: 1px solid #ddd;
}
.layout_latest .teaser {
padding-left: .3em;
}
.layout_latest .more {
/* width : 7.5em; --> original getippt, padding nicht zu kombinieren mit width
padding : .3em; */
padding: .3em .5em;
/* Design-Kontrolle*/
text-align: center;
background-color: #efefef;
border-radius: 4px;
display: inline-block;
margin-left: auto;
margin-right: 0;
}
/* jQuery TOC */
#toc {
float: right;
font-size: 10pt;
width: 200px;
padding: 10px 10px 10px 20px;
background: #efefef;
border: solid 1px #ddd;
margin: 0 0 10px 15px;
}
/* Events */
/* reginfo calendar extended */
.reginfo {
display: none;
}
.reginfotext {
display: none;
}
.calendar td {
padding: 5px;
height: 100px;
}
.calendar .head {
text-align: center;
}
.calendar .label {
width: 14.25%;
font-size: 0.75em;
}
.calendar .header {
font-size: 0.75em;
background-color: #efefef;
padding-left: 3px;
}
.calendar .empty .header {
background-color: #fff;
}
.calendar .today .header {
background-color: #9f111b;
color: #fff;
font-weight: 700;
}
.calendar .event {
margin: 3px 0;
line-height: 1.1;
}
.calendar .event a {
font-size: 1em;
}
.minicalendar .head,
.minicalendar .label,
.minicalendar td {
text-align: center;
}
.minicalendar .active {
background: #9f111b;
}
.minicalendar .active a,
.minicalendar .active a:visited {
color: #fff;
}
.layout_upcoming {
padding: 1em 0.25em;
border-bottom: 1px solid #ccc;
}
.layout_upcoming.odd {
background: #efefef;
}
/** responsive iframe **/
.embed-container {
position: relative;
padding-bottom: 56.25%;
/* ratio 16x9 */
height: 0;
overflow: hidden;
width: 100%;
height: auto;
}
.embed-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ce_text,
.content-text,
.ce_headline,
.content-headline {
clear: both;
}
/* Float löschen (und Padding entfernen) */
.clearboth,
.clear {
clear: both;
}
/* Float löschen (und Padding entfernen) */
.clearnone,
.teaser {
clear: none;
}
.nofiledate .ddate {
display: none;
}
.ce_downloads a[target=_blank]:after,
.content-downloads a[target=_blank]:after {
display: none;
}
@media screen and (max-width: 599px) {
.infolabel {
font-size: 15px !important;
}
.infovalue {
font-size: 15px !important;
}
}
.buttons-untereinander {
display: block;
margin-bottom: 0.5rem;
width: 400px;
text-align: left;
}
/* preserved from legacy minified custom.css */
span.value { display: none; }
/* ============================================================
Phase 4c — C5/Tao-1.6.6 visual fixes (2026-06-21)
============================================================ */
/* Logo: Tao 1.6.6 changed the .logo inset to top/bottom 17.5% (main.css:2671)
-> absolute container only 62.4px tall AND sitting ~12px too low; the logo img
(height:100% of container) renders 105px. Prod (Tao 1.5.18) used ~5% inset ->
86.4px container -> 145x86 at y42. Fix the CONTAINER inset to match prod; Tao's
own `.logo img{height:100%;width:auto}` then fills it correctly (145x86). */
.logo {
top: 5%;
bottom: 5%;
}
/* Base line-height: Tao 1.6.6 sets html `font:16px/1.5625` (main.css:102) -> body
line-height 25px. Prod (Tao 1.5.18) = 1.4 -> 22.4px. Match prod. */
body {
line-height: 1.4;
}
/* Compact content tables (User-Wunsch 2026-06-21): Tao-Default 0.375em 0.625em
(= 6px 10px) ist zu luftig. Kompakter; greift auf eventtable + content-Tabellen. */
.main-content table th,
.main-content table td,
.eventtable th,
.eventtable td {
padding: 3px 8px;
}
/* Bild-Rahmen = prod image_container. Tao 1.6.6 (main.css:4137-4139) gibt
`.media > figure`/`.content-image > figure`/gallery-figures 0.75em padding,
border #b2b9c4, radius 2px. Prod = 0.4em / #d6d6d6 / 3px. Zentral angleichen
(gilt für gefloatete UND nicht-gefloatete Text-Element-Bilder). Standalone
`.content-image`-figure ist bereits via Recolor gerahmt. */
.main-content .media:not(.no-border) > figure,
.main-content .content-image > figure,
.main-content .content-gallery figure {
padding: 0.4em;
border-color: #d6d6d6;
border-radius: 3px;
}
.main-content .media > figure figcaption,
.main-content .media > figure .caption {
color: #666666;
}
/* Box-Überschriften: Recolor `.main-content h3{1.2em}` (lädt zuletzt) überschreibt
gleichspezifische Tao-Box-h3-Größen -> auf homepage icon-boxes h3 16.8 statt 21px.
Mit `.main-content`-Präfix (höhere Spezifität) auf prod-Wert (1.5em) zurück. */
.main-content .icon-boxes-item h3,
.main-content .counter-boxes-item h3,
.main-content .rotating-boxes-item-content h3,
.main-content .news-list-boxed-item h3 {
font-size: 1.5em;
}
/* Gefloatete Content-Bilder in C5: das Text-Element-Bild rendert als klassenloses
`.media--right/left > figure` -> bekommt Tao-1.6.6-Defaults aus main.css statt der
NK-`.image_container`-Werte (prod). Hier auf die prod-Werte zurückgeholt:
- Breite: Tao `width:37.5% !important` (main.css:4264) -> auto (= Naturgröße, prod)
- Padding: Tao `0.75em`=12px (main.css:4137) -> 0.4em=6.4px (prod image_container)
- Margin: Tao `1.5em 0 1.125em 6.25%` (main.css:4265) -> .5em/1em/3.25% (prod)
main.css bleibt pristine; das ist der NK-Override. Mobile (<600) = Tao-Regel (auto/float:none). */
@media screen and (min-width: 600px) {
.main-content .media--right > figure,
.main-content .media--left > figure,
.main-content .image_container.float_right,
.main-content .image_container.float_left,
.main-content .content-image.float_right,
.main-content .content-image.float_left {
width: auto !important;
/* padding/border/radius via central frame rule above (respects .no-border) */
}
.main-content .media--right > figure,
.main-content .image_container.float_right,
.main-content .content-image.float_right {
margin: 0.5em 0 1em 3.25%;
}
.main-content .media--left > figure,
.main-content .image_container.float_left,
.main-content .content-image.float_left {
margin: 0.5em 3.25% 1em 0;
}
}
/* nk-anwender Catalog-Tabelle smartphone-tauglich (2026-06-21): <=600px gestapelte Karten
statt 5-Spalten-Tabelle. Feste Spaltenreihenfolge (Level/Vorname/Nachname/Ort/Land) ->
Labels via nth-child. Nur AT (deutsch) live. */
@media screen and (max-width: 600px) {
.cm_table { display: block; }
.cm_table .cm_row { display: block; border: 1px solid #ddd; border-radius: 4px;
margin-bottom: 12px; padding: 6px 12px; background: #fff; }
.cm_table .cm_row:first-child { display: none; }
.cm_table .cm_row:nth-child(even):not(:first-child) .cm_column { background: none; }
.cm_table .cm_column { display: block; border: none; padding: 3px 0; }
.cm_table .cm_column::before { font-weight: bold; color: #006666; margin-right: .4em; }
.cm_table .cm_column:nth-child(1)::before { content: "Level:"; }
.cm_table .cm_column:nth-child(2)::before { content: "Vorname:"; }
.cm_table .cm_column:nth-child(3)::before { content: "Nachname:"; }
.cm_table .cm_column:nth-child(4)::before { content: "Ort:"; }
.cm_table .cm_column:nth-child(5)::before { content: "Land:"; }
}
/* ===== nk-anwender Seite: kompaktes Suchformular + Tabellen-Filter/Sort (2026-06-21) ===== */
/* Kompaktes Suchformular (gescoped via cssID nk-anwender-search) */
.nk-anwender-search { max-width: 720px; }
.nk-anwender-search .formbody {
display: grid; grid-template-columns: 1fr 1fr; gap: 10px 16px; align-items: end;
}
.nk-anwender-search .widget { margin: 0 !important; float: none !important; width: auto !important; }
.nk-anwender-search .widget-select.select:not(.float1):not(.float2), /* Level (volle Breite) */
.nk-anwender-search .widget-submit { grid-column: 1 / -1; }
.nk-anwender-search .widget-submit { justify-self: start; margin-top: 2px !important; }
.nk-anwender-search .widget label { display: block; margin: 0 0 3px; font-size: .9em; font-weight: 600; color: #444; }
.nk-anwender-search .widget input.text,
.nk-anwender-search .widget select { width: 100%; box-sizing: border-box; }
.nk-anwender-search .widget-submit button { width: auto; }
/* Live-Filter-Toolbar über der Tabelle */
.cm-toolbar { margin: 10px 0 12px; display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.cm-filter { flex: 1 1 280px; max-width: 420px; padding: 8px 12px; border: 1px solid #d6d6d6;
border-radius: 4px; font-size: 1em; box-sizing: border-box; }
.cm-filter:focus { outline: none; border-color: #009a9a; box-shadow: 0 0 0 2px rgba(0,154,154,.15); }
.cm-count { color: #717c8e; font-size: .9em; white-space: nowrap; }
/* Sortierbare Spaltenköpfe (Desktop) */
.cm_table .cm-head .cm_column { cursor: pointer; user-select: none; }
.cm_table .cm-head .cm_column:hover { color: #006666; }
.cm_table .cm-head .cm_column[data-sortdir]::after { content: " \25B2"; font-size: .7em; color: #009a9a; }
.cm_table .cm-head .cm_column[data-sortdir="desc"]::after { content: " \25BC"; }
/* Mobile: Filter-Toolbar bleibt; Kopfzeile ist (via vorhandener Regel) ausgeblendet */
@media screen and (max-width: 600px) {
.cm-toolbar { flex-direction: column; align-items: stretch; }
.cm-filter { flex: none; width: 100%; max-width: none; } /* sonst wird flex-basis zur Hoehe */
}
/* nk-anwender Map: Container vor Consent nicht 400px leer reservieren (Höhe kommt per JS beim Laden).
Der Consent-Button steht kompakt; nach Klick expandiert die Map. (2026-06-21) */
.map-view.gmap { margin: 6px 0 18px; }
.map-view.gmap > button { display: inline-block; }
/* ============================================================================
Form-Dropdowns ans Feld-Design angleichen (2026-06-23, User-Wunsch, GLOBAL/custom).
Die