.download-element a{padding:3px 6px 3px 22px;background:url(../../assets/contao/images/iconPLAIN.svg) left center no-repeat}ul.enclosure{padding-left:0}li.download-element{list-style-type:none}.ext-xl a{background-image:url(../../assets/contao/images/iconXL.svg)}.ext-xls a{background-image:url(../../assets/contao/images/iconXLS.svg)}.ext-xlsx a{background-image:url(../../assets/contao/images/iconXLSX.svg)}.ext-hqx a{background-image:url(../../assets/contao/images/iconHQX.svg)}.ext-cpt a{background-image:url(../../assets/contao/images/iconCPT.svg)}.ext-bin a{background-image:url(../../assets/contao/images/iconBIN.svg)}.ext-doc a{background-image:url(../../assets/contao/images/iconDOC.svg)}.ext-docx a{background-image:url(../../assets/contao/images/iconDOCX.svg)}.ext-word a{background-image:url(../../assets/contao/images/iconWORD.svg)}.ext-cto a{background-image:url(../../assets/contao/images/iconCTO.svg)}.ext-dms a{background-image:url(../../assets/contao/images/iconDMS.svg)}.ext-lha a{background-image:url(../../assets/contao/images/iconLHA.svg)}.ext-lzh a{background-image:url(../../assets/contao/images/iconLZH.svg)}.ext-exe a{background-image:url(../../assets/contao/images/iconEXE.svg)}.ext-class a{background-image:url(../../assets/contao/images/iconCLASS.svg)}.ext-so a{background-image:url(../../assets/contao/images/iconSO.svg)}.ext-sea a{background-image:url(../../assets/contao/images/iconSEA.svg)}.ext-dll a{background-image:url(../../assets/contao/images/iconDLL.svg)}.ext-oda a{background-image:url(../../assets/contao/images/iconODA.svg)}.ext-pdf a{background-image:url(../../assets/contao/images/iconPDF.svg)}.ext-ai a{background-image:url(../../assets/contao/images/iconAI.svg)}.ext-eps a{background-image:url(../../assets/contao/images/iconEPS.svg)}.ext-ps a{background-image:url(../../assets/contao/images/iconPS.svg)}.ext-pps a{background-image:url(../../assets/contao/images/iconPPS.svg)}.ext-ppt a{background-image:url(../../assets/contao/images/iconPPT.svg)}.ext-pptx a{background-image:url(../../assets/contao/images/iconPPTX.svg)}.ext-smi a{background-image:url(../../assets/contao/images/iconSMI.svg)}.ext-smil a{background-image:url(../../assets/contao/images/iconSMIL.svg)}.ext-mif a{background-image:url(../../assets/contao/images/iconMIF.svg)}.ext-odc a{background-image:url(../../assets/contao/images/iconODC.svg)}.ext-odf a{background-image:url(../../assets/contao/images/iconODF.svg)}.ext-odg a{background-image:url(../../assets/contao/images/iconODG.svg)}.ext-odi a{background-image:url(../../assets/contao/images/iconODI.svg)}.ext-odp a{background-image:url(../../assets/contao/images/iconODP.svg)}.ext-ods a{background-image:url(../../assets/contao/images/iconODS.svg)}.ext-odt a{background-image:url(../../assets/contao/images/iconODT.svg)}.ext-wbxml a{background-image:url(../../assets/contao/images/iconWBXML.svg)}.ext-wmlc a{background-image:url(../../assets/contao/images/iconWMLC.svg)}.ext-dmg a{background-image:url(../../assets/contao/images/iconDMG.svg)}.ext-dcr a{background-image:url(../../assets/contao/images/iconDCR.svg)}.ext-dir a{background-image:url(../../assets/contao/images/iconDIR.svg)}.ext-dxr a{background-image:url(../../assets/contao/images/iconDXR.svg)}.ext-dvi a{background-image:url(../../assets/contao/images/iconDVI.svg)}.ext-gtar a{background-image:url(../../assets/contao/images/iconGTAR.svg)}.ext-inc a{background-image:url(../../assets/contao/images/iconINC.svg)}.ext-php a{background-image:url(../../assets/contao/images/iconPHP.svg)}.ext-php3 a{background-image:url(../../assets/contao/images/iconPHP3.svg)}.ext-php4 a{background-image:url(../../assets/contao/images/iconPHP4.svg)}.ext-php5 a{background-image:url(../../assets/contao/images/iconPHP5.svg)}.ext-phtml a{background-image:url(../../assets/contao/images/iconPHTML.svg)}.ext-phps a{background-image:url(../../assets/contao/images/iconPHPS.svg)}.ext-js a{background-image:url(../../assets/contao/images/iconJS.svg)}.ext-psd a{background-image:url(../../assets/contao/images/iconPSD.svg)}.ext-rar a{background-image:url(../../assets/contao/images/iconRAR.svg)}.ext-fla a{background-image:url(../../assets/contao/images/iconFLA.svg)}.ext-swf a{background-image:url(../../assets/contao/images/iconSWF.svg)}.ext-sit a{background-image:url(../../assets/contao/images/iconSIT.svg)}.ext-tar a{background-image:url(../../assets/contao/images/iconTAR.svg)}.ext-tgz a{background-image:url(../../assets/contao/images/iconTGZ.svg)}.ext-xhtml a{background-image:url(../../assets/contao/images/iconXHTML.svg)}.ext-xht a{background-image:url(../../assets/contao/images/iconXHT.svg)}.ext-zip a{background-image:url(../../assets/contao/images/iconZIP.svg)}.ext-m4a a{background-image:url(../../assets/contao/images/iconM4A.svg)}.ext-mp3 a{background-image:url(../../assets/contao/images/iconMP3.svg)}.ext-wma a{background-image:url(../../assets/contao/images/iconWMA.svg)}.ext-mpeg a{background-image:url(../../assets/contao/images/iconMPEG.svg)}.ext-wav a{background-image:url(../../assets/contao/images/iconWAV.svg)}.ext-ogg a{background-image:url(../../assets/contao/images/iconOGG.svg)}.ext-mid a{background-image:url(../../assets/contao/images/iconMID.svg)}.ext-midi a{background-image:url(../../assets/contao/images/iconMIDI.svg)}.ext-aif a{background-image:url(../../assets/contao/images/iconAIF.svg)}.ext-aiff a{background-image:url(../../assets/contao/images/iconAIFF.svg)}.ext-aifc a{background-image:url(../../assets/contao/images/iconAIFC.svg)}.ext-ram a{background-image:url(../../assets/contao/images/iconRAM.svg)}.ext-rm a{background-image:url(../../assets/contao/images/iconRM.svg)}.ext-rpm a{background-image:url(../../assets/contao/images/iconRPM.svg)}.ext-ra a{background-image:url(../../assets/contao/images/iconRA.svg)}.ext-bmp a{background-image:url(../../assets/contao/images/iconBMP.svg)}.ext-gif a{background-image:url(../../assets/contao/images/iconGIF.svg)}.ext-jpeg a{background-image:url(../../assets/contao/images/iconJPEG.svg)}.ext-jpg a{background-image:url(../../assets/contao/images/iconJPG.svg)}.ext-jpe a{background-image:url(../../assets/contao/images/iconJPE.svg)}.ext-png a{background-image:url(../../assets/contao/images/iconPNG.svg)}.ext-tiff a{background-image:url(../../assets/contao/images/iconTIFF.svg)}.ext-tif a{background-image:url(../../assets/contao/images/iconTIF.svg)}.ext-svg a{background-image:url(../../assets/contao/images/iconSVG.svg)}.ext-svgz a{background-image:url(../../assets/contao/images/iconSVGZ.svg)}.ext-webp a{background-image:url(../../assets/contao/images/iconWEBP.svg)}.ext-avif a{background-image:url(../../assets/contao/images/iconAVIF.svg)}.ext-heic a{background-image:url(../../assets/contao/images/iconHEIC.svg)}.ext-jxl a{background-image:url(../../assets/contao/images/iconJXL.svg)}.ext-eml a{background-image:url(../../assets/contao/images/iconEML.svg)}.ext-asp a{background-image:url(../../assets/contao/images/iconASP.svg)}.ext-css a{background-image:url(../../assets/contao/images/iconCSS.svg)}.ext-scss a{background-image:url(../../assets/contao/images/iconSCSS.svg)}.ext-less a{background-image:url(../../assets/contao/images/iconLESS.svg)}.ext-html a{background-image:url(../../assets/contao/images/iconHTML.svg)}.ext-htm a{background-image:url(../../assets/contao/images/iconHTM.svg)}.ext-md a{background-image:url(../../assets/contao/images/iconMD.svg)}.ext-shtml a{background-image:url(../../assets/contao/images/iconSHTML.svg)}.ext-txt a{background-image:url(../../assets/contao/images/iconTXT.svg)}.ext-text a{background-image:url(../../assets/contao/images/iconTEXT.svg)}.ext-log a{background-image:url(../../assets/contao/images/iconLOG.svg)}.ext-rtx a{background-image:url(../../assets/contao/images/iconRTX.svg)}.ext-rtf a{background-image:url(../../assets/contao/images/iconRTF.svg)}.ext-xml a{background-image:url(../../assets/contao/images/iconXML.svg)}.ext-xsl a{background-image:url(../../assets/contao/images/iconXSL.svg)}.ext-mp4 a{background-image:url(../../assets/contao/images/iconMP4.svg)}.ext-m4v a{background-image:url(../../assets/contao/images/iconM4V.svg)}.ext-mov a{background-image:url(../../assets/contao/images/iconMOV.svg)}.ext-wmv a{background-image:url(../../assets/contao/images/iconWMV.svg)}.ext-webm a{background-image:url(../../assets/contao/images/iconWEBM.svg)}.ext-qt a{background-image:url(../../assets/contao/images/iconQT.svg)}.ext-rv a{background-image:url(../../assets/contao/images/iconRV.svg)}.ext-avi a{background-image:url(../../assets/contao/images/iconAVI.svg)}.ext-ogv a{background-image:url(../../assets/contao/images/iconOGV.svg)}.ext-movie a{background-image:url(../../assets/contao/images/iconMOVIE.svg)}
.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%;
}
}
@charset "UTF-8";
.contao-cookiebar {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 9999;
font-size: 0;
letter-spacing: 0;
text-align: center;
padding: 15px;
max-height: 100vh;
box-sizing: border-box;
pointer-events: none;
overflow: hidden; }
.contao-cookiebar * {
box-sizing: border-box; }
.contao-cookiebar:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.contao-cookiebar .cc-inner {
display: inline-block;
overflow-y: auto;
max-height: 100%;
max-width: 100%;
opacity: 0;
pointer-events: none;
visibility: hidden;
font-size: 1rem;
text-align: left; }
.contao-cookiebar.cc-top .cc-inner {
vertical-align: top; }
.contao-cookiebar.cc-top.cc-active .cc-inner {
animation: cookiebar-top-in 0.5s ease-in-out forwards; }
.contao-cookiebar.cc-top.cc-saved .cc-inner {
animation: cookiebar-top-out 0.5s ease-in-out forwards; }
.contao-cookiebar.cc-bottom .cc-inner {
vertical-align: bottom; }
.contao-cookiebar.cc-bottom.cc-active .cc-inner {
animation: cookiebar-bottom-in 0.5s ease-in-out forwards; }
.contao-cookiebar.cc-bottom.cc-saved .cc-inner {
animation: cookiebar-bottom-out 0.5s ease-in-out forwards; }
.contao-cookiebar.cc-middle .cc-inner {
vertical-align: middle; }
.contao-cookiebar.cc-middle.cc-active .cc-inner {
animation: cookiebar-middle-in 0.5s ease-in-out forwards; }
.contao-cookiebar.cc-middle.cc-saved .cc-inner {
animation: cookiebar-middle-out 0.5s ease-in-out forwards; }
.contao-cookiebar.cc-left {
text-align: left; }
.contao-cookiebar.cc-right {
text-align: right; }
.contao-cookiebar .cc-head h1:first-child, .contao-cookiebar .cc-head h2:first-child, .contao-cookiebar .cc-head h3:first-child, .contao-cookiebar .cc-head h4:first-child, .contao-cookiebar .cc-head h5:first-child, .contao-cookiebar .cc-head h6:first-child {
margin-top: 0; }
.contao-cookiebar .cc-head p {
margin-bottom: 15px; }
.contao-cookiebar .cc-btn {
display: inline-block;
cursor: pointer;
width: 100%;
padding: 8px 14px;
margin-bottom: 8px;
font-size: 15px;
outline: 0 none;
border: 1px solid #cfcfcf;
border-radius: 4px;
color: #444;
background: #f5f5f5; }
.contao-cookiebar .cc-btn:hover {
background: #ececec; }
.contao-cookiebar .cc-btn:last-child {
margin-bottom: 0; }
.contao-cookiebar .grayscale .cc-btn {
background: #f1efef; }
.contao-cookiebar .grayscale .cc-btn:hover {
background: #ececec; }
.contao-cookiebar .grayscale .cc-btn.success {
background: #fbfbfb; }
.contao-cookiebar .grayscale .cc-btn.success:hover {
background: #f7f7f7; }
.contao-cookiebar .highlight .cc-btn.success {
background: #4e9e3e;
border-color: #3e7830;
color: #fff; }
.contao-cookiebar .highlight .cc-btn.success:hover {
background: #4c933f; }
.contao-cookiebar label {
position: relative;
display: block;
padding: 8px 13px 8px 0;
line-height: 1.2rem; }
.contao-cookiebar label.group {
font-weight: 600; }
.contao-cookiebar input {
position: absolute;
width: 1px;
height: 1px;
outline: 0 none;
opacity: 0; }
.contao-cookiebar input + label {
padding: 8px 13px 8px 50px;
cursor: pointer; }
.contao-cookiebar input + label:before {
content: '';
position: absolute;
top: 6px;
left: 0;
width: 35px;
height: 18px;
margin: 0;
box-sizing: content-box;
border-radius: 10px;
background: #fff;
border: 2px solid #9c9b99;
transition: border-color .2s; }
.contao-cookiebar input + label:after {
display: block;
content: '';
position: absolute;
top: 10px;
left: 4px;
width: 14px;
height: 14px;
border-radius: 10px;
background: #9c9b99;
transition: background .2s, margin-left .2s, padding .2s; }
.contao-cookiebar input + label:active:after {
padding-left: 5px; }
.contao-cookiebar input.cc-group-half + label:after {
background: linear-gradient(to right, #9c9b99 0%, #9c9b99 50%, #399d32 50%, #399d32 100%); }
.contao-cookiebar input:checked + label:after {
background: #399d32;
margin-left: 17px; }
.contao-cookiebar input:checked + label:active:after {
margin-left: 12px; }
.contao-cookiebar input:checked + label:before {
background: #dcf3db;
border-color: #399d32; }
.contao-cookiebar input:disabled + label {
pointer-events: none; }
.contao-cookiebar input:disabled + label:after {
background: #c8c7c5; }
.contao-cookiebar input:disabled + label:before {
background: #f4f4f4;
border-color: #c8c7c5; }
.contao-cookiebar.cc-active .cc-inner {
opacity: 1;
pointer-events: auto;
visibility: visible; }
.contao-cookiebar.cc-active.cc-blocked {
pointer-events: auto;
animation: cookiebar-overlay-in 0.5s ease-in-out forwards; }
.contao-cookiebar.cc-saved.cc-inner {
opacity: 0;
pointer-events: none;
visibility: hidden; }
.contao-cookiebar.cc-saved.cc-blocked {
pointer-events: none;
animation: cookiebar-overlay-out 0.5s ease-in-out forwards; }
@media (min-width: 768px) {
.contao-cookiebar .cc-btn {
width: auto;
margin-bottom: 0; }
.contao-cookiebar .cc-inner {
max-width: 750px; } }
@keyframes cookiebar-overlay-in {
0% {
background: rgba(0, 0, 0, 0); }
100% {
background: rgba(0, 0, 0, 0.75); } }
@keyframes cookiebar-overlay-out {
0% {
background: rgba(0, 0, 0, 0.75); }
100% {
background: rgba(0, 0, 0, 0);
visibility: hidden; } }
@keyframes cookiebar-top-in {
0% {
opacity: 0;
transform: translateY(-100%); }
100% {
opacity: 1;
transform: translateY(0); } }
@keyframes cookiebar-top-out {
0% {
opacity: 1;
visibility: visible;
transform: translateY(0); }
100% {
opacity: 0;
visibility: hidden;
transform: translateY(-100%); } }
@keyframes cookiebar-middle-in {
0% {
opacity: 0;
transform: scale(0); }
100% {
opacity: 1;
transform: scale(1); } }
@keyframes cookiebar-middle-out {
0% {
opacity: 1;
visibility: visible;
transform: scale(1); }
100% {
opacity: 0;
visibility: hidden;
transform: scale(0); } }
@keyframes cookiebar-bottom-in {
0% {
opacity: 0;
transform: translateY(100%); }
100% {
opacity: 1;
transform: translateY(0); } }
@keyframes cookiebar-bottom-out {
0% {
opacity: 1;
visibility: visible;
transform: translateY(0); }
100% {
opacity: 0;
visibility: hidden;
transform: translateY(100%); } }
.contao-cookiebar {
color: #444444; }
.contao-cookiebar p {
color: #868686;
line-height: 1.4; }
.contao-cookiebar .cc-inner {
padding: 25px;
border-radius: 5px;
-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
background: #fff; }
.contao-cookiebar .cc-groups {
display: none;
padding-top: 15px; }
.contao-cookiebar .cc-groups .cc-group {
position: relative;
border: 1px solid #d0d0d0;
border-radius: 5px;
margin-bottom: 10px;
text-align: left; }
.contao-cookiebar .cc-groups .cc-group > label {
margin: 5px 130px 5px 10px; }
.contao-cookiebar .cc-cookies {
background: #fbfbfb;
border-radius: 0 0 5px 5px; }
.contao-cookiebar .cc-cookies > p {
font-size: 0.875rem; }
.contao-cookiebar .cc-cookies > p, .contao-cookiebar .cc-cookies > .cc-cookie {
margin: 0;
padding: 15px;
border-top: 1px solid #e6e6e6; }
.contao-cookiebar .cc-cookies .cc-cookie .cc-cookie-info {
font-size: 0.875rem;
background: #fff;
padding: 10px;
border-radius: 5px;
border: 1px solid #efefef; }
.contao-cookiebar .cc-cookies .cc-cookie .cc-cookie-info > div > span {
font-weight: 600; }
.contao-cookiebar .cc-cookies .cc-cookie .cc-cookie-info > div + div {
margin-top: 5px;
word-wrap: break-word; }
.contao-cookiebar .cc-cookies .cc-cookie .cc-cookie-info + button.cc-detail-btn-details {
margin-top: 15px; }
.contao-cookiebar .cc-cookies .cc-cookie .cc-cookie-desc p {
margin-bottom: 0; }
.contao-cookiebar .cc-cookies .cc-cookie label.cookie + p, .contao-cookiebar .cc-cookies .cc-cookie label.cookie + .cc-cookie-info, .contao-cookiebar .cc-cookies .cc-cookie label.cookie + button.cc-detail-btn-details {
margin-top: 10px; }
.contao-cookiebar .cc-cookies .cc-cookie p {
margin: 0 0 15px;
font-size: 0.875rem; }
.contao-cookiebar .cc-footer, .contao-cookiebar .cc-info {
text-align: center; }
.contao-cookiebar .cc-detail-btn-details {
border: 0 none;
outline: 0 none;
background: transparent;
font-size: 13px;
letter-spacing: 0;
text-transform: initial;
cursor: pointer;
color: #a2a2a2;
text-decoration: underline;
padding: 0;
margin: 0 0 10px; }
.contao-cookiebar .cc-detail-btn-details span:nth-child(2) {
display: none; }
.contao-cookiebar .cc-detail-btn-details.cc-active span:nth-child(1) {
display: none; }
.contao-cookiebar .cc-detail-btn-details.cc-active span:nth-child(2) {
display: inline; }
.contao-cookiebar .cc-detail-btn-details:hover {
color: #717171; }
.contao-cookiebar .cc-info {
margin-top: 15px; }
.contao-cookiebar .cc-info > p {
font-size: 0.875rem; }
.contao-cookiebar .cc-info > a {
display: inline-block;
font-size: 0.813rem;
color: #a2a2a2;
text-decoration: none; }
.contao-cookiebar .cc-info > a:hover {
color: #717171; }
.contao-cookiebar .cc-info > a + a:before {
display: inline-block;
content: 'ยท';
margin-right: 5px; }
/*
* 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: 'Spartan';
font-style: normal;
font-weight: normal;
src:url("https://www.kunbus.com/files/tao/fonts/LeagueSpartan-Regular.ttf") format("truetype");}
@font-face {
font-family: 'Spartan Bold';
font-style: normal;
font-weight: normal;
src: url('https://www.kunbus.com/files/tao/fonts/LeagueSpartan-Bold.ttf') format('truetype');}
@font-face {
font-family: 'RockSolid Icons';
font-display:block;
font-weight: normal;
font-style: normal;
font-display:auto;
src: url("https://www.kunbus.com/files/tao/fonts/rocksolid-icons.eot");
src: url("https://www.kunbus.com/files/tao/fonts/rocksolid-icons.eot?#iefix") format('eot'),
url("https://www.kunbus.com/files/tao/fonts/rocksolid-icons.woff") format('woff'),
url("https://www.kunbus.com/files/tao/fonts/rocksolid-icons.ttf") format('truetype'),
url("https://www.kunbus.com/files/tao/fonts/rocksolid-icons.svg") format('svg');
}
/* ===========================================
* General
* ======================================== */
html {
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-tap-highlight-color: #ff6600;
height:100%;
width:100%;
margin: 0;
padding: 0;
}
body {
font: 18px/1.75 'Spartan', Arial, Helvetica, sans-serif;
font-weight:400;
color: #000;
display: flex;
flex-direction: column;
margin:0;
background-color: #fff;
}
@media screen and (max-width: 767px) {
body {
}
}
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;
}
main {flex: 1;}
* {
-webkit-box-sizing: inherit;
-moz-box-sizing: inherit;
box-sizing: inherit;
}
.rs-columns {
clear: both;
display: inline-block;
vertical-align: top;
width: 100%;
}
.rs-column {
float: left;
width: 100%;
margin-top: 6.25%;
margin-right: 6.25%;
}
.rs-column.-large-first {
clear: left;
}
.rs-column.-large-last {
margin-right: -5px;
}
.rs-column.-large-first-row {
margin-top: 0;
}
.rs-column.-large-col-1-1 {
width: 100%;
}
.rs-column.-large-col-2-1 {
width: 46.875%;
}
.rs-column.-large-col-2-2 {
width: 100%;
}
.rs-column.-large-col-3-1 {
width: 29.16667%;
}
.rs-column.-large-col-3-2 {
width: 64.58333%;
}
.rs-column.-large-col-3-3 {
width: 100%;
}
.rs-column.-large-col-4-1 {
width: 20.3125%;
}
.rs-column.-large-col-4-2 {
width: 46.875%;
}
.rs-column.-large-col-4-3 {
width: 73.4375%;
}
.rs-column.-large-col-4-4 {
width: 100%;
}
.rs-column.-large-col-5-1 {
width: 15%;
}
.rs-column.-large-col-5-2 {
width: 36.25%;
}
.rs-column.-large-col-5-3 {
width: 57.5%;
}
.rs-column.-large-col-5-4 {
width: 78.75%;
}
.rs-column.-large-col-5-5 {
width: 100%;
}
.rs-column.-large-col-6-1 {
width: 11.45833%;
}
.rs-column.-large-col-6-2 {
width: 29.16667%;
}
.rs-column.-large-col-6-3 {
width: 46.875%;
}
.rs-column.-large-col-6-4 {
width: 64.58333%;
}
.rs-column.-large-col-6-5 {
width: 82.29167%;
}
.rs-column.-large-col-6-6 {
width: 100%;
}
.rs-column.-large-col-7-1 {
width: 8.92857%;
}
.rs-column.-large-col-7-2 {
width: 24.10714%;
}
.rs-column.-large-col-7-3 {
width: 39.28571%;
}
.rs-column.-large-col-7-4 {
width: 54.46429%;
}
.rs-column.-large-col-7-5 {
width: 69.64286%;
}
.rs-column.-large-col-7-6 {
width: 84.82143%;
}
.rs-column.-large-col-7-7 {
width: 100%;
}
.tao-no-sidebar .rs-column,
.mega-dropdown .rs-column,
.page-footer .rs-column {
margin-top: 8%;
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: 767px) {
.rs-column,
.tao-no-sidebar .rs-column,
.page-footer .rs-column {
margin-right: 6.25%;
}
.rs-column.-medium-first,
.tao-no-sidebar .rs-column.-medium-first,
.page-footer .rs-column.-medium-first {
clear: none;
}
.rs-column.-medium-last,
.tao-no-sidebar .rs-column.-medium-last,
.page-footer .rs-column.-medium-last {
margin-right: 6.25%;
}
.rs-column.-medium-first-row,
.tao-no-sidebar .rs-column.-medium-first-row,
.page-footer .rs-column.-medium-first-row {
margin-top: 6.25%;
}
.rs-column.-small-first,
.tao-no-sidebar .rs-column.-small-first,
.page-footer .rs-column.-small-first {
clear: left;
}
.rs-column.-small-last,
.tao-no-sidebar .rs-column.-small-last,
.page-footer .rs-column.-small-last {
margin-right: -5px;
}
.rs-column.-small-first-row,
.tao-no-sidebar .rs-column.-small-first-row,
.page-footer .rs-column.-small-first-row {
margin-top: 0;
}
.rs-column.-small-col-1-1,
.tao-no-sidebar .rs-column.-small-col-1-1,
.page-footer .rs-column.-small-col-1-1 {
width: 100%;
}
.rs-column.-small-col-2-1,
.tao-no-sidebar .rs-column.-small-col-2-1,
.page-footer .rs-column.-small-col-2-1 {
width: 46.875%;
}
.rs-column.-small-col-2-2,
.tao-no-sidebar .rs-column.-small-col-2-2,
.page-footer .rs-column.-small-col-2-2 {
width: 100%;
}
.rs-column.-small-col-3-1,
.tao-no-sidebar .rs-column.-small-col-3-1,
.page-footer .rs-column.-small-col-3-1 {
width: 29.16667%;
}
.rs-column.-small-col-3-2,
.tao-no-sidebar .rs-column.-small-col-3-2,
.page-footer .rs-column.-small-col-3-2 {
width: 64.58333%;
}
.rs-column.-small-col-3-3,
.tao-no-sidebar .rs-column.-small-col-3-3,
.page-footer .rs-column.-small-col-3-3 {
width: 100%;
}
.rs-column.-small-col-4-1,
.tao-no-sidebar .rs-column.-small-col-4-1,
.page-footer .rs-column.-small-col-4-1 {
width: 20.3125%;
}
.rs-column.-small-col-4-2,
.tao-no-sidebar .rs-column.-small-col-4-2,
.page-footer .rs-column.-small-col-4-2 {
width: 46.875%;
}
.rs-column.-small-col-4-3,
.tao-no-sidebar .rs-column.-small-col-4-3,
.page-footer .rs-column.-small-col-4-3 {
width: 73.4375%;
}
.rs-column.-small-col-4-4,
.tao-no-sidebar .rs-column.-small-col-4-4,
.page-footer .rs-column.-small-col-4-4 {
width: 100%;
}
.rs-column.-small-col-5-1,
.tao-no-sidebar .rs-column.-small-col-5-1,
.page-footer .rs-column.-small-col-5-1 {
width: 15%;
}
.rs-column.-small-col-5-2,
.tao-no-sidebar .rs-column.-small-col-5-2,
.page-footer .rs-column.-small-col-5-2 {
width: 36.25%;
}
.rs-column.-small-col-5-3,
.tao-no-sidebar .rs-column.-small-col-5-3,
.page-footer .rs-column.-small-col-5-3 {
width: 57.5%;
}
.rs-column.-small-col-5-4,
.tao-no-sidebar .rs-column.-small-col-5-4,
.page-footer .rs-column.-small-col-5-4 {
width: 78.75%;
}
.rs-column.-small-col-5-5,
.tao-no-sidebar .rs-column.-small-col-5-5,
.page-footer .rs-column.-small-col-5-5 {
width: 100%;
}
.rs-column.-small-col-6-1,
.tao-no-sidebar .rs-column.-small-col-6-1,
.page-footer .rs-column.-small-col-6-1 {
width: 11.45833%;
}
.rs-column.-small-col-6-2,
.tao-no-sidebar .rs-column.-small-col-6-2,
.page-footer .rs-column.-small-col-6-2 {
width: 29.16667%;
}
.rs-column.-small-col-6-3,
.tao-no-sidebar .rs-column.-small-col-6-3,
.page-footer .rs-column.-small-col-6-3 {
width: 46.875%;
}
.rs-column.-small-col-6-4,
.tao-no-sidebar .rs-column.-small-col-6-4,
.page-footer .rs-column.-small-col-6-4 {
width: 64.58333%;
}
.rs-column.-small-col-6-5,
.tao-no-sidebar .rs-column.-small-col-6-5,
.page-footer .rs-column.-small-col-6-5 {
width: 82.29167%;
}
.rs-column.-small-col-6-6,
.tao-no-sidebar .rs-column.-small-col-6-6,
.page-footer .rs-column.-small-col-6-6 {
width: 100%;
}
.rs-column.-small-col-7-1,
.tao-no-sidebar .rs-column.-small-col-7-1,
.page-footer .rs-column.-small-col-7-1 {
width: 8.92857%;
}
.rs-column.-small-col-7-2,
.tao-no-sidebar .rs-column.-small-col-7-2,
.page-footer .rs-column.-small-col-7-2 {
width: 24.10714%;
}
.rs-column.-small-col-7-3,
.tao-no-sidebar .rs-column.-small-col-7-3,
.page-footer .rs-column.-small-col-7-3 {
width: 39.28571%;
}
.rs-column.-small-col-7-4,
.tao-no-sidebar .rs-column.-small-col-7-4,
.page-footer .rs-column.-small-col-7-4 {
width: 54.46429%;
}
.rs-column.-small-col-7-5,
.tao-no-sidebar .rs-column.-small-col-7-5,
.page-footer .rs-column.-small-col-7-5 {
width: 69.64286%;
}
.rs-column.-small-col-7-6,
.tao-no-sidebar .rs-column.-small-col-7-6,
.page-footer .rs-column.-small-col-7-6 {
width: 84.82143%;
}
.rs-column.-small-col-7-7,
.tao-no-sidebar .rs-column.-small-col-7-7,
.page-footer .rs-column.-small-col-7-7 {
width: 100%;
}
}
/* Resetting box model for moo_mediabox and j_colorbox */
#mbCenter,
#colorbox {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
::selection {
background: #ccc;
color: #f2f2f2;
text-shadow: none !important;
}
::-moz-selection {
background: #ccc;
color: #f2f2f2;
text-shadow: none !important;
}
button,
input,
select,
textarea {
font-family: inherit;
}
table {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
border: 0px solid #b2b9c4;
border-radius: 3px;
background: transparent;
}
table a {color:#444;}
table th,
table td {
border: solid #e5e8ee;
border-width:0;
text-align:left;
}
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: 700;
text-align: left;
}
table td {
padding: 0.375em 0.625em;
}
table thead {
background: rgba(0, 0, 0, 0.0);
}
table tfoot td {
font-style: italic;
}
table.specs td {}
strong,
b {
font-weight: bold;
}
a {
color: #ff6600;
text-decoration: none;
}
a:hover,
a:focus {
text-decoration: none;
}
a:hover,
a:active {
outline: 0;
}
a.external-link:after, a.external: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;
color:#ff6600;
font-size: 0.875rem;
}
/* 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: 767px) {
.margin-top-none {
margin-top: 0 !important;
}
}
.margin-right-none {
margin-right: 0 !important;
}
@media screen and (max-width: 767px) {
.margin-right-none {
margin-right: 0 !important;
}
}
.margin-bottom-none {
margin-bottom: 0 !important;
}
@media screen and (max-width: 767px) {
.margin-bottom-none {
margin-bottom: 0 !important;
}
}
.margin-left-none {
margin-left: 0 !important;
}
@media screen and (max-width: 767px) {
.margin-left-none {
margin-left: 0 !important;
}
}
.padding-top-none {
padding-top: 0 !important;
}
@media screen and (max-width: 767px) {
.padding-top-none {
padding-top: 0 !important;
}
}
.padding-right-none {
padding-right: 0 !important;
}
@media screen and (max-width: 767px) {
.padding-right-none {
padding-right: 0 !important;
}
}
.padding-bottom-none {
padding-bottom: 0 !important;
}
@media screen and (max-width: 767px) {
.padding-bottom-none {
padding-bottom: 0 !important;
}
}
.padding-left-none {
padding-left: 0 !important;
}
@media screen and (max-width: 767px) {
.padding-left-none {
padding-left: 0 !important;
}
}
.margin-top-xxs {
margin-top: 10px !important;
}
@media screen and (max-width: 767px) {
.margin-top-xxs {
margin-top: 5px !important;
}
}
.margin-right-xxs {
margin-right: 10px !important;
}
@media screen and (max-width: 767px) {
.margin-right-xxs {
margin-right: 5px !important;
}
}
.margin-bottom-xxs {
margin-bottom: 10px !important;
}
@media screen and (max-width: 767px) {
.margin-bottom-xxs {
margin-bottom: 5px !important;
}
}
.margin-left-xxs {
margin-left: 10px !important;
}
@media screen and (max-width: 767px) {
.margin-left-xxs {
margin-left: 5px !important;
}
}
.padding-top-xxs {
padding-top: 10px !important;
}
@media screen and (max-width: 767px) {
.padding-top-xxs {
padding-top: 5px !important;
}
}
.padding-right-xxs {
padding-right: 10px !important;
}
@media screen and (max-width: 767px) {
.padding-right-xxs {
padding-right: 5px !important;
}
}
.padding-bottom-xxs {
padding-bottom: 10px !important;
}
@media screen and (max-width: 767px) {
.padding-bottom-xxs {
padding-bottom: 5px !important;
}
}
.padding-left-xxs {
padding-left: 10px !important;
}
@media screen and (max-width: 767px) {
.padding-left-xxs {
padding-left: 5px !important;
}
}
.margin-top-xs {
margin-top: 25px !important;
}
@media screen and (max-width: 767px) {
.margin-top-xs {
margin-top: 13px !important;
}
}
.margin-right-xs {
margin-right: 25px !important;
}
@media screen and (max-width: 767px) {
.margin-right-xs {
margin-right: 13px !important;
}
}
.margin-bottom-xs {
margin-bottom: 25px !important;
}
@media screen and (max-width: 767px) {
.margin-bottom-xs {
margin-bottom: 13px !important;
}
}
.margin-left-xs {
margin-left: 25px !important;
}
@media screen and (max-width: 767px) {
.margin-left-xs {
margin-left: 13px !important;
}
}
.padding-top-xs {
padding-top: 25px !important;
}
@media screen and (max-width: 767px) {
.padding-top-xs {
padding-top: 13px !important;
}
}
.padding-right-xs {
padding-right: 25px !important;
}
@media screen and (max-width: 767px) {
.padding-right-xs {
padding-right: 13px !important;
}
}
.padding-bottom-xs {
padding-bottom: 25px !important;
}
@media screen and (max-width: 767px) {
.padding-bottom-xs {
padding-bottom: 13px !important;
}
}
.padding-left-xs {
padding-left: 25px !important;
}
@media screen and (max-width: 767px) {
.padding-left-xs {
padding-left: 13px !important;
}
}
.margin-top-s {
margin-top: 50px !important;
}
@media screen and (max-width: 767px) {
.margin-top-s {
margin-top: 25px !important;
}
}
.margin-right-s {
margin-right: 50px !important;
}
@media screen and (max-width: 767px) {
.margin-right-s {
margin-right: 25px !important;
}
}
.margin-bottom-s {
margin-bottom: 50px !important;
}
@media screen and (max-width: 767px) {
.margin-bottom-s {
margin-bottom: 25px !important;
}
}
.margin-left-s {
margin-left: 50px !important;
}
@media screen and (max-width: 767px) {
.margin-left-s {
margin-left: 25px !important;
}
}
.padding-top-s {
padding-top: 50px !important;
}
@media screen and (max-width: 767px) {
.padding-top-s {
padding-top: 25px !important;
}
}
.padding-right-s {
padding-right: 50px !important;
}
@media screen and (max-width: 767px) {
.padding-right-s {
padding-right: 25px !important;
}
}
.padding-bottom-s {
padding-bottom: 50px !important;
}
@media screen and (max-width: 767px) {
.padding-bottom-s {
padding-bottom: 25px !important;
}
}
.padding-left-s {
padding-left: 50px !important;
}
@media screen and (max-width: 767px) {
.padding-left-s {
padding-left: 25px !important;
}
}
.margin-top-m {
margin-top: 75px !important;
}
@media screen and (max-width: 767px) {
.margin-top-m {
margin-top: 38px !important;
}
}
.margin-right-m {
margin-right: 75px !important;
}
@media screen and (max-width: 767px) {
.margin-right-m {
margin-right: 38px !important;
}
}
.margin-bottom-m {
margin-bottom: 75px !important;
}
@media screen and (max-width: 767px) {
.margin-bottom-m {
margin-bottom: 38px !important;
}
}
.margin-left-m {
margin-left: 75px !important;
}
@media screen and (max-width: 767px) {
.margin-left-m {
margin-left: 38px !important;
}
}
.padding-top-m {
padding-top: 75px !important;
}
@media screen and (max-width: 767px) {
.padding-top-m {
padding-top: 38px !important;
}
}
.padding-right-m {
padding-right: 75px !important;
}
@media screen and (max-width: 767px) {
.padding-right-m {
padding-right: 38px !important;
}
}
.padding-bottom-m {
padding-bottom: 75px !important;
}
@media screen and (max-width: 767px) {
.padding-bottom-m {
padding-bottom: 38px !important;
}
}
.padding-left-m {
padding-left: 75px !important;
}
@media screen and (max-width: 767px) {
.padding-left-m {
padding-left: 38px !important;
}
}
.margin-top-l {
margin-top: 100px !important;
}
@media screen and (max-width: 767px) {
.margin-top-l {
margin-top: 50px !important;
}
}
.margin-right-l {
margin-right: 100px !important;
}
@media screen and (max-width: 767px) {
.margin-right-l {
margin-right: 50px !important;
}
}
.margin-bottom-l {
margin-bottom: 100px !important;
}
@media screen and (max-width: 767px) {
.margin-bottom-l {
margin-bottom: 50px !important;
}
}
.margin-left-l {
margin-left: 100px !important;
}
@media screen and (max-width: 767px) {
.margin-left-l {
margin-left: 50px !important;
}
}
.padding-top-l {
padding-top: 100px !important;
}
@media screen and (max-width: 767px) {
.padding-top-l {
padding-top: 50px !important;
}
}
.padding-right-l {
padding-right: 100px !important;
}
@media screen and (max-width: 767px) {
.padding-right-l {
padding-right: 50px !important;
}
}
.padding-bottom-l {
padding-bottom: 100px !important;
}
@media screen and (max-width: 767px) {
.padding-bottom-l {
padding-bottom: 50px !important;
}
}
.padding-left-l {
padding-left: 100px !important;
}
@media screen and (max-width: 767px) {
.padding-left-l {
padding-left: 50px !important;
}
}
.margin-top-xl {
margin-top: 150px !important;
}
@media screen and (max-width: 767px) {
.margin-top-xl {
margin-top: 75px !important;
}
}
.margin-right-xl {
margin-right: 150px !important;
}
@media screen and (max-width: 767px) {
.margin-right-xl {
margin-right: 75px !important;
}
}
.margin-bottom-xl {
margin-bottom: 150px !important;
}
@media screen and (max-width: 767px) {
.margin-bottom-xl {
margin-bottom: 75px !important;
}
}
.margin-left-xl {
margin-left: 150px !important;
}
@media screen and (max-width: 767px) {
.margin-left-xl {
margin-left: 75px !important;
}
}
.padding-top-xl {
padding-top: 150px !important;
}
@media screen and (max-width: 767px) {
.padding-top-xl {
padding-top: 75px !important;
}
}
.padding-right-xl {
padding-right: 150px !important;
}
@media screen and (max-width: 767px) {
.padding-right-xl {
padding-right: 75px !important;
}
}
.padding-bottom-xl {
padding-bottom: 150px !important;
}
@media screen and (max-width: 767px) {
.padding-bottom-xl {
padding-bottom: 75px !important;
}
}
.padding-left-xl {
padding-left: 150px !important;
}
@media screen and (max-width: 767px) {
.padding-left-xl {
padding-left: 75px !important;
}
}
.margin-top-xxl {
margin-top: 200px !important;
}
@media screen and (max-width: 767px) {
.margin-top-xxl {
margin-top: 100px !important;
}
}
.margin-right-xxl {
margin-right: 200px !important;
}
@media screen and (max-width: 767px) {
.margin-right-xxl {
margin-right: 100px !important;
}
}
.margin-bottom-xxl {
margin-bottom: 200px !important;
}
@media screen and (max-width: 767px) {
.margin-bottom-xxl {
margin-bottom: 100px !important;
}
}
.margin-left-xxl {
margin-left: 200px !important;
}
@media screen and (max-width: 767px) {
.margin-left-xxl {
margin-left: 100px !important;
}
}
.padding-top-xxl {
padding-top: 200px !important;
}
@media screen and (max-width: 767px) {
.padding-top-xxl {
padding-top: 100px !important;
}
}
.padding-right-xxl {
padding-right: 200px !important;
}
@media screen and (max-width: 767px) {
.padding-right-xxl {
padding-right: 100px !important;
}
}
.padding-bottom-xxl {
padding-bottom: 200px !important;
}
@media screen and (max-width: 767px) {
.padding-bottom-xxl {
padding-bottom: 100px !important;
}
}
.padding-left-xxl {
padding-left: 200px !important;
}
@media screen and (max-width: 767px) {
.padding-left-xxl {
padding-left: 100px !important;
}
}
.font-size-xxs {
font-size: 0.6em !important;
}
@media screen and (max-width: 767px) {
.font-size-xxs {
font-size: 0.8em !important;
}
}
.font-size-xs {
font-size: 0.8em !important;
}
@media screen and (max-width: 767px) {
.font-size-xs {
font-size: 0.9em !important;
}
}
.font-size-s {
font-size: 0.9em !important;
}
@media screen and (max-width: 767px) {
.font-size-s {
font-size: 0.95em !important;
}
}
.font-size-m {
font-size: 1.2em !important;
}
@media screen and (max-width: 767px) {
.font-size-m {
font-size: 1.1em !important;
}
}
.font-size-l {
font-size: 1.5em !important;
}
@media screen and (max-width: 767px) {
.font-size-l {
font-size: 1.25em !important;
}
}
.font-size-xl {
font-size: 2em !important;
}
@media screen and (max-width: 767px) {
.font-size-xl {
font-size: 1.5em !important;
}
}
.font-size-xxl {
font-size: 2.5em !important;
}
@media screen and (max-width: 767px) {
.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;
}
.mime_icon.pdf {max-width: 25px;margin-right: 10px}
.download-element {
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
}
.ce_toplink,
.toplink {
overflow: hidden;
margin: 1.5em 0;
}
.ce_toplink:after,
.toplink:after {
content: "";
display: inline-block;
vertical-align: middle;
width: 100%;
height: 0;
overflow: visible;
margin: 0 -100% 0 0.625em;
border-top: 1px solid #b2b9c4;
}
.ce_toplink > a:before,
.toplink > a:before {
font: 100%/1 "RockSolid Icons";
content: "\e00c";
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
margin-right: 0.3125em;
}
hr,
.headline-hr:before,
.headline-hr:after {
clear: both;
height: 0;
overflow: visible;
margin: 2.25em 0;
border: 0;
border-top: 1px solid #b2b9c4;
}
hr.-hr-dotted,
.headline-hr.-hr-dotted:before,
.headline-hr.-hr-dotted:after {
border-top-style: dotted;
border-top-color: #717c8e;
}
hr.-hr-shadow,
.headline-hr.-hr-shadow:before,
.headline-hr.-hr-shadow:after {
height: 8px;
background: -webkit-radial-gradient(rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0) 60%);
background: -moz-radial-gradient(rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0) 60%);
background: -o-radial-gradient(rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0) 60%);
background: radial-gradient(rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0) 60%);
background-size: 100% 16px;
background-position: 50% -8px;
}
.headline-hr {
overflow: hidden;
}
.headline-hr:before,
.headline-hr:after {
display: inline-block;
vertical-align: middle;
width: 100%;
margin: 0 0.625em 0 -100%;
}
.headline-hr:after {
content: "";
margin: 0 -100% 0 0.625em;
}
.headline-hr.-centered {
text-align: center;
}
.headline-hr.-centered:before {
content: "";
}
.headline-hr.-align-right {
text-align: right;
}
.headline-hr.-align-right:before {
content: "";
}
.headline-hr.-align-right:after {
content: none;
}
.icon-hr {
display: block;
}
.icon-hr:before {
position: relative;
display: block;
bottom: -0.5em;
width: 1.875em;
margin: 0;
background: white;
}
.icon-hr.-centered:before {
width: 2.25em;
margin: 0 auto;
text-align: center;
}
.icon-hr.-align-right:before {
margin: 0 0 0 auto;
text-align: right;
}
.icon-hr hr {
margin: 0;
}
.confirmation {
color: #b5da44;
}
.information {
color: #37aadf;
}
.warning {
color: #df3763;
}
p.confirmation,
p.information,
p.warning,
div.confirmation,
div.information,
div.warning,
span.confirmation,
span.information,
span.warning {
position: relative;
display: block;
overflow: hidden;
margin: 1.5625em 0;
padding: 1em 6.25% 1em 12.5%;
border: 1px solid #b2b9c4;
border-radius: 3px;
color: #8caf23;
background: white;
}
@media screen and (max-width: 767px) {
p.confirmation,
p.information,
p.warning,
div.confirmation,
div.information,
div.warning,
span.confirmation,
span.information,
span.warning {
padding-left: 4em;
}
}
p.confirmation:before,
p.information:before,
p.warning:before,
div.confirmation:before,
div.information:before,
div.warning:before,
span.confirmation:before,
span.information:before,
span.warning:before {
font: 1.5em/1 "RockSolid Icons";
content: "\e044";
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
position: absolute;
top: 50%;
left: -0.41667em;
width: 1.16667em;
height: 1.16667em;
margin: -1.25em 0 0;
padding: 0.66667em;
border-radius: 100%;
color: white;
text-align: center;
background: #b5da44;
}
p.information,
div.information,
span.information {
color: #1c80ae;
}
p.information:before,
div.information:before,
span.information:before {
content: "\e0a6";
background: #37aadf;
}
p.warning,
div.warning,
span.warning {
color: #ae1c42;
}
p.warning:before,
div.warning:before,
span.warning:before {
content: "\e143";
background: #df3763;
}
p.drop-cap:first-letter,
span.drop-cap {
float: left;
margin: 0.11111em 0.33333em 0 0;
padding: 0.19444em;
border: 1px solid #b2b9c4;
border-radius: 3px;
font-size: 2.25em;
font-weight: normal;
/* Fixes line-height difference between gecko and webkit */
line-height: 0.7;
background: white;
background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05));
background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05));
background-image: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05));
background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05));
}
p.drop-cap:first-letter {
/* IE8 and IE9 calculate em's from the parent element */
margin: 0.25em 0.75em 0 0 \9;
}
code {
padding: 0.14286em 0.35714em;
font-family: "Lucida Console", monospace;
font-size: 0.875em;
line-height: 1.35786;
background-color: #e5e8ee;
border-radius: 3px;
}
pre {
margin: 1.71429em 0;
padding: 0.5em 1em;
display: inline-block;
overflow: auto;
border-radius: 3px;
font-family: "Lucida Console", monospace;
font-size: 0.875em;
line-height: 1.715;
background-color: #e5e8ee;
font-weight: 400;
}
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: 0;
border-radius: 0;
outline: none;
font-size: 0.875em;
line-height: 1.42929;
color: white;
text-align: center;
text-decoration: none;
background-color: #ff6600;
box-shadow: 0;
}
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 {
text-decoration: none;
background-color: #ff9900;
-webkit-transition: all 1.4s ease-out;
-moz-transition: all 1.4s ease-out;
-o-transition: all 1.4s ease-out;
transition: all 1.4s ease-out;
}
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 {
}
#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: #ff6600;
background: -moz-linear-gradient(top, #ff6600 0%, #ffd37c 100%);
background: -webkit-linear-gradient(top, #ff6600 0%,#ffd37c 100%);
background: linear-gradient(to bottom, #ff6600 0%,#ffd37c 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6600', endColorstr='#ffd37c',GradientType=0 );
}
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 {
background: #ff6600;
background: -moz-linear-gradient(top, #ff6600 0%, #ffd37c 100%);
background: -webkit-linear-gradient(top, #ff6600 0%,#ffd37c 100%);
background: linear-gradient(to bottom, #ff6600 0%,#ffd37c 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6600', endColorstr='#ffd37c',GradientType=0 );
}
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: #ff6600;
background: -moz-linear-gradient(top, #ff6600 0%, #ffd37c 100%);
background: -webkit-linear-gradient(top, #ff6600 0%,#ffd37c 100%);
background: linear-gradient(to bottom, #ff6600 0%,#ffd37c 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6600', endColorstr='#ffd37c',GradientType=0 );
}
button.-tertiary,
.button.-tertiary,
input[type="submit"].-tertiary,
.rotating-boxes-item-content .rotating-boxes-item-link,
.pricing-table-plan a,
.feature-box-link.-tertiary,
.headline-box-link.-tertiary {
border-color: #c5c9d7 #b6bbcc #a7adc2;
color: #717c8e;
text-shadow: 0 -1px 0 #d4d7e1;
background: #f2f3f6;
background: -webkit-linear-gradient(#ffffff, #e9ebf0);
background: -moz-linear-gradient(#ffffff, #e9ebf0);
background: -o-linear-gradient(#ffffff, #e9ebf0);
background: linear-gradient(#ffffff, #e9ebf0);
box-shadow: none;
}
button.-tertiary:hover,
.button.-tertiary:hover,
input[type="submit"].-tertiary:hover,
.rotating-boxes-item-content .rotating-boxes-item-link:hover,
.pricing-table-plan a:hover,
.feature-box-link.-tertiary:hover,
.headline-box-link.-tertiary:hover,
button.-tertiary:focus,
.button.-tertiary:focus,
input[type="submit"].-tertiary:focus,
.rotating-boxes-item-content .rotating-boxes-item-link:focus,
.pricing-table-plan a:focus,
.feature-box-link.-tertiary:focus,
.headline-box-link.-tertiary:focus {
border-color: #b6bbcc #a7adc2 #98a0b7;
background: -webkit-linear-gradient(#ffffff, #e0e2e9);
background: -moz-linear-gradient(#ffffff, #e0e2e9);
background: -o-linear-gradient(#ffffff, #e0e2e9);
background: linear-gradient(#ffffff, #e0e2e9);
}
button.-tertiary:active,
.button.-tertiary:active,
input[type="submit"].-tertiary:active,
.rotating-boxes-item-content .rotating-boxes-item-link:active,
.pricing-table-plan a:active,
.feature-box-link.-tertiary:active,
.headline-box-link.-tertiary:active {
background: -webkit-linear-gradient(#fbfbfc, #eff0f4);
background: -moz-linear-gradient(#fbfbfc, #eff0f4);
background: -o-linear-gradient(#fbfbfc, #eff0f4);
background: linear-gradient(#fbfbfc, #eff0f4);
}
button.-quaternary,
.button.-quaternary,
input[type="submit"].-quaternary,
.feature-box-link.-quaternary,
.headline-box-link.-quaternary {
border: 2px solid #242424;
border-color: currentColor;
border-radius: 6px;
color: inherit;
text-shadow: none;
background: none;
box-shadow: none;
}
button.-quaternary:after,
.button.-quaternary:after,
input[type="submit"].-quaternary:after,
.feature-box-link.-quaternary:after,
.headline-box-link.-quaternary:after {
content: "";
position: absolute;
top: 100%;
right: 0;
bottom: 0;
left: 0;
background: currentColor;
opacity: 0.15;
-webkit-transition: top 0.4s ease-in;
-moz-transition: top 0.4s ease-in;
-o-transition: top 0.4s ease-in;
transition: top 0.4s ease-in;
}
button.-quaternary:hover,
.button.-quaternary:hover,
input[type="submit"].-quaternary:hover,
.feature-box-link.-quaternary:hover,
.headline-box-link.-quaternary:hover,
button.-quaternary:focus,
.button.-quaternary:focus,
input[type="submit"].-quaternary:focus,
.feature-box-link.-quaternary:focus,
.headline-box-link.-quaternary:focus {
background: none;
}
button.-quaternary:hover:after,
.button.-quaternary:hover:after,
input[type="submit"].-quaternary:hover:after,
.feature-box-link.-quaternary:hover:after,
.headline-box-link.-quaternary:hover:after,
button.-quaternary:focus:after,
.button.-quaternary:focus:after,
input[type="submit"].-quaternary:focus:after,
.feature-box-link.-quaternary:focus:after,
.headline-box-link.-quaternary:focus:after {
top: 0;
-webkit-transition: top 0.2s ease-out;
-moz-transition: top 0.2s ease-out;
-o-transition: top 0.2s ease-out;
transition: top 0.2s ease-out;
}
/* ===========================================
* Wrapper Elements
* ======================================== */
.header-bar-inner,
.headernavigationinner,
.content-wrapper {
width:100%;
margin-right: auto;
margin-left: auto;
}
.centered-wrapper-inner,
.info-map-boxes {
max-width: 1140px;
margin-right: auto;
margin-left: auto;
}
@media screen and (max-width: 1188px) {
.centered-wrapper-inner,
.info-map-boxes {
max-width: none;
margin-right: 3.7037%;
margin-left: 3.7037%;
}
}
@media screen and (max-width: 900px) {
.centered-wrapper-inner,
.info-map-boxes
{
margin-right: 5.55556%;
margin-left: 5.55556%;
}
.header-bar-inner,
.headernavigationinner
{
width:auto;
max-width: 1920px;
margin-right: 5.55556%;
margin-left: 5.55556%;
}
.headernavigationinner { margin-right: 0;
margin-left: 0;}
}
.page {
zoom: 1;
position: relative;
margin: 0 auto;
background: #fff;
}
.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
* ======================================== */
.pageheader {
position: absolute;
background-color: transparent;
top:0;
width:100%;
z-index: 20;
border-bottom:0px solid #ddd;
}
.pageheader.is-fixed {
position: fixed;
top: 0;
left: 0;
width: 100%;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
}
.pageheader.is-fixed .headerbar {position:relative!important;}
.none {display:none;}
.phh {
height:37px;
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index:1001;
-webkit-transition: all 0.15s linear;
-moz-transition: all 0.15s linear;
-o-transition: all 0.15s linear;
transition: all 0.15s linear;
}
.headerbar {
zoom: 1;
border-bottom: 0px solid #ccc;
font-size: 0.8125em;
background-color:transparent;
/*background: -moz-linear-gradient(top, #ff8d32 0%, #ff6600 66%, #ff6600 100%);
background: -webkit-linear-gradient(top, #ff8d32 0%,#ff6600 66%,#ff6600 100%);
background: linear-gradient(to bottom, #ff8d32 0%,#ff6600 66%,#ff6600 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8d32', endColorstr='#ff6600',GradientType=0 );*/
}
.headerbar a, .headerbar h3 {color:#444!important;font-size:0.775rem;text-transform:uppercase;}
.headerbar:before {
content: "";
display: table;
}
.headerbar:after {
content: "";
display: table;
clear: both;
}
@media screen and (max-width: 767px) {
.headerbar {
display: none;
}
.headernavigationinner {padding-top:0!important;}
}
.tao-boxed .headerbar {
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 .headerbar {
border-right: 0;
border-left: 0;
}
}
.tao-not-boxed .headerbar {
max-width: none;
border-right: 0;
border-left: 0;
}
.header-bar-inner {
color: #98a0ab;
}
@media screen and (max-width: 900px) {
/*.header-bar-inner {
padding-right: 5.55556%;
padding-left: 5.55556%;
}*/
}
.header-links {
float: left;
margin: 0;
padding: 4px 0;
}
@media screen and (max-width: 900px) {
.header-links {
float: left;
margin-left: 0;
}
}
.header-links.-right {
float: right;
margin: 0 3.7037% 0 0;
}
@media screen and (max-width: 900px) {
.header-links.-right {
float: none;
margin-right: 0;
}
}
.header-links.-right a {
margin-right: 0;
margin-left: 1em;
}
.header-links li {
display: inline;
}
.header-links a {
display: inline-block;
color: inherit;
margin-right: 1em;
}
.header-links .icon-links-label {
color: inherit;
}
.header-links.-secondary {
padding-top: 0;
padding-bottom: 0;
}
@media screen and (max-width: 900px) {
.header-links.-secondary > li:first-child > a {
margin-left: -0.625em;
}
}
.header-links.-secondary a {
float: left;
position: relative;
width: 2.76923em;
height: 2.76923em;
overflow: hidden;
margin: 0;
line-height: 0;
/* Fixes Chrome bug */
letter-spacing: -1em;
color: #98a0ab;
text-indent: -99em;
text-decoration: none;
}
.header-links.-secondary a:before,
.header-links.-secondary a:after {
font: 1.15385em/1 "RockSolid Icons";
content: attr(data-icon);
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
position: absolute;
top: 0;
left: 0;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
height: 100%;
padding-top: 0.06667em;
line-height: 2.40067;
letter-spacing: 0;
text-align: center;
background: whitesmoke;
-webkit-transition: top 0.2s ease-out;
-moz-transition: top 0.2s ease-out;
-o-transition: top 0.2s ease-out;
transition: top 0.2s ease-out;
}
.header-links.-secondary a:after {
top: 100%;
color: white;
background: transparent;
}
.header-links.-secondary a:hover:before,
.header-links.-secondary a:focus:before {
top: -100%;
}
.header-links.-secondary a:hover:after,
.header-links.-secondary a:focus:after {
top: 0;
}
.header-login,
.header-dropdown {
position: relative;
float: right;
z-index: 4;
margin: 0.30769em 0.76923em -0.15385em 0;
}
@media screen and (max-width: 900px) {
.header-login,
.header-dropdown {
margin-right: -0.61538em;
margin-left: 1em;
}
}
.header-login > h1, .header-login > h2, .header-login > h3, .header-login > h4, .header-login > h5, .header-login > h6,
.header-dropdown > h1,
.header-dropdown > h2,
.header-dropdown > h3,
.header-dropdown > h4,
.header-dropdown > h5,
.header-dropdown > h6 {
position: relative;
z-index: 1;
margin: 0;
padding: 0.38462em 0.76923em 0.61538em;
border: 1px solid transparent;
border-bottom: 0;
border-radius: 3px 3px 0 0;
outline: none;
font-weight: normal;
font-size: inherit;
line-height: 1.5;
color: inherit;
cursor: pointer;
}
.header-login > h1:hover, .header-login > h1:focus, .header-login > h2:hover, .header-login > h2:focus, .header-login > h3:hover, .header-login > h3:focus, .header-login > h4:hover, .header-login > h4:focus, .header-login > h5:hover, .header-login > h5:focus, .header-login > h6:hover, .header-login > h6:focus,
.header-dropdown > h1:hover,
.header-dropdown > h1:focus,
.header-dropdown > h2:hover,
.header-dropdown > h2:focus,
.header-dropdown > h3:hover,
.header-dropdown > h3:focus,
.header-dropdown > h4:hover,
.header-dropdown > h4:focus,
.header-dropdown > h5:hover,
.header-dropdown > h5:focus,
.header-dropdown > h6:hover,
.header-dropdown > h6:focus {
text-decoration: underline;
}
.header-login > h1:hover:after, .header-login > h1:focus:after, .header-login > h2:hover:after, .header-login > h2:focus:after, .header-login > h3:hover:after, .header-login > h3:focus:after, .header-login > h4:hover:after, .header-login > h4:focus:after, .header-login > h5:hover:after, .header-login > h5:focus:after, .header-login > h6:hover:after, .header-login > h6:focus:after,
.header-dropdown > h1:hover:after,
.header-dropdown > h1:focus:after,
.header-dropdown > h2:hover:after,
.header-dropdown > h2:focus:after,
.header-dropdown > h3:hover:after,
.header-dropdown > h3:focus:after,
.header-dropdown > h4:hover:after,
.header-dropdown > h4:focus:after,
.header-dropdown > h5:hover:after,
.header-dropdown > h5:focus:after,
.header-dropdown > h6:hover:after,
.header-dropdown > h6:focus:after {
text-decoration: none !important;
}
.header-login > h1:after, .header-login > h2:after, .header-login > h3:after, .header-login > h4:after, .header-login > h5:after, .header-login > h6:after,
.header-dropdown > h1:after,
.header-dropdown > h2:after,
.header-dropdown > h3:after,
.header-dropdown > h4:after,
.header-dropdown > h5:after,
.header-dropdown > h6:after {
font: 0.69231em/1 "RockSolid Icons";
content: "\e015";
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
top: -0.11111em;
margin-left: 0.44444em;
}
.header-dropdown:hover {
color: #717c8e;
}
.header-login .formbody,
.header-dropdown > ul {
position: absolute;
top: 100%;
right: 0;
display: none;
margin-top: -1px;
padding: 1em 1.53846em 1.38462em;
border: 1px solid #b2b9c4;
border-radius: 3px 0 3px 3px;
color: #717c8e;
background: white;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
.header-login .formbody .error,
.header-dropdown > ul .error {
margin-top: 0;
min-width: 21.53846em;
}
.header-login .formbody .login_info,
.header-dropdown > ul .login_info {
margin-top: 0;
white-space: nowrap;
}
.header-login .formbody label,
.header-dropdown > ul label {
display: block;
margin: 0 0 0.3em;
font-size: 0.76923em;
text-transform: uppercase;
}
.header-login .formbody input,
.header-dropdown > ul input {
width: 100%;
margin: 0 0 1.07692em;
padding: 0.46154em 0.92308em;
border-radius: 0;
font-size: 1em;
}
.header-login .formbody input[type=submit],
.header-dropdown > ul input[type=submit] {
margin: 0;
}
.header-login .formbody .checkbox_container,
.header-dropdown > ul .checkbox_container {
margin: 0 0 1.07692em;
}
.header-login .formbody .checkbox_container input,
.header-dropdown > ul .checkbox_container input {
margin-bottom: 0;
}
.header-login .formbody .checkbox_container label,
.header-dropdown > ul .checkbox_container label {
display: inline;
}
.header-login .formbody {
min-width: 16.92308em;
}
.header-dropdown > ul {
min-width: 150%;
padding: 0.76923em 0;
list-style: none;
}
.header-dropdown > ul li:before {
content: none;
}
.header-dropdown > ul a,
.header-dropdown > ul 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;
}
.headernavigation {
zoom: 1;
position: relative;
background-color: transparent;
border-top: 0px solid #fff;
box-shadow: 0 0px 0px rgba(0, 0, 0, 0.5);
}
.headernavigation:before {
content: "";
display: table;
}
.headernavigation:after {
content: "";
display: table;
clear: both;
}
.tao-boxed .headernavigation {
max-width: 1188px;
margin-right: auto;
margin-left: auto;
border-right: 1px solid #b2b9c4;
border-left: 1px solid #b2b9c4;
}
.sticky {
height:53px;
width:100%;
border-top:0;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;}
@media screen and (max-width: 1188px) {
.tao-boxed .headernavigation {
border-right: 0;
border-left: 0;
}
}
.tao-not-boxed .headernavigation {
max-width: none;
border-right: 0;
border-left: 0;
}
.headernavigationinner {
position: relative;
height: 3.5rem;
min-height: 3.5rem;
padding-top:10px;
color: #717c8e;
background-color: rgba(243, 242, 238, .9);
}
.innertwelve {padding-top:4px; -webkit-transition: all 0.15s linear;
-moz-transition: all 0.15s linear;
-o-transition: all 0.15s linear;
transition: all 0.15s linear;}
/**@media screen and (max-width: 900px) {
.headernavigationinner {
height: auto;
min-height: 0;
}
}**/
.logo {
position: absolute;
top: 17.5%;
bottom: 17.5%;
left: 0;
margin: 0;
font-size: inherit;
max-width:100%;
}
@media screen and (max-width: 767px) {
.logo {
position: absolute;
margin-left: 0;
padding-top: 1.5em;
padding-bottom: 0.75em;
}
}
@media screen and (max-width: 767px) {
.logo {
position:relative;
float:left;
left:0;
padding:0 0;
}
}
.logo a {
display: block;
height: 100%;
}
@media screen and (max-width: 767px) {
.logo a {
display: inline;
}
}
.logo img {
display: block;
width: auto;
height: 100%;
max-width: 150px;
}
.scrolllogo {top:17.5%;}
.scrolllogo img {
display: block;
width: auto;
height: 100%;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
@media screen and (max-width: 767px) {
.logo img {
display: inline;
height: 2.5rem;
max-height: 40px;
}
/*.scrolllogo {top:10%;}
.scrolllogo img {
display: block;
width: auto;
height: 60%;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
max-height: 1.5625em;
}*/
}
.main-navigation-wrapper {
position: relative;
clear: both;
border: 1px solid #b2b9c4;
background: white;
background: -webkit-linear-gradient(#ffffff, #fafafa);
background: -moz-linear-gradient(#ffffff, #fafafa);
background: -o-linear-gradient(#ffffff, #fafafa);
background: linear-gradient(#ffffff, #fafafa);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(255, 255, 255, 0.5);
}
.main-navigation {
float: right;
height: 100%;
margin-right: 5.55556%;
padding-right: 2.75em;
font-family:'Spartan Bold', arial;
color:#222;
font-size:1.3rem;
font-weight:normal;
}
@media screen and (max-width: 900px) {
.main-navigation {
position: relative;
float: right;
margin-right: 0;
padding-right: 1.5em;
padding-left: 1.5em;
}
}
@media screen and (max-width: 767px) {
.main-navigation {
display: none;
}
}
.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: 45px;
}
.main-navigation > ul.heidi > li {
position: relative;
float: left;
height: 33px;
}
.heidi.submenu.sibling {height:32px;}
.main-navigation > ul > li span {border:0;padding:0 1.429em;}
.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: 1.05rem;
color: #444;
}
.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: 40%;
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%;
-webkit-transition: right 0.4s ease-out, left 0.4s ease-out;
-moz-transition: right 0.4s ease-out, left 0.4s ease-out;
-o-transition: right 0.4s ease-out, left 0.4s ease-out;
transition: right 0.4s ease-out, left 0.4s ease-out;
}
@media screen and (max-width: 900px) {
.main-navigation > ul > li > a:after,
.main-navigation > ul > li > 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: #ff6600;
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: #ff6600;
}
.main-navigation > ul > li > ul {
position: absolute;
top: 100%;
left: 0.5em;
display: block;
overflow: hidden;
max-height: 0;
min-width: 11.25em;
margin-top:0;
padding: 0;
border: solid #e5e8ee;
border-width: 1px 1px 2px;
border-top-color: #e5e8ee;
border-radius: 0 0 3px 3px;
background-color:#eee;
background-color: rgba(232,232,232,0.95);
opacity: 0;
box-shadow: inset 0 6px 2px -5px rgba(0, 0, 0, 0.1);
pointer-events: none;
}
.mna > ul > li > ul {top:82%;}
.main-navigation > ul > li > ul li {
position: relative;
display: block;
padding: 0;
border-bottom: 1px solid #ccc;
border-top:1px solid #fff;
font-size:0.9em;
white-space: nowrap;
}
.main-navigation > ul > li > ul li:hover {background:#e2e2e2;
-webkit-transition: background-color 0.4s ease-in, color 0.4s ease-in;
-moz-transition: background-color 0.4s ease-in, color 0.4s ease-in;
-o-transition: background-color 0.4s ease-in, color 0.4s ease-in;
transition: background-color 0.4s ease-in, color 0.4s ease-in;}
.main-navigation > ul > li > ul li li {
margin: 0 -0.375em;
border: 0;
}
.main-navigation > ul > li > ul li[data-icon]:before,
.main-navigation > ul > li > ul li[class^="icon-"]:before,
.main-navigation > ul > li > ul li[class*=" icon-"]:before {
position: absolute;
top: 0.64286em;
left: 0.28571em;
z-index: 1;
font-size: 0.875em;
}
.main-navigation > ul > li > ul li[data-icon] a,
.main-navigation > ul > li > ul li[data-icon] 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;
margin: 0 -0.42857em;
font-size: 0.875em;
}
.main-navigation > ul > li > ul a {
padding:12px 20px;
border-radius: 3px;
font-size:1.05rem;
color: #444;
-webkit-transition: background-color 0.2s ease-in, color 0.2s ease-in;
-moz-transition: background-color 0.2s ease-in, color 0.2s ease-in;
-o-transition: background-color 0.2s ease-in, color 0.2s ease-in;
transition: background-color 0.2s ease-in, color 0.2s ease-in;
}
.main-navigation > ul > li > ul a:hover {
text-decoration: none;
color:#ff6600;
}
.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 {
padding:12px 5px 12px 20px;
border-radius: 3px;
font-size:1.05rem;
font-weight:400;
color: #ff6600;
background:#e2e2e2;
}
.main-navigation > ul > li > ul ul {
display: block;
padding-left: 0.625em;
}
.main-navigation > ul > li:hover:after {
content: "";
position: absolute;
top: 50%;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
margin-top: 0.625em;
}
.main-navigation > ul > li:hover > a,
.main-navigation > ul > li:hover > strong,
.main-navigation > ul > li:hover > span.active,
.main-navigation > ul > li:hover > span.trail,
.main-navigation > ul > li:hover > span.forward {
z-index: 2;
}
.main-navigation > ul > li:hover > a:after,
.main-navigation > ul > li:hover > strong:after,
.main-navigation > ul > li:hover > span.active:after,
.main-navigation > ul > li:hover > span.trail:after,
.main-navigation > ul > li:hover > span.forward:after {
right: 1.42857em;
left: 1.42857em;
-webkit-transition-duration: 0.1s, 0.1s;
-moz-transition-duration: 0.1s, 0.1s;
-o-transition-duration: 0.1s, 0.1s;
transition-duration: 0.1s, 0.1s;
}
.main-navigation > ul > li:hover > ul {
z-index: 1;
max-height: 9999px;
padding: 0;
opacity:1;
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;
}
@media screen and (max-width: 1279px) {.main-navigation > ul > li span { padding:0 0.929em;} .main-navigation > ul > li > a { padding:0 0.929em;}
}
.mega-dropdown {
position: absolute;
top: 100%;
right: 3.7037%;
display: block;
width: 92.59259%;
max-width:1024px;
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: transparent;
opacity: 0;
box-shadow: inset 0 6px 2px -5px rgba(0, 0, 0, 0.1);
-webkit-transition: max-height 0s, padding 0s, opacity 0.3s;
-webkit-transition-delay: 0.3s, 0.3s, 0s;
-moz-transition: max-height 0s 0.3s, padding 0s 0.3s, opacity 0.3s;
-o-transition: max-height 0s 0.3s, padding 0s 0.3s, opacity 0.3s;
transition: max-height 0s 0.3s, padding 0s 0.3s, opacity 0.3s;
pointer-events: none;
/* Fixes chrome text flicker */
-webkit-backface-visibility: hidden;
}
.topforty {top:60%;}
@media screen and (max-width: 900px) {
.mega-dropdown {
background-image: none !important;
left: 0;
width: 100%;
}
}
.mega-dropdown-inner {border:1px solid #aaa;
-webkit-box-shadow: 0px 4px 7px 1px rgba(102,102,102,0.8);
-moz-box-shadow: 0px 4px 7px 1px rgba(102,102,102,0.8);
box-shadow: 0px 4px 7px 1px rgba(102,102,102,0.8);
}
li:hover > .mega-dropdown {
z-index: 1;
max-height: 9999px;
overflow: visible;
padding: 1.57143em 3.7037%;
opacity: 1;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
transition: opacity 0.2s;
pointer-events: auto;
}
li:hover > .mega-dropdown.technomenu {padding:0;}
.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: #444;
}
.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: #444;
font-size:1rem;
font-family:"Spartan",Arial,sans-serif;
}
.mega-dropdown-column ul a:hover {
color: #ff6600;
}
.mega-dropdown-image {
margin: 1.42857em 0;
}
.mega-dropdown-image img {
display: block;
width: 100%;
height: auto;
}
.main-navigation-search {
position: absolute;
top: 55%;
right: 0%;
z-index: 3;
/*height: 2.85714em;*/
height: 2.15714em;
min-width: 3.42857em;
margin-top: -1.35714em;
border-radius: 0;
overflow: hidden;
font-size: 1.1rem;
background: transparent;
}
.suchtop {top:35%;-webkit-transition: all 0.15s linear;
-moz-transition: all 0.15s linear;
-o-transition: all 0.15s linear;
transition: all 0.15s linear;}
/**@media screen and (max-width: 900px) {
.main-navigation-search {
right: 5.55556%;
top: auto;
bottom: 4.6875em;
margin-top: 0;
z-index: 0;
}
}**/
@media screen and (max-width: 767px) {
.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;
border:1px solid #444;
width: 11.78571em;
/*margin: 0.07143em 0.05714em 0 -10.35714em;*/
margin: 0.17em 0.85714em 0 -10.35714em;
padding: 0.14286em 0 0.21429em;
/*padding: 0.71429em 0 0.21429em;*/
border: 0;
border-bottom: 0px solid white;
border-radius: 0;
font-size: inherit;
background: none;
box-shadow: none;
-webkit-transition: margin-left 0.2s ease-out;
-moz-transition: margin-left 0.2s ease-out;
-o-transition: margin-left 0.2s ease-out;
transition: margin-left 0.2s ease-out;
}
.main-navigation-search:hover,
.main-navigation-search.focus {
margin-right: -1px;
border: 0px solid #e5e8ee;
background:#fff;
}
.main-navigation-search:hover input,
.main-navigation-search.focus input {
margin-left: 0.85714em;
border-color: #b2b9c4;
border: 0px solid #e5e8ee;
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: #444;
text-align: left;
text-indent: -99em;
text-shadow: none;
line-height: 0;
background: none;
box-shadow: none;
}
.main-navigation-search button:after {
font: 1em/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: #444;
}
.main-navigation-mobile-open {
position: absolute;
top: 33px;
right: 2.5556%;
width: 44px;
height: 39px;
margin: -25px 0 0 -11px;
padding: 11px;
display: none;
z-index: 8888;
text-indent: -99em;
line-height: 0;
}
.main-navigation-mobile-open:after {
content: "";
display: block;
height: 3px;
border-radius: 0px;
background: #444;
box-shadow: 0 7px #444, 0 14px #444;
}
@media screen and (max-width: 767px) {
.main-navigation-mobile-open {
display: block;
}
}
.main-navigation-mobile-close {
position: absolute;
top: 7px;
right:2.5556%;
display: none;
width: auto;
height: auto;
overflow: hidden;
margin: 0;
padding: 11px;
border: 0 !important;
text-indent: -99em;
box-shadow: none !important;
background: 0;
line-height: 0;
}
.main-navigation-mobile-close:after {
font: 1.5rem/1 "RockSolid Icons";
content: "\e904";
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
display: block;
background: transparent!important;}
.main-navigation-mobile-close:after, .main-navigation-mobile-close:focus, .main-navigation-mobile-close:active, .main-navigation-mobile-close:hover {background: transparent!important;cursor: pointer;}
.main-navigation-mobile-close:hover::after {color: #ff6600;-webkit-transition: all 0.15s linear;
-moz-transition: all 0.15s linear;
-o-transition: all 0.15s linear;
transition: all 0.15s linear;}
.is-active > .main-navigation-mobile-close {
display: block;
color:#000;
}
.main-navigation-mobile {
/* Hide mobile navigation by default */
display: none;
padding: 0;
border-top: 0px solid black;
color: #444;
background: #e8e8e8;
}
@media screen and (max-width: 767px) {
.main-navigation-mobile {
display: block;
}
}
.modernizr-js .main-navigation-mobile {
display: none;
}
.main-navigation-mobile.is-enabled {
position: absolute;
top: 0;
left: -100%;
z-index: 9999;
width: 0%;
min-height: 100%;
-webkit-transition: left 0.35s ease-out;
-moz-transition: left 0.35s ease-out;
-o-transition: left 0.35s ease-out;
transition: left 0.35s ease-out;
}
@media screen and (max-width: 767px) {
.main-navigation-mobile.is-enabled {
display: block;
position: fixed;
overflow-x:hidden;
overflow-y:hidden;
top:0!important;
height:100%!important;
}
.mod_navigation {margin:0!important; overflow-y:scroll;overflow-x:hidden;height:100%;width: 100%!important;padding: 25px;}
}
.modernizr-csstransforms3d .main-navigation-mobile.is-enabled {
left: 0;
-webkit-transform: translate3d(-100%, 0, 0);
-moz-transform: translate3d(-100%, 0, 0);
-ms-transform: translate3d(-100%, 0, 0);
-o-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
-webkit-transition: -webkit-transform 0.2s ease-out;
-moz-transition: -moz-transform 0.2s ease-out;
-o-transition: -o-transform 0.2s ease-out;
transition: transform 0.2s ease-out;
}
.main-navigation-mobile.is-active {
left: 0;
height: auto;
}
.modernizr-csstransforms3d .main-navigation-mobile.is-active {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.main-navigation-mobile ul {
display: block;
margin: 0;
padding: 0;
}
.main-navigation-mobile ul ul {display: inline-flex;position: relative;
}
.main-navigation-mobile .is-collapsed > ul {
display: none;
}
.main-navigation-mobile li {
position: relative;
width: 100%;
text-align: left;
margin: 0 auto;
flex-direction: column;}
@media screen and (min-width: 600px) {
.main-navigation-mobile li {
width: 33.3333%;
float:left;
}
}
.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;
color: inherit;
}
.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: transparent;
-webkit-transition: background-color 0.2s ease-out;
-moz-transition: background-color 0.2s ease-out;
-o-transition: background-color 0.2s ease-out;
transition: background-color 0.2s ease-out;
}
.main-navigation-mobile a.active,
.main-navigation-mobile a.trail,
.main-navigation-mobile strong.active,
.main-navigation-mobile strong.trail,
.main-navigation-mobile strong.forward,
.main-navigation-mobile span.active,
.main-navigation-mobile span.trail,
.main-navigation-mobile span.forward {
font-weight: 400;
color:#ff6600;
}
.main-navigation-mobile a.active,
.main-navigation-mobile strong.active,
.main-navigation-mobile span.active {
background-color: transparent;
}
.main-navigation-mobile li li {
color: #444;
}
.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 #444;
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 #ccc;
background: #f2f2f2;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
border-radius:0;
}
.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;
color:#444;
}
.main-navigation-mobile-icons.main-navigation-mobile-icons {
margin: 1em;
text-align: left;
}
.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;
background: transparent;
}
.main-navigation-mobile-icons.main-navigation-mobile-icons a:before {
font-size: 1.78571em;
line-height: 1.22278;
margin: 0 0 100%;
color: #666!important;
}
.main-navigation-mobile-icons.main-navigation-mobile-icons a:hover:before {
color: inherit !important;
}
.burgertop {
top:20px!important;
-webkit-transition: all 0.1s linear;
-moz-transition: all 0.1s linear;
-o-transition: all 0.1s linear;
transition: all 0.1s linear;}
.tagline {
zoom: 1;
border-bottom: 0px solid #e5e8ee;
background: transparent;
}
.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;
}
.tagline p {margin:0;padding:0;}
@media screen and (max-width: 767px) {
.tagline .page-title {
float: none;
text-align: center;
}
}
.home .mod_breadcrumb {display: none;}
.tagline .mod_breadcrumb {
position:relative;
max-width:1920px;
width:83.3333%;
margin: 0 auto;
padding: 0.5em 0 1.0em;
}
@media screen and (max-width: 767px) {
.tagline .mod_breadcrumb {
display:none;
}
}
.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: #888;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
width:100%;
}
.tagline-inner .mod_breadcrumb block {
max-width:1188px;
margin:0 auto;
}
.content-wrapper {
padding-bottom:3em;
zoom: 1;
}
.content-wrapper:before {
content: "";
display: table;
}
.content-wrapper:after {
content: "";
display: table;
clear: both;
}
.tao-fullwidth .content-wrapper {
max-width: 100%;
}
.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: 0px solid #ccc;
}
.centered-wrapper.-border-bottom {
border-bottom: 1px solid #ccc;
}
.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: 767px) {
.centered-wrapper.-small {
min-height: 200px;
}
}
.centered-wrapper.-medium {
min-height: 600px;
}
@media screen and (max-width: 767px) {
.centered-wrapper.-medium {
min-height: 400px;
}
}
.centered-wrapper.-large {
min-height: 900px;
}
@media screen and (max-width: 767px) {
.centered-wrapper.-large {
min-height: 600px;
}
}
.centered-wrapper.-background-mousemove,
.centered-wrapper.-background-mousemove-inverted,
.centered-wrapper.-background-parallax {
overflow: hidden;
}
.centered-wrapper-background {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
background: 50% 50% no-repeat;
background-size: cover;
}
.centered-wrapper-background video {
/* Change this to `object-fit: cover;` once all browsers support it, */
/* see http://stackoverflow.com/a/20851590 */
position: absolute;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.-background-mousemove > .centered-wrapper-background,
.-background-mousemove-inverted > .centered-wrapper-background {
right: -12%;
}
.centered-wrapper-inner {
position: relative;
}
.centered-wrapper-inner.-fullwidth {
max-width: none;
margin: 0;
}
/* ===========================================
* Content
* ======================================== */
h1,
h2 {
line-height: 1.3;
}
@media screen and (max-width: 767px) {
h1, h2 {
font-size:1.25rem;}}
h3,
h4,
h5,
h6 {
line-height: 1.5;
font-weight: normal;
}
.main-content {
float: right;
width: 66.66671%;
margin: 1.5em 7.40741% 3.75em 0;
text-align:justify;
}
@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: 0;
}
@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;
padding-top: 0px;
padding-bottom: 2.5rem;
}
.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: 2.0em;
}
.main-content p > span[style] {
padding: 0 0.1875em;
}
.main-content p {text-align:justify;}
.licenselist p {margin-top: 0.75em;margin-bottom:0.75em;}
.main-content h1,
.main-content h2,
.main-content h3,
.main-content h4,
.main-content h5,
.main-content h6 {
font-family: 'Spartan Bold',Arial, Helvetica, sans-serif;
margin-top: 0.75em;
margin-bottom: 0.3em;
font-weight: normal;
}
.main-content h1 {
margin-top: 0.75em;
margin-bottom: 0.3em;
font-weight: normal;
line-height: 1.2;
}
.main-content .-color-inverted h1 {
color: white;
}
.main-content h2 {
font-size: 1.5em;
color: #444;
}
.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: 1.1rem;
line-height: 1.50063;
color: #000;
text-transform: inherit;
font-weight: 400;
}
.-color-inverted .main-content h6 {
color: #b2b9c4;
}
@media screen and (max-width: 900px) {
.main-content h1 {font-size:1.25rem;text-align:left;}
.main-content h2 {font-size:1.1rem;text-align:left;}
.main-content h3 {font-size:1.1rem;text-align:left;}
.main-content h4 {font-size:1.1rem;text-align:left;}
.main-content h5 {font-size:1.1rem;text-align:left;}
.main-content h6 {font-size:1.1rem;text-align:left;}
}
.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: 767px) {
.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: 767px) {
.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.45714em 0.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: #444;
}
.-color-inverted .main-content label {
color: #b2b9c4;
}
.main-content label .mandatory {
margin-left: 0.14286em;
color: #ff6600;
}
.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: 767px) {
.main-content input,
.main-content textarea,
.main-content select,
.main-content fieldset {
width: 100%;
}
}
.main-content button,
.main-content input[type="submit"] {
width: auto;
}
@media screen and (max-width: 767px) {
.main-content button,
.main-content input[type="submit"] {
width: 100%;
}
}
.explanation p,
.captcha_text p {
margin: 0;
}
.explanation {
font-size: 0.875em;
margin: -0.85714em 0 1.71429em;
color: #444;
}
.-color-inverted .explanation {
color: #b2b9c4;
}
.captcha_text {
display: block;
}
label .captcha_text {
display: inline;
}
.sidebar form input,
.sidebar form textarea,
.sidebar form select,
.sidebar form fieldset,
.sidebar form button {
width: 100%;
}
.sidebar form label {
display: block;
margin-bottom: 0.3125em;
font-size: 1em;
}
.sidebar form input[type="checkbox"],
.sidebar form input[type="radio"],
.sidebar form input[type="image"] {
width: auto;
}
/* ===========================================
* Content elements
* ======================================== */
.image_container {
position: relative;
display: inline-block;
max-width: 100%;
/*padding: 0.75em;
border: 1px solid #b2b9c4;
border-radius: 2px;
background: white;
background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
background-image: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);*/
}
.image_container.no-border,
.no-border .image_container {
padding: 0;
border: 0;
box-shadow: none;
background: none;
}
.image_container.float_above {
margin-top: 1.5em;
}
.image_container.float_below {
margin-bottom: 1.5em;
}
.image_container img {
display: block;
width: 100%;
height: auto;
}
.image_container a {
position: relative;
display: block;
overflow: hidden;
/* Fixes IE bug */
text-decoration: none;
}
.image_container a:hover:before,
.image_container a:focus:before {
/*content: "";
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.3);*/
}
.image_container a:hover:after,
.image_container a:focus:after {
/*font: 1.5em/1 "RockSolid Icons";
content: "\2b";
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
position: absolute;
top: 50%;
left: 50%;
z-index: 2;
margin: -0.5em;
color: white;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.35);*/
}
.image_container a:hover img,
.image_container a:focus img {
/*-webkit-filter: blur(2px);
-moz-filter: blur(2px);
filter: blur(2px);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);*/
}
.image_container figcaption,
.image_container .caption {
/* overwrite elements style attribute */
width: 100% !important;
padding: 0.42857em 0 0 0.42857em;
font-size: 0.875em;
color: #717c8e;
text-align: center;
}
.legacy .image_container .caption {position: absolute;background-color: #ff66009e;font-size: 3rem;font-weight: 700; font-family:'Spartan Bold',Arial, Helvetica, sans-serif;color:#000;padding: 0;top:40%;}
.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: 767px) {
.image_container.float_right,
.image_container.float_left {
margin-left: 0;
float: none !important;
width: auto !important;
width: auto !important;
}
}
.tao-no-sidebar .image_container.float_right,
.tao-no-sidebar .image_container.float_left {
margin: 0.5em 0 1em 4%;
width: 24% !important;
}
@media screen and (max-width: 900px) {
.tao-no-sidebar .image_container.float_right,
.tao-no-sidebar .image_container.float_left {
margin-left: 6.25%;
width: 37.5% !important;
}
}
@media screen and (max-width: 767px) {
.tao-no-sidebar .image_container.float_right,
.tao-no-sidebar .image_container.float_left {
margin-left: 0;
width: auto !important;
}
}
.no-resize .image_container.float_right,
.tao-no-sidebar .no-resize .image_container.float_right,
.image_container.float_right.no-resize,
.tao-no-sidebar .image_container.float_right.no-resize,
.no-resize .image_container.float_left,
.tao-no-sidebar .no-resize .image_container.float_left,
.image_container.float_left.no-resize,
.tao-no-sidebar .image_container.float_left.no-resize {
width: auto !important;
}
.image_container.float_left {
float: left;
margin: 0.5em 6.25% 1em 0;
}
@media screen and (max-width: 767px) {
.image_container.float_left {
margin-right: 0;
}
}
.tao-no-sidebar .image_container.float_left {
margin: 0.5em 3.84615% 1em 0;
}
@media screen and (max-width: 900px) {
.tao-no-sidebar .image_container.float_left {
margin-right: 6.25%;
}
}
@media screen and (max-width: 767px) {
.tao-no-sidebar .image_container.float_left {
margin-right: 0;
}
}
.no-resize .image_container:not(.float_right):not(.float_left) img,
.image_container:not(.float_right):not(.float_left).no-resize img {
width: auto;
max-width: 100%;
}
.ce_youtube-wrapper,
.ce_vimeo-wrapper {
position: relative;
margin: 1.5em 0;
/* ratio 16 to 9 */
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.ce_youtube-wrapper iframe,
.ce_youtube-wrapper object,
.ce_youtube-wrapper embed,
.ce_vimeo-wrapper iframe,
.ce_vimeo-wrapper object,
.ce_vimeo-wrapper embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.mejs__video:not(.mejs__container-fullscreen),
.mejs__audio:not(.mejs__container-fullscreen) {
margin: 1.25em 0;
background: transparent;
}
.mejs__video button,
.mejs__audio button {
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
border-radius: 0;
box-shadow: none;
}
.ce_gallery > ul.cols_1 > li {
width: 100%;
}
.ce_gallery > ul.cols_2 > li {
width: 49.25%;
}
.ce_gallery > ul.cols_3 > li {
width: 32.33333%;
}
.ce_gallery > ul.cols_4 > li {
width: 23.875%;
}
.ce_gallery > ul.cols_5 > li {
width: 18.8%;
}
.ce_gallery > ul.cols_6 > li {
width: 15.41667%;
}
.ce_gallery > ul.cols_7 > li {
width: 13%;
}
.ce_gallery > ul.cols_8 > li {
width: 11.1875%;
}
.ce_gallery > ul.cols_9 > li {
width: 9.77778%;
}
.ce_gallery > ul.cols_10 > li {
width: 8.65%;
}
.ce_gallery > ul.cols_11 > li {
width: 7.72727%;
}
.ce_gallery > ul.cols_12 > li {
width: 6.95833%;
}
@media screen and (max-width: 767px) {
.ce_gallery.ce_gallery > ul > li {
/* doubled class for specificity */
width: auto;
}
}
.ce_gallery.no-resize > ul > li {
width: auto;
}
.main-content .ce_gallery {
margin: 1.5em 0;
}
.ce_gallery > ul {
zoom: 1;
margin: 0 !important;
padding: 0 0 1.5% 0 !important;
list-style: none !important;
}
.ce_gallery > ul:before {
content: "";
display: table;
}
.ce_gallery > ul:after {
content: "";
display: table;
clear: both;
}
.ce_gallery > ul > li {
float: left;
width: 23.875%;
margin: 1.5% 0 0 1.5%;
}
@media screen and (max-width: 767px) {
.ce_gallery > ul > li {
margin-left: 0;
margin-right: 1.5%;
}
}
.ce_gallery > ul > li.col_first {
clear: left;
margin-left: 0;
}
@media screen and (max-width: 767px) {
.ce_gallery > ul > li.col_first {
clear: none;
}
}
.ce_gallery > ul > li.col_last {
/* for rounding failures */
margin-right: -1%;
}
@media screen and (max-width: 767px) {
.ce_gallery > ul > li.col_last {
margin-right: 1.5%;
}
}
.ce_gallery > ul > li > .image_container {
display: block;
width: 100%;
}
.ce_gallery img {
width: 100%;
height: auto;
}
.enclosure,
.sidebar .enclosure,
.ce_downloads,
.sidebar .ce_downloads {
margin: 1.6875em 0;
padding: 1.25em 1.875em;
border: 0;
border-radius: 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,
.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: 0;
font-size: 0.75em;
font-weight: bold;
letter-spacing: 0.08333em;
color: white;
text-transform: uppercase;
background:transparent;
}
.eco .main-content .contentboxed.downloads h2 {font-size: 1.25rem;margin: 0 0 1.25rem;padding: 0;}
.eco .main-content .ce_downloads h2 {font-size: 1.25rem;margin: 0 0 1.25rem;padding: 0;color: #f2f2f2;}
.eco .main-content .ce_downloads {background: linear-gradient(0deg, rgba(58,61,73,1) 0%, rgba(33,35,46,1) 100%)}
.eco .main-content .ce_downloads a {color: #f2f2f2;}
contentboxed downloads
.eco .main-content .ce_download h2 {font-size: 1.25rem;margin: 0 0 1.25rem;padding: 0;}
.eco .main-content .ce_download .download-wrapper {border: 0;padding: 5px 10px;}
.eco .main-content .ce_download .download-wrapper .download-element .ext-pdf {background: transparent;}
.enclosure h1:before, .enclosure h2:before, .enclosure h3:before, .enclosure h4:before, .enclosure h5:before, .enclosure h6:before,
.sidebar .enclosure h1:before,
.sidebar .enclosure h2:before,
.sidebar .enclosure h3:before,
.sidebar .enclosure h4:before,
.sidebar .enclosure h5:before,
.sidebar .enclosure h6:before,
.ce_downloads h1:before,
.ce_downloads h2:before,
.ce_downloads h3:before,
.ce_downloads h4:before,
.ce_downloads h5:before,
.ce_downloads h6:before,
.sidebar .ce_downloads h1:before,
.sidebar .ce_downloads h2:before,
.sidebar .ce_downloads h3:before,
.sidebar .ce_downloads h4:before,
.sidebar .ce_downloads h5:before,
.sidebar .ce_downloads h6:before {
font: 1.16667em/1 "RockSolid Icons";
content: "\e06d";
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
top: 0.07143em;
float: right;
}
.enclosure ul, .enclosure p,
.sidebar .enclosure ul,
.sidebar .enclosure p,
.ce_downloads ul,
.ce_downloads p,
.sidebar .ce_downloads ul,
.sidebar .ce_downloads p {
margin: 0;
padding: 0;
list-style: none;
}
.ce_accordion {
color: #717c8e;
}
.ce_accordion[data-icon],
.ce_accordion[class^="icon-"],
.ce_accordion[class*=" icon-"] {
position: relative;
}
.ce_accordion[data-icon]:before,
.ce_accordion[class^="icon-"]:before,
.ce_accordion[class*=" icon-"]:before {
position: absolute;
top: 0.75em;
left: 1em;
z-index: 1;
font-size: 1.25em;
}
.ce_accordion[data-icon] .toggler,
.ce_accordion[class^="icon-"] .toggler,
.ce_accordion[class*=" icon-"] .toggler {
padding-left: 3.125em;
}
.ce_accordion .toggler {
position: relative;
/* collapse borders */
margin-bottom: -2px;
padding: 0.6875em 2.5em 0.8125em 1.25em;
border: 1px solid #b2b9c4;
border-radius: 3px;
outline: none;
font-weight: bold;
cursor: pointer;
background: white;
}
.ce_accordion .toggler:after {
font: 0.8125em/1 "RockSolid Icons";
content: "\2b";
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
position: absolute;
top: 1.38462em;
right: 1.53846em;
}
.ce_accordion .toggler:hover {
color: #1782c5;
text-decoration: none;
}
.ce_accordion .toggler.ui-accordion-header-active:after {
content: "\2212";
}
.ce_accordion + .ce_accordion .toggler {
border-radius: 0 0 3px 3px;
}
.ce_accordion .accordion {
zoom: 1;
position: relative;
/* collapse borders */
margin-bottom: -2px;
padding: 0.0625em 1.25em;
border: 1px solid #b2b9c4;
border-top-color: #d8dce1;
border-radius: 0 0 3px 3px;
background: #e5e5e5;
}
.ce_accordion .accordion:before {
content: "";
display: table;
}
.ce_accordion .accordion:after {
content: "";
display: table;
clear: both;
}
.icon-boxes {
zoom: 1;
margin: 2.75em 0;
}
.icon-boxes:before {
content: "";
display: table;
}
.icon-boxes:after {
content: "";
display: table;
clear: both;
}
.icon-boxes > h1,
.icon-boxes > h2,
.icon-boxes > h3,
.icon-boxes > h4,
.icon-boxes > h5,
.icon-boxes > h6 {
margin-top: 0;
margin-bottom: 1em;
}
.icon-boxes-item {
position: relative;
display: block;
font-size: 0.875em;
color: #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: 2em;
height: 1em;
margin: 0 0 0.59375em;
padding: 0;
border: 0 solid #8570a6;
border-radius: 100%;
font-size: 3.28571em;
color: #ff6600;
text-align: center;
background: transparent;
-webkit-transition-property: opacity, -webkit-transform, color, background;
-moz-transition-property: opacity, -moz-transform, color, background;
-o-transition-property: opacity, -o-transform, color, background;
transition-property: opacity, transform, color, background;
-webkit-transition-duration: 0.2s, 0.2s, 0.2s, 0.8s;
-moz-transition-duration: 0.2s, 0.2s, 0.2s, 0.8s;
-o-transition-duration: 0.2s, 0.2s, 0.2s, 0.8s;
transition-duration: 0.2s, 0.2s, 0.2s, 0.8s;
}
.not-in-view > .icon-boxes-item:before,
.does-repeat.not-in-view > .icon-boxes-item:before,
.does-repeat .not-in-view > .icon-boxes-item:before {
opacity: 0;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
.does-repeat.in-view > .icon-boxes-item:before,
.does-repeat .in-view > .icon-boxes-item:before,
.has-shown > .icon-boxes-item:before {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.icon-boxes-item:nth-of-type(12n+1):before {
-webkit-transition-delay: 0.1s, 0.1s, 0s, 0s;
-moz-transition-delay: 0.1s, 0.1s, 0s, 0s;
-o-transition-delay: 0.1s, 0.1s, 0s, 0s;
transition-delay: 0.1s, 0.1s, 0s, 0s;
}
.icon-boxes-item:nth-of-type(12n+2):before {
-webkit-transition-delay: 0.2s, 0.2s, 0s, 0s;
-moz-transition-delay: 0.2s, 0.2s, 0s, 0s;
-o-transition-delay: 0.2s, 0.2s, 0s, 0s;
transition-delay: 0.2s, 0.2s, 0s, 0s;
}
.icon-boxes-item:nth-of-type(12n+3):before {
-webkit-transition-delay: 0.3s, 0.3s, 0s, 0s;
-moz-transition-delay: 0.3s, 0.3s, 0s, 0s;
-o-transition-delay: 0.3s, 0.3s, 0s, 0s;
transition-delay: 0.3s, 0.3s, 0s, 0s;
}
.icon-boxes-item:nth-of-type(12n+4):before {
-webkit-transition-delay: 0.4s, 0.4s, 0s, 0s;
-moz-transition-delay: 0.4s, 0.4s, 0s, 0s;
-o-transition-delay: 0.4s, 0.4s, 0s, 0s;
transition-delay: 0.4s, 0.4s, 0s, 0s;
}
.icon-boxes-item:nth-of-type(12n+5):before {
-webkit-transition-delay: 0.5s, 0.5s, 0s, 0s;
-moz-transition-delay: 0.5s, 0.5s, 0s, 0s;
-o-transition-delay: 0.5s, 0.5s, 0s, 0s;
transition-delay: 0.5s, 0.5s, 0s, 0s;
}
.icon-boxes-item:nth-of-type(12n+6):before {
-webkit-transition-delay: 0.6s, 0.6s, 0s, 0s;
-moz-transition-delay: 0.6s, 0.6s, 0s, 0s;
-o-transition-delay: 0.6s, 0.6s, 0s, 0s;
transition-delay: 0.6s, 0.6s, 0s, 0s;
}
.icon-boxes-item:nth-of-type(12n+7):before {
-webkit-transition-delay: 0.7s, 0.7s, 0s, 0s;
-moz-transition-delay: 0.7s, 0.7s, 0s, 0s;
-o-transition-delay: 0.7s, 0.7s, 0s, 0s;
transition-delay: 0.7s, 0.7s, 0s, 0s;
}
.icon-boxes-item:nth-of-type(12n+8):before {
-webkit-transition-delay: 0.8s, 0.8s, 0s, 0s;
-moz-transition-delay: 0.8s, 0.8s, 0s, 0s;
-o-transition-delay: 0.8s, 0.8s, 0s, 0s;
transition-delay: 0.8s, 0.8s, 0s, 0s;
}
.icon-boxes-item:nth-of-type(12n+9):before {
-webkit-transition-delay: 0.9s, 0.9s, 0s, 0s;
-moz-transition-delay: 0.9s, 0.9s, 0s, 0s;
-o-transition-delay: 0.9s, 0.9s, 0s, 0s;
transition-delay: 0.9s, 0.9s, 0s, 0s;
}
.icon-boxes-item:nth-of-type(12n+10):before {
-webkit-transition-delay: 1s, 1s, 0s, 0s;
-moz-transition-delay: 1s, 1s, 0s, 0s;
-o-transition-delay: 1s, 1s, 0s, 0s;
transition-delay: 1s, 1s, 0s, 0s;
}
.icon-boxes-item:nth-of-type(12n+11):before {
-webkit-transition-delay: 1.1s, 1.1s, 0s, 0s;
-moz-transition-delay: 1.1s, 1.1s, 0s, 0s;
-o-transition-delay: 1.1s, 1.1s, 0s, 0s;
transition-delay: 1.1s, 1.1s, 0s, 0s;
}
.icon-boxes-item:nth-of-type(12n+12):before {
-webkit-transition-delay: 1.2s, 1.2s, 0s, 0s;
-moz-transition-delay: 1.2s, 1.2s, 0s, 0s;
-o-transition-delay: 1.2s, 1.2s, 0s, 0s;
transition-delay: 1.2s, 1.2s, 0s, 0s;
}
.icon-boxes-item.-inverted-icon:before {
border-color: #8570a6;
color: white;
background-color: #8570a6;
}
.icon-boxes-item.-large-icon:before {
font-size: 2.71429em;
/* IE9 - IE11 */
font-size: 2.375rem;
}
.icon-boxes-item.-headline-icon {
text-align: left;
}
.icon-boxes-item.-headline-icon:before {
float: left;
top: 0;
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
background: none;
}
.icon-boxes-item.-headline-icon h3 {
padding: 0.09524em 0 0 2.19048em;
}
.icon-boxes-item:hover:before,
.icon-boxes-item:focus:before {
color: white;
background-color: #8570a6;
}
.icon-boxes-item:hover.-inverted-icon:before,
.icon-boxes-item:focus.-inverted-icon:before {
color: #8570a6;
background-color: white;
}
.icon-boxes-item:hover.-headline-icon:before,
.icon-boxes-item:focus.-headline-icon:before {
color: #8570a6;
background: none;
}
.icon-boxes-item h3 {
margin: 0 0 0.66667em;
font-family: Lato, sans-serif;
font-style: normal;
font-size: 1.5em;
color: #242424;
}
.icon-boxes-item p {
margin: 0.5em 0;
}
.icon-boxes-item-link.-link {
color: #1782c5;
}
.icon-boxes-item:hover > .icon-boxes-item-link.-link,
.icon-boxes-item:focus > .icon-boxes-item-link.-link {
text-decoration: underline;
}
.-color-inverted .icon-boxes-item-link {
color: white;
}
.rotating-boxes {
zoom: 1;
margin: 4% 0;
}
.rotating-boxes:before {
content: "";
display: table;
}
.rotating-boxes:after {
content: "";
display: table;
clear: both;
}
.rotating-boxes-item {
position: relative;
color: #717c8e;
text-decoration: none;
-webkit-perspective: 750px;
-moz-perspective: 750px;
-ms-perspective: 750px;
-o-perspective: 750px;
perspective: 750px;
}
.rotating-boxes-item:hover,
.rotating-boxes-item:focus,
.rotating-boxes-item.hover {
text-decoration: none;
}
.rotating-boxes-item:hover > .rotating-boxes-item-cover,
.rotating-boxes-item:focus > .rotating-boxes-item-cover,
.rotating-boxes-item.hover > .rotating-boxes-item-cover {
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.rotating-boxes-item:hover > .rotating-boxes-item-content,
.rotating-boxes-item:focus > .rotating-boxes-item-content,
.rotating-boxes-item.hover > .rotating-boxes-item-content {
-webkit-transform: rotateY(360deg);
-moz-transform: rotateY(360deg);
-ms-transform: rotateY(360deg);
-o-transform: rotateY(360deg);
transform: rotateY(360deg);
}
.rotating-boxes-item-cover,
.rotating-boxes-item-content {
position: relative;
border: 1px solid #b2b9c4;
border-radius: 3px;
background: white;
/*box-shadow: 0 0 7px rgba(0, 0, 0, 0.15);*/
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
-o-transition: -o-transform 0.3s;
transition: transform 0.3s;
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
transform: rotateY(0deg);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
}
.rotating-boxes-item-cover {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
color: #8570a6;
}
.rotating-boxes-item-cover:before,
.rotating-boxes-item-cover:after {
position: absolute;
top: 50%;
left: 50%;
}
.rotating-boxes-item-cover:before {
margin: -1em 0 0 -0.5em;
font-size: 2.625em;
}
.rotating-boxes-item-cover:after {
content: attr(data-headline);
left: 0;
width: 100%;
margin: 0.35714em 0 0;
font-size: 1.75em;
text-align: center;
}
.rotating-boxes-item-content {
overflow: hidden;
margin: -1em;
padding: 1em 3.14286em;
font-size: 0.875em;
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.rotating-boxes-item-content:before {
position: absolute;
top: 0;
right: 0;
margin: -0.3em;
font-size: 14.28571em;
color: #8570a6;
opacity: 0.2;
}
.rotating-boxes-item-content h3 {
position: relative;
margin: 0.66667em 0;
font-size: 1.5em;
color: #8570a6;
}
.-color-inverted .rotating-boxes-item-content h3 {
color: #8570a6;
}
.rotating-boxes-item-content p {
position: relative;
margin: 1em 0;
}
.rotating-boxes-item-content .rotating-boxes-item-link {
margin-top: 0;
}
.teaser-boxes,
.team-boxes {
margin: 2.5em 0;
zoom: 1;
}
.teaser-boxes:before,
.team-boxes:before {
content: "";
display: table;
}
.teaser-boxes:after,
.team-boxes:after {
content: "";
display: table;
clear: both;
}
.teaser-boxes > h1,
.team-boxes > h1,
.teaser-boxes > h2,
.team-boxes > h2,
.teaser-boxes > h3,
.team-boxes > h3,
.teaser-boxes > h4,
.team-boxes > h4,
.teaser-boxes > h5,
.team-boxes > h5,
.teaser-boxes > h6,
.team-boxes > h6 {
margin-top: 0;
margin-bottom: 1.5em;
}
.teaser-boxes-item,
.team-boxes-item {
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%;
max-width: 150px;
margin: 0 auto;
height: auto;
}
.teaser-boxes-item .no-image,
.team-boxes-item .no-image {
display: block;
padding-top: 75%;
background: #e5e8ee;
}
.teaser-boxes-item h3,
.team-boxes-item h3 {
margin: 0 0 0.33333em;
font-size: 1.28571em;
font-weight: bold;
-webkit-transition: color 0.3s ease-out;
-moz-transition: color 0.3s ease-out;
-o-transition: color 0.3s ease-out;
transition: color 0.3s ease-out;
}
.-color-inverted .teaser-boxes-item h3,
.-color-inverted .team-boxes-item h3 {
color: white;
}
.-color-inverted .-boxed .teaser-boxes-item h3,
.-color-inverted .-boxed .team-boxes-item h3 {
color: #242424;
}
.teaser-boxes-item h4,
.team-boxes-item h4 {
margin: 0;
font-size: 1em;
font-weight: normal;
}
.teaser-boxes-item p,
.team-boxes-item p,
.teaser-boxes-item ul,
.team-boxes-item ul,
.teaser-boxes-item ol,
.team-boxes-item ol {
margin: 0.42857em 0;
}
.teaser-boxes-item a,
.team-boxes-item a {
margin-top: 0.57143em;
}
.-color-inverted .teaser-boxes-item a,
.-color-inverted .team-boxes-item a {
color: inherit;
}
.teaser-boxes-item .image-wrapper.-has-hover:hover, .team-boxes-item .image-wrapper.-has-hover:hover,
.teaser-boxes-item .image-wrapper.-has-hover:focus,
.team-boxes-item .image-wrapper.-has-hover:focus {
outline: none;
}
.teaser-boxes-item .image-wrapper.-has-hover:hover:before, .team-boxes-item .image-wrapper.-has-hover:hover:before,
.teaser-boxes-item .image-wrapper.-has-hover:focus:before,
.team-boxes-item .image-wrapper.-has-hover:focus:before {
content: "";
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.3);
}
.teaser-boxes-item .image-wrapper.-has-hover:hover img, .team-boxes-item .image-wrapper.-has-hover:hover img,
.teaser-boxes-item .image-wrapper.-has-hover:focus img,
.team-boxes-item .image-wrapper.-has-hover:focus img {
-webkit-filter: blur(2px);
-moz-filter: blur(2px);
filter: blur(2px);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
}
.teaser-boxes-item a.image-wrapper.-has-hover:hover, .team-boxes-item a.image-wrapper.-has-hover:hover,
.teaser-boxes-item a.image-wrapper.-has-hover:focus,
.team-boxes-item a.image-wrapper.-has-hover:focus {
/* Fixes IE bug */
text-decoration: none;
}
.teaser-boxes-item a.image-wrapper.-has-hover:hover:after, .team-boxes-item a.image-wrapper.-has-hover:hover:after,
.teaser-boxes-item a.image-wrapper.-has-hover:focus:after,
.team-boxes-item a.image-wrapper.-has-hover:focus:after {
font: 1.5em/1 "RockSolid Icons";
content: "\2b";
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
position: absolute;
top: 50%;
left: 50%;
z-index: 2;
margin: -0.5em;
color: white;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.35);
}
.team-boxes-item h3 {
font-size: 1.14286em;
}
.team-boxes-item .hover-image {
position: absolute;
top: auto;
bottom: -100%;
left: 0;
width: 100%;
-webkit-transition: bottom 0.2s ease-out;
-moz-transition: bottom 0.2s ease-out;
-o-transition: bottom 0.2s ease-out;
transition: bottom 0.2s ease-out;
}
.team-boxes-item:hover .hover-image {
bottom: 0;
}
.team-boxes-item > ul {
margin: 0.57143em 0;
padding: 0;
list-style-type: none;
}
.team-boxes-item > ul li {
display: inline;
}
.team-boxes-item > ul a {
display: inline-block;
overflow: hidden;
padding: 0.57143em 0.57143em 0 0.07143em;
outline: none;
line-height: 0;
/* Fixes Chrome bug */
letter-spacing: -1em;
text-indent: -99em;
text-decoration: none;
}
.team-boxes-item > ul a:before {
content: none;
}
.team-boxes-item > ul a:after {
font: 1.28571em/1 "RockSolid Icons";
content: attr(data-icon);
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
display: block;
letter-spacing: 0;
color: #aab0bb !important;
}
.team-boxes-item > ul a:hover:after,
.team-boxes-item > ul a:focus:after {
color: inherit !important;
}
.highlight-box {
/* clearfix */
overflow: hidden;
display: table;
width: 100%;
margin: 1.5em 0;
padding: 1.11111em 1.11111em;
border: 1px solid #b2b9c4;
border-radius: 3px;
font-size: 1.125em;
line-height: 1.50056;
color: #717c8e;
}
.highlight-box-inner {
display: table-cell;
vertical-align: middle;
text-align: right;
}
@media screen and (max-width: 767px) {
.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: 767px) {
.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: 767px) {
.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: 767px) {
.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: 767px) {
.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: 767px) {
.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: 767px) {
.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: 767px) {
.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: 767px) {
.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: 767px) {
.pricing-table-plan:last-of-type {
margin-bottom: 0;
}
}
.-columns-1 > .pricing-table-plan {
width: 100%;
}
.-columns-1 > .pricing-table-plan.-highlighted {
width: 103%;
}
.-columns-2 > .pricing-table-plan {
width: 50%;
}
.-columns-2 > .pricing-table-plan.-highlighted {
width: 53%;
}
.-columns-3 > .pricing-table-plan {
width: 33.33333%;
}
.-columns-3 > .pricing-table-plan.-highlighted {
width: 36.33333%;
}
.-columns-4 > .pricing-table-plan {
width: 25%;
}
.-columns-4 > .pricing-table-plan.-highlighted {
width: 28%;
}
.-columns-5 > .pricing-table-plan {
width: 20%;
}
.-columns-5 > .pricing-table-plan.-highlighted {
width: 23%;
}
.-columns-6 > .pricing-table-plan {
width: 16.66667%;
}
.-columns-6 > .pricing-table-plan.-highlighted {
width: 19.66667%;
}
.pricing-table-plan.-highlighted {
z-index: 1;
width: 36.33333%;
margin-right: -1.5%;
margin-left: -1.5%;
padding-bottom: 1.25em;
border-radius: 3px;
background: white;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.pricing-table-plan.-highlighted h3 {
margin: -0.9375em -1px 0;
padding-top: 1.8125em;
border-radius: 3px 3px 0 0;
color: white;
background: #8570a6;
}
.pricing-table-plan h3 {
margin: 0;
padding: 0.875em 0;
border-bottom: 1px solid #e5e8ee;
font-size: inherit;
font-weight: bold;
color: inherit;
}
.pricing-table-plan p {
margin: 0;
padding: 0.375em 0;
border-bottom: 1px solid #e5e8ee;
font-size: 3em;
line-height: 1;
}
.pricing-table-plan p b {
display: inline-block;
vertical-align: super;
margin-left: -0.83333em;
font-weight: normal;
font-size: 0.5em;
color: #717c8e;
}
.pricing-table-plan p i {
display: block;
font-style: normal;
font-size: 0.29167em;
color: #717c8e;
}
.pricing-table-plan ul {
margin: 0 0 -1px 0;
padding: 0;
list-style: none;
font-size: 0.875em;
color: #717c8e;
}
.pricing-table-plan li {
display: block;
padding: 0.5em;
border-bottom: 1px solid #e5e8ee;
-webkit-transition: background-color 0.3s ease-in;
-moz-transition: background-color 0.3s ease-in;
-o-transition: background-color 0.3s ease-in;
transition: background-color 0.3s ease-in;
}
.pricing-table-plan li:hover {
background-color: #e5e8ee;
-webkit-transition-duration: 0.05s;
-moz-transition-duration: 0.05s;
-o-transition-duration: 0.05s;
transition-duration: 0.05s;
}
.pricing-table-plan a {
font-size: 0.75em;
margin: 1.5em 0;
padding: 0.83333em 1.66667em 0.75em;
}
.info-table {
overflow: auto;
border: 0;
}
.info-table td,
.info-table th {
border-width: 0 0 1px;
}
.info-table .image-cell {
padding: 20% 10%;
text-align: center;
}
@media screen and (max-width: 900px) {
.info-table .image-cell {
padding: 0 0 5%;
}
}
.feature-box {
zoom: 1;
position: relative;
overflow: hidden;
}
.feature-box:before {
content: "";
display: table;
}
.feature-box:after {
content: "";
display: table;
clear: both;
}
.feature-box.-image-centered {
text-align: center;
}
.feature-box.-vertical-centered {
display: table;
table-layout: fixed;
/* Fixes IE bug */
width: 100%;
}
@media screen and (max-width: 767px) {
.feature-box.-vertical-centered {
display: block;
}
}
.feature-box.-small {
min-height: 300px;
}
.feature-box.-small.-vertical-centered {
height: 300px;
}
@media screen and (max-width: 767px) {
.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: 767px) {
.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: 767px) {
.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: 767px) {
.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: 767px) {
.-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: 767px) {
.-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: 767px) {
.-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: 767px) {
.-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: 767px) {
.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: 767px) {
.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: 767px) {
.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: 767px) {
.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: 767px) {
.feature-box-image {
width: 100%;
}
}
.-image-left > .feature-box-image {
float: left;
margin-right: 4%;
margin-left: 0;
}
@media screen and (max-width: 767px) {
.-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: 767px) {
.-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: 767px) {
.-vertical-centered > .feature-box-image {
display: block;
padding-top: 1.5em;
padding-bottom: 1.5em;
}
}
.-image-rounded > .feature-box-image img {
border-radius: 99em;
}
.in-view > .feature-box-text,
.in-view > .feature-box-image {
-webkit-transition: opacity 0.6s linear, -webkit-transform 0.6s ease-out;
-moz-transition: opacity 0.6s linear, -moz-transform 0.6s ease-out;
-o-transition: opacity 0.6s linear, -o-transform 0.6s ease-out;
transition: opacity 0.6s linear, transform 0.6s ease-out;
}
.not-in-view > .feature-box-text.-fade,
.not-in-view > .feature-box-image.-fade {
opacity: 0;
}
.in-view > .feature-box-text.-fade,
.in-view > .feature-box-image.-fade {
opacity: 1;
}
.not-in-view > .feature-box-text.-move,
.not-in-view > .feature-box-image.-move {
-webkit-transform: translate(100%, 0);
-moz-transform: translate(100%, 0);
-ms-transform: translate(100%, 0);
-o-transform: translate(100%, 0);
transform: translate(100%, 0);
}
.not-in-view > .feature-box-text.-move-right,
.not-in-view > .feature-box-image.-move-right {
-webkit-transform: translate(-100%, 0);
-moz-transform: translate(-100%, 0);
-ms-transform: translate(-100%, 0);
-o-transform: translate(-100%, 0);
transform: translate(-100%, 0);
}
.not-in-view > .feature-box-text.-move-top,
.not-in-view > .feature-box-image.-move-top {
-webkit-transform: translate(0, 100%);
-moz-transform: translate(0, 100%);
-ms-transform: translate(0, 100%);
-o-transform: translate(0, 100%);
transform: translate(0, 100%);
}
.not-in-view > .feature-box-text.-move-bottom,
.not-in-view > .feature-box-image.-move-bottom {
-webkit-transform: translate(0, -100%);
-moz-transform: translate(0, -100%);
-ms-transform: translate(0, -100%);
-o-transform: translate(0, -100%);
transform: translate(0, -100%);
}
.in-view > .feature-box-text.-move,
.in-view > .feature-box-image.-move {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
.feature-box-text img,
.feature-box-image img {
display: block;
max-width: 100%;
height: auto;
margin: 0 auto;
}
.counter-boxes {
zoom: 1;
text-align: center;
margin: 3.125em 0;
}
.counter-boxes:before {
content: "";
display: table;
}
.counter-boxes:after {
content: "";
display: table;
clear: both;
}
.counter-boxes > h2 {
margin: 0 0 1.1875em 0;
font-size: 1.75em;
font-weight: bold;
color: inherit;
}
.-color-inverted .counter-boxes > h2 {
color: white;
}
.counter-boxes > h3 {
margin: 0 0 1.80952em 0;
font-size: 1.3125em;
color: #717c8e;
}
.-color-inverted .counter-boxes > h3 {
color: #b2b9c4;
}
.-color-inverted.-highlight-color .counter-boxes > h3 {
color: #3b304d;
}
.counter-boxes > h2 + h3 {
margin-top: -1.33333em;
}
.counter-boxes-item {
text-decoration: none;
color: inherit;
}
.counter-boxes-item:link:hover,
.counter-boxes-item:link:focus {
text-decoration: none;
}
.counter-boxes-item:link:hover:before,
.counter-boxes-item:link:focus:before {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}
.counter-boxes-item:before {
margin: 0;
font-size: 2.25em;
color: #717c8e;
}
.-color-inverted .counter-boxes-item:before {
color: #b2b9c4;
}
.-color-inverted.-highlight-color .counter-boxes-item:before {
color: #3b304d;
}
.counter-boxes-item p {
margin: 0.06944em -0.5em 0.16667em;
font-size: 4.5em;
line-height: 1;
color: #8570a6;
font-weight: 300;
}
@media screen and (max-width: 900px) {
.counter-boxes-item p {
font-size: 2.875em;
}
}
@media screen and (max-width: 767px) {
.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: 767px) {
.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: 767px) {
.headline-box h2.-medium {
font-size: 1.5em;
}
}
.headline-box h2.-large {
font-size: 2.25em;
}
@media screen and (max-width: 767px) {
.headline-box h2.-large {
font-size: 1.75em;
}
}
.headline-box h2.-super-size {
font-size: 2.625em;
}
@media screen and (max-width: 767px) {
.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: 767px) {
.headline-box h3.-medium {
font-size: 1.3125em;
}
}
.headline-box h3.-large {
font-size: 1.75em;
}
@media screen and (max-width: 767px) {
.headline-box h3.-large {
font-size: 1.5em;
}
}
.headline-box h3.-super-size {
font-size: 2.25em;
}
@media screen and (max-width: 767px) {
.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: 767px) {
.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: 767px) {
.-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: 767px) {
.-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: 767px) {
.-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: 767px) {
.projects-item.-small-col-1-1 {
width: 100%;
}
.projects-item.-small-col-2-1 {
width: 50%;
}
.projects-item.-small-col-3-1 {
width: 33.33333%;
}
.projects-item.-small-col-4-1 {
width: 25%;
}
.projects-item.-small-col-5-1 {
width: 20%;
}
.projects-item.-small-col-6-1 {
width: 16.66667%;
}
.projects-item.-small-col-7-1 {
width: 14.28571%;
}
.projects-item.-small-col-8-1 {
width: 12.5%;
}
.projects-item.-small-col-9-1 {
width: 11.11111%;
}
.projects-item.-small-col-10-1 {
width: 10%;
}
}
.projects-item h3 {
position: absolute;
bottom: -3.125em;
left: 0;
width: 100%;
margin: 0;
padding: 0.625em 0 0.6875em;
font-size: 1em;
font-weight: bold;
color: inherit;
text-align: center;
background: white;
background: rgba(255, 255, 255, 0.9);
-webkit-transition: bottom 0.4s ease-out;
-moz-transition: bottom 0.4s ease-out;
-o-transition: bottom 0.4s ease-out;
transition: bottom 0.4s ease-out;
}
.projects-item h3:before {
content: "";
position: absolute;
left: 50%;
top: -8px;
width: 0;
height: 0;
border: 8px solid transparent;
border-color: rgba(255, 255, 255, 0);
border-top: 0;
border-bottom-color: white;
border-bottom-color: rgba(255, 255, 255, 0.9);
}
.projects-item:hover h3,
.projects-item:focus h3 {
bottom: 0;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
transition-duration: 0.2s;
}
.projects-item-image {
position: relative;
display: block;
overflow: hidden;
}
.projects-item-image img {
display: block;
width: 100%;
height: auto;
}
.projects-item-image-hover {
position: absolute;
top: -100%;
left: 0;
width: 100%;
-webkit-transition: top 0.4s ease-out;
-moz-transition: top 0.4s ease-out;
-o-transition: top 0.4s ease-out;
transition: top 0.4s ease-out;
}
.projects-item:hover .projects-item-image-hover,
.projects-item:focus .projects-item-image-hover {
top: 0;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
transition-duration: 0.2s;
}
.google-map {
position: relative;
padding-bottom: 56.25%;
}
.google-map iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.info-map {
position: relative;
clear: both;
}
.info-map-gmap {
height: 29.375em;
}
@media screen and (max-width: 767px) {
.info-map-gmap {
height: 20em;
/* Add area for touch scrolling */
margin-right: 5.55556%;
margin-left: 5.55556%;
}
}
.info-map-gmap:hover ~ .info-map-boxes {
opacity: 0.2;
}
.info-map-gmap.-no-hover:hover ~ .info-map-boxes {
opacity: 1;
}
.info-map-boxes {
zoom: 1;
position: relative;
margin-top: -7.25em;
margin-bottom: 2.75em;
-webkit-transition: opacity 0.2s linear;
-moz-transition: opacity 0.2s linear;
-o-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
}
.info-map-boxes:before {
content: "";
display: table;
}
.info-map-boxes:after {
content: "";
display: table;
clear: both;
}
@media screen and (max-width: 767px) {
.info-map-boxes {
margin-top: 1.375em;
}
}
.info-map-boxes-item {
padding: 0.71429em 1.42857em;
border-radius: 3px;
font-size: 0.875em;
color: inherit;
background: white;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0 7px rgba(0, 0, 0, 0.15);
}
.info-map-boxes-item:before {
float: right;
margin: 0;
padding: 0.15152em 0 0.45455em 0.30303em;
font-size: 4.71429em;
color: #8570a6;
background: white;
}
.info-map-boxes-item:hover,
.info-map-boxes-item:focus {
text-decoration: none;
}
.info-map-boxes-item h3 {
margin: 0.57143em 0;
padding: 0 0 0.21429em;
border-bottom: 1px solid #e5e8ee;
color: #8570a6;
font-size: 1em;
font-weight: bold;
text-transform: uppercase;
}
.info-map-boxes-item p {
margin: 0.57143em 0;
}
.info-map-boxes-item-link {
color: #1782c5;
}
.icon-buttons {
text-align: center;
margin: 2.25em 0;
}
.icon-buttons h3 {
margin: 0;
font-size: 1.125em;
font-weight: normal;
}
.icon-buttons ul {
margin: 1.25em 0;
padding: 0;
list-style: none;
}
.icon-buttons li {
display: inline;
}
.icon-buttons a {
display: inline-block;
width: 2.5em;
height: 2.5em;
overflow: hidden;
margin: 0 0.5em;
border: 2px solid #242424;
border-radius: 3px;
color: inherit;
text-indent: -99em;
line-height: 0;
}
.icon-buttons a:before {
content: none;
}
.icon-buttons a:after {
font: 1.5em/1 "RockSolid Icons";
content: attr(data-icon);
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
display: block;
line-height: 1.58375;
}
.icon-buttons a:hover,
.icon-buttons a:focus {
text-decoration: none;
background: #242424;
background: rgba(36, 36, 36, 0.25);
}
.-color-inverted .icon-buttons a {
border-color: white;
}
.-color-inverted .icon-buttons a:hover,
.-color-inverted .icon-buttons a:focus {
background: white;
background: rgba(255, 255, 255, 0.25);
}
.icon-links li {
padding-bottom: 0.4375em;
}
.icon-links a {
text-decoration: none;
}
.icon-links a:hover span {
text-decoration: underline;
}
.icon-links-label {
color: #1782c5;
}
.tab-navigation {
margin: 2.25em 0 0;
border: 1px solid transparent;
border-bottom-color: #b2b9c4;
text-align: center;
}
.tab-navigation ul,
.tab-navigation li {
margin: 0;
padding: 0;
}
.tab-navigation ul {
display: table;
table-layout: fixed;
width: 100%;
}
@media screen and (max-width: 767px) {
.tab-navigation ul {
display: inline;
}
}
.tab-navigation li {
display: table-cell;
list-style-type: none;
vertical-align: bottom;
}
@media screen and (max-width: 767px) {
.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: 767px) {
.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: 767px) {
.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: 767px) {
.tab-navigation-item.tab-navigation-item {
width: auto;
}
}
.tab-start.-has-border {
margin-top: -1px;
border: 1px solid #b2b9c4;
padding-right: 2.5em;
padding-left: 2.5em;
}
/* ===========================================
* Modules (Search, FAQ, News, Events, Comments, Sitemap etc.)
* ======================================== */
.fixed-note {
position: fixed;
display: table;
top: auto;
right: 0;
bottom: 0;
left: 0;
width: 100%;
min-height: 3.75em;
padding: 0.75em 1.25em 0.75em 5em;
border-top: 1px solid #b2b9c4;
z-index: 99;
background-color: white;
box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 900px) {
.fixed-note {
position: relative;
}
}
@media screen and (max-width: 767px) {
.fixed-note {
display: block;
padding-left: 1.25em;
}
}
.fixed-note:before {
position: absolute;
top: 50%;
margin-top: -0.5em;
left: 0.83333em;
font-size: 2.25em;
color: #8570a6;
}
@media screen and (max-width: 900px) {
.fixed-note:before {
top: 0.66667em;
margin-top: 0;
}
}
@media screen and (max-width: 767px) {
.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: 767px) {
.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;
}
}
@media screen and (max-width: 900px) {
.contactbanner .fixed-note-column {
display: table-cell;
margin: 0.75em 0;
padding: 0;
}
}
.fixed-note-link,
.fixed-note-button {
white-space: nowrap;
}
.fixed-note-button {
margin: 0;
}
.fixed-note-closed {
position: fixed;
right: 1.875em;
bottom: 0;
z-index: 99;
padding: 0.5em 0.75em;
color: white;
text-decoration: none;
background: #37aadf;
box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 1188px) {
.fixed-note-closed {
right: 0;
}
}
@media screen and (max-width: 900px) {
.fixed-note-closed {
position: absolute;
top: 0.75em;
right: 0.75em;
bottom: auto;
padding: 0.25em 0.75em;
font-size: 0.875em;
}
}
@media screen and (max-width: 767px) {
.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.775rem;
}
.mod_breadcrumb ul,
.mod_breadcrumb li {
display: inline;
margin: 0;
padding: 0 1.25rem .25rem 0rem;
font-size:0.975rem;
letter-spacing:0.5px;
color: #888;
font-family: 'Spartan', Arial, Helvetica, sans-serif;
font-weight: 700;
}
.mod_breadcrumb li:before {
font-family:'RockSolid Icons';
content: '\e00b';
font-size:16px;
color:#000;
position:relative;
height:1rem;
width:1rem;
top:0;
margin-left:-1.25rem;
}
.mod_breadcrumb img {display:inline;padding-right:0.35rem;}
.mod_breadcrumb li:first-child:before {
content: none;
}
.mod_breadcrumb a {
color: #000;
font-weight:700;
text-decoration: none;
}
.mod_breadcrumb a:hover {
text-decoration: none;
}
.back a:before,
.previous a:before,
.next a:after {
font: 0.75em/1 "RockSolid Icons";
content: "\e018";
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
top: -0.16667em;
margin-right: 0.5em;
vertical-align: middle;
}
.next a:after {
content: "\e019";
margin-right: 0;
margin-left: 0.5em;
}
.pagination > p {
text-align: center;
}
.pagination ul {
list-style-type: none !important;
text-align: center;
}
.pagination li {
display: inline-block;
}
.pagination li a,
.pagination li span {
padding: 4px 12px;
background-color: white;
}
.pagination li .current,
.pagination li .active {
border-bottom: 1px solid #e5e8ee;
background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
background-image: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
}
.news-image-teaser {
position: relative;
margin: 2.25em 0;
padding-left: 12.5%;
}
@media screen and (max-width: 767px) {
.news-image-teaser {
padding-left: 0;
}
}
.news-image-teaser a {
-webkit-transition: color 0.3s;
-moz-transition: color 0.3s;
-o-transition: color 0.3s;
transition: color 0.3s;
}
.news-image-teaser img {
display: block;
width: 100%;
height: auto;
margin: 0;
}
.news-image-teaser h2 {
display: block;
margin: 0.75em 0 0.25em;
padding: 0 0 0.41667em;
border-bottom: 1px solid #e5e8ee;
font-size: 1.5em;
font-weight: bold;
color: inherit;
}
.news-image-teaser h2 a {
color: inherit;
}
.news-image-teaser h2 a:hover {
color: #1782c5;
text-decoration: none;
}
.news-image-teaser p {
margin: 0.625em 0;
color: #717c8e;
}
.news-image-teaser .news-image-teaser-info {
margin: 0 0 0.93333em;
font-size: 0.9375em;
color: #717c8e;
}
.news-image-teaser-meta {
float: left;
position: relative;
left: -12.5%;
width: 9.375%;
margin-bottom: -6.25em;
line-height: 1;
text-align: center;
border-right: 1px solid #e5e8ee;
}
@media screen and (max-width: 767px) {
.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;
-webkit-transition: color 0.3s;
-moz-transition: color 0.3s;
-o-transition: color 0.3s;
transition: color 0.3s;
}
.news-list-boxed-item h3 a:hover {
color: #1782c5;
text-decoration: none;
}
.news-list-boxed-item p {
margin: 1em 0;
}
.news-list-boxed-item .news-list-boxed-item-info {
margin-top: 0.66667em;
padding-bottom: 0.5em;
font-size: 0.85714em;
border-bottom: 1px solid #e5e8ee;
}
.news-list-boxed-item-image {
position: relative;
display: block;
overflow: hidden;
}
.news-list-boxed-item-image.-no-image {
padding-bottom: 56.81818%;
background: #717c8e;
}
.news-list-boxed-item-image:hover,
.news-list-boxed-item-image:focus {
opacity: 0.8;
}
.news-list-boxed-item-image:hover img,
.news-list-boxed-item-image:focus img {
-webkit-filter: blur(2px);
-moz-filter: blur(2px);
filter: blur(2px);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
}
.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);
-webkit-transition: top 0.2s ease-out;
-moz-transition: top 0.2s ease-out;
-o-transition: top 0.2s ease-out;
transition: top 0.2s ease-out;
}
.news-boxes-item .news-boxes-item-more a:after {
font: 1.5em/1 "RockSolid Icons";
content: "\e009";
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
position: absolute;
top: 0;
left: 50%;
width: 3.66667em;
height: 100%;
margin: 0 0 0 -1.83333em;
padding: 0.20833em 0 0;
border: 1px solid #e5e8ee;
border-top: 0;
border-radius: 0 0 1px 1px;
color: #242424;
text-align: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
}
.news-boxes-item .news-boxes-item-more a:hover,
.news-boxes-item .news-boxes-item-more a:focus {
top: 1.25em;
}
.news-boxes-item .news-boxes-item-more a:hover:before,
.news-boxes-item .news-boxes-item-more a:focus:before {
content: "";
position: absolute;
top: -1.25em;
left: 0;
height: 1.25em;
width: 100%;
}
.news-boxes-item .news-boxes-item-more a:hover:after,
.news-boxes-item .news-boxes-item-more a:focus:after {
color: #1782c5;
}
.news-boxes-item-image {
display: block;
overflow: hidden;
}
.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 {
-webkit-filter: blur(2px);
-moz-filter: blur(2px);
filter: blur(2px);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
}
.news-boxes-item-image img {
display: block;
width: 100%;
height: auto;
}
.news-boxes-item-info {
margin: 0;
font-size: 0.875em;
color: #717c8e;
}
.main-content .mod_calendar {
margin: 1rem 0 5rem;
}
.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: 767px) {
.mod_calendar th.label > span {
display: none;
}
}
.mod_calendar td {
vertical-align: top;
width: 14.28571%;
}
@media screen and (max-width: 767px) {
.mod_calendar td {
text-align: center;
}
}
.mod_calendar td.today {
font-weight: bold;
background-color: #b2b9c4;
}
.mod_calendar .event {
font-size: 0.75em;
}
.mod_calendar .minicalendar td {
padding: 0.1875em;
text-align: center;
}
.mod_eventlist > .header {
font-weight: bold;
}
.mod_eventlist .event > h2 {
margin-top: 0;
font-size: 1.5em;
}
.mod_faqlist ul {
list-style: none;
padding-left: 0;
}
.mod_faqlist li:before {
font: 100%/1 "RockSolid Icons";
content: "\e0f7";
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
margin-right: 0.5em;
}
.mod_faqpage section {
margin: 2.25em 0;
padding-left: 4.5em;
}
.mod_faqpage h3 {
position: relative;
margin: 1em 0;
padding: 0.47619em 0 0.71429em;
border-bottom: 1px solid #e5e8ee;
font-size: 1.3125em;
}
.mod_faqpage h3:before,
.mod_faqpage h3 + *:before {
content: "Q";
position: absolute;
top: 0;
left: -2.57143em;
width: 1em;
padding: 0.35714em 0.39286em 0.42857em;
border-radius: 100%;
font-size: 1.33333em;
line-height: 1;
color: white;
text-align: center;
background: #8570a6;
}
.mod_faqpage h3 + * {
position: relative;
}
.mod_faqpage h3 + *:before {
content: "A";
left: -3.75em;
font-size: 1em;
}
.mod_faqpage p {
margin-top: 0.75em;
margin-bottom: 0.75em;
}
.mod_faqpage .info {
font-size: 0.8125em;
color: #717c8e;
}
.mod_faqreader .info {
font-size: 0.8125em;
color: #717c8e;
}
.mod_login form p.error {
float: none;
width: auto;
margin: 1.125em 0;
}
.mod_login input {
width: 80%;
}
@media screen and (max-width: 767px) {
.mod_login input {
width: 100%;
}
}
.mod_login table {
border: 0;
box-shadow: none;
}
.mod_login table td {
border: 0;
padding: 0.375em 0;
}
.mod_search {
margin: 1.6875em 0;
}
.mod_search .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: 767px) {
.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: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
background-image: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.comment_default .info {
margin-top: 0;
border-bottom: 1px solid #b2b9c4;
}
.comment_default .reply {
margin-left: 6.66667%;
}
.comment_default .reply .info {
font-weight: bold;
}
.ce_comments .form {
margin-top: 2.25em;
}
.ce_comments .form .widget {
clear: none;
margin-top: 1.5em;
}
.ce_comments .form .widget:nth-of-type(-n+4) {
float: left;
width: 46.66667%;
}
@media screen and (max-width: 767px) {
.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: 767px) {
.ce_comments .form .widget:nth-of-type(-2n+4) {
margin-right: 0;
margin-left: 0;
}
}
.ce_comments .form .widget:nth-of-type(5) {
clear: both;
padding-top: 1.5em;
}
.ce_comments .form .widget input {
width: 100%;
}
.ce_comments .form .widget textarea {
width: 100%;
}
.ce_comments .form .checkbox_container {
margin: 0;
border: 0;
margin-top: -1.125em;
padding: 0;
}
.ce_comments h2 + .form,
.ce_comments h2 + .form > form {
margin-top: 0;
}
.mod_sitemap ul {
padding-left: 0;
list-style-type: none;
}
.mod_sitemap ul li:before {
content: none;
}
.mod_sitemap ul li li {
padding: 0.1875em 0 0.1875em 1.75em;
font-size: 1em;
}
.mod_sitemap ul li li.submenu ul {
margin: 0;
}
.mod_sitemap > ul > li:before {
font: 100%/1 "RockSolid Icons";
content: "\e083";
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
margin-right: 0.625em;
color: #1782c5;
}
.mod_sitemap a:before {
margin-right: 0.5em;
}
.mod_subscribe {
position: relative;
}
.mod_subscribe input[type=text],
.mod_subscribe input[type=email] {
width: 75%;
}
@media screen and (max-width: 767px) {
.mod_subscribe input[type=text],
.mod_subscribe input[type=email] {
display: block;
margin: 0 auto 0.625em;
}
}
.mod_subscribe .submit {
vertical-align: top;
overflow: hidden;
width: 20%;
margin-top: 0;
padding: 0.875em 1.25em 0.625em;
text-align: center;
}
.mod_subscribe.-centered {
text-align: center;
}
.centered-wrapper .mod_subscribe input[type=text],
.centered-wrapper .mod_subscribe input[type=email] {
width: 30%;
min-width: 16.25em;
}
.centered-wrapper .mod_subscribe .submit {
width: auto;
}
.sidebar .mod_subscribe input[type=text],
.sidebar .mod_subscribe input[type=email] {
width: 75%;
}
@media screen and (max-width: 767px) {
.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: fixed;
top:0;
width: 25%;
margin: 2.5em 0 0 0;
font-size: 1rem;
}
/*@media screen and (max-width: 900px) {
.sidebar {
float: none;
clear: both;
width: auto;
margin-right: 0;
margin-left: 0;
}
}
@media screen and (max-width: 767px) {
.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: 767px) {
.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: 767px) {
.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: 767px) {
.sidebar > .block {
float: none;
width: auto;
margin-left: 0;
}
}
.sidebar .ce_youtube-wrapper,
.sidebar .ce_vimeo-wrapper {
margin: 0.75em 0;
}
.sidebar .image_container {
margin: 0.75em 0 0;
padding: 0.5em;
}
@media screen and (max-width: 767px) {
.sub-navigation {
display: none;
}
}
.sub-navigation > ul > li > a {
color: #242424;
padding-left:1.5em;
}
.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: #444;
-webkit-transition: background-color 0.6s ease-in, color 0.025s ease-in;
-moz-transition: background-color 0.6s ease-in, color 0.025s ease-in;
-o-transition: background-color 0.6s ease-in, color 0.025s ease-in;
transition: background-color 0.6s ease-in, color 0.025s 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: 0;
color: #444;
text-decoration: none;
background-color: #ddd;
-webkit-transition-duration: 0.025s;
-moz-transition-duration: 0.025s;
-o-transition-duration: 0.025s;
transition-duration: 0.025s;
}
.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 {
padding-left:1.5em;
color: #ff6600;
}
.sub-navigation ul a.trail,
.sub-navigation ul strong.trail,
.sub-navigation ul span.trail {
color: #000;
}
.sub-navigation ul ul {
margin-left: 0.85714em;
}
.sub-navigation li {
padding: 0.14286em 0em;
border-top:0;
}
.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;
}
/* ===========================================
* Footer
* ======================================== */
.page-footer {position:absolute;width:100%;bottom:0;height: 3.5rem;background:transparent;margin-top: 4rem;}
.page-footer .centered-wrapper-inner {padding:1rem 0 0 0;}
@media screen and (max-width: 767px) {
.page-footer .centered-wrapper-inner {text-align:center}
.socialicons {margin: 15px auto;}
}
.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;
-webkit-transition: top 0.2s ease-out;
-moz-transition: top 0.2s ease-out;
-o-transition: top 0.2s ease-out;
transition: top 0.2s ease-out;
}
.news-footer-item time b {
display: block;
font-size: 1.4em;
font-weight: inherit;
-webkit-transition: margin 0.2s ease-out;
-moz-transition: margin 0.2s ease-out;
-o-transition: margin 0.2s ease-out;
transition: margin 0.2s ease-out;
}
.-color-inverted .news-footer-item time {
background: white;
color: #242424;
}
.news-footer-item a {
display: block;
line-height: 1.28571em;
}
.news-footer-item time + a {
padding-left: 3.1875em;
}
.footer-navigation {
float: left;
margin: 0;
font-size: 0.875em;
color: #717c8e;
}
@media screen and (max-width: 767px) {
.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: 767px) {
.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;*/
-webkit-transition: right 0.4s ease-out, left 0.4s ease-out;
-moz-transition: right 0.4s ease-out, left 0.4s ease-out;
-o-transition: right 0.4s ease-out, left 0.4s ease-out;
transition: right 0.4s ease-out, left 0.4s ease-out;
}
.footer-navigation > ul > li a:hover,
.footer-navigation > ul > li strong:hover,
.footer-navigation > ul > li span.trail:hover,
.footer-navigation > ul > li span.active:hover,
.footer-navigation > ul > li span.forward:hover {
text-decoration: none;
}
.footer-navigation > ul > li a:hover:after,
.footer-navigation > ul > li strong:hover:after,
.footer-navigation > ul > li span.trail:hover:after,
.footer-navigation > ul > li span.active:hover:after,
.footer-navigation > ul > li span.forward:hover:after {
right: 0;
left: 0;
-webkit-transition-duration: 0.1s, 0.1s;
-moz-transition-duration: 0.1s, 0.1s;
-o-transition-duration: 0.1s, 0.1s;
transition-duration: 0.1s, 0.1s;
}
.footer-icon-links {
float: right;
margin: 0;
padding: 0;
border-right: 1px solid #b2b9c4;
}
@media screen and (max-width: 767px) {
.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: 767px) {
.footer-icon-links a {
display: inline-block;
float: none;
height: 2.75em;
border-left: 0;
}
}
.footer-icon-links a:before,
.footer-icon-links a:after {
font: 1.375em/1 "RockSolid Icons";
content: attr(data-icon);
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
position: absolute;
top: 0;
left: 0;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
height: 100%;
padding-top: 0.04545em;
line-height: 3.68227;
letter-spacing: 0;
text-align: center;
background: white;
-webkit-transition: top 0.5s ease-out;
-moz-transition: top 0.5s ease-out;
-o-transition: top 0.5s ease-out;
transition: top 0.5s ease-out;
}
@media screen and (max-width: 767px) {
.footer-icon-links a:before,
.footer-icon-links a:after {
line-height: 2.00045;
}
}
.footer-icon-links a:after {
top: 100%;
color: white;
background: transparent;
}
.footer-icon-links a:hover:before,
.footer-icon-links a:hover:after,
.footer-icon-links a:focus:before,
.footer-icon-links a:focus:after {
-webkit-transition: top 0.2s ease-out;
-moz-transition: top 0.2s ease-out;
-o-transition: top 0.2s ease-out;
transition: top 0.2s ease-out;
}
.footer-icon-links a:hover:before,
.footer-icon-links a:focus:before {
top: -100%;
}
.footer-icon-links a:hover:after,
.footer-icon-links a:focus:after {
top: 0;
}
.footer-copyright {
float: left;
margin: 0;
padding: 2.14286em 0;
font-size: 0.875em;
color: #717c8e;
}
.footer-copyright .rocksolid-copyright {
color: inherit;
opacity: 0.6;
}
@media screen and (max-width: 900px) {
.footer-copyright {
float: none;
padding-bottom: 1em;
}
}
.footer-links {
float: right;
margin: 0;
padding:0;
color: #888;
}
@media screen and (max-width: 900px) {
.footer-links {
float: none;
padding-top: 0;
line-height: 2.8;
}
}
.footer-links ul,
.footer-links li {
display: inline;
margin: 0;
padding: 0;
}
.footer-links li:before {
content: "";
display: inline-block;
width: 2px;
height: 0.78571em;
margin: 0 0.57143em 0 0.35714em;
background: #1c1c1c;
}
.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: #1c1c1c;
font-size:16px;
}
.footer-top-link {
position: relative;
display: block;
width: 2.875em;
height: 2.875em;
margin: 0 auto;
color: #242424;
white-space: nowrap;
}
.footer-top-link:after {
font: 1em/1 "RockSolid Icons";
content: "\e01a";
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding-top: 0.9375em;
border: 1px solid #b2b9c4;
border-bottom: 0;
border-radius: 1px 1px 0 0;
text-align: center;
background: white;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
box-shadow: 0 0 7px rgba(0, 0, 0, 0.15);
}
.footer-top-link > span {
position: absolute;
top: 0;
right: 0;
margin: 1em 0.71429em 0;
font-size: 0.875em;
color: #717c8e;
opacity: 0;
pointer-events: none;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
.footer-top-link > span + span {
right: auto;
left: 0;
}
.footer-top-link:hover,
.footer-top-link:focus {
/* Fixes IE bug */
text-decoration: none;
}
.footer-top-link:hover > span,
.footer-top-link:focus > span {
right: 100%;
opacity: 1;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
transition-duration: 0.2s;
}
.footer-top-link:hover > span + span,
.footer-top-link:focus > span + span {
right: auto;
left: 100%;
}
#shoplink a {height:64px;display:block;margin-left:80px;line-height:64px;font-size:1.5rem;color:#f2f2f2;font-family:'Spartan Bold',Arial, Helvetica, sans-serif;}
#shoplink {}
#shoplink:before {content: "";display: block;background: url("/files/pics/shop-icon.png") no-repeat;width:64px;height:64px;float:left;margin:0;}
@media screen and (max-width: 900px) {
#shoplink a {display:inline;font-size:16px;margin-left:0;line-height:1.5;}
#shoplink::before {background:none;width:0;}
.curiousdwnld .producttable_downloads a, .lieferumfang ul li, #curious td, .curiouspics .caption {font-size:0.85rem!important;}
#curious h2 {font-size:1rem!important;font-weight:400;}
}
.black {color:#000;}
.grey {color:#666;}
.blueflat {color:#5dade2;}
.tooltip{position:absolute;z-index:9999;display:block;font-family:'Spartan', Arial, Helvetica, sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;filter:alpha(opacity=0);opacity:0;line-break:auto}
.threeslide ul li {width:30%!important;margin:0 1%!important;}
.fourslide ul li {width:20%!important;margin:0 1%!important;}
.txtaln {text-align:center;}
#cookiebar{filter:alpha(opacity=80);opacity:0.8;position:fixed;left:0;width:100%;background-color:#4b4b4b;padding:8px 16px;text-align:center;font-size:13px;color:#ffffff;line-height:2;z-index:10;}
#cookiebar.top{top:0;}
#cookiebar.bottom{bottom:0;}
#cookiebar span{margin-right:1em;}
#cookiebar button{height:26px;padding:0 12px;border:none;background-color:#4ea55e;color:#ffffff;cursor:pointer;font-weight:bold;line-height:26px;margin-top:0;text-transform:none;letter-spacing:1px;}
#cookiebar a{margin-left:1em;color:#ffffff;text-decoration:underline;}
#cookiebar a:hover{text-decoration:none;}
@media screen and (max-width:599px){#cookiebar a{display:block;margin:1em 1em 0.5em 1em;}
#cookiebar button{display:block;margin:1em auto;}}
/**
* Cookiebar - Styles
*
* @author Jan-Markus
*/
.cookiebar {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
padding: 7px 1.25rem;
text-align: center;
line-height: 1.25;
background-color: #444;
color: #f2f2f2;
max-height:150px;
filter: alpha(opacity=85);
opacity:0.85;
z-index:99999;
}
.cookiebar .text {
padding: 0;
margin: 0;
}
.cookiebar .buttoncontainer {
margin-top: 0.625rem;
}
.cookiebar .button {
display: inline;
padding: 0.3125rem 1.25rem;
margin: 0 0.625rem;
font-size: 1rem;
text-decoration: none;
border: 0;
color: white;
cursor: pointer;
}
.cookiebar .accept {
background-color: #27ae60;
}
.cookiebar .more {
background-color: #2980b9;
}
.cookiebar p {display:inline;font-size:1em;}
.cookiebar button {display:inline!important;font-size:0.875em;margin:0.5em 0 0.5em 0.25em;padding:0.34em 0.75em;text-transform:none}
.cookiebar a {color:#fff!important;text-decoration:underline;}
.cookiebar a:hover{text-decoration:underline;color:#fff;}
.fiftyhinweis {margin:0.75em 0 3.5rem;background:#ededed !important;border:1px solid #ddd}
.fiftyhinweispic {margin:0;border:0;text-align:right;}
.fiftyhinweis p, .fiftyhinweis ul, .fiftyhinweis h3 {margin:0;padding:0.25em 1em;}
.fiftyhinweis ul {padding:1em 1em 2em 3em;}
.hinweisfull {float:left;width:33%;margin-left:0;margin-right:0;background-color:#ededed!important;color:#444;box-shadow:none!important;border:0;border:1px solid #ddd;}
.hinweisfull-2row {float:left;width:49%;margin-left:0;margin-right:1%;background-color:#ededed!important;color:#444;box-shadow:none!important;border:0;border:1px solid #ddd;}
.hinweisfull p, .newzfull p, .arbeitfull p, .newzfull-2row p, .hinweisfull-2row p {padding:0.25em 1em;margin:0;}
.hinweisfull strong {color:#ff6600;font-size:1.25em;}
.hinweisfull string {color:#ff6600;font-size:1.25em;}
.arbeitfull {float:left;width:32%;margin:0 1%;background-color:#ededed!important;color:#444;box-shadow:none!important;border:0;border:1px solid #ddd;}
.newzfull {float:left;width:32%;margin-left:1%;margin-right:0;background-color:#ededed!important;color:#444;box-shadow:none!important;border:1px solid #ddd;}
.newzfull-2row {float:left;width:49%;margin-left:1%;margin-right:0;padding:0!important;background-color:#ededed!important;color:#444;box-shadow:none!important;border:1px solid #ddd;}
.shoutouts {font-family: 'Spartan Bold',Arial, Helvetica, sans-serif;font-size:1.35em;color:#444;letter-spacing:1px;border-bottom:1px solid #ccc;background:#e8e8e8;text-align:left!important;}
.shoutouttext {border-top:1px solid #fff;}
.shoutouttext img {width:100%;height:auto;}
@media screen and (max-width: 767px) {
.hinweisfull, .newzfull, .arbeitfull,.newzfull-2row,.hinweisfull-2row, .comsoft, .produktnews {float:none;width:100%;margin:2em 0!important;}
.fiftyhinweis p, .fiftyhinweis ul, .fiftyhinweis h3 {font-size:15px;padding:0.25em 0.5em;}
.hinweisfull p, .newzfull p, .arbeitfull p, .newzfull-2row p, .hinweisfull-2row p {font-size:15px;padding:0.25em 0.5em;}
.fiftyhinweis ul {padding-left:2em;}
}
/* ===========================================
* OWN Content styles - Startseite Teasertexte 2-spaltig
* ======================================== */
.teasertextstartleft {float: left; width: 50%; padding: 0 5% 0 0; text-align: justify;}
.teasertextstartright {padding: 30px 0 0 53%; text-align: justify;}
@media screen and (max-width: 699px) {
.teasertextstartleft {width: 100%; text-align: justify;padding:0;margin:20px 0;}
.teasertextstartright {width: 100%; text-align: justify;padding:0;margin:0 0 20px;}
}
.clearing { height:0;clear:both;margin:0 !important; }
.color8, .color8 ul, .color8 ul li {color:#888!important;font-size:0.95em;}
.color8 h3, .color8 h2, .color8 h4 {color:#888!important;font-size:1.25em!important;text-align:left!important;}
.color8 h4 {font-size:1.10em}
.color8start {color:#888!important;clear:both;position:relative;display:block;}
.color8start h3, .color8start h2 {color:#888!important;font-size:1.25em!important;text-align:center!important;}
.mega-dropdown-column {background:#ccc;}
.technomenu {background-color:#e8e8e8;background-color: rgba(232,232,232,0.95);}
.technomenu:hover {cursor:pointer;background:#e2e2e2;-webkit-transition:all 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s;-o-transition:all 0.5s ease-out 0s;transition:all 0.5s ease-out 0s}
ul.technomenu {display:table-row;padding:0;}
ul li.technomenu {display:table-cell;border-right:1px solid #ccc;border-left:1px solid #fff;border-collapse:seperate;margin:0;width:16.677%;text-align:center;border-top:1px solid #fff;border-bottom:1px solid #bbb;}
ul li.technomenu img {width:80%;filter:contrast(0%);}
ul li.technomenu img:hover {filter:none;-webkit-transition:all 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s;-o-transition:all 0.5s ease-out 0s;transition:all 0.5s ease-out 0s}
.technomenuheads ul {display:block!important;width:100%;}
.technomenuheads ul li {display:block!important;margin:0;width:100%;text-align:left;}
.technomenuheads > a {color:#444;}
.technomenuheads {z-index:9999;background-color:#dedede;background-color: rgba(200,200,200,0.95);line-height:1;padding:0.25rem 1rem;border-bottom:1px solid #bbb;border-top:1px solid #fff;}
.technomenuheads span {padding:0!important;}
.prmenu {background:#eee;}
ul.prmenu {display:table-row;padding:0;}
ul li.prmenu {display:table-cell;border-right:1px solid #ccc;border-left:1px solid #fff;border-collapse:seperate;margin:0;width:16.677%;text-align:center;border-top:1px solid #fff;border-bottom:1px solid #bbb;}
ul li.prmenu span {display:block;}
ul li.prmenu span a {text-align:center;color:#444;}
ul li.prmenu a {text-align:center;color:#444;}
ul li.prmenu img {width:80%;max-width:150px;}
ul li.prmenu img:hover {filter:none;-webkit-transition:all 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s;-o-transition:all 0.5s ease-out 0s;transition:all 0.5s ease-out 0s}
.prmenuheads ul {display:block!important;width:100%;}
.prmenuheads ul li {display:block!important;margin:0;width:100%;text-align:left;}
.prmenuheads > a {color:#444;}
.prmenuheads {z-index:9999;background:#dedede;line-height:1;padding:0.25rem 1rem;border-bottom:1px solid #bbb;border-top:1px solid #fff;}
li:hover > .nopadding {padding:0;}
.menutop {border-top:0;}
ul li.menubottom {border-bottom:0;}
ul li.menuright {border-right:0;}
.rechts-50 {float:right;width:45%;margin-left:5%;}
.links-50 {float:left;width:45%;margin-right:5%;}
.links-50 h1 {margin-top:0;}
.rechts-50 h2 {margin-top:0!important;}
@media screen and (max-width: 799px) {.rechts-50, .links-50 {float:none;width:100%;margin-left:0;margin-right:0;} .links-50 h1 {margin-top:0.75em;}}
.sidebar ul.level_2 li a {padding-left:25px!important;font-style:italic;}
.sidebar ul.level_2 li > span.active, .sidebar ul.level_2 li > span {padding-left:25px!important;font-style:italic;font-weight:400;}
.nopad {padding:0!important}
.worldist {width:100%}
.worldist h2 {color:#ff6600;border-bottom:1px solid #ff6600;}
.worldist h3 {background:transparent;padding-top:5px;padding-bottom:5px;}
.worldistfloat {float:left;width:25%;padding: 0 2.5%;}
.worldist1 p, .worldist2 p, .worldist3 p {text-align:center;}
@media screen and (max-width: 799px) {.worldistfloat {float:none;width:100%;text-align:left;} .worldist1 p, .worldist2 p, .worldist3 p {text-align:left;} .worldist h3 {margin-left:0;margin-right:0;}}
.prodhead {position: absolute;left:auto;top:815px;padding:10px;background-color:#ff6600;z-index:999;margin-left:10px;height:90px;opacity:0.7;width:400px;}
.prodhead h1 {color:#FFF;font-size:2em;margin:0;}
.prodhead p {margin:0;color:#fff;padding-left:5px;}
@media screen and (max-width: 799px) {.prodhead {position: relative;top:0;padding:10px;background-color:#ff6600;z-index:999;margin-left:0;height:90px;opacity:0.8;width:100%;}}
@media screen and (min-width: 800px) and (max-width: 1124px) {.prodhead {top:770px;}}
.prodheadwoban {position: absolute;left:auto;top:595px;padding:10px;background-color:#ff6600;z-index:999;margin-left:10px;height:90px;opacity:0.8;width:400px;}
.prodheadwoban h1 {color:#FFF;font-size:2em;margin:0;}
.prodheadwoban p {margin:0;color:#fff;padding-left:2px;}
@media screen and (max-width: 799px) {.prodheadwoban {position: relative;top:0;padding:10px;background-color:#ff6600;z-index:999;margin-left:0;height:90px;opacity:0.8;width:100%;}}
@media screen and (min-width: 800px) and (max-width: 899px) {.prodheadwoban {top:660px;}}
@media screen and (min-width: 900px) and (max-width: 1123px) {.prodheadwoban {top:570px;}}
.nobottom {margin-bottom:0!important;}
.ce_download {margin:5px 0 5px 5px;}
.rsts-slides .ce_text {background-color:#fff;box-shadow:none;}
.whyte {background-color:transparent!important;}
.fullyban {border-bottom:1px solid #ddd;}
.borderddd {border-bottom:1px solid #ddd;}
.borderdddall {border:1px solid #ddd;}
.ahundredtop {margin:50px 0;}
.borderfff {border-top:1px solid #fff;margin-bottom:7em;}
.borderbottom {border-bottom:2px solid #ff6600;}
.borderbottomddd {border-bottom:1px solid #ddd;margin-bottom:0;padding-bottom:3em;}
.bordertopfff {border-top:1px solid #fff;margin-top:0;}
.modulauswahl {margin:0;border-top:1px solid #fff;border-bottom:1px solid #ddd;margin-bottom:0;}
.horizonleft {position:relative;width:50%;float:left;border-right:1px solid #ddd;cursor:pointer;padding:3em 0;border-top:1px solid #fff;border-bottom:1px solid #ddd;}
.horizonright {position:relative;width:50%;float:left;cursor:pointer;border-left:1px solid #fff;padding:3em 0;border-top:1px solid #fff;border-bottom:1px solid #ddd;}
.fiffle {width:100%;float:left;position:relative;}
.fiffri {width:100%;float:right;position:relative;}
.fiffle img, .fiffri img {display:block;margin:auto;}
.horizonleft:hover,.horizonright:hover {background:#e9e9e9;transition:0.5s background ease-out 0s;}
.fiffle-text {position:absolute;left:auto;bottom:5%;padding:10px;background-color:#ff5202;z-index:999;height:110px;opacity:0.8;width:400px;}
.fiffle-text:hover, .fiffle-text-right:hover {background-color:#65d17c;-webkit-transition:all 0.3s ease-out 0s;-moz-transition:all 0.3s ease-out 0s;-o-transition:all 0.3s ease-out 0s;transition:all 0.3s ease-out 0s;}
.fiffle-text h2, .fiffle-text-right h2 {margin:0;}
.fiffle-text h2 a, .fiffle-text-right h2 a {color:#FFF;font-size:1.2em;margin:0;text-decoration:none;}
.fiffle-text p, .fiffle-text-right p {margin:0;color:#fff;padding-left:2px;text-align:left;}
.fiffle-text-right {position:absolute;right:0;bottom:5%;padding:10px;background-color:#ff5202;z-index:999;margin-left:10px;height:110px;opacity:0.8;width:400px;}
@media screen and (max-width: 767px) {.fiffle-text h2 a, .fiffle-text-right h2 a {color:#FFF;font-size:1.1em;}.horizonleft, .horizonright {float:none;border-right:0;width:100%;} .fiffle-text-right{left:0;right:unset;margin-left:0;}
.fiffle-text, .fiffle-text-right{float:left;width:100%!important;position:relative;height:auto;}
.fiffle, .fiffri {float:none;width:100%;}
.horizonleft, .horizonright {padding-bottom:2em;padding-top:2em;background:#f2f2f2;}
.horizonleft {border-bottom:1px solid #ddd;}
.horizonright {border-top: 1px solid #fff!important;}
.borderbottomddd {display:none;}
}
@media screen and (min-width: 600px) and (max-width: 799px) {.fiffle-text h2 a, .fiffle-text-right h2 a {color:#FFF;font-size:1.1em;}.horizonleft, .horizonright {float:none;border-right:0;width:100%;} .fiffle-text-right{left:0;right:unset;margin-left:0;}
.fiffle-text, .fiffle-text-right{float:left;width:50%!important;position:relative;height:160px;}
.fiffle, .fiffri {float:right;width:50%;}
.horizonleft, .horizonright {margin-bottom:1em;background:#f2f2f2;}
}
@media screen and (min-width: 800px) and (max-width: 1023px) {.fiffle-text h2 a, .fiffle-text-right h2 a {color:#FFF;font-size:1.1em;}}
@media screen and (max-width: 899px) {.fiffle-text, .fiffle-text-right {width:90%} .fiffle-text h2, .fiffle-text-right h2 {font-size:1.5em;}}
@media screen and (min-width: 600px) and (max-width: 899px) {.modulauswahl {margin:0;}}
@media screen and (max-width: 767px) {.modulauswahl {margin:0;}.borderbottomddd {border-bottom:0;}.modulauswahl {border-top:0;border-bottom:0;} .horizonright{border:0;} .bordertopfff {border-top:0;}}
.center {text-align:center;}
.weitere {}
.producttable {font-size:1em;vertical-align:top;}
.producttable_downloads {font-size:1em;vertical-align:top;margin-top:0!important;margin-bottom:3em!important;}
tr.uppercase {background:transparent; text-transform: uppercase;color:#555;}
tr.uppercase_downloads {background:#f2f2f2; text-transform: uppercase;font-family: 'Spartan Bold',Arial, Helvetica, sans-serif;}
h2.supps {margin-bottom:2em;}
.picright {float:right;width:50%;}
.right {float:right;}
.taright {text-align: right;}
.surrogate-left {float:left;padding:10px;margin-bottom:3em;background:#eee;min-height:78px;width:47.5%;margin-right:5%;}
.surrogate-right {float:left;padding:10px;margin-bottom:3em;background:#eee;min-height:78px;width:47.5%}
@media screen and (max-width: 799px) {.surrogate-left, .surrogate-right {float:none;width:100%;margin-right:0;margin-bottom:1em; }}
.f0f {margin-top:75px;text-align:center;}
.f0f h1 {font-size:6em;font-weight:bold;margin-top:100px;text-align:left;}
.f0f p {font-size:1.75em;margin:0;text-align:left;}
@media screen and (max-width: 767px) {
.f0f h1 {font-size:3em;font-weight:bold;margin-top:0px;}
.f0f p {font-size:1.2em;margin:0;}
.f0f {margin-top:5px;}
}
@media screen and (min-width: 600px) and (max-width: 799px) {
.f0f h1 {font-size:4em;font-weight:bold;margin-top:100px;text-align:left;} }
.spt {text-align:center;width:100%;height:auto;background:#f9f9f9!important;padding:10px;font-size:1.25em;border:1px solid #ccc}
.spt p {text-align:center;}
.basicmenu p {background:#ddd!important;margin:0;padding:10px;padding:10px 35px 15px 32px;}
.basicmenu ul {list-style:none;margin:0;padding:0;background:#eee!important;}
.basicmenu ul li {width:100%; float: none;border-left:1px solid #eee;border-top:1px solid #fefefe;border-bottom:1px solid #eee;margin:0;padding:10px 35px 10px 32px;}
.basicmenu ul li:first-child {margin:-5px 0 0 0;border-top:0;border-left:1px solid #eee;}
.basicmenu ul li:last-child {border-right:1px solid #ddd;padding:10px 35px 10px 32px;border-bottom:2px solid #dbdbdb}
.basicmenu ul li a {font-size:0.9em;text-transform:none;color:#666;}
.basicmenu ul li.active {font-size:13px;text-transform:none;background-color:#CCC;}
.basicmenu ul li:hover{float: none;background-color:#999;}
.basicmenu ul li a:hover{color: #f2f2f2;}
.basicmenufloat p {background:#ddd!important;margin:0;padding:10px;padding:5px 35px 5px 32px;}
.basicmenufloat ul {list-style:none;margin:0;padding:0;}
.basicmenufloat ul li {width:25%; float:left;border-left:1px solid #eee;border-top:1px solid #fefefe;border-bottom:1px solid #eee;margin:0;padding:10px 35px 10px 32px;background:#eee;}
.basicmenufloat ul li:first-child {margin:0;border-left:1px solid #eee;}
.basicmenufloat ul li:last-child {padding:10px 35px 10px 32px;}
.basicmenufloat ul li a {font-size:0.9em;text-transform:none;color:#666;}
.basicmenufloat ul li.active {font-size:13px;text-transform:none;background-color:#CCC;}
.basicmenufloat ul li:hover{background:#999;}
.basicmenufloat ul li a:hover{color: #f2f2f2;}
@media screen and (min-width: 600px) and (max-width: 1023px) {
.basicmenufloat ul li {width:50%;} }
@media screen and (max-width: 767px) {
.basicmenufloat ul li {width:100%;} }
.abstand5 {margin-top:5em;}
@media screen and (max-width: 767px) {
.abstand5 {margin-top:0;} }
.effect {
position: relative;
overflow: hidden;
}
.effect .shine::before {
content: "";
border-top: 0 solid rgba(255, 255, 255, 0.1);
border-right: 0 solid rgba(0, 0, 0, 0);
position: absolute;}
.effect:hover .shine::before {
-webkit-transition: all 0.4s ease 0.4s;
transition: all 0.4s ease 0.4s;
border-top: 900px solid rgba(55, 55, 55, 0.9);
border-right: 900px solid rgba(0, 0, 0, 0);
}
#cntdwn {font-size:7em;color:#fff;background:#ff6600;padding:100px 0;text-align:center;margin:50px 0;}
.reservat {padding-bottom:3em;border-bottom:1px solid #ddd;}
.reservat-last {}
.reservat .producttable_downloads, .reservat-last .producttable_downloads {background:transparent;}
.reservat .uppercase_downloads, .reservat-last .uppercase_downloads {background:transparent;color:#444;border-bottom:1px solid #ccc;}
#h2top {border-top:1px solid #fff;padding-top:3em;margin:-5px 0 1em 0;}
.download #h2top {margin:0 0 1em 0;}
#kunbusic {margin-bottom:1em;}
.ankermenu {padding:5px 10px;background:#e8e8e8;}
.ankermenu p {margin:0;}
.ankermenu a {color:#444;}
.upup {margin-top:-0.8em!important;font-size:0.8em;color:#f00;}
.auflistunglaser{margin-top:7em;}
.perlenkette{width:100%;}
.perlenkette ul li {float:none;}
.perlenkette .image_container a {}
.galcol{width: 48%;margin-right:4%;}
.galcolbig {float:left;width:80%;margin-right:2%;}
.galcolsmall {float:left;width:17%;margin-right:0;margin-top:7em;}
.galcolsmall .ce_gallery.-per-row-4 > ul > li {width:100%;padding:7px 0;margin:0;border-bottom:1px solid #ddd;border-top:1px solid #fff;}
.galcolsmall .ce_gallery.-per-row-4 > ul > li:hover {background:#ddd;-webkit-transition:background 0.5s ease-out 0s;-moz-transition:background 0.5s ease-out 0s;-o-transition:background 0.5s ease-out 0s;transition:background 0.5s ease-out 0s}
.galcolsmall .ce_gallery.-per-row-4 > ul > li:last-child {padding-bottom:0;border-bottom:0;}
.galcolsmall .ce_gallery.-per-row-4 > ul > li:first-child{border-top:0;}
@media screen and (max-width: 767px){
.galcol{width:100%;}
.galcolbig {float:none;width:100%;border-bottom:1px solid #ddd;}
.galcolsmall {width:100%;float:none;margin-top:0em;border-top:1px solid #fff;}
.galcolsmall .ce_gallery.-per-row-4 > ul > li {width:23.875%;margin:0.5% 0 0 0.5%;float:left;border-bottom:0;border-top:0;}
.galcolsmall .ce_gallery.-per-row-4 > ul > li:first-child{border-left:0;}
.perlenkette ul li {float:left;}
.perlenkette .image_container a{border-bottom:0;}
.auflistunglaser{margin-top:2em;}
.artno, .producttable_downloads, .weitere, .tecspec {font-size:0.85em;}
}
.karr h3 {font-size:2em;margin-bottom:1.5em;}
.karriere{border-right:1px solid #848484;border-bottom:1px solid #848484;border-left:1px solid #ddd;border-top:1px solid #ddd;margin:1em 0;padding:1em 10px;background:#fff;width:50%;min-width:480px;}
.karriere:hover {background:#e9e9e9;-webkit-transition:all 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s;-o-transition:all 0.5s ease-out 0s;transition:all 0.5s ease-out 0s;}
.karriere a {font-size:16px;font-family:arial,sans-serif;font-weight:700;color:#444;margin-left:25px;}
.stelle{background:#f2f2f2;border:1px solid #ddd;padding:50px 10px 10px 50px;box-shadow:0 3px 10px rgba(0, 0, 0, 0.15);-webkit-box-shadow:0 3px 10px rgba(0, 0, 0, 0.15);-moz-box-shadow:0 3px 10px rgba(0, 0, 0, 0.15);background: -moz-linear-gradient(left, #f9f9f9 1%, #f2f2f2 100%); /* FF3.6-15 */background: -webkit-linear-gradient(left, #f9f9f9 1%,#f2f2f2 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to right, #f9f9f9 1%,#f2f2f2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f2f2f2',GradientType=1 ); /* IE6-9 */}
.lef50 {width:49.5%;margin-right:1%;float:left;margin-bottom:1%}
.righ50 {width:49.5%;float:left;margin-bottom:1%;}
.threeleft {box-sizing: border-box;float:left;width:30.8333%;padding-right:5%;border-right:1px solid #ddd;text-align:center;margin-bottom:10%;cursor:pointer;clear:both;}
.threemiddle {box-sizing: border-box;float:left;width:35.8333%;padding-right:5%;border-right:1px solid #ddd;text-align:center;padding-left:5%;margin-bottom:10%;cursor:pointer;border-left:1px solid #fff;}
.threeright {box-sizing: border-box;float:left;width:30.8333%;border-right:0;text-align:center;padding-left:5%;margin-bottom:10%;cursor:pointer;border-left:1px solid #fff;}
.threeleft p, .threemiddle p, .threeright p, .twoleft p, .tworight p {margin:0;padding:1em 0;font-size:1.5em;text-align:center;}
.twoleft {box-sizing: border-box;float:left;width:50%;padding-right:5%;border-right:1px solid #ddd;text-align:center;margin-bottom:10%;cursor:pointer;}
.tworight {box-sizing: border-box;float:left;width:50%;border-right:0;text-align:center;padding-left:5%;margin-bottom:10%;cursor:pointer;border-left:1px solid #fff;}
.lastborder {border-right:0;border-bottom:0;}
.galcolbig .center {text-align:left;}
.rsts-slides .ce_image.block {}
.threeleft a, .threemiddle a, .threeright a, .twoleft a, .tworight a {text-decoration:none;}
@media screen and (max-width: 1023px) {.threeleft p, .threemiddle p, .threeright p {font-size:1.25em;}}
@media screen and (max-width: 767px) {
.threeleft, .threemiddle, .threeright, .twoleft, .tworight {float:none;width:100%;border-right:0;border-left:0;border-top:1px solid #fff;border-bottom:1px solid #ddd;margin-bottom:0;padding:20px 0;}
.threefirst {border-top:0;}
.threelast {border-bottom:0;}
}
.scrollToTop{
z-index:9999;
width:50px;
height:50px;
padding:10px;
text-align:center;
font-weight: bold;
color: #444;
background-color:#EB4549;
background:url("../../files/tao/img/ttp-btn.png") 0px 0px no-repeat #e5e5e5;
text-decoration: none;
position:fixed;
bottom:30px;
right:30px;
display:none;
border:1px solid #CCC;
font:1em/1 "RockSolid Icons";
content:"\e01a";
transition:background-color 300ms ease-in-out, background-position 300ms ease-in-out;
-webkit-transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out;
-o-transition:background-color 300ms ease-in-out, background-position 300ms ease-in-out;
}
.scrollToTop:hover{
text-decoration:none;
background:url("../../files/tao/img/ttp-btn.png") 0px -50px no-repeat #e5e5e5;
transition:background-color 300ms ease-in-out, background-position 300ms ease-in-out;
-webkit-transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out;
-o-transition:background-color 300ms ease-in-out, background-position 300ms ease-in-out;
}
.karr h3 {font-size:2em;margin-bottom:1.5em;}
.karriere{border-right:1px solid #848484;border-bottom:1px solid #848484;border-left:1px solid #ddd;border-top:1px solid #ddd;margin:1em 0;padding:1em 10px;background:#fff;width:50%;min-width:480px;}
.karriere:hover {background:#e9e9e9;-webkit-transition:all 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s;-o-transition:all 0.5s ease-out 0s;transition:all 0.5s ease-out 0s;}
.karriere a {font-size:16px;font-family:arial,sans-serif;font-weight:700;color:#444;margin-left:25px;}
.stelle{background:#f2f2f2;border:1px solid #ddd;padding:50px 10px 10px 50px;box-shadow:0 3px 10px rgba(0, 0, 0, 0.15);-webkit-box-shadow:0 3px 10px rgba(0, 0, 0, 0.15);-moz-box-shadow:0 3px 10px rgba(0, 0, 0, 0.15);background: -moz-linear-gradient(left, #f9f9f9 1%, #f2f2f2 100%); /* FF3.6-15 */background: -webkit-linear-gradient(left, #f9f9f9 1%,#f2f2f2 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to right, #f9f9f9 1%,#f2f2f2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f2f2f2',GradientType=1 ); /* IE6-9 */}
.toble { display: table;
width: 100%;
table-layout: fixed;
margin-bottom: 0;
border-top:1px solid #fff;
border-bottom:1px solid #ccc;}
.toble > .limen { display: table-cell;
border-right:1px solid #ccc;
border-left:1px solid #fff;
border-collapse:seperate;
background-color:#e8e8e8;
background-color: rgba(232,232,232,0.95);
text-align:center;
padding: 4px 6px;
width: 25%;
margin: 0;
}
.limen:hover {-webkit-transition:all 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s;-o-transition:all 0.5s ease-out 0s;transition:all 0.5s ease-out 0s}
.limen a {color:#444;display:block;}
.limen a:hover {text-decoration:none;color:#ff6600;-webkit-transition:all 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s;-o-transition:all 0.5s ease-out 0s;transition:all 0.5s ease-out 0s}
.limen img {width:80%;max-width:170px;filter:grayscale(100%)}
.limen img:hover {filter:none;-webkit-transition:all 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s;-o-transition:all 0.5s ease-out 0s;transition:all 0.5s ease-out 0s}
.limen span {font-size:1.05rem;text-align:center;display:grid;}
span.submenu.nonavlink {position:relative;font-size:1.05rem;color:#444;height:100%;display:block;}
.emptymenu:hover {background:#eee;cursor:default;}
.footorga {display:block;margin-top:0;border-bottom:1px solid #ccc;padding:5px 0;}
.organ {display:table;padding:0;border:0px solid #eee;border-left:0;border-right:0;width:100%;max-width:1188px;margin:0 auto;}
.organ ul {display:table-row;text-align:center;}
.organ li {display:table-cell;width:10%;}
.organ li img {width:100%;max-width:75px;}
.organ li img:hover {-webkit-transition:all 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s;-o-transition:all 0.5s ease-out 0s;transition:all 0.5s ease-out 0s;}
@media screen and (max-width: 767px) {.footorga {display:none;} span.submenu.nonavlink {font-size:1rem;}}
.sidebar ul {background:#e8e8e8;}
.sidebar ul li, .sidebar li:first-child {border-top:1px solid #fff;border-bottom:1px solid #ccc;border-collapse:separate!important;}
.sidebar ul li ul {background:#f1f1f1;margin:0;}
.sidebar ul li ul a {margin:0;}
.sidebar ul li.submenu.trail {background:transparent;border-bottom:0!important;border-top:0!important;}
.sidebar ul li.submenu.trail ul li.sibling {background:transparent;border-bottom:0!important;border-top:0!important;}
.sidebar ul li ul li:first-child {background:transparent;border-bottom:0!important;border-top:0!important;}
.sidebar ul li.active, .sidebar ul li ul li.active {}
.pw-links{float:left;width:45%;}
.pw-links a, .pw-rechts a {color:#444;}
.pw-rechts{float:right;width:45%;}
ul#praxiswissen-links li, ul#praxiswissen li {list-style-type:square;padding:0 10px;}
ul#praxiswissen, ul#praxiswissen-links {color:#ff6600;}
ul#praxiswissen-grundlagen li {display:inline-block;margin:5px 0;padding:2px 10px;border-right:1px solid #444;}
ul#praxiswissen-grundlagen li:last-child {border-right:0;}
ul#praxiswissen-grundlagen a {color:#444;font-weight:bold;}
.praxiswissen {font-weight:700;font-size:1.25em;color:#ff6600;border-bottom:1px dotted;}
@media screen and (max-width: 767px) {
.pw-links, .pw-rechts {float:none;width:90%;}
ul#praxiswissen-grundlagen li {display:block;margin:0;border:0;list-style-type:square;}
}
.siteflip {float:right;list-style-type:none;margin:0;padding:0.61538em 0;}
.siteflip li {color:#fff;}
.bannertxt, .bannertxtblack {max-width: 90%;font-size:1.25rem;font-weight: 400; display:block;position:relative;padding:15px 0 15px 0!important;color:#fff;text-shadow: 2px 2px 25px rgb(0 0 0 / 40%) }
.bannertxtblack {color:#fff;}
.bannerimg {width:100%;}
.titler {font-family:'Spartan Bold', arial;color:#f2f2f2;font-size:5.7rem;font-weight:normal;display:block;margin-bottom:0;line-height:1.25;}
.titler:after{ content: '';position: absolute;right: 0; bottom: 0; left: 0;z-index: -1;margin-bottom: -3px;background: linear-gradient(0.25turn, rgba(255,50,0), rgba(255,150,0), rgba(255,255,0,0));height:15px;}
.eco .sizetwo {font-size:4.7rem;}
.eco h1.titler {margin-top: 0;}
@media screen and (max-width: 799px) {
.bannertxt {width:100%;position:absolute;padding:0;left:0;bottom:0%;font-size:1rem;}
.bannerimg {height:250px;width:auto;margin:0;float:none;}
.titler {font-size:1.3rem;margin-bottom:0;color:#f2f2f2;}
.bigslide {height:184px;}
}
@media screen and (min-width: 800px) and (max-width: 1023px) {
.bannertxt {width:100%;position:absolute;padding:0;left:0;bottom:0%;font-size:1rem;}
.bannerimg {width:100%;margin:0;float:none;}
.titler {font-size:1.3rem;margin-bottom:0;color:#f2f2f2;}
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
.titler {font-size:1.7rem;}
.bannertxt {font-size:1.1rem;}
}
.contactside {padding:1em;background:#e8e8e8;border:1px solid #ccc;}
.contactside .formbody input, .contactside .formbody textarea {width:100%;}
.rock {font-size:1.25rem;font-family: 'Spartan Bold',Arial, Helvetica, serif;}
.contactside .formbody p {font-size:0.875em;}
.contactside .formbody label {margin-bottom:0;font-size:0.775em;}
.contactside .formbody .widget {margin-top:0.525em;margin-bottom:0.325em;}
.mod_changelanguage.block {position:absolute;right: 10%;top:14px;height:24px;line-height:24px;}
.mod_changelanguage.block select {-moz-appearance: none;-webkit-appearance: none;appearance: none;border: none;}
.mod_changelanguage.block select::-ms-expand {display: none;}
.mod_changelanguage.block select {font-size: 0.875rem; width:100px;cursor:pointer;font-family:'Spartan', Arial;color:#888;background:transparent;text-transform:capitalize;letter-spacing:1px;padding:0 0px 0 10px;margin-top:5px;font-weight: 700;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.mod_changelanguage.block:before {
font: 15px/1 "RockSolid Icons";
content: "\e095";
display:inline-block;
font-size: 20px;
position: relative;
margin-right: 0px;
color: #888;
margin-top:4px;
margin-left:7px;
float:left;
}
.mod_changelanguage.block option {color: #888; background:#f3f2ee;float:right;height:34px;text-transform:none;margin:20px;}
.mod_changelanguage.clmobile.block {display:none;float:right;height:34px;line-height:34px;}
.mod_changelanguage.clmobile.block select {-moz-appearance: none;-webkit-appearance: none;appearance: none;border: none;}
.mod_changelanguage.clmobile.block select::-ms-expand {display: none;}
.mod_changelanguage.clmobile.block select {cursor:pointer;font-family:'Spartan', Arial;color:#888;background:transparent;text-transform:uppercase;letter-spacing:1px;text-align:right;
margin-right:5px;}
.mod_changelanguage.clmobile.block:before {
font: 15px/1 "RockSolid Icons";
content: "\e095";
display:inline-block;
font-size: 15px;
position: relative;
margin-right: 0px;
color: #888;
}
.mod_changelanguage.block option {color: #444; background:#eee;float:right;height:34px;}
@media screen and (max-width: 767px)
{
.mod_changelanguage.clmobile.block {display:block;}}
#shoplink {text-align:left;}
#shoplink a {font-size:1.25rem;}
.cmsft-wrapper {position:relative;}
.ce_image.cmsft-btn.block {position:absolute;margin-right:30px;z-index:1;right:0;top:-25px;opacity: 0.9;filter: alpha(opacity=90); /* For IE8 and earlier */}
.events {background:#ededed;border:1px solid #ddd;margin-bottom:7rem;}
.eventhead {padding:5px 10px;margin:0;border: 1px solid #ccc;border-bottom: 0;}
.eventhead h3 {margin:0;font-size: 1.75rem;}
.eventbody {border:1px solid #ccc;}
.eventbody p {padding:10px;margin:0;line-height: 1.35;}
.eventbody .image_container {padding: 0;margin: 0;}
.eventbody .teaser {margin:0.5rem 0 1.5rem;}
.mod_calendar .calendar tr td {border:1px solid #ddd;border-collapse:collapse;text-align:center;height:70px;background: #f9f9f9;}
.mod_calendar .calendar tr td.days.active {background: rgb(58,61,73); background:
linear-gradient(0deg, rgba(58,61,73,1) 0%, rgba(33,35,46,1) 100%);color:#f2f2f2;}
.mod_calendar .calendar tr td.days.active a {color:#f2f2f2;font-family: 'Spartan Bold',Arial, Helvetica, sans-serif;font-size:1.1rem;}
.eventlistt {margin-top:1rem;}
.bigbanner p {margin:0;padding:0;}
.bigbanner img {width:100%;height:auto;}
.grid {
background: transparent;
max-width: 100%;
}
/* clearfix */
.grid:after {
content: '';
display: block;
clear: both;
}
/* ---- grid-item ---- */
.grid-item {
width: 100px;
height: 100px;
float: left;
background: #D26;
border: 5px solid #f2f2f2;
}
.grid-item--width2 { width: 200px; }
.grid-item--width3 { width: 300px; }
.grid-item--width4 { width: 400px; }
.grid-item--height2 { height: 200px; }
.grid-item--height3 { height: 300px; }
.grid-item--height4 { height: 400px; }
.recruitment {padding: 0 10px;margin-left: 5%;margin-top: 35px;}
.recruitment ul {font-size:1.1rem;font-family:'Spartan',Arial, Helvetica, sans-serif;}
.recruitment ul li {margin:0;padding:25px 0;list-style: none;border:1px solid #ccc;border-left:0;border-right:0;border-bottom:0;}
.recruitment ul li:first-child {border-top:0;}
.recruitment ul li a {color:#ff6600;}
.recruitment h3 {border-bottom: 1px solid #555;}
.mwd {font-size:0.875rem;color:#777;}
.nomargin, .nomargin p {margin-top:0!important;}
.respoimg img {width:100%;height:auto;position:relative;}
@media screen and (max-width: 767px) {
.mobidistri {display:inline-block;padding:5px;margin:7px 0;background:#e9e9e9;border:1px solid #ddd;}
}
.topfifty {margin-top:50px;}
.iolwpr {margin:20px 0;padding:10px;background:#e8e8e8;border:1px solid #ccc;}
.iolwpr .ce_image {text-align:center;background:#f2f2f2;}
.newstime {margin-top:0!important;margin-bottom:0!important;padding:5px 10px;font-weight:700;}
.secnews {padding:10px 0!important;border-bottom: 1px solid #1f1f1f;}
.secnews.first {margin-top: 3rem;}
.secnews:last-child {border-bottom:0;}
.secnews h1 {margin-bottom: 5rem;}
.secnews h2 {margin:0;padding:0;font-size:1.15rem;margin-bottom: 1rem!important;}
.secnews h3 {padding:0 10px 0px 10px;margin-top: 0;font-size: 1.1rem!important;line-height: 1.1;margin-bottom: 5px;text-align: left!important;}
.secnews .ce_text {padding:0px 10px;}
.secnews .ce_text p {margin-top:0.25rem;margin-bottom:0.25rem;text-align: left;}
.secnews p.more {padding:0 10px 0 10px;margin-bottom:0;margin-top: 0;line-height: 1.25;font-size: 1rem;}
.secnews time {font-weight: 400;font-size: 1rem;}
.secnews .newstime {padding:0 10px;}
#holo1 .secnewslist.block {padding: 10px;background-color: #fff;}
#holo1 .secinfo {padding: 10px 0;}
.secfull {margin:0 auto;}
.secfull h1 {font-size:1.75rem!important;}
.secfull h2 {font-size:1.5rem;}
.ce_downloads.block {background: #e8e8e8;}
.pgpkey {background:#fff;padding:25px;text-align:justify;border:1px solid #CCC}
.contact-btn {position:fixed;right:0px;bottom:20%;height:75px;width:75px;-webkit-box-shadow: -3px 3px 3px 0px rgba(0,0,0,0.25);-moz-box-shadow:-3px 3px 3px 0px rgba(0,0,0,0.25);box-shadow:-3px 3px 3px 0px rgba(0,0,0,0.25);-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}
.contact-btn:hover {-webkit-transform: scale(1.03);-ms-transform: scale(1.03);transform: scale(1.03);}
input#cm-privacy-email {min-width:15px!important;}
@media screen and (max-width: 599px) {.contact-btn {display:none;}}
.newssign {padding:1%;background:#e9e9e9;border:1px solid #ccc;}
.newsleft {position:relative;float:left;width:48%;}
.newsright {position:relative;float:right;width:48%}
.newsmore {clear:both;}
.size {font-size:0.6rem;color:#666;}
.threeright .catdesc {padding-top:0;font-size:1rem;}
.fltr {float:right;margin-left:2%;margin-bottom:2%;margin-top:10px;min-width:40%;}
.mxfive {max-width:500px;float:left;margin-right:2%;margin-bottom:2%;margin-top:10px;}
.mtphundred {margin-top:100px!important;}
.whiteborder {border:1px solid #fff;background:#ddd;}
.txtll {text-align:left;}
.vsimg {max-width:1000px;background:#e8e8e8;border:1px solid #ccc;margin:4em auto;}
.vsimg .caption {padding:10px;}
.praxis {display:block;overflow:scroll}
.mrgnfour {margin:4em 0 7em;}
.eshophint {display:block;margin-bottom:25px;border:1px solid #ccc;padding:10px 10px 10px 20px;background: #ff6600;
background: -moz-linear-gradient(-45deg, #ff6600 0%, #ff9900 100%);
background: -webkit-linear-gradient(-45deg, #ff6600 0%,#ff9900 100%);
background: linear-gradient(135deg, #ff6600 0%,#ff9900 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6600', endColorstr='#ff9900',GradientType=1 );}
.eshophint:before {content:"";background:url("/files/tao/img/shoppingcart.png") no-repeat;width:50px;height:50px;float:left;display:block;margin:0}
.eshophint a {font-family:'Spartan Bold',Arial, Helvetica, sans-serif;margin-left:70px;font-size:1.35rem;line-height:1.1;color:#fff;display:block;}
.eshophint p {margin:10px 0!important;}
@media screen and (max-width: 599px) {
.eshophint {display:block;margin-bottom:25px;border:1px solid #ccc;padding:10px 10px 10px 20px;background: #ff6600;
background: -moz-linear-gradient(-45deg, #ff6600 0%, #ff9900 100%);
background: -webkit-linear-gradient(-45deg, #ff6600 0%,#ff9900 100%);
background: linear-gradient(135deg, #ff6600 0%,#ff9900 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6600', endColorstr='#ff9900',GradientType=1 );}
.eshophint:before {content:"";background:url("/files/tao/img/shoppingcart.png") no-repeat;width:30px;height:30px;float:left;display:block;margin:0;background-size: contain;}
.eshophint a {margin-left:45px;font-size:0.75rem;line-height:1.1;color:#fff;display:block;}
.eshophint p {margin:5px 0!important;}
}
.absdiv {position:absolute;right:8%;bottom:50px;}
.absdiv h1 {font-size:5rem;font-family:'Spartan Bold',Arial, Helvetica, sans-serif;color:#444;}
.eventz {font-family:'Spartan Bold',Arial, Helvetica, sans-serif;font-size:1.06rem;color:#f2f2f2;}
.eco .main-content .dtnschtz h1 {margin-bottom:3rem;}
.eco .main-content .dtnschtz h2 {font-size:1.25rem;margin-bottom: 1rem;margin-top: 4rem;}
.eco .main-content .dtnschtz h3 {font-size:1.1rem;}
.distrilogo {max-width:200px!important;}
.distriaddress {text-align:center;margin-top:1.5rem;}
.main-content .distriaddress p {text-align:center;margin-top:0;}
.eco .main-content .humanr {margin:25px auto;max-width:799px}
.eco .main-content .humanr h1 {margin-bottom: 0;text-align: left;}
.eco .main-content .humanr h2 {text-align: left;margin-bottom: 1rem;margin-top: 4rem;}
.eco .main-content .humanr ul {margin-left:10px;}
.eco .main-content .humanr ul li {padding:5px 10px}
.eco .main-content .contentboxed.hrlist ul {list-style:none;}
.eco .main-content .contentboxed.hrlist ul li {padding: 1.5rem 0;border-top: 1px solid #666;}
.eco .main-content .contentboxed.hrlist ul li:nth-child(1) {border-top: 0;}
.eco .main-content .contentboxed.hrlist ul li a {color: #555;}
.socialicons {padding: 0;}
.socialicons ul {margin:0;padding:0;}
.socialicons ul li {display:inline;list-style-type:none;margin-right:25px;}
.socialicons ul li svg {height:27px;filter: contrast(0)}
.socialicons ul li svg:hover {filter: contrast(1);-webkit-transition:all 0.35s ease-out 0s;-moz-transition:all 0.35s ease-out 0s;-o-transition:all 0.35s ease-out 0s;transition:all 0.35s ease-out 0s}
.xingleft {color: #0698a0;}
.xingright {color:#b7df4b;}
.linkedin {color:#0f67b1;}
.listheight {margin-bottom: 0!important;}
.listheight li {line-height:inherit;height:auto;padding:0.87rem 0;margin-bottom: 0;margin-top: 0;}
.topeight{margin-top:8%!important;display: block;position: relative;}
.treefiddy ul {display: inline-flex;}
.twofiddy ul {display: block;padding:0;}
.treefiddy ul li {display: inline-block;width:33%;padding:2% 5%;text-align: center;}
.twofiddy ul li {display: inline-block;width:50%;padding:2% 20px;text-align: justify;float:left;}
.advaniolw ul li img {max-width:150px;}
a.tel {text-decoration: none!important;color:#555;}
a.tel:hover {text-decoration: none!important;color:#ff6600;}
@media screen and (max-width: 799px) {
.bgone {background-color: #e8e8e8;margin:5rem auto;}
.bgonepad {padding:2% 5%}
.treefiddy ul, .twofiddy ul {display: inline-block;padding-left:0}
.treefiddy ul li, .twofiddy ul li {display: inline-block;width:100%;padding:2% 5%;text-align: center;}
.advaniolw ul li img {max-width:100px;}
.nomarg {margin-top:-6.25%;margin-bottom: 0;}
.margzwofuenf {margin-top: 2.5rem;}
.textleft {text-align: left;}
}
.centerbloack {text-align: center;}
.news-list-boxed-item {background:#ededed;border:1px solid #ddd;border-radius: 0;color:#555;}
.news-list-boxed-item, .news-list-boxed-item-info {font-size: 0.875rem;}
.news-list-boxed-item time {font-size: 0.9rem;font-weight:600;}
.news-list-boxed-item-image time {font-size: 2rem;}
.news-list-boxed-item h3 a {color:#666;}
.news-list-boxed-item h3 a:hover {color:#ff6600;}
.news-list-boxed-item-image.-no-image {background: rgb(255,102,0);
background: -moz-linear-gradient(45deg, rgba(255,102,0,1) 0%, rgba(255,153,0,1) 100%);
background: -webkit-linear-gradient(45deg, rgba(255,102,0,1) 0%, rgba(255,153,0,1) 100%);
background: linear-gradient(45deg, rgba(255,102,0,1) 0%, rgba(255,153,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff6600",endColorstr="#ff9900",GradientType=1);}
.news-list-boxed h1 {margin-bottom: 2.5em;}
.myButton {
background-color: #6d9f2b;
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #6d9f2b),color-stop(1, #45631a));
border-style: solid;
border-top-width: 1px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-color: #C6F17A;
border-bottom-color: black;
-webkit-border-top-left-radius: 3px;
border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
border-top-right-radius: 3px;
-moz-border-top-left-radius: 3px;
-moz-border-top-right-radius: 3px;
-webkit-box-shadow: 0 -5px 30px 0 rgba(0, 0, 0, .1);
-moz-box-shadow: 0 -5px 30px 0 rgba(0, 0, 0, .1);
box-shadow: 0 -5px 30px 0 rgba(0, 0, 0, .1);
cursor: pointer;
color: white;
display: block;
font-size: 26px !important;
font-family: 'Open Sans', sans-serif;
line-height: 60px;
text-align: center;
text-transform: uppercase;
letter-spacing: 1px;
margin: 0 auto;
width: 310px;
}.myButton:hover {
background-color:#dfdfdf;
}.myButton:active {
position:relative;
top:1px;
}
.newz .sidebar, .newz .main-content {margin-top:2.5rem;}
.newz .sidebar > .block {margin:0;}
.newz .sidebar h2, .newz .main-content h1 {margin-top:0;}
.newz .sidebar h2 {font-size: 0.875rem;}
.sidequest {border:1px solid #ddd;background: #ededed;}
.sidequest a {line-height: initial;color:#555;font-weight: 700;text-align: left;padding:0.6em 0 0;}
.sidequest a:hover {color:#ff6600;}
.sidequest time {background: #ff6600;}
.heinshome {margin-top: 3rem!important;}
#newshome {margin:0;padding: 0.25em 1em; background:#ededed !important;border:0 solid #ddd;border-top:1px solid #fff;}
#newshome h2 {font-size: 1.35em;margin:0;}
#newshome .sidequest {border:0;background: #FFF;}
.zuneews p {text-align: right;margin-bottom: 0.35rem;}
.zuneews p a {text-align: right;font-weight: 700;}
.mod_newsreader .image_container.float_right {width:50%!important;margin: 0.25em 0 2.25% 2.25%;}
#b2over {margin-top:5rem;}
#b2over a {border:1px solid #ddd;background: #ededed;padding:0.24rem 0.5rem;font-weight: 700;color: #555;}
.news-list-boxed-item-image.-no-image {padding-bottom:66.9%;}
.revpisupnote {padding:25px 25px;background-color: #ff6600;color:#f2f2f2;font-size:1.15rem; font-weight: 700;text-align: center;}
.revpisupnote a {color:#f2f2f2;text-decoration: underline;}
#holo1 p.zitate, #holo2 p.zitate {text-align: left;line-height: 1.5;}
#holo1 p.zitatowner, #holo2 p.zitatowner {margin-bottom: 0;}
#holo1 p.zitatowner {color: #555;}
#holo2 p.zitatowner {color: #f2f2f2;}
#holo1 .zitat, #holo2 .zitat {font-size: 1.75rem;font-weight: 400!important;margin-bottom: 1.5rem;text-align: left;line-height: 1.5;}
.teams #holo1, .teams #holo2 {padding-bottom: 0;}
.teams #holo2.ende {padding-bottom: 100px;}
.teams #holo2.ende h2 {width: 100%;display: block;}
.teams #holo1 .image_container, .teams #holo2 .image_container {margin-bottom: 0;padding-bottom: 0;display: block;width:100%;max-width: 500px;padding-top: 10%;}
.teams #holo1 figure, #holo1 .block , .teams #holo2 figure, #holo2 .block {margin: 0;padding: 0;}
.mod_navigation {margin: 100px auto;width:60%;max-width: 1024px;}
#holo1, #holo2, #hololegacy {display:block;padding:100px 0;text-align: center;}
.home #holo1, .home #holo2 {padding: 75px 0;}
.home #holo1.homesweethome {padding-top:0;}
.home #holo1.nopdng {padding-bottom:0;}
.home #holo1.nopdng h1 {font-size: 1.5rem;text-align: left;}
#holo2 .caption {color: #f2f2f2;}
.nomrgn, .nomrgn .image_container {margin: 0!important;}
.contentboxed, .contentboxedli {width: 83.333%!important;margin: 0 auto!important;padding:0 20px 0!important;max-width: 1140px;background-color: rgba(255,255,255,0.0);text-align: left;}
.contentboxedli {padding:25px 0px}
.breadies {position: relative;padding: 10px 20px 50px;}
.breadies svg {width: 16px;fill:#ff6600;height: auto;vertical-align: middle;}
.blackopac {/*background: rgba(0,0,0,0.8);*/}
.contentboxed ul li {padding-bottom: 0.875rem;}
#holo2 {color:#f2f2f2;background: rgb(58,61,73);background:linear-gradient(90deg, rgba(58,61,73,1) 0%, rgba(33,35,46,1) 100%);}
#holo2.texasbg {background: rgb(58,61,73);background:url(/files/pics/test.png) no-repeat center center fixed,linear-gradient(90deg, rgba(58,61,73,1) 0%, rgba(33,35,46,1) 100%);background-position: 100% 35%;}
#holo2 .contentboxed {color:#f2f2f2;}
#holo2 .contentboxed p, #holo2 .contentboxed h1, #holo2 .contentboxed h2, #holo2 .contentboxed h3 {color:#f2f2f2;font-weight: 400;}
.eco .main-content .starterbox h2 {margin-bottom: 1.25rem;font-size: 1.75rem}
.eco {background-color:#f3f2ee;/*background: url(/files/media/pictures/ecobg.jpg) no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;*/}
.eco .page {position: relative;width: 100%;background-color: transparent;min-height: 100vh;}
.tao-fullwidth.eco .content-wrapper{padding: 0;}
.main-content label, .explanation {font-size: 1rem;}
.eco .icon-boxes-item-text {color:#000;font-weight: 400;font-size:1.125rem;}
.eco .main-content h1 {color: #000;font-size:2.5rem;font-weight: 500;word-wrap: break-word;}
.eco .main-content h2 {color: #000;font-size:1.5rem;font-weight: 500;margin-bottom: 5rem;}
.eco .icon-boxes-item h3 {font-family:'Spartan Bold', arial;font-weight: 500;}
.eco .icon-boxes-item {padding: 5px 25px;}
.eco .titler {font-family:'Spartan Bold', arial;color:#fff;font-size:2.75rem;font-weight:normal;display:block;margin-bottom:0;line-height:1.25;text-shadow: 2px 2px 25px rgb(0 0 0 / 40%);/*background: linear-gradient(to right, #ff9900 0%, #ff6600 40%);text-shadow:none; -webkit-background-clip: text;-webkit-text-fill-color: transparent;*/}
.eco .sizetwo {font-size:4.7rem;}
.eco .bannertxt {}
.eco .tagline, .eco .tagline-inner, .eco .inside {padding: 0;margin: 0;}
.eco .tagline-inner {height:100%;max-height:1080px;}
.eco .main-content #holo2 h2 {padding-bottom: 0;}
.eco .logo {margin-left: 2.5556%;}
.eco .phh {height: 53px;}
.fullvideo {width: 100%;}
.starterboxpadright {padding: 0 8% 0 0;color:#f2f2f2;font-weight: 400}
#holo1 .starterboxpadright.block {padding: 0 8% 0 0;color:#f2f2f2;font-weight: 400}
#holo1 .starterboxpadleft.block {padding: 0 0 0 8%;color:#f2f2f2;font-weight: 400}
.starterboxpadleft {padding: 0 0 0 8%;color:#f2f2f2;font-weight: 400}
.eco .main-content .starterboxpadright h2, .eco .main-content .starterboxpadleft h2 {color:#f2f2f2}
.starterboxpadright a, .starterboxpadleft a, .boxlinkdark a, .fandf h3, .linkbanner, .zitat {text-align: left;font-weight: 700; background: #FF6600;
background: -webkit-linear-gradient(to right, #FF9900 0%, #FF6600 100%);
background: -moz-linear-gradient(to right, #FF9900 0%, #FF6600 100%);
background: linear-gradient(to right, #FF9900 0%, #FF6600 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;text-decoration: underline;font-family: 'Spartan Bold', serif;}
.rdpteaser a {text-align: left;font-weight: 700; background: #FF6600;
background: -webkit-linear-gradient(to right, #FF9900 0%, #FF6600 100%);
background: -moz-linear-gradient(to right, #FF9900 0%, #FF6600 100%);
background: linear-gradient(to right, #FF9900 0%, #FF6600 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;text-decoration: underline;font-family: 'Spartan Bold', serif;}
.rdpinfo h1{margin-top: 3rem;margin-bottom: 2rem!important;}
.rdpinfo h2, .rdpinfo h3, .rdpinfo h4 {margin-bottom:0!important;}
.rdpinfo p {margin-top:0;margin-bottom: 1em;}
.rdpinfo h3 {font-size: 1.35rem;}
.linkbanner {padding-left: 5px;}
@media screen and (max-width: 1024px) {
.linkbanner {display: block;position: relative;margin-bottom: 25px;}
}
.answers {display: block;width:100%;margin:0 auto!important;margin-top:3rem!important;text-align:center!important;}
.answers .winner {}
.answers .loser {}
.answers .winner, .answers .loser {font-family: 'Spartan Bold', serif;font-weight: 700;font-size: 1.5rem;}
.answers .winner {background: #FF6600;
background: -webkit-linear-gradient(to right, #FF9900 0%, #FF6600 100%);
background: -moz-linear-gradient(to right, #FF9900 0%, #FF6600 100%);
background: linear-gradient(to right, #FF9900 0%, #FF6600 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;text-decoration: underline;}
.answers .loser {background: #3a3d49;
background: -webkit-linear-gradient(to right, #3a3d49 0%, #20222e 100%);
background: -moz-linear-gradient(to right, #3a3d49 0%, #20222e 100%);
background: linear-gradient(to right, #3a3d49 0%, #20222e 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;text-decoration: underline;}
.main-navigation-mobile ul {display:block;}
.main-navigation-mobile ul li {list-style: none;padding: 0 2%;margin-bottom: 50px;line-height: 1.25;}
.main-navigation-mobile ul ul {display: block;position: relative;width:100%;}
.main-navigation-mobile ul li ul li {position: relative;width:100%;margin-bottom: 0;}
.main-navigation-mobile.is-enabled, .main-navigation-mobile-open {display: block;cursor: pointer;}
.main-navigation-mobile.is-enabled {width:100%;}
.main-navigation-search {display: none;}
.main-navigation-mobile .mod_navigation > ul > li:nth-child(3n) {margin-bottom: 15px;}
.main-navigation-mobile ul li:nth-child(5n) {clear: both;}
.main-navigation-mobile.is-enabled {cursor: inherit;}
@media screen and (max-width: 767px) {.main-navigation-mobile > ul > li:nth-child(3n) {margin-bottom: 50px;}}
.main-navigation-mobile-open:after {background: #000;box-shadow: 0 7px #000, 0 14px #000;}
.main-navigation-mobile {background-color: rgba(243,242,239,0.97);}
.main-navigation-mobile ul li span, .main-navigation-mobile ul li a {font-size: 1.1rem;font-weight: 400; color:#1c1c1c;text-shadow: none;}
.main-navigation-mobile span.submenu.nonavlink {font-size: 1.5rem;font-family:'Spartan Bold', arial;font-weight: 700;border-bottom:1px solid #000;padding: 0.6rem 0;}
.main-navigation-mobile .submenu.nonavlink .nonavlink {padding: 0!important;margin-top: 0.5rem;}
.main-navigation-mobile .submenu.nonavlink .nonavlink .nonavlink {display: block; font-size: 1.5rem;font-family:'Spartan Bold', arial;font-weight: 700;border-bottom:1px solid #000;padding: 0.6rem 0;color:#444;}
.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: 0;}
.main-navigation-mobile a, .main-navigation-mobile strong, .main-navigation-mobile span.active, .main-navigation-mobile span.trail, .main-navigation-mobile span.forward {padding:0.6rem 0;}
.navfooter {clear: both;display: block;position: relative;margin: 0 auto;width:100%;border-top: 1px solid #000;}
.navfooter.socialicons ul {margin-top: 16px;}
.navfooter.socialicons ul li {display: inline;list-style-type: none;margin:0;width: auto;}
.navfooter.socialicons svg {width: 28px;height: auto;fill: #000;-webkit-transition: all 0.25s linear;
-moz-transition: all 0.25s linear;
-o-transition: all 0.25s linear;
transition: all 0.25s linear;}
.navfooter.socialicons svg:hover {fill:#ff6600;}
.tagline {background:transparent;}
.fourfiddy ul {display: inline-flex;padding-left: 0;}
.fourfiddy ul li {display: inline-block;width:25%;padding:1%;margin:0 1.5%;text-align: center;background:rgba(255,255,255,0.65);}
.fourfiddy ul li:first-child {margin-left:0;}
.fourfiddy ul li:last-child {margin-right:0;}
.fourfiddy h4 {font-size: 1.45rem;}
.RL2022 {color: #000;font-size: 1.5rem;margin-bottom:5rem!important;}
.itemno p {margin-top: 0;}
.pageheader {position: fixed;transition:padding .3s ease,background-color .3s ease,transform .6s ease-in-out;}
.hide {transform:translateY(-100%);}
.totop {background-color:rgba(255, 255, 255, 0.8)}
.organcurious {display:table;padding:0;border:0px solid #eee;border-left:0;border-right:0;width:100%;max-width:1140px;margin:0 auto;}
.organcurious ul {display:table-row;text-align:center;}
.organcurious li {display:table-cell;width:10%;}
.organcurious li img {width:100%;max-width:125px;}
.organcurious li img:hover {-webkit-transition:all 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s;-o-transition:all 0.5s ease-out 0s;transition:all 0.5s ease-out 0s;}
@media screen and (max-width: 900px) {
.organcurious li {margin-right:2.2222%;display:inline;}
.organcurious li img {width:100%;}
.ororgancurious ul {text-align:center;}
#curious td {font-size:16px;word-break:break-all}
}
@media screen and (max-width: 1279px) {
.organcurious {width:96%;}
}
.center {margin:2rem 0;}
.center h2 {text-align:center;margin-bottom:2rem;margin-top:0!important;}
.downloads ul li {display: inline-block;}
.downloads ul li.pdf::before {content: "";display: block;background: url("/files/pics/icons/pdf.svg") no-repeat;width: 32px;height:32px;float:left;margin:0;}
#holo1.nopaddingbottom, #holo2.nopaddingbottom {padding-bottom:0;}
#holo1.nopaddingtop, #holo2.nopaddingtop {padding-top:0;}
.custom {min-height: 5rem;}
.contentzz {position: relative;margin-bottom: 3.5rem;}
.legacylist {float:left;width:25%;padding:2rem 0;margin:0;text-align:center;}
.legacylist img {max-width:200px;-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%);}
.legacylist img:hover {-webkit-transition:all 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s;-o-transition:all 0.5s ease-out 0s;transition:all 0.5s ease-out 0s;-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */ filter: grayscale(0%);}
.legacylist p {text-align:center;padding:0 0 0.5rem 0;color:#888;}
.legacylist a {color: #555;}
@media screen and (max-width: 599px) {
.legacylist {float:none;width:100%;}
#holo1, #holo2, .home #holo1, .home #holo2 {padding:0;}
}
@media screen and (min-width: 600px) and (max-width: 1366px) {
.legacylist {float:left;width:46%;}
}
@media screen and (min-width: 1367px) and (max-width: 1600px) {
.legacylist {float:left;width:22%;}
}
.starterbox {border:0px solid #ccc;background: rgb(58,61,73); background:
linear-gradient(0deg, rgba(58,61,73,1) 0%, rgba(33,35,46,1) 100%);
}
.calendar .starterbox {background:transparent}
.calendar thead {background: #ccc;}
.calendar .event {font-weight: 700;}
.eco .main-content .smmargbtm h2, .eco .main-content .smmargbtm p {margin-bottom: 1rem;}
.eco .main-content .margbtm {margin-bottom: 5rem;}
.eco .main-content .margbtm.contactbx {padding:10px 15px;background: #fff;}
.fivr {display:flex;}
.stellenanzeigen .main-content .smmargbtm h2 {margin-bottom: 1rem;margin-top: 3rem;}
.footericons {display: inline-block;width: 30px; height: auto;}
#videoteaserr {position: absolute;left:0px;bottom:300px;padding: 20px 200px 20px 2.5556%;background: rgba(255,255,255,0.9);z-index: 29999;width: 60%;}
#picteaserr {position: absolute;left:2.5556%;top:calc(50% - 100px);padding: 50px 20px 50px 2.5556%;background: linear-gradient(90deg, rgba(58,61,73,0.9) 0%, rgba(33,35,46,0.9) 100%);z-index: 29999;min-width: 40%;max-width: 50%;}
#picteaserrblack {position: absolute;left:0px;bottom:150px;padding: 20px 200px 20px 2.5556%;background: rgba(5,5,5,0.9);z-index: 29999;width: 60%;}
.eco .rs-columns {margin: 0 auto;padding:0 20px;}
.eco .rs-columns.starterbox {padding: 0;}
.eco .rs-columns.starterbox.flright .-large-first, .eco .rs-columns.starterbox.flright .-medium-first{float:right;margin-right: 0;}
.eco .rs-columns.starterbox .image_container {margin: 0;display: block;}
.formleft {width:45%;float:left;}
.formright {width:45%;float:right;}
.home .starterbox.contentboxed {padding:0!important;}
.home .starterbox.contentboxed.flex {display: flex;}
.home .starterbox.contentboxed.flex .-large-first {display:flex;flex: 0 0 auto;align-items:center;}
@media screen and (max-width: 767px) {
.home .starterbox.contentboxed.flex {display:inline-block;}
}
#downClick, #homeclick, #startclick, #scrolldown {position: absolute;padding: 10px 5px; bottom: 0;left:0;text-align: center;margin: 0 auto;display: block;width: 100%;height: 10%; border: 0px solid #f2f2f2;color:#000;font-family:'Spartan Bold',Arial, Helvetica, sans-serif;font-size: 1.25rem;background-color: rgba(255,255,255,0.75);font-weight: 400;}
#scrolldown {width:50px;height:50px;margin: 0 auto;background: url("/files/pics/icons/scrolldownicon.png") no-repeat;z-index: 9999;position: relative;}
.bannerbutton {position: absolute;bottom:5%;width: 100%;}
.eco .main-content h2.mrgnbtmten {margin-bottom: 10rem;}
.eco .main-content #holo2 .titlebtmmgnthree h2 {margin-bottom: 3rem;}
.eco .ce_gallery figure {margin:0;}
.eco .ce_gallery.icons > ul > li > .image_container {max-width: 200px;margin: 0 auto;}
.eco .contentboxed .coltwopicright .image_container {margin-right: 0;margin-left: 20px;}
.eco .contentboxed .coltwopicleft .image_container {margin-right: 20px;margin-left: 0;}
@media screen and (max-width: 767px) {
.eco .image_container {margin: 0;}
.eco #videoteaserr {bottom:45%;padding: 5.55556%;width: 100%;}
.eco .titler, .eco .main-content h1 {font-size: 1.5rem;}
.eco .bannertxt {position: relative;padding:10px 0;font-size: 1.05rem;line-height: 1.5;max-width:100%;}
.eco .main-content {font-size: 1.1rem;}
.eco .main-content p {text-align: left;font-size: 1.1rem;}
.eco .main-content h2 {font-size: 1.35rem;margin-bottom: 2rem}
.eco .main-content h2.mrgnbtmten {margin-bottom: 3rem;}
.eco .contentboxed {width: 100%!important;padding:35px 10px!important;}
.eco .contentboxed.contact {width: 100%;padding:0 5.5556% 100px;}
.eco .icon-boxes-item {padding:10px 0;}
.eco .icon-boxes-item h3, .eco .main-content h3 {text-align: center;font-weight: 700;font-size: 1.35rem;}
.eco .formleft, .eco .formright {width: 100%;float: none;}
.eco .explanation p {font-size: 0.875rem;}
#empbra .contentboxed {width: 100%;padding:50px 5.5556%!important;}
.employ #empbra .contentboxed {width: 100%;padding:50px 5.5556% 0!important;}
.contct .teaser-boxes-item {margin-bottom:50px;}
.fullvideo {width:auto;}
.chatwrapzwo {display: none!important;}
.fourfiddy ul {display: inline-block;}
.fourfiddy ul li {display: inline-block;width:100%;padding:2% 5%;text-align: center;margin:0;margin-bottom: 5%}
.starterboxpadright, .starterboxpadleft{padding:0px 5.5556%;}
.home .starterboxpadright, .home .starterboxpadleft{padding:10px!important;}
.custom {}
#Tagline {height: 100%;}
.eco #Tagline .inside {height: 100%;}
.eco #Tagline .tagline, .eco #Tagline .tagline .tagline-inner {height: 100%;}
.eco #Tagline .tagline .image_container {height: auto;}
.eco #Tagline .tagline .image_container img {/*width: auto;height: auto;*/}
.eco .contentboxed.breadies {padding: 10px 20px 10px!important;text-align: left;}
#picteaserr {margin-left: auto;margin-right: auto;left: 0;right: 0;text-align: center;width: 100%;max-width: 100%; padding:2.5556%;bottom:0;top:auto;}
#downClick, #homeclick, #startclick, #scrolldown {width:60%;left:20%;font-size: 1rem;bottom: 8%;min-height: 36px;padding-top: 3px;display: none;}
.ce_timelineSliderStart .image_container.float_above {margin: 0;}
}
@media screen and (max-width: 1024px) {
.eco .bannertxt {position: relative;padding:10px 0!important;font-size: 1.05rem;line-height: 1.5;max-width:100%;}
#picteaserr {margin-left: auto;margin-right: auto;left: 0;right: 0;text-align: left;width: 100%;max-width: 100%; padding:5.5556% 2.5556%;bottom:0;top:auto;}
}
.main-content .centered {text-align: center;}
.gatewaydtls .ce_image {margin: 0 auto;text-align: center;}
.eco .main-content .gatewaydtls h1 {font-size:1.75rem;}
table.tecspec td, table.tecspec th {border: 1px solid #ccc;border-collapse: collapse;border-top: 1px solid #ccc!important;}
ul.prdctdtls li {display: inline-block;margin-right:35px;}
ul.prdctdtls li a {color: #555;}
ul.prdctdtls li.pdf::before {content: "";display: block;background: url("/files/pics/icons/pdf.svg") no-repeat;width: 32px;height:32px;float:left;margin:0;margin-right: 1rem;}
ul.prdctdtls li.zip::before {content: "";display: block;background: url("/files/pics/icons/zip.svg") no-repeat;width: 32px;height:32px;float:left;margin:0;margin-right: 1rem;}
ul.prdctdtls li.xml::before {content: "";display: block;background: url("/files/pics/icons/xml.svg") no-repeat;width: 32px;height:32px;float:left;margin:0;margin-right: 1rem;}
.singledwnld {width: 100%;display:block;border: 1px solid #ccc;padding-top: 0.875rem;box-shadow: 3px 3px 1px #f3f2ee;}
ul.singledwnld li {display:block;margin-right:0;width: 100%}
ul.singledwnld.white li a {color: #f2f2f2;display: block;width: 100%;}
ul.singledwnld li a {color: #000;display: block;width: 100%;}
ul.singledwnld li.pdf::before {content: "";display: block;background: url("/files/pics/icons/pdf.svg") no-repeat;width: 32px;height:32px;float:left;margin:0;margin-right: 1rem;}
.mgtoppic {margin-top: 1.15rem;}
.picbg {background: #f3f2ee;}
.eco .worldistfloat {font-size: 0.875rem;padding: 0 0.5rem;}
.eco .worldistfloat strong {font-size:1rem;}
.eco .worldist h3 {font-size: 1.25rem;}
@media screen and (max-width: 767px) {
ul.prdctdtls li {display: block;margin-right:0;margin-bottom: 35px;}
}
.txtwhite, .txtwhite a, .txtwhite table a {color:#f2f2f2;font-weight: 400;}
.eco.leftside .main-content, .eco.leftside .page-footer, .eco.leftside header {margin-left:0;width:100%;}
.eco .sidebar {display: none;}
@media screen and (min-width: 600px) {
.eco.leftside .main-content, .eco.leftside .page-footer, .eco.leftside header {margin-left: 25%;width:75%;}
.eco .sidebar {display: block;
position: fixed;
overflow-x: hidden;
overflow-y: hidden;
top: 0!important;
height: 100%!important;
z-index:9;
margin-top: 0;
background: rgb(58,61,73);
background:linear-gradient(90deg, rgba(58,61,73,1) 0%, rgba(33,35,46,1) 100%);
width: 25%;}
}
.eco .sidebar .mod_navigation {margin: 0!important;
overflow-y: scroll;
overflow-x: hidden;
height: 100%;
width: 100%!important;
padding: 0;}
.eco .sidebar ul {background: transparent;}
.eco .sidebar ul li {border-bottom:1px solid #888;border-top:0;border-collapse: collapse;}
.eco .sidebar .sub-navigation > ul > li > a, .eco .sidebar .sub-navigation ul a {color: #f2f2f2;}
.eco .sidebar h3 a {color:#f2f2f2;padding:1.5rem;font-family:'Spartan Bold', arial;font-size: 1.25rem;font-weight: 400;}
.eco .sidebar .sub-navigation li {padding: 0;}
.eco .sidebar ul li ul li:first-child {background: transparent;}
.eco .sidebar .sub-navigation ul a.active, .eco .sidebar .sub-navigation ul strong.active, .eco .sidebar .sub-navigation ul span.active {color:#f2f2f2;}
.eco .sidebar ul li.active, .eco .sidebar ul li ul li.active {background: #888;}
.eco .sidebar .sub-navigation ul a:hover, .eco .sidebar .sub-navigation ul strong:hover, .eco .sidebar .sub-navigation ul span.trail:hover, .eco .sidebar .sub-navigation ul span.active:hover, .eco .sidebar .sub-navigation ul span.forward:hover {background: #888;}
.eco .icon-boxes-item h4 {color: #f2f2f2;text-align: left;margin-top: 3rem;margin-bottom: 2rem;}
.eco .whitetxt a {color: #f2f2f2;}
.flxcon {display: flex;}
.boxborder section {border:1px solid #3a3d49;padding: 3%;box-shadow: 2px 2px 1px #3a3d49}
.boxborderwhite section {border:1px solid #ccc;padding: 3%;box-shadow: 3px 3px 1px #f3f2ee}
.fandf h3 {font-size: 3rem;text-align: center;}
.boxborder.fandf section {padding: 1%;}
.fandf .teaser-boxes-item p {text-align: center;}
.tao-no-sidebar .fandf .rs-column {margin-top: 4%;}
.bottomfive h1 {margin-bottom: 5rem;}
.backlinktext p {text-align: center;margin: 5rem auto;}
.teaser-boxes-item {padding: 0 2%;text-align: center;}
.externallink .icon-boxes-item {padding:15px;border: 1px solid #ccc;box-shadow: 3px 3px 1px #f3f2ee;}
.externallink .icon-boxes-item:before {font-size: 2rem;margin: 0;}
.externallink .icon-boxes-item a {text-align: center;color: #f3f2ee;}
.mrgntopfive {margin-top: 10rem;}
.nopdbtm {padding-bottom: 0!important;}
.nopdtop {padding-top: 0!important;}
.main-content .icon-boxes-item-text p {text-align: inherit;}
.icon-boxes-item:hover:before, .icon-boxes-item:focus:before {background: none;}
.knbstime .roadmap.roadmap--orientation-vertical .roadmap__events {max-width: 100%;width:100%;}
.knbstime .roadmap.roadmap--orientation-horizontal .roadmap__events__event:after, .knbstime .roadmap.roadmap--orientation-horizontal .roadmap__events__event:before, .knbstime .roadmap.roadmap--orientation-horizontal .roadmap__events:after, .knbstime .roadmap.roadmap--orientation-vertical .roadmap__events__event:after, .knbstime .roadmap.roadmap--orientation-vertical .roadmap__events__event:before, .knbstime .roadmap.roadmap--orientation-vertical .roadmap__events:after, .knbstime .roadmap.roadmap--orientation-auto .roadmap__events__event:after, .knbstime .roadmap.roadmap--orientation-auto .roadmap__events__event:before, .knbstime .roadmap.roadmap--orientation-auto .roadmap__events:after {background:linear-gradient(0deg, rgba(58,61,73,1) 0%, rgba(33,35,46,1) 100%)}
.knbstime .roadmap.roadmap--orientation-vertical.roadmap--initialized .roadmap__events__event {margin-bottom: 15rem;}
.knbstime .roadmap.roadmap--orientation-vertical.roadmap--initialized .roadmap__events__event:nth-child(even) .event__content {text-align: center;}
.knbstime .event__date {font-family:'Spartan Bold', arial;font-size:2rem!important;margin-top: -1rem;background: #FF6600;
background: -webkit-linear-gradient(to right, #FF9900 0%, #FF6600 100%);
background: -moz-linear-gradient(to right, #FF9900 0%, #FF6600 100%);
background: linear-gradient(to right, #FF9900 0%, #FF6600 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;text-decoration: underline;}
.knbstime .roadmap.roadmap--orientation-vertical.roadmap--initialized .roadmap__events .roadmap__events__event:after {z-index: 9999;border-radius: 0;}
section.tuble, section.secondtuble {display: flex;flex-wrap:wrap;margin: 1em;margin-bottom: 0;}
.secondtuble {}
@media screen and (max-width: 767px) {
.knbstime .roadmap.roadmap--orientation-vertical.roadmap--initialized .roadmap__events__event {margin-bottom: 7rem;}
section.tuble, section.secondtuble {display: block;}
}
#personio-iframe .header-container{display: none;}
#personio-iframe .body-container {background: transparent;}
.container-inside-iframe {background: transparent;}
.cookiebar_simple.cookies p
.contao-cookiebar {padding:0;}
.contao-cookiebar.cookies {padding:0;}
.contao-cookiebar.cookiebar_simple.cookies .cc-inner {border-radius: 0;background:linear-gradient(90deg, rgba(254,254,254,0.95) 0%, rgba(254,254,254,0.95) 100%);padding: 10px 20px;}
.contao-cookiebar.cookiebar_simple.cookies .cc-info {margin-top: 5px;display: block;position: relative;float: right;width: 100%;}
.contao-cookiebar.cookiebar_simple.cookies .cc-info > a {font-size: 1rem;font-weight: 700;color: #000;}
.cookiebar_simple.cookies p {color: #000;}
.contao-cookiebar.cookies .cc-btn {border-radius: 0;margin-top: 0;}
.contao-cookiebar.cookies .cc-btn {background: #f3f2ee;border:1px solid #ccc;}
@media screen and (min-width: 768px) {
.contao-cookiebar.cookies .cc-btn {width: 80%;}
.contao-cookiebar.cookiebar_simple.cookies .cc-info {width: 20%;}
}
.gatewaytable table a:hover {text-decoration:underline;}
.hint {font-size:0.875rem;color:#ff6600;}
@media screen and (max-width: 767px) {.fixed-note.jobbanner {display: none;}}
.fixed-note.contactbanner {position: fixed;display: block;background: transparent;box-shadow: none;border: 0;width:auto;height:fit-content;right:35px;left:auto;top:calc(100% - 50%);padding: 0;margin: 0;}
.contactbanner .fixed-note-column {vertical-align:top;padding: 0;}
.contactbanner .fixed-note-column a img {transition: all .2s ease-in-out;}
.contactbanner .fixed-note-column a:hover img {transform: scale(1.05);}
.fixed-note.jobbanner {position: fixed;top:calc(100% - 50%);width: auto;min-width: 250px;min-height: auto; right: 0;left: auto;margin: 0;padding:0;background: rgb(255,153,0);
background: linear-gradient(45deg, rgba(255,153,0,1) 0%, rgba(255,102,0,1) 77%, rgba(58,61,73,1) 77%, rgba(33,35,46,1) 100%);
border-top:0;box-shadow: 0px 0px 2px 3px rgb(255 255 255 / 66%);}
.fixed-note.jobbanner .fixed-note-column p {color:#fff;font-weight: 400;font-size: 1.1rem;text-align: left;margin: 0;padding:10px 50px 10px 15px;font-family: 'Spartan Bold', serif;}
.fixed-note.jobbanner .fixed-note-column a {color:#fff;font-weight: 400;font-size: 1.1rem;text-align: left;margin: 0;padding:0;font-family: 'Spartan Bold', serif;}
.fixed-note.jobbanner .fixed-note-column {margin: 0;padding: 0;}
.fixed-note.jobbanner .fixed-note-column button, .fixed-note.contactbanner button {position:absolute;top:0;right:0;line-height: 1;background:transparent;color: #fff;font-size: 1rem; font-weight: 700;border-left: 0px solid #fff;border-bottom:0px solid #fff; cursor: pointer;padding: 5px 20px 2px 10px;}
.fixed-note.jobbanner .fixed-note-column button:hover {color:#555}
.fixed-note.contactbanner button {margin-right:0;margin-top:0;color:#fff;background: #000;display: block;position: relative;font-size: 1rem;font-weight: 700; padding: 0px 7px 3px 7px;}
.btn {
background-color: #ff6600;
border: none;
color: #FFFFFF;
padding: 15px 32px;
text-align: center;
-webkit-transition-duration: 0.4s;
transition-duration: 0.4s;
margin: 16px 0 !important;
text-decoration: none;f
font-size: 16px;
cursor: pointer;}
.security.downloads ul li {display: list-item;}
.security.contentboxed ul li {padding-bottom: 0;}
.security.contentboxed ul {margin-top: 0;}
.security ul li {padding-top: 0;}
.security tr, .security th {border-bottom: 1px solid #000;line-height: 1.25}
.security tr:last-child {border-bottom: 0;}
.security td, .security p, .security.contentboxed ul li {font-size: 1.1rem;}
.eco .main-content .contentboxed.security.downloads h2 {font-weight: 700;font-size: 1.5rem;margin-top: 5rem;}
.security .ce_download {margin: 0;}
.security h1 {margin-bottom: 5rem;}
.security a, .security li, .security p, .breadies {word-wrap: break-word;}
.security.rdp table {width: 50%;min-width: 500px}
.security.safull table td {border-bottom:1px solid #000;}
@media screen and (max-width: 767px) {
.security h1 {font-size: 2rem!important; margin-bottom: 0!important;}
.security.rdp table {width: 100%;min-width:0;}
}
.security .table-wrapper {
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch; /* Smooth scrolling auf iOS */}
.security .download-element {background: transparent;padding: 0;}
.security .download-element::before {content: "";display: block;background: url("/files/pics/icons/download.svg") no-repeat;width: 32px;height:32px;float:left;margin:0;margin-right: 1rem;}
#empbra .icon-boxes-item p {line-height:1.5;color:#fff;text-align:left;}
/*#empbra .icon-boxes-item {margin-top:3%;padding:15px;background: rgb(58,61,73); background:
linear-gradient(270deg, rgba(58,61,73,1) 0%, rgba(33,35,46,1) 100%);}*/
#empbra .scd .icon-boxes-item {margin-top:3%;padding:15px;background:transparent;}
#empbra .scd .icon-boxes-item p {font-family: 'Spartan Bold', serif;color: #3a3d49;font-weight: 700;text-align: center;font-size: 1.5rem;}
#empbra .icon-boxes {display:flex;flex-wrap:wrap;margin:0;}
#empbra .icon-boxes:before {margin-right: 0;}
#empbra h1, #empbra h2 {text-align:left;margin-bottom:1rem;}
#empbra h2 {margin-bottom:7rem;width: 100%;}
#empbra h3 {font-weight:700;font-size:2.25rem;margin-bottom:1rem;margin-top:10rem;text-align:left;}
#empbra .rs-columns {padding:0;}
#empbra h1 {font-size:4rem;font-weight:700;}
#empbra #holo1, #empbra #holo2 {padding: 0;}
#empbra #holo1.ebone { background-image: url("/files/pics/hr/female.webp");
background-position: right bottom;
background-repeat: no-repeat;}
#empbra #holo2.ebone{background-image: url("/files/pics/hr/male.webp"),linear-gradient(0deg, rgba(58,61,73,1) 0%, rgba(33,35,46,1) 100%);
background-position: left bottom;
background-repeat: no-repeat;}
#empbra #holo1.ebone .contentboxed {background: #f3f2eecc;padding:0 20px;}
#empbra #holo2.ebtwo{background-image: url("/files/pics/hr/male2.webp"),linear-gradient(0deg, rgba(58,61,73,1) 0%, rgba(33,35,46,1) 100%);
background-position: right bottom;
background-repeat: no-repeat;}
#empbra #holo2 {background:linear-gradient(0deg, rgba(58,61,73,1) 0%, rgba(33,35,46,1) 100%);}
#empbra .icon-boxes.empbrabox {margin-bottom: 7rem;}
#empbra .headbox h3 {margin-top: 0; text-align: center;font-weight: 700;font-size: 2rem; background: #FF6600;
background: -webkit-linear-gradient(to right, #FF9900 0%, #FF6600 100%);
background: -moz-linear-gradient(to right, #FF9900 0%, #FF6600 100%);
background: linear-gradient(to right, #FF9900 0%, #FF6600 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;text-decoration: underline;font-family: 'Spartan Bold', serif;}
#empbra .teaser-boxes.headbox {display: flex;flex-wrap: wrap;}
#empbra .headbox .teaser-boxes-item {border: 0px solid #ccc;background-color: rgba(0,0,0,0.75);padding: 10px 20px;}
#empbra .icon-boxes-item:before {background: #FF6600;
background: -webkit-linear-gradient(to right, #FF9900 0%, #FF6600 100%);
background: -moz-linear-gradient(to right, #FF9900 0%, #FF6600 100%);
background: linear-gradient(to right, #FF9900 0%, #FF6600 100%);-webkit-background-clip: text;
-webkit-text-fill-color: transparent;}
/*#empbra .fancyborder .icon-boxes-item-text:after{ content: '';position: absolute;right: 0; bottom: 0; left: 0;z-index: -1;margin-bottom: -8px;background: linear-gradient(0.25turn, rgba(255,50,0), rgba(255,150,0), rgba(255,255,0,0));height:15px;}*/
#empbra .mrgfive {margin: 7rem 0;}
#empbra h2 {font-size: 2.5rem;font-weight: 700;margin-bottom:2rem;width: 100%}
#empbra h3 {font-size: 2rem;}
#empbra .icob .icon-boxes-item {min-height: 250px;padding-bottom: 5px}
#empbra .icob .icon-boxes-item:before {font-size:5rem;margin-bottom: 0; width: 100%; background: #FF6600;
background: -webkit-linear-gradient(to right, #FF9900 0%, #FF6600 100%);
background: -moz-linear-gradient(to right, #FF9900 0%, #FF6600 100%);
background: linear-gradient(to right, #FF9900 0%, #FF6600 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;}
#empbra .icob .icon-boxes-item p {font-family:'Spartan Bold', arial;color: #3a3d49; font-size: 1.5rem;line-height: 1.35; font-weight: 700; margin-top:1.5rem;margin-bottom: 0;padding-bottom: 0;text-align: center;}
.rotating-image img {object-fit: cover;height: 100%;width: 100%;}
.rotating-boxes, .teaser-boxes {margin-bottom: 7rem;}
.rotating-boxes {display: flex;flex-wrap: wrap;}
.rotating-boxes-item-content p {display: block;}
.rotating-boxes-item-cover.rotating-image {color: #fff;font-weight: 700;font-family:'Spartan Bold', arial;border: 0;background:transparent;}
.rotating-boxes-item-content {background-color:#f3f2ee;padding:1rem;margin: 0;border-radius: 0;min-height: 250px;}
#empbra .rotating-boxes-item-content h3 {margin-top:1rem;color: #000;font-weight: 700;}
#holo2 .contentboxed .rotating-boxes-item-content p {color: #000;font-size: 1.2rem;text-align: left;line-height: 1.5;margin-top: 0;}
.mrgntopzero p {margin-top: 0;}
#holo1.mrgntopzero {margin-top: 0;padding-top: 0;}
.standalonebtn {display: flex;vertical-align: middle;background: rgb(58,61,73); background:
linear-gradient(-90deg, rgba(58,61,73,1) 0%, rgba(33,35,46,1) 100%);padding:0;}
.standalonebtn a {padding:15px 50px;font-family:'Spartan Bold', serif;color: #fff;font-weight:700;font-size:1.25rem;background: #FF6600;
background: -webkit-linear-gradient(to right, #FF9900 0%, #FF6600 100%);
background: -moz-linear-gradient(to right, #FF9900 0%, #FF6600 100%);
background: linear-gradient(to right, #FF9900 0%, #FF6600 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;}
.but {display: flex;flex-wrap: wrap;}
.but p {margin-bottom: 0;}
.but .-large-last {display: flex;align-items: center;justify-content:center;}
#empbra #holo1, #empbra #holo2 {padding:5rem 0;}
#empbra .teaser {font-weight: 700;margin-bottom: 5rem;margin-top: 0;font-size: 1.35rem;font-family: 'Spartan Bold', serif;}
#empbra #holo1.nopadtop {padding-top:0;}
#empbra .mrgbtm {margin-bottom: 5rem!important;}
#empbra #holo1.nopadbtm,#empbra #holo2.nopadbtm {padding-bottom:0;}
@media screen and (max-width: 767px) {
p {font-size: 1.05rem!important;}
#empbra h1 {font-size: 2rem;}
#empbra .teaser {margin-bottom: 0;line-height: 1.25;}
#empbra h2 {font-size: 1.35rem;}
#empbra h3, #empbra .headbox h3 {font-size: 1.35rem;}
#empbra .icob .icon-boxes-item p, #empbra .scd .icon-boxes-item p {font-size: 1.25rem!important;}
#empbra .contentboxed {width: 100%;padding:50px 5.5556%!important;}
#empbra #holo1.ebone {padding-bottom: 0;}
#empbra .mrgfive, #empbra #holo1, #empbra #holo2 {margin: 0;padding: 0;}
#empbra .icon-boxes-item-text p {max-width: 50%;margin:0 auto;}
.rotating-boxes, .teaser-boxes, #empbra .icon-boxes.empbrabox {margin-bottom: 0;}
}
.pies img {animation: pies 1s ease 0s 1 alternate forwards;}
@keyframes pies {
0% {
opacity: 0;
transform: rotate(-540deg) scale(0);
}
100% {
opacity: 1;
transform: rotate(0) scale(1);
}
}
.recform p, .recform .main-content fieldset label {font-size: 1.25rem;font-weight: 700;}
.recform .main-content fieldset label {line-height: 3.25rem;}
.recform .main-content label {font-size: 1.25rem;font-weight: 700;}
.recform input {font-size: 1.25rem;}
.recform input[type="radio"] {margin-top: -5px;}
.recform .main-content fieldset.radio_container label {margin-left: 10px;}
.employ .flright .rs-column {float:right;}
.employ .contentboxed {}
.employ .standalonebtn {margin-bottom: 2rem!important;}
@media screen and (max-width: 767px) {
.employ .teaser-boxes-item {margin-bottom: 7rem;}
}
.fairlist .eventbody .image_container img {max-height:150px;}
.fairlist .eventbody .ce_image {text-align:center;}
.newstime h3 {font-size: 1.25rem;}
#personio-iframe .background-image-wrapper {background-color:#f2f2f2!important;}
#personio-iframe .recruiting-phrase {color:#444!important;}
/* ===========================================
* 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";
}
/* Copyright MADE/YOUR/DAY OG
*
* For the full copyright and license information, please view the LICENSE
* file that was distributed with this source code.
*/
/* ===========================================
* knbs Skin
* ======================================== */
.rsts-skin-knbs.rsts-main {
position: relative;
}
.rsts-skin-knbs.rsts-type-fade .rsts-slide {
background: white;
}
.rsts-skin-knbs .rsts-view {
z-index: 1;
border: 0;
}
.rsts-skin-knbs .rsts-caption {
position: absolute;
top: 20px;
left: 20px;
padding: 5px 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #333333;
background: white;
background: rgba(255, 255, 255, 0.75);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transform: translate(0, -20px);
-moz-transform: translate(0, -20px);
-ms-transform: translate(0, -20px);
-o-transform: translate(0, -20px);
transform: translate(0, -20px);
-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
-moz-transition: opacity 0.5s, -moz-transform 0.5s;
-o-transition: opacity 0.5s, -o-transform 0.5s;
transition: opacity 0.5s, transform 0.5s;
}
.rsts-skin-knbs .rsts-active .rsts-caption {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
.rsts-skin-knbs .rsts-prev, .rsts-skin-knbs .rsts-next,
.rsts-skin-knbs .rsts-thumbs-prev, .rsts-skin-knbs .rsts-thumbs-next {
position: absolute;
bottom: 12%;
right: 20px;
width: 56px;
height: 56px;
margin-top: -18px;
overflow: hidden;
outline: none;
line-height: 0;
text-decoration: none;
text-indent: -9999px;
background: white;
background-image: -webkit-linear-gradient(top, #eeeeee 30%, #ffffff);
background-image: -moz-linear-gradient(top, #eeeeee 30%, #ffffff);
background-image: -o-linear-gradient(top, #eeeeee 30%, #ffffff);
background-image: linear-gradient(to bottom, #eeeeee 30%, #ffffff);
background-image: linear-gradient(to bottom, #eeeeee 30%, #ffffff);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0.75;
-webkit-transition: opacity 0.2s ease-in;
-moz-transition: opacity 0.2s ease-in;
-o-transition: opacity 0.2s ease-in;
transition: opacity 0.2s ease-in;
/*-webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.3), 0 0 0 1px #cccccc, 0 0 4px 4px rgba(111, 178, 235, 0), 0 0 1px 2px rgba(111, 178, 235, 0), inset 0 0 0 2px white, inset 0 1px 4px 1px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.3), 0 0 0 1px #cccccc, 0 0 4px 4px rgba(111, 178, 235, 0), 0 0 1px 2px rgba(111, 178, 235, 0), inset 0 0 0 2px white, inset 0 1px 4px 1px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.3), 0 0 0 1px #cccccc, 0 0 4px 4px rgba(111, 178, 235, 0), 0 0 1px 2px rgba(111, 178, 235, 0), inset 0 0 0 2px white, inset 0 1px 4px 1px rgba(0, 0, 0, 0.15);*/
}
@media screen and (max-width: 767px) {
.rsts-skin-knbs .rsts-prev, .rsts-skin-knbs .rsts-next,
.rsts-skin-knbs .rsts-thumbs-prev, .rsts-skin-knbs .rsts-thumbs-next {top: calc(50% - 23px);}
}
.rsts-skin-knbs .rsts-prev:after, .rsts-skin-knbs .rsts-next:after,
.rsts-skin-knbs .rsts-thumbs-prev:after, .rsts-skin-knbs .rsts-thumbs-next:after {
content: "\203a";
position: absolute;
top: 4px;
left: 18px;
font: normal 44px/1 "Tahoma", sans-serif;
color: #000;
text-indent: 0;
}
.rsts-skin-knbs .rsts-prev,
.rsts-skin-knbs .rsts-thumbs-prev {
right: auto;
left: 20px;
}
.rsts-skin-knbs .rsts-prev:after,
.rsts-skin-knbs .rsts-thumbs-prev:after {
content: "\2039";
}
.rsts-skin-knbs:hover .rsts-prev, .rsts-skin-knbs:hover .rsts-next,
.rsts-skin-knbs:hover .rsts-thumbs-prev, .rsts-skin-knbs:hover .rsts-thumbs-next {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
opacity: 0.75;
}
.rsts-skin-knbs:hover .rsts-prev:hover, .rsts-skin-knbs:hover .rsts-next:hover,
.rsts-skin-knbs:hover .rsts-thumbs-prev:hover, .rsts-skin-knbs:hover .rsts-thumbs-next:hover {
/*-webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2), 0 0 0 1px #cccccc, 0 0 6px 3px rgba(111, 178, 235, 0), 0 0 3px 2px rgba(111, 178, 235, 0.4), inset 0 0 0 2px white, inset 0 1px 4px 1px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2), 0 0 0 1px #cccccc, 0 0 6px 3px rgba(111, 178, 235, 0), 0 0 3px 2px rgba(111, 178, 235, 0.4), inset 0 0 0 2px white, inset 0 1px 4px 1px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2), 0 0 0 1px #cccccc, 0 0 6px 3px rgba(111, 178, 235, 0), 0 0 3px 2px rgba(111, 178, 235, 0.4), inset 0 0 0 2px white, inset 0 1px 4px 1px rgba(0, 0, 0, 0.15);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);*/
opacity: 1;
-webkit-transition-duration: 0.1s;
-moz-transition-duration: 0.1s;
-o-transition-duration: 0.1s;
transition-duration: 0.1s;
-webkit-animation: pulsate 3.5s;
-moz-animation: pulsate 3.5s;
-o-animation: pulsate 3.5s;
animation: pulsate 3.5s;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-o-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.rsts-skin-knbs:hover .rsts-prev:active, .rsts-skin-knbs:hover .rsts-next:active,
.rsts-skin-knbs:hover .rsts-thumbs-prev:active, .rsts-skin-knbs:hover .rsts-thumbs-next:active {
-webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2), 0 0 0 1px #cccccc, 0 0 6px 3px rgba(111, 178, 235, 0), 0 0 3px 2px rgba(111, 178, 235, 0.4), inset 0 0 0 2px rgba(255, 255, 255, 0.8), inset 0 1px 4px 3px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2), 0 0 0 1px #cccccc, 0 0 6px 3px rgba(111, 178, 235, 0), 0 0 3px 2px rgba(111, 178, 235, 0.4), inset 0 0 0 2px rgba(255, 255, 255, 0.8), inset 0 1px 4px 3px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2), 0 0 0 1px #cccccc, 0 0 6px 3px rgba(111, 178, 235, 0), 0 0 3px 2px rgba(111, 178, 235, 0.4), inset 0 0 0 2px rgba(255, 255, 255, 0.8), inset 0 1px 4px 3px rgba(0, 0, 0, 0.3);
-webkit-animation: none;
-moz-animation: none;
-o-animation: none;
animation: none;
}
.rsts-skin-knbs.rsts-direction-y .rsts-prev, .rsts-skin-knbs.rsts-direction-y .rsts-next {
top: 10px;
left: 50%;
margin-top: 0;
margin-left: -18px;
}
.rsts-skin-knbs.rsts-direction-y .rsts-prev:after, .rsts-skin-knbs.rsts-direction-y .rsts-next:after {
content: "\25b2";
position: absolute;
top: 12px;
left: 12px;
font-size: 12px;
color: #555555;
}
.rsts-skin-knbs.rsts-direction-y .rsts-next {
top: auto;
bottom: 23px;
}
.rsts-skin-knbs.rsts-direction-y .rsts-next:after {
content: "\25bc";
top: auto;
bottom: 12px;
}
.rsts-skin-knbs.rsts-video-playing .rsts-prev, .rsts-skin-knbs.rsts-video-playing .rsts-next {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
}
.rsts-skin-knbs .rsts-nav {
position: relative;
z-index: 1;
margin: -19px 0 -12px;
text-align: center;
}
.rsts-skin-knbs .rsts-nav ul {
/* Forcing margin/padding, since '#content ul' is quite common */
display: inline-block;
margin: 0 !important;
padding: 0 10px !important;
-webkit-border-radius: 18px;
-moz-border-radius: 18px;
border-radius: 18px;
background-color: white;
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05));
background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05));
background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05));
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05));
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05));
-webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.25);
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.25);
}
.rsts-skin-knbs .rsts-nav li {
display: inline;
}
.rsts-skin-knbs .rsts-nav-numbers a {
display: inline-block;
width: 20px;
height: 20px;
margin: 5px 2px;
padding: 0.45em 0.3em 0.2em;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
outline: none;
font-size: 11px;
line-height: 11px;
color: #333333;
text-decoration: none;
background-color: white;
-webkit-background-clip: padding;
-moz-background-clip: padding;
background-clip: padding-box;
-webkit-box-shadow: inset 0 3px 2px -1px rgba(0, 0, 0, 0.15), inset 0 0 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 3px 2px -1px rgba(0, 0, 0, 0.15), inset 0 0 2px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 3px 2px -1px rgba(0, 0, 0, 0.15), inset 0 0 2px rgba(0, 0, 0, 0.1);
}
.rsts-skin-knbs .rsts-nav-numbers a:hover, .rsts-skin-knbs .rsts-nav-numbers a.active {
background-color: #bec5ca;
background-image: -webkit-linear-gradient(top, #ffffff, #bec5ca 90%);
background-image: -moz-linear-gradient(top, #ffffff, #bec5ca 90%);
background-image: -o-linear-gradient(top, #ffffff, #bec5ca 90%);
background-image: linear-gradient(to bottom, #ffffff, #bec5ca 90%);
background-image: linear-gradient(to bottom, #ffffff, #bec5ca 90%);
text-shadow: 0 0 1px white;
-webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 2px rgba(0, 0, 0, 0.1), inset 0 3px 1px -1px rgba(255, 255, 255, 0.7), inset 0 -1px 1px rgba(255, 255, 255, 0.8);
-moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 2px rgba(0, 0, 0, 0.1), inset 0 3px 1px -1px rgba(255, 255, 255, 0.7), inset 0 -1px 1px rgba(255, 255, 255, 0.8);
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 2px rgba(0, 0, 0, 0.1), inset 0 3px 1px -1px rgba(255, 255, 255, 0.7), inset 0 -1px 1px rgba(255, 255, 255, 0.8);
}
.rsts-skin-knbs .rsts-nav-numbers a:hover {
background-color: #dde4e9;
background-image: -webkit-linear-gradient(top, #ffffff, #dde4e9 90%);
background-image: -moz-linear-gradient(top, #ffffff, #dde4e9 90%);
background-image: -o-linear-gradient(top, #ffffff, #dde4e9 90%);
background-image: linear-gradient(to bottom, #ffffff, #dde4e9 90%);
background-image: linear-gradient(to bottom, #ffffff, #dde4e9 90%);
-webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 2px 2px rgba(0, 0, 0, 0.1), inset 0 3px 1px -1px rgba(255, 255, 255, 0.7), inset 0 -1px 1px rgba(255, 255, 255, 0.8);
-moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 2px 2px rgba(0, 0, 0, 0.1), inset 0 3px 1px -1px rgba(255, 255, 255, 0.7), inset 0 -1px 1px rgba(255, 255, 255, 0.8);
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 2px 2px rgba(0, 0, 0, 0.1), inset 0 3px 1px -1px rgba(255, 255, 255, 0.7), inset 0 -1px 1px rgba(255, 255, 255, 0.8);
}
.rsts-skin-knbs .rsts-nav-tabs {
z-index: 0;
top: -2px;
margin: 0;
}
.rsts-skin-knbs .rsts-nav-tabs:after {
content: "";
position: absolute;
top: -27px;
left: 0;
width: 100%;
height: 30px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
background-color: #cccccc;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}
.rsts-skin-knbs .rsts-nav-tabs ul {
width: 100%;
border-top: 1px solid #eeeeee;
-webkit-border-radius: 0;
-moz-border-radius: 0 0 3px 3px;
border-radius: 0 0 3px 3px;
background-image: -webkit-linear-gradient(top, #ffffff, #e9e9e9 90%);
background-image: -moz-linear-gradient(top, #ffffff, #e9e9e9 90%);
background-image: -o-linear-gradient(top, #ffffff, #e9e9e9 90%);
background-image: linear-gradient(to bottom, #ffffff, #e9e9e9 90%);
background-image: linear-gradient(to bottom, #ffffff, #e9e9e9 90%);
-webkit-box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.3), 1px 0 3px -1px rgba(0, 0, 0, 0.2), -1px 0 3px -1px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.7);
-moz-box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.3), 1px 0 3px -1px rgba(0, 0, 0, 0.2), -1px 0 3px -1px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.7);
box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.3), 1px 0 3px -1px rgba(0, 0, 0, 0.2), -1px 0 3px -1px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.7);
}
.rsts-skin-knbs .rsts-nav-tabs a {
position: relative;
display: inline-block;
padding: 10px 12px;
outline: none;
font-size: 0.75em;
color: #333333;
text-decoration: none;
}
.rsts-skin-knbs .rsts-nav-tabs a.active {
background-color: #aaaaaa;
background-image: -webkit-linear-gradient(top, #e2e2e2, #aaaaaa 90%);
background-image: -moz-linear-gradient(top, #e2e2e2, #aaaaaa 90%);
background-image: -o-linear-gradient(top, #e2e2e2, #aaaaaa 90%);
background-image: linear-gradient(to bottom, #e2e2e2, #aaaaaa 90%);
background-image: linear-gradient(to bottom, #e2e2e2, #aaaaaa 90%);
color: white;
text-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: inset 0 -2px 0 -1px rgba(255, 255, 255, 0.6), inset 0 0 3px 0 rgba(0, 0, 0, 0.4);
-moz-box-shadow: inset 0 -2px 0 -1px rgba(255, 255, 255, 0.6), inset 0 0 3px 0 rgba(0, 0, 0, 0.4);
box-shadow: inset 0 -2px 0 -1px rgba(255, 255, 255, 0.6), inset 0 0 3px 0 rgba(0, 0, 0, 0.4);
}
.rsts-skin-knbs .rsts-nav-tabs a.active:before, .rsts-skin-knbs .rsts-nav-tabs a.active:after {
content: "";
position: absolute;
top: 1px;
left: 50%;
width: 0;
height: 0;
margin-left: -6px;
}
.rsts-skin-knbs .rsts-nav-tabs a.active:after {
top: -4px;
left: 0;
width: 100%;
height: 5px;
margin: 0;
border: none;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
-webkit-box-shadow: 0 0 5px white;
-moz-box-shadow: 0 0 5px white;
box-shadow: 0 0 5px white;
}
.rsts-skin-knbs .rsts-nav-thumbs {
margin: -6px 0 0;
padding: 0;
border: 6px solid white;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: white;
-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
}
.rsts-skin-knbs .rsts-nav .rsts-nav-prev, .rsts-skin-knbs .rsts-nav .rsts-nav-next {
display: none;
}
.rsts-skin-knbs .rsts-nav-bullets {
line-height: 0;
}
.rsts-skin-knbs .rsts-nav-bullets a {
display: inline-block;
width: 15px;
height: 15px;
overflow: hidden;
margin: 8px 4px;
border: 1px solid #c7c7c9;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
outline: none;
text-indent: -999px;
background-color: white;
-webkit-background-clip: padding;
-moz-background-clip: padding;
background-clip: padding-box;
-webkit-box-shadow: inset 0 3px 2px -1px rgba(0, 0, 0, 0.15), inset 0 0 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 3px 2px -1px rgba(0, 0, 0, 0.15), inset 0 0 2px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 3px 2px -1px rgba(0, 0, 0, 0.15), inset 0 0 2px rgba(0, 0, 0, 0.1);
}
.rsts-skin-knbs .rsts-nav-bullets a.active {
border: 1px solid #acb5ba;
background-color: #d9dadd;
background-image: -webkit-linear-gradient(top, #ffffff, #bec5ca 90%);
background-image: -moz-linear-gradient(top, #ffffff, #bec5ca 90%);
background-image: -o-linear-gradient(top, #ffffff, #bec5ca 90%);
background-image: linear-gradient(to bottom, #ffffff, #bec5ca 90%);
background-image: linear-gradient(to bottom, #ffffff, #bec5ca 90%);
-webkit-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1), inset 0 3px 1px -1px rgba(255, 255, 255, 0.7), inset 0 -1px 1px rgba(255, 255, 255, 0.8);
-moz-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1), inset 0 3px 1px -1px rgba(255, 255, 255, 0.7), inset 0 -1px 1px rgba(255, 255, 255, 0.8);
box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1), inset 0 3px 1px -1px rgba(255, 255, 255, 0.7), inset 0 -1px 1px rgba(255, 255, 255, 0.8);
}
.rsts-skin-knbs .rsts-nav-bullets a:hover {
border-color: #c1cacf;
background-color: #e6e7e9;
background-image: -webkit-linear-gradient(top, #ffffff, #e6e7e9 90%);
background-image: -moz-linear-gradient(top, #ffffff, #e6e7e9 90%);
background-image: -o-linear-gradient(top, #ffffff, #e6e7e9 90%);
background-image: linear-gradient(to bottom, #ffffff, #e6e7e9 90%);
background-image: linear-gradient(to bottom, #ffffff, #e6e7e9 90%);
-webkit-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1), inset 0 3px 1px -1px rgba(255, 255, 255, 0.7), inset 0 -1px 1px rgba(255, 255, 255, 0.8);
-moz-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1), inset 0 3px 1px -1px rgba(255, 255, 255, 0.7), inset 0 -1px 1px rgba(255, 255, 255, 0.8);
box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1), inset 0 3px 1px -1px rgba(255, 255, 255, 0.7), inset 0 -1px 1px rgba(255, 255, 255, 0.8);
}
.rsts-skin-knbs .rsts-video-play, .rsts-skin-knbs .rsts-video-stop {
position: absolute;
top: 50%;
left: 50%;
width: 64px;
height: 64px;
overflow: hidden;
margin: -32px 0 0 -32px;
border: 1px solid #cccccc;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
outline: none;
background-color: white;
background-color: rgba(255, 255, 255, 0.5);
background-image: -webkit-linear-gradient(top, #eeeeee, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0) 60%, #ededed);
background-image: -moz-linear-gradient(top, #eeeeee, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0) 60%, #ededed);
background-image: -o-linear-gradient(top, #eeeeee, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0) 60%, #ededed);
background-image: linear-gradient(to bottom, #eeeeee, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0) 60%, #ededed);
background-image: linear-gradient(to bottom, #eeeeee, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0) 60%, #ededed);
text-indent: -999px;
text-decoration: none;
}
.rsts-skin-knbs .rsts-video-play:before, .rsts-skin-knbs .rsts-video-stop:before {
content: "\25ba";
position: absolute;
top: 11px;
left: 16px;
font-size: 36px;
color: #444444;
text-indent: 0;
}
.rsts-skin-knbs .rsts-video-play {
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2), inset 0 0 0 2px white, inset 0 1px 4px 1px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2), inset 0 0 0 2px white, inset 0 1px 4px 1px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 3px rgba(0, 0, 0, 0.2), inset 0 0 0 2px white, inset 0 1px 4px 1px rgba(0, 0, 0, 0.15);
}
.rsts-skin-knbs .rsts-video-play:hover, .rsts-skin-knbs .rsts-video-play:focus {
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2), 0 0 15px 3px rgba(111, 178, 235, 0), 0 0 8px 1px rgba(111, 178, 235, 0.4), inset 0 0 0 2px white, inset 0 1px 3px 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2), 0 0 15px 3px rgba(111, 178, 235, 0), 0 0 8px 1px rgba(111, 178, 235, 0.4), inset 0 0 0 2px white, inset 0 1px 3px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 3px rgba(0, 0, 0, 0.2), 0 0 15px 3px rgba(111, 178, 235, 0), 0 0 8px 1px rgba(111, 178, 235, 0.4), inset 0 0 0 2px white, inset 0 1px 3px 1px rgba(0, 0, 0, 0.1);
-webkit-transition-duration: 0.05s;
-moz-transition-duration: 0.05s;
-o-transition-duration: 0.05s;
transition-duration: 0.05s;
-webkit-animation: play-pulsate 3.5s;
-moz-animation: play-pulsate 3.5s;
-o-animation: play-pulsate 3.5s;
animation: play-pulsate 3.5s;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-o-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.rsts-skin-knbs .rsts-video-play:hover:before, .rsts-skin-knbs .rsts-video-play:focus:before {
color: #333333;
}
.rsts-skin-knbs .rsts-video-play:active {
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2), 0 0 15px 3px rgba(111, 178, 235, 0), 0 0 8px 1px rgba(111, 178, 235, 0.4), inset 0 0 0 2px white, inset 0 1px 5px 3px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2), 0 0 15px 3px rgba(111, 178, 235, 0), 0 0 8px 1px rgba(111, 178, 235, 0.4), inset 0 0 0 2px white, inset 0 1px 5px 3px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 3px rgba(0, 0, 0, 0.2), 0 0 15px 3px rgba(111, 178, 235, 0), 0 0 8px 1px rgba(111, 178, 235, 0.4), inset 0 0 0 2px white, inset 0 1px 5px 3px rgba(0, 0, 0, 0.3);
-webkit-animation: none;
-moz-animation: none;
-o-animation: none;
animation: none;
}
.rsts-skin-knbs .rsts-video-stop {
top: 20px;
left: auto;
right: 10px;
width: 32px;
height: 32px;
margin: 0;
border: 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: black;
background: rgba(0, 0, 0, 0.8);
}
.rsts-skin-knbs .rsts-video-stop:before {
content: "\d7";
top: 8px;
left: 8px;
width: 16px;
height: 16px;
border: 0;
font-size: 23px;
font-weight: bold;
color: white;
line-height: 18px;
text-align: center;
text-indent: 0;
}
.rsts-skin-knbs .rsts-video-stop:hover, .rsts-skin-knbs .rsts-video-stop:focus {
background: white;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
}
.rsts-skin-knbs .rsts-video-stop:hover:before, .rsts-skin-knbs .rsts-video-stop:focus:before {
color: black;
}
.rsts-skin-knbs .rsts-video-youtube > .rsts-video-stop {
top: 25px;
}
.rsts-skin-knbs .rsts-video-vimeo > .rsts-video-stop {
top: 10px;
right: auto;
left: 10px;
}
.rsts-skin-knbs .rsts-progress {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 2px;
background-color: white;
background-color: rgba(255, 255, 255, 0.5);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transition: opacity 0.2s linear;
-moz-transition: opacity 0.2s linear;
-o-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
}
.rsts-skin-knbs .rsts-progress div {
position: relative;
height: 100%;
background-color: #55c5ef;
background-image: -webkit-linear-gradient(left, rgba(85, 197, 239, 0) 0%, #159dcf 100%);
background-image: -moz-linear-gradient(left, rgba(85, 197, 239, 0) 0%, #159dcf 100%);
background-image: -o-linear-gradient(left, rgba(85, 197, 239, 0) 0%, #159dcf 100%);
background-image: linear-gradient(to right, rgba(85, 197, 239, 0) 0%, #159dcf 100%);
background-image: linear-gradient(to right, rgba(85, 197, 239, 0) 0%, #159dcf 100%);
-webkit-box-shadow: 0 -2px 2px -1px rgba(55, 146, 206, 0.9), 0 2px 2px -1px rgba(55, 146, 206, 0.9);
-moz-box-shadow: 0 -2px 2px -1px rgba(55, 146, 206, 0.9), 0 2px 2px -1px rgba(55, 146, 206, 0.9);
box-shadow: 0 -2px 2px -1px rgba(55, 146, 206, 0.9), 0 2px 2px -1px rgba(55, 146, 206, 0.9);
}
.rsts-skin-knbs .rsts-progress div:after, .rsts-skin-knbs .rsts-progress div:before {
content: "";
position: absolute;
right: 0;
top: 0;
width: 3px;
height: 2px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color: white;
background-color: rgba(255, 255, 255, 0.9);
-webkit-box-shadow: 0 0 3px 1px rgba(255, 255, 255, 0.5);
-moz-box-shadow: 0 0 3px 1px rgba(255, 255, 255, 0.5);
box-shadow: 0 0 3px 1px rgba(255, 255, 255, 0.5);
}
.rsts-skin-knbs .rsts-progress div:before {
width: 50px;
background-color: transparent;
background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
-webkit-box-shadow: 0 0 3px -1px rgba(255, 255, 255, 0.5);
-moz-box-shadow: 0 0 3px -1px rgba(255, 255, 255, 0.5);
box-shadow: 0 0 3px -1px rgba(255, 255, 255, 0.5);
}
.rsts-skin-knbs .rsts-progress.rsts-progress-active {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
opacity: 0.8;
}
.rsts-skin-knbs .rsts-overlay-prev,
.rsts-skin-knbs .rsts-overlay-next,
.rsts-skin-knbs .rsts-thumbs-overlay-prev,
.rsts-skin-knbs .rsts-thumbs-overlay-next {
position: absolute;
top: 0;
left: -1px;
width: 100%;
height: 100%;
background: -webkit-linear-gradient(0deg, #ffffff, transparent);
background: -moz-linear-gradient(0deg, #ffffff, transparent);
background: -o-linear-gradient(0deg, #ffffff, transparent);
background: linear-gradient(90deg, #ffffff, transparent);
pointer-events: none;
}
.rsts-skin-knbs .rsts-overlay-next,
.rsts-skin-knbs .rsts-thumbs-overlay-next {
left: auto;
right: -1px;
background: -webkit-linear-gradient(0deg, transparent, #ffffff);
background: -moz-linear-gradient(0deg, transparent, #ffffff);
background: -o-linear-gradient(0deg, transparent, #ffffff);
background: linear-gradient(90deg, transparent, #ffffff);
}
.rsts-skin-knbs.rsts-direction-y .rsts-overlay-prev {
left: 0;
top: -1px;
background: -webkit-linear-gradient(#ffffff, transparent);
background: -moz-linear-gradient(#ffffff, transparent);
background: -o-linear-gradient(#ffffff, transparent);
background: linear-gradient(#ffffff, transparent);
}
.rsts-skin-knbs.rsts-direction-y .rsts-overlay-next {
top: auto;
right: 0;
bottom: -1px;
background: -webkit-linear-gradient(transparent, #ffffff);
background: -moz-linear-gradient(transparent, #ffffff);
background: -o-linear-gradient(transparent, #ffffff);
background: linear-gradient(transparent, #ffffff);
}
.rsts-skin-knbs .rsts-thumbs-slide {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
opacity: 0.8;
}
.rsts-skin-knbs .rsts-thumbs-slide.rsts-thumbs-active-thumb {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
@-webkit-keyframes pulsate {
50% {
-webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2), 0 0 0 1px #cccccc, 0 0 6px 3px rgba(111, 178, 235, 0.5), 0 0 3px 2px rgba(111, 178, 235, 0.4), inset 0 0 0 2px white, inset 0 1px 4px 1px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2), 0 0 0 1px #cccccc, 0 0 6px 3px rgba(111, 178, 235, 0.5), 0 0 3px 2px rgba(111, 178, 235, 0.4), inset 0 0 0 2px white, inset 0 1px 4px 1px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2), 0 0 0 1px #cccccc, 0 0 6px 3px rgba(111, 178, 235, 0.5), 0 0 3px 2px rgba(111, 178, 235, 0.4), inset 0 0 0 2px white, inset 0 1px 4px 1px rgba(0, 0, 0, 0.15);
}
}
@-moz-keyframes pulsate {
50% {
-webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2), 0 0 0 1px #cccccc, 0 0 6px 3px rgba(111, 178, 235, 0.5), 0 0 3px 2px rgba(111, 178, 235, 0.4), inset 0 0 0 2px white, inset 0 1px 4px 1px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2), 0 0 0 1px #cccccc, 0 0 6px 3px rgba(111, 178, 235, 0.5), 0 0 3px 2px rgba(111, 178, 235, 0.4), inset 0 0 0 2px white, inset 0 1px 4px 1px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2), 0 0 0 1px #cccccc, 0 0 6px 3px rgba(111, 178, 235, 0.5), 0 0 3px 2px rgba(111, 178, 235, 0.4), inset 0 0 0 2px white, inset 0 1px 4px 1px rgba(0, 0, 0, 0.15);
}
}
@-o-keyframes pulsate {
50% {
-webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2), 0 0 0 1px #cccccc, 0 0 6px 3px rgba(111, 178, 235, 0.5), 0 0 3px 2px rgba(111, 178, 235, 0.4), inset 0 0 0 2px white, inset 0 1px 4px 1px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2), 0 0 0 1px #cccccc, 0 0 6px 3px rgba(111, 178, 235, 0.5), 0 0 3px 2px rgba(111, 178, 235, 0.4), inset 0 0 0 2px white, inset 0 1px 4px 1px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2), 0 0 0 1px #cccccc, 0 0 6px 3px rgba(111, 178, 235, 0.5), 0 0 3px 2px rgba(111, 178, 235, 0.4), inset 0 0 0 2px white, inset 0 1px 4px 1px rgba(0, 0, 0, 0.15);
}
}
@keyframes pulsate {
50% {
-webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2), 0 0 0 1px #cccccc, 0 0 6px 3px rgba(111, 178, 235, 0.5), 0 0 3px 2px rgba(111, 178, 235, 0.4), inset 0 0 0 2px white, inset 0 1px 4px 1px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2), 0 0 0 1px #cccccc, 0 0 6px 3px rgba(111, 178, 235, 0.5), 0 0 3px 2px rgba(111, 178, 235, 0.4), inset 0 0 0 2px white, inset 0 1px 4px 1px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2), 0 0 0 1px #cccccc, 0 0 6px 3px rgba(111, 178, 235, 0.5), 0 0 3px 2px rgba(111, 178, 235, 0.4), inset 0 0 0 2px white, inset 0 1px 4px 1px rgba(0, 0, 0, 0.15);
}
}
@-webkit-keyframes play-pulsate {
50% {
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2), 0 0 15px 3px rgba(111, 178, 235, 0.3), 0 0 8px 1px rgba(111, 178, 235, 0.4), inset 0 0 0 2px white, inset 0 1px 3px 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2), 0 0 15px 3px rgba(111, 178, 235, 0.3), 0 0 8px 1px rgba(111, 178, 235, 0.4), inset 0 0 0 2px white, inset 0 1px 3px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 3px rgba(0, 0, 0, 0.2), 0 0 15px 3px rgba(111, 178, 235, 0.3), 0 0 8px 1px rgba(111, 178, 235, 0.4), inset 0 0 0 2px white, inset 0 1px 3px 1px rgba(0, 0, 0, 0.1);
}
}
@-moz-keyframes play-pulsate {
50% {
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2), 0 0 15px 3px rgba(111, 178, 235, 0.3), 0 0 8px 1px rgba(111, 178, 235, 0.4), inset 0 0 0 2px white, inset 0 1px 3px 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2), 0 0 15px 3px rgba(111, 178, 235, 0.3), 0 0 8px 1px rgba(111, 178, 235, 0.4), inset 0 0 0 2px white, inset 0 1px 3px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 3px rgba(0, 0, 0, 0.2), 0 0 15px 3px rgba(111, 178, 235, 0.3), 0 0 8px 1px rgba(111, 178, 235, 0.4), inset 0 0 0 2px white, inset 0 1px 3px 1px rgba(0, 0, 0, 0.1);
}
}
@-o-keyframes play-pulsate {
50% {
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2), 0 0 15px 3px rgba(111, 178, 235, 0.3), 0 0 8px 1px rgba(111, 178, 235, 0.4), inset 0 0 0 2px white, inset 0 1px 3px 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2), 0 0 15px 3px rgba(111, 178, 235, 0.3), 0 0 8px 1px rgba(111, 178, 235, 0.4), inset 0 0 0 2px white, inset 0 1px 3px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 3px rgba(0, 0, 0, 0.2), 0 0 15px 3px rgba(111, 178, 235, 0.3), 0 0 8px 1px rgba(111, 178, 235, 0.4), inset 0 0 0 2px white, inset 0 1px 3px 1px rgba(0, 0, 0, 0.1);
}
}
@keyframes play-pulsate {
50% {
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2), 0 0 15px 3px rgba(111, 178, 235, 0.3), 0 0 8px 1px rgba(111, 178, 235, 0.4), inset 0 0 0 2px white, inset 0 1px 3px 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2), 0 0 15px 3px rgba(111, 178, 235, 0.3), 0 0 8px 1px rgba(111, 178, 235, 0.4), inset 0 0 0 2px white, inset 0 1px 3px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 3px rgba(0, 0, 0, 0.2), 0 0 15px 3px rgba(111, 178, 235, 0.3), 0 0 8px 1px rgba(111, 178, 235, 0.4), inset 0 0 0 2px white, inset 0 1px 3px 1px rgba(0, 0, 0, 0.1);
}
}