/************************************************************************************* * Allgemeine Definitionen *************************************************************************************/ html {overflow-y: scroll; -webkit-text-size-adjust: 100% ;-ms-text-size-adjust: 100%;} /* HTML5 display-role reset fuer alte Browser */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, img {display: block;} ul {list-style: none;} table {border-collapse: collapse; border-spacing: 0; table-layout: fixed; empty-cells: show;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;} /* RESET & BASICS (Inspired by E. Meyers) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, /* sub, sup, */ tt, var, center, dl, dt, dd, ul, li, fieldset, form, label, legend, caption, tfoot, thead, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; font: inherit; font-size: 100%; } /* PROJECT FONTS, LICENSE: /css/webfonts/SIL Open Font License.txt */ @font-face { font-family: 'Barlow Semi Condensed'; src: url('/css/webfonts/barlowsemicondensed-light-webfont.eot'); src: url('/css/webfonts/barlowsemicondensed-light-webfont.eot?#iefix') format('embedded-opentype'), url('/css/webfonts/barlowsemicondensed-light-webfont.woff') format('woff'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Barlow Semi Condensed'; src: url('/css/webfonts/barlowsemicondensed-regular-webfont.eot'); src: url('/css/webfonts/barlowsemicondensed-regular-webfont.eot?#iefix') format('embedded-opentype'), url('/css/webfonts/barlowsemicondensed-regular-webfont.woff') format('woff'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Barlow Semi Condensed'; src: url('/css/webfonts/barlowsemicondensed-semibold-webfont.eot'); src: url('/css/webfonts/barlowsemicondensed-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('/css/webfonts/barlowsemicondensed-semibold-webfont.woff') format('woff'); font-weight: 600; font-style: normal; } @font-face { font-family: 'Barlow Semi Condensed'; src: url('/css/webfonts/barlowsemicondensed-bold-webfont.eot'); src: url('/css/webfonts/barlowsemicondensed-bold-webfont.eot?#iefix') format('embedded-opentype'), url('/css/webfonts/barlowsemicondensed-bold-webfont.woff') format('woff'); font-weight: 700; font-style: normal; } /************************************************************************************* * *************************************************************************************/ * {box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} html {font-size: 21px;} body { padding-top: 9.575rem; width: 100%; height: 100%; font-family: 'Barlow Semi Condensed', sans-serif; line-height: 1; color: #193e4c; text-align: center; letter-spacing: 0.02em; background: #fff; } /* STANDARDS */ strong, b {font-weight: 700; font-family: inherit;} sup, sub {line-height: 0px !important; font-size: 50%;} ul.NoBullet {list-style: none !important; margin-left: 0 !important; padding-left: 0 !important;} img, form {overflow: hidden;} a, input, textarea, select {outline: 0; border: 0;} hr, .Hidden {display: none;} .Clear {margin: 0; width: auto; height: auto; clear: both; display: block;} .Space {margin: 0; width: auto; height: auto; height: 1.575em;} .SpaceS {height: 1em;} .SpaceM {height: 2em;} .SpaceL {height: 3em;} .SpaceXL {height: 4em;} .SpacePic {height: 1.6em;} .MT-S {margin-top: 1em;} .MT-M {margin-top: 2em;} .MT-L {margin-top: 3em;} .MT-XL {margin-top: 4em;} .MB-S {margin-bottom: 1em;} .MB-M {margin-bottom: 2em;} .MB-L {margin-bottom: 3em;} .MB-XL {margin-bottom: 4em;} .MY-S {margin-top: 1em; margin-bottom: 1em;} .MY-M {margin-top: 2em; margin-bottom: 2em;} .MY-L {margin-top: 3em; margin-bottom: 3em;} .MY-XL {margin-top: 4em; margin-bottom: 4em;} .PB-S {padding-bottom: 1em !important;} .PB-M {padding-bottom: 2em !important;} .PB-M {padding-bottom: 3em !important;} .Last {margin-right: 0 !important;} .NoWrap {white-space: nowrap;} .NoMargin {margin: 0 !important;} .NoPadding {padding: 0 !important;} .NoMarginTop {margin-top: 0 !important;} .NoMarginBottom {margin-bottom: 0 !important;} .NoBorder {border: 0 !important;} .NoBorderRight {border-right: 0 !important;} .NoIcon {background-image: none !important;} .NoDec {text-decoration: none !important;} .NoDec:hover {text-decoration: none;} .NoLink {text-decoration: none; pointer-events: none; cursor: default; color: inherit;} .Center {text-align: center; margin-left: auto !important; margin-right: auto !important;} .Center img {margin-left: auto; margin-right: auto;} .FloatLeft {float: left !important;} .FloatRight {float: right !important;} .FloatNone {float: none !important;} .Inline {display: inline;} .InlineBlock {display: inline-block;} .Spacing {letter-spacing: -0.15em;} .PaddingLeft {display: block; padding-left: 1em;} .PaddingTop {display: block; padding-top: .3em;} .RoundedS {border-radius: .3em; -webkit-border-radius: .3em; -moz-border-radius: .3em;} .RoundedM {border-radius: .5em; -webkit-border-radius: .5em; -moz-border-radius: .5em;} .NoTransition {-webkit-transition: none !important; -moz-transition:none !important; -o-transition: none !important; transition: none !important;} .Clearfix:before, .Clearfix:after {content: " "; display: table;} .Clearfix:after {clear: both;} .Clearfix {*zoom: 1;} input, textarea, select, button {font-family: 'Barlow Semi Condensed', sans-serif; color: #193e4c;} textarea, button, input[type="text"], input[type="email"], input[type="password"], input[type="button"], input[type="image"], input[type="submit"], select {-webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border: none;} select {width: 100%; background: url(/img/icon_select.png) right center no-repeat; background-size: 2.5em auto; background-repeat: no-repeat;} select[multiple] {height: auto; background-image: none;} select::-ms-expand {display: none;} button {cursor: pointer;} ::-webkit-input-placeholder {opacity: 1; -webkit-opacity: 1; -khtml-opacity: 1; color: rgba(109,68,56,1);} ::-moz-placeholder {opacity: 1; color:rgba(109,68,56,1);} :-ms-input-placeholder {opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; color: rgba(109,68,56,1);} /* LINKS */ a {color: inherit; text-decoration: underline; outline: 0;} a:hover {color: inherit; text-decoration: underline;} .TextLink {text-decoration: underline;} a:hover .TextLink {text-decoration: underline;} .LinkBack {text-decoration: underline;} .LinkBack a span {display: inline-block;} .LinkBack a:before {content: "< "; line-height: 0;} .LinkAll {float: right;} .LinkTop {margin-top: 3em; text-align: center;} .LinkTop span {display: none;} .LinkTop a {display: block; margin: auto; width: 2.575em; height: 2.575em; background: #193e4c url(/img/icon_arrow-top.png) center center no-repeat; background-size: 55% auto;} .LinkTop a:hover {background-color: #feed00; background-position: center 35%; filter: alpha(opacity = 100) !important; -ms-filter: "alpha(opacity = 100)" !important; opacity: 1 !important;} a.Container {display: block; text-decoration: none;} a.Container p {color: black;} a.Container:hover {text-decoration: none;} .Content a:hover {filter: alpha(opacity = 50); -ms-filter: "alpha(opacity = 50)"; opacity: .5;} /* COLORS */ .ColorStd /* blau dunkel */ {color: #193e4c; !important;} .Color00 /* weiss */ {color: #fff !important;} .Color02 /* hellgrau */ {color: #f3f5f6 !important;} .Color03 /* gelb */ {color: #feed00 !important;} .Color04 /* petrol mittelhell */ {color: #c6d2d8 !important;} .Color05 /* petrol mitteldunkel*/ {color: #336d79 !important;} .Color06 /* petrol mittel */ {color: #8da5b2 !important;} .ColorRed {color: #d70038; filter: alpha(opacity = 100) !important; -ms-filter: "alpha(opacity = 100)" !important; opacity: 1 !important;} .BgColor00 {background-color: #fff;} .BgColor01 {background-color: #193e4c !important; color: #fff !important;} .BgColor01 a {color: #fff !important;} .BgColor02 {background-color: #f3f5f6 !important;} .BgColor03 {background-color: #feed00 !important; color: #fff !important;} .BgColor03 a {color: #fff !important;} .BgColor04 {background-color: #c6d2d8 !important;} a.BgColor01:hover {background-color: #feed00 !important; color: #fff !important;} /* SHADOWS */ .Shadow {box-shadow: 0px 7px 10px 0px rgba(0,0,0,0.025); -webkit-box-shadow: 0px 7px 10px 0px rgba(0,0,0,0.025); -moz-box-shadow: 0px 7px 10px 0px rgba(0,0,0,0.025); -o-box-shadow: inset 0px 7px 10px 0px rgba(0,0,0,0.05);} /************************************************************************************* Title, Text, Lists *************************************************************************************/ .Content p, .Content ol, .Content ul, .Sidebar p , footer p {line-height: 1.5; margin: 0 0 1.5em 0;} .Content ul {padding-left: 1.375em; list-style-position: outside; list-style-type: square;} .Content ul li {margin: 0 0 0.75em 0;} ul.NoStyle {padding-left: 0; list-style-type: none;} ul.NoStyle li {margin: 0; overflow: hidden;} ul.Icon {padding-left: 0; list-style-type: none;} ul.Icon li {position: relative; padding-left: .8em; margin: 0;} ul.Icon li a {text-decoration: none;} ul.Icon li::before {content:"_ "; font-weight: 400; position: absolute; line-height: 1.5; left: 0; top: 0;} ul.Dots {padding-left: 0; list-style-type: none;} ul.Dots li {position: relative; padding-left: 1em; margin: 0;} ul.Dots li::before {content:"… "; font-weight: 400; position: absolute; line-height: 1.5; left: 0; top: 0;} ul.Downloads {padding-left: 0; list-style-type: none;} ul.Downloads li {position: relative; padding-left: 1.75em; margin: 0 0 .25em 0} ul.Downloads li::before {content:" "; position: absolute; display: block; left: 0; top: .15em; width: 1em; height: 1em; background: url(/img/icon_download.png) left top no-repeat; background-size: .95em auto;} h1, .h1 {margin: 0 0 .7em 0; font-size: 210%; font-weight: 700; line-height: 1.155; letter-spacing: 0.005em;} h2, .h2 {margin: 0 0 1em 0; font-size: 133%; font-weight: 400; line-height: 1.333; letter-spacing: 0.005em;} h3, .h3 {margin: 0 0 .375em 0; font-size: 155%; font-weight: 700; line-height: 1.333; letter-spacing: 0.005em;} h4, .h4 {margin: 0; font-size: 100%; font-weight: 700; line-height: 1.5;} h5, .h5 {margin: 0; font-size: 100%; font-weight: 400; line-height: 1.5;} h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a {text-decoration: none;} .Content .TitleBorder {border-top: 2px solid rgba(2,75,89,0.175); padding-top: .75rem;} .Content .TextInfo {color: #adadad;} .Content .TextPic {font-size: 90%; color: #adadad;} .Content .ClaimPic {padding: .685em .25em .685em 0.25em;} .Content .ClaimPic h3 {margin-bottom: 1.5rem; font-size: 130%; font-weight: 600;} .Content .Topic {margin: 0 0 2rem 1rem;} /************************************************************************************* * Container *************************************************************************************/ .Wrap {margin: 0 auto; padding: 0 2.5rem 0 2.5rem; position: relative; width: 1200px; text-align: left; clear: both;} .WrapMax {margin: 0 auto; padding: 0; max-width: 2600px;} .WrapMax .Wrap {padding: 0;} header {position: fixed; top: 0; width: 100%; height: 9em; text-align: center; background: #fff; z-index: 2;} header .Wrap {height: 100%; max-width: 1920px; overflow: visible; padding: 0;} footer {clear: both; position: relative; text-align: center;} footer .Wrap {height: 100%;} #TopMenue {position: relative; background: black;} #MainMenue {position: relative; background: #fff;} #SectionMenue {position: relative; overflow: hidden;} .FlexBoxes {display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap;} .Row {text-align: center; overflow: hidden;} /************************************************************************************* Header *************************************************************************************/ /* ----------------------------------------------------------------------------------- Logo ----------------------------------------------------------------------------------- */ header .Logo {position: absolute; left: 0; top: 2em; width: 13em; height: 5.45em; overflow: hidden;} header .Logo a {display: block; width: 100%; height: 100%;} header .Logo a img {position: absolute; top: -50%; bottom: -50%; left: 0; margin: auto; width: auto; height: 100%;} /* ----------------------------------------------------------------------------------- Contact Nav ----------------------------------------------------------------------------------- */ .ContactNav {position: fixed; right: 1em; top: 1em; width: 2.5em; z-index: 100; border-top-width: 2px; border-top-style: solid; border-top-color: rgba(255,255,255,.25);} .ContactNav li {height: 2.5em; width: 2.5em; border-width: 3px; border-style: solid; border-color: rgba(255,255,255,.25); border-top: none !important;} .ContactNav li a {display: block; width: 100%; height: 100%;} .ContactNav.Minified {top: -9em;} /* ----------------------------------------------------------------------------------- Main Menue ----------------------------------------------------------------------------------- */ /* Main Menue: CatNav */ .NavBar nav {position: absolute; left: 26%; top: 4.375em; z-index: 100;} .NavBar nav > ul {letter-spacing: 0.0333em;} .NavBar nav .Cat {float: left; position: relative; height: 2.85em; margin: .125em .825em 0 .825em;} .NavBar nav .Cat .CatLink {display: block; position: relative; height: 3.075em; margin: 0; padding: 0 .15em 0 .15em; line-height: 2.75em; color: #193e4c; text-decoration: none; font-weight: 700; white-space: nowrap; border-bottom: .45em solid transparent;} .NavBar nav .Cat a:hover, .NavBar nav .Cat a.Active, .NavBar nav .Cat a.mainNavHover {text-decoration: none; color: #193e4c; border-color: #feed00;} .NavBar nav .Cat a.Active:hover {} .NavBar nav .Cat06 .CatLink > span, .NavBar nav .Cat07 .CatLink > span {filter: alpha(opacity = 55); -ms-filter: "alpha(opacity = 55)"; opacity: .55;} .NavBar nav .Cat07 .CatLink.Active > span {filter: alpha(opacity = 100); -ms-filter: "alpha(opacity = 100)"; opacity: 1; color: #d70038 !important;} .NavBar nav .Cat07 .CatLink span span {display: none;} .NavBar nav .Cat06 {margin-left: .5em; padding-left: 1.5rem; border-left: 2px solid rgba(2,75,89,0.25);} .NavBar nav .Cat07 {margin-right: 0 !important;} /* Main Menue: SubNav */ .NavBar nav .SubCat {position: absolute; left: -1.25em; top: 3.05em; min-width: 17em; padding: .825em 1.5em 1.15em 1.4em; background: #fff; z-index: 20; -webkit-box-shadow: 0px 7px 10px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 7px 10px 0px rgba(0,0,0,0.15); box-shadow: 0px 7px 10px 0px rgba(0,0,0,0.15); border-top: 5px solid transparent;} .NavBar nav .SubCat .SubCatLink {float: none; margin: 0; width: 100%; text-decoration: none; line-height: 1.8; white-space: nowrap;} .NavBar nav .SubCat .SubCatNav a {height: auto; text-align: left; padding: 0.15em 0.85em 0.15em 0; border: 0; text-decoration: none; line-height: 1.8;} .NavBar nav .SubCat li a:hover, .NavBar nav .SubCat li.Active a {filter: alpha(opacity = 50); -ms-filter: "alpha(opacity = 50)"; opacity: .5;} .NavBar nav .SubCat li.Active a:hover {} .SubCatLink {position: relative; padding-left: .65em;} .SubCatLink:before {content:"_ "; font-weight: 400; position: absolute; line-height: 1.4; left: 0; top: 0;} /************************************************************************************* * Minified Scrolling Nav *************************************************************************************/ header.Minified {height: 3.25em; background-position: 0 6em; -webkit-box-shadow: 0px 0px 17px -7px rgba(0,0,0,0.95); -moz-box-shadow: 0px 0px 17px -7px rgba(0,0,0,0.95); box-shadow: 0px 0px 17px -7px rgba(0,0,0,0.95);} header.Minified #TopMenue {} header.Minified #MainMenue {height: 3.25em;} header.Minified #MainMenue .Logo {height: 2.5em; width: 6.5em; top: .4em;} header.Minified #MainMenue .NavBar nav {top: .5em; height: 100%;} header.Minified #MainMenue .NavBar nav .Cat {height: 2em;} header.Minified #MainMenue .NavBar nav .Cat > a {line-height: 2; height: 2.625em;} header.Minified #MainMenue .NavBar nav .SubCat {top: 2.625em;} /************************************************************************************* * Content Grid *************************************************************************************/ .Content {padding: 3.75em 0 3em 0; width: 100%; position: relative;} .Content:before, .Content:after {content: " "; display: table;} .ContentMain {float: left; position: relative; width: 62%;} /************************************************************************************* * Cols + Container *************************************************************************************/ .ContainerColsOuter {width: 102.6%; margin: 0 0 0 -1.3%;} .ContainerCols:before, .ContainerColsOuter:after {content: " "; display: table;} .ContainerColsOuter:after {clear: both;} .ContainerColsOuter .ContainerColsOuter {} .ContainerColsOuter .ContainerColsOuter .Outer {margin: 0 0.375em 0 0.375em;} .Col {display: block; float: left; margin: 0; color: inherit; text-decoration: none; overflow: hidden;} .Inner {padding: 1.5em 1em 0 1em; overflow: hidden;} .Outer {margin: 0 0.8em 0 0.8em;} .LinkBox.Outer {margin: 0 0.8em 1.6em 0.8em;} .Outer.PaddingRight {padding-right: 1em;} .Outer.PaddingLeft {padding-left: 1em;} .ColBorder {border: 1px solid red; padding: 1.5em 1.75em 0 1.75em;} .ColPic {margin-bottom: 0;} .ColPic img {width: 100%; height: auto; margin: 0;} .ColPic img.MarginBottom {margin-bottom: 1em;} .ColPic .TextPic {} .ContainerPic {position: relative; overflow: hidden; display: block;} .ContainerPic img {position: absolute; top: -50%; bottom: -50%; left: -50%; right: -50%; width: auto; height: 100%; margin: auto;} .ContainerGallery {} .ContainerGallery .ContainerPic {height: 14em;} .Col.AnimContainer {position:relative;} .Col.AnimContainer .AnimContent {position:absolute; min-height:100%; height:100%; top:0%; -webkit-transition: all 1200ms ease; -moz-transition: all 1200ms ease; -o-transition: all 1200ms ease; transition: all 1200ms ease;} .Col.AnimContainer .AnimContent.PreAnim {top:101%;} /************************************************************************************* * Content Rows & Sections *************************************************************************************/ /* Rows Home*/ .RowTopHome {padding-top: 19em; margin-top: -19em;} .RowTopHome .Content {padding: 3em 0 7em 0;} .RowTopHome h2 {font-size: 240%; font-weight: 700; line-height: 1.2; letter-spacing: -.0125em; margin: .065em 0 0 0; margin-bottom: .5em;} .RowUSP {overflow: visible;} .RowUSP .Content {padding: 3em 0 2em 0;} .RowUSP .Col {overflow: visible;} .RowUSP .ColPic {margin-bottom: 2em;} .RowUSP .ColPic img {margin-top: -8.4em;} .RowTeamHome .Content {padding: 2em 0 2em 0} .RowTeamHome .FlexBoxes .Col {margin: 0 2.5% 0 0; width: 23%;} .RowTeamHome .FlexBoxes .Col.AnimContainer {margin: 0;} .RowTeamHome .FlexBoxes .Col.AnimContainer .h4 {margin-bottom: .875em; padding: 0 .5rem 0 .15rem; font-size: 125%; font-weight: 600; line-height: 1.4;} .RowTeamHome .FlexBoxes .Col.AnimContainer .Info {filter: alpha(opacity = 60); -ms-filter: "alpha(opacity = 60)"; opacity: .6;} .RowTeamHome .FlexBoxes .ColPic p {margin-bottom: 1em; font-size: 85%; line-height: 1.3;} .RowTeamHome .FlexBoxes .ColPic ul.NoStyle {font-size: 80%; line-height: 1.444} .RowTeamHome .FlexBoxes .ColPic ul.NoStyle li > span {display: inline-block; float: right; width: 85%;} .RowTeamHome .ButtonRow {margin-top: 1.5rem;} /* RowTop */ .RowTop {} /* RowBorder */ .RowBorder {border-top: .75em solid #f3f5f6;} /* RowBars */ .BarLeft {background-image: url(/img/bar.gif); background-repeat: repeat-y; background-size: 1.375em 100%; background-position: left top;} .BarRight {background-image: url(/img/bar.gif); background-repeat: repeat-y; background-size: 1.375em 100%; background-position: right top;} /* RowGoogleMaps */ .RowGoogleMaps {border-top: 1px solid #fff;} .RowGoogleMaps iframe {width: 100%; height: 25em !important; margin-bottom: -5px !important;} /* RowAnimation */ .RowIntroAnimation .Content {padding: 3.75em 0 2em 0;} .RowAnimation {overflow: visible; padding-bottom: 4em;} .RowAnimation .ContainerAnimation {position: relative; width: 70%; max-width: 1344px; height: auto; margin: 0 auto 0 auto; z-index: 1;} .RowAnimation .ContainerAnimation img.PicUnivers {width: 100%; margin: auto;} .RowAnimation .ContainerAnimation .Satelite {position: absolute; z-index: 1; width: 17em;} .RowAnimation .ContainerAnimation .Satelite .Dot {position: absolute; top: 0; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; width: 1em; height: 1em; background: #feed00;} .RowAnimation .ContainerAnimation .Title {font-weight: 700; padding-top: 0.05rem; text-shadow: 0px 0px 2px #fff;} .RowAnimation .ContainerAnimation .Text {font-size: 80%; padding-top: .5em; line-height: 1.333; text-shadow: 0px 0px 3px #fff;} .RowAnimation .ContainerAnimation .Satelite01, .RowAnimation .ContainerAnimation .Satelite02, .RowAnimation .ContainerAnimation .Satelite03 {text-align: right;} .RowAnimation .ContainerAnimation .Satelite04, .RowAnimation .ContainerAnimation .Satelite05, .RowAnimation .ContainerAnimation .Satelite06, .RowAnimation .ContainerAnimation .Satelite07 {text-align: left;} .RowAnimation .ContainerAnimation .Satelite01 .Dot, .RowAnimation .ContainerAnimation .Satelite02 .Dot, .RowAnimation .ContainerAnimation .Satelite03 .Dot {right: 0;} .RowAnimation .ContainerAnimation .Satelite04 .Dot, .RowAnimation .ContainerAnimation .Satelite05 .Dot, .RowAnimation .ContainerAnimation .Satelite06 .Dot, .RowAnimation .ContainerAnimation .Satelite07 .Dot {left: 0;} .RowAnimation .ContainerAnimation .Satelite01 .Title, .RowAnimation .ContainerAnimation .Satelite02 .Title, .RowAnimation .ContainerAnimation .Satelite03 .Title{padding-right: 1.75rem;} .RowAnimation .ContainerAnimation .Satelite04 .Title, .RowAnimation .ContainerAnimation .Satelite05 .Title, .RowAnimation .ContainerAnimation .Satelite06 .Title, .RowAnimation .ContainerAnimation .Satelite07 .Title{padding-left: 1.75rem;} .RowAnimation .ContainerAnimation .Satelite01 .Text, .RowAnimation .ContainerAnimation .Satelite02 .Text, .RowAnimation .ContainerAnimation .Satelite03 .Text {padding-right: 1.75rem;} .RowAnimation .ContainerAnimation .Satelite04 .Text, .RowAnimation .ContainerAnimation .Satelite05 .Text, .RowAnimation .ContainerAnimation .Satelite06 .Text, .RowAnimation .ContainerAnimation .Satelite07 .Text {padding-left: 1.75rem;} .RowAnimation .ContainerAnimation .Satelite01 {right: 63%; top: 14.5%;} .RowAnimation .ContainerAnimation .Satelite02 {right: 76.75%; top: 40.5%;} .RowAnimation .ContainerAnimation .Satelite03 {right: 64%; top: 85%;} .RowAnimation .ContainerAnimation .Satelite04 {left: 74%; top: 4.5%;} .RowAnimation .ContainerAnimation .Satelite05 {left: 76.375%; top: 32.5%;} .RowAnimation .ContainerAnimation .Satelite06 {left: 72.5%; top: 62%;} .RowAnimation .ContainerAnimation .Satelite07 {left: 61.5%; top: 87%;} .RowAnimation .ContainerAnimation .Planet {position: absolute; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -webkit-transition: all 1s ease; -moz-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;} .RowAnimation .ContainerAnimation .Planet01 {left: 26%; top: 53%; width: 4.4em; height: 4.4em; background-color: #193e4c;} .RowAnimation .ContainerAnimation .Planet02 {left: 62.5%; top: 69.375%; width: 3.25em; height: 3.25em; background-color: #5f8494;} .RowAnimation .ContainerAnimation .Planet03 {left: 68.5%; top: 11%; width: 2.5em; height: 2.5em; background-color: #1a6477;} .RowAnimation .ContainerAnimation .Planet04 {left: 55%; top: 1%; width: 1.75em; height: 1.75em; background-color: #9cb2bd;} .RowAnimation .ContainerAnimation .Planet:hover {transform: scale(1.15); -webkit-transition: all 1s ease; -moz-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;} /* .RowAnimation .ContainerAnimation .Planet {animation-name: stretch; animation-duration: 4s; animation-direction: alternate; animation-iteration-count: infinite; animation-play-state: running; } .RowAnimation .ContainerAnimation .Planet01 {animation-delay: 4s;} .RowAnimation .ContainerAnimation .Planet02 {animation-delay: 5.25s;} .RowAnimation .ContainerAnimation .Planet03 {animation-delay: 4.65s;} .RowAnimation .ContainerAnimation .Planet04 {animation-delay: 5.75s;} @keyframes stretch { 15% {transform: scale(1.2);} 30% {transform: scale(1);} } .RowAnimation .ContainerAnimation .Planet:hover, .RowAnimation .ContainerAnimation .Planet:focus { animation-play-state: paused; } */ /* RowPlanets */ .RowPlanets .Col p, .RowPlanets .Col ul {font-size: 80%;} .RowPlanets h4 {font-size: 90%; display: inline-block; padding: .65em 0 .65em 0; min-height: 3em;} .RowPlanets .Planet {display: inline-block; float: left; margin-right: .5em; border-radius: 50%; margin-left: -.25em; } .RowPlanets .Planet01 {width: 2.125em; height: 2.125em; margin-top: 0.15em; background-color: #193e4c;} .RowPlanets .Planet02 {width: 1.5em; height: 1.5em; margin-top: .5em; background-color: #5f8494;} .RowPlanets .Planet03 {width: 1.875em; height: 1.875em; margin-top: 0.25em; background-color: #1a6477;} .RowPlanets .Planet04 {width: 1em; height: 1em; margin-top: .75em; background-color: #9cb2bd;} /* RowList */ .RowList .Content {position: relative; padding-bottom: 10.5em;} .RowList .Pic {position: absolute; right: 8%; bottom: 2.5em; width: 44%; overflow: visible;} .RowList .Satelite {position: relative; margin-bottom: 1.5em;} .RowList .Satelite .Dot {position: absolute; top: .375em; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; width: .825em; height: .825em; background: #feed00;} .RowList .Title {font-weight: 700; padding-top: 0.05rem; padding-left: 1.75rem; font-size: 155%; margin-bottom: .375em;} .RowList .Text {padding-top: .5em; line-height: 1.333; padding-left: 1.75rem; margin-bottom: 1.5em;} /* RowServices */ .RowServices .ButtonLink {width: 95.5%;} /* Sections */ .ContentSection {padding: 3.75em 0 3em 0;} .SectionNewsletter {padding: 3.75em 0 4.5em 0;} .SectionDownloads ul {margin-bottom: 3.25em;} .SectionDownloads ul a {text-decoration: none;} /************************************************************************************* Content *************************************************************************************/ /* ----------------------------------------------------------------------------------- Content: Module ----------------------------------------------------------------------------------- */ .Content hr {margin: 0; display: block; border: medium none; height: 1px; color: red; background-color: red;} .Content hr.Dotted {margin: 0; display: block; border: none; height: 1px; color: #fff; background-color: #fff; border-bottom: 4px dotted #272727;} /* ----------------------------------------------------------------------------------- Content: Link Module ----------------------------------------------------------------------------------- */ /* Link-Modul: LinkBox */ .LinkBox {display: block; color: inherit; text-decoration: none;} .LinkBox:hover {text-decoration: none;} /* Link-Modul: PageNav */ .PageNav {float: right; overflow: hidden; text-align: center; padding: 0;} .PageNavTop {} .PageNavBottom {} .PageNav p {margin: 0; line-height: 2;} .PageNav .Status {float: left; white-space: nowrap;} .PageNav .LinkBack, .PageNav .LinkNext {display: block; float: left; padding: 0.25em 0.7em 0 0.7em; font-weight: 600; text-align: left; color: #fff; background: red; text-decoration: none;} .PageNav .LinkBack {margin-right: 1.25em;} .PageNav .LinkNext {margin-left: 1.25em;} .PageNav .LinkBack::before {content: "< "; line-height: 0.85; font-weight: 400; font-size: 150%;} .PageNav .LinkNext::after {content: " >"; line-height: 0.85; font-weight: 400; font-size: 150%;} .PageNav p.LinkBack, .PageNav .LinkBack span {display: none;} .PageNav .Current {float: left; padding: 0.3em 0 0.2em 0; white-space: nowrap; text-align: center; text-transform: uppercase;} /* Link-Modul: AnchorNav */ .AnchorNav {margin-top: 2.5rem;} .AnchorNav .Border {width: 22%; height: 9px; background-color: #feed00; margin-bottom: 1em;} .AnchorNav ul {line-height: 1.5;} .AnchorNav ul li {display: block;} .AnchorNav ul li:last-child {margin-right: 0;} .AnchorNav ul li a:hover {filter: alpha(opacity = 50); -ms-filter: "alpha(opacity = 50)"; opacity: .5;} .AnchorNav ul li a {text-decoration: none; font-weight: 700;} .AnchorNav01 li {width: 25%; margin: 0;} .AnchorAim {position: relative;} .AnchorAim a {position: absolute; top: -1.5em;} /* Link-Modul: TabNav */ .TabNav {} .TabNav ul {display: block; margin: 0; padding: 0 1em 0 1em; height: 3.25em; font-size: 122.222%; text-align: left; border-bottom: 1px solid black; overflow: visible;} .TabNav ul li {display: block; position: relative; margin: 0 0.25em 0 0.25em; width: 30%; height: 98.5%; border: 0; float: left;} .TabNav ul li a {display: block; width: 100%; height: 100%; line-height: 3.25em; text-align: center; border: 1px solid red; border-bottom: 0; border-top-left-radius: 0.5em; -webkit-border-top-left-radius: 0.5em; -moz-border-top-left-radius: 0.5em; border-top-right-radius: 0.5em; -webkit-border-top-right-radius: 0.5em; -moz-border-top-right-radius: 0.5em;} .TabNav ul li a.Active {height: 3.29em; font-weight: 600; text-decoration: none; background: #fff; border: 1px solid black; border-bottom: 0; cursor: default;} .TabNav ul li a.Active:hover {filter: alpha(opacity = 100); -ms-filter: "alpha(opacity = 100)"; opacity: 1;} /* Link Modul: Buttons */ .ButtonLink {display: block; margin-bottom: 1em; padding: 0.65em 0.8em 0.5em 0.8em; width: 100%; text-align: center; font-size: 110%; font-weight: 700; line-height: 1.555; text-decoration: none; cursor: pointer; border-width: 3px !important; border-style: solid !important; border-color: rgba(141,165,178,.75);} .ButtonLink:hover {border-color: rgba(25,62,76,1); text-decoration: none;} .Center .ButtonLink {margin-left: auto; margin-right: auto;} .ButtonUpdate {} .ButtonSubmit {} /* Link Modul: ContainerLink */ a.ContainerLink {text-decoration: none;} a.ContainerLink p, a.ContainerLink h2, a.ContainerLink h3, a.ContainerLink h4 {color: inherit;} /* Link-Modul: SocialMedia Links */ .SocialLink {display: block; background-repeat: no-repeat; background-size: auto 100%; background-position: center center;} .SocialLink:hover {filter: alpha(opacity = 25); -ms-filter: "alpha(opacity = 25)"; opacity: .25;} .SocialLink span {display: none;} .SocialLink01 {background-image: url(/img/icon_facebook.png);} .SocialLink02 {background-image: url(/img/icon_instagram.png);} .SocialLink03 {background-image: url(/img/icon_twitter.png);} .SocialLink04 {background-image: url(/img/icon_pinterest.png);} /* Link Modul: Contact Links */ .ContactLink span {display: none;} .LinkPhone {display: inline-block; padding: 0 0 0 1.25em; font-weight: 700; font-size: 120%; line-height: 1.777; background: url(/img/icon_phone.png) center center no-repeat; background-size: 52% auto; text-decoration: none; white-space: nowrap;} .LinkPhone:hover {text-decoration: none;} .LinkMail {display: inline-block; padding: 0 0 0 1.85em; text-decoration: none; font-weight: 600; line-height: 2.5; background: url(/img/icon_mail.png) center center no-repeat; background-size: 52% auto;} .LinkAddress {display: inline-block; padding: 0 0 0 1.85em; text-decoration: none; background: url(/img/icon_address.png) center center no-repeat; background-size: 52% auto;} .LinkAddress span {padding: 0 1em 0 0; white-space: nowrap;} /* Link Modul: Link Icon */ .LinkIcon {display: block; padding: 0.375em 0 0.375em 1.5em; text-decoration: none; background: url(/img/icon_link.png) left center no-repeat; background-size: 1.85em auto;} .LinkIconRight {padding: 0 2.75em 0 0; text-decoration: none; background-position: right center;} /************************************************************************************* * FORMS *************************************************************************************/ /* ----------------------------------------------------------------------------------- Forms, Basic Styles ----------------------------------------------------------------------------------- */ .ContainerForm {overflow: hidden;} .birthday_chk, .birthday_spmchk {padding: 0 !important; margin: 0 !important; font-size: 1px !important; visibility: hidden !important;} p.FormTitle {font-weight: 600;} p.FormLink {font-weight: 400;} .FormRow {overflow: hidden; position: relative;} .Label {overflow: hidden; margin-bottom: 0;} .Label span {display: inline-block; padding-left: 0.2em; color: red;} .Field {margin: 0.25em 0 .5em 0; overflow: hidden;} textarea, select, input[type="text"], input[type="email"], input[type="password"] {margin: 0; padding: 0.575em 0.8em 0.575em 0.5em; width: 100%; font-size: 100%; background-color: #fff; line-height: 1.5;} textarea:focus, select:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus {color: black;} select {height: 2.775em; padding-right: 2.5em;} label {line-height: 1.35;} .Field textarea {height: 10.75em;} .FieldRadio {} .FieldRadio label {float: left; margin: 0 2em 0 0;} .FieldRadio input[type="radio"] {float: left; margin: 0.2em 0.75em 0 0; padding: 0 !important; height: 1.5em !important; width: 1.5em !important;} .FieldCheckbox {} .FieldCheckbox label {float: left; margin: 0 2em 0 0;} .FieldCheckbox input[type="checkbox"] {float: left; margin: 0.2em 0.75em 0 0; padding: 0 !important; height: 1.5em !important; width: 1.5em !important; border:1px solid red;} .FieldCheckboxSingle label {float: left; margin: 0; width: 86%;} .FieldCheckboxList input, .FieldRadioList input {clear: both;} .ButtonRow {margin-top: 2.15em; margin-bottom: 2em; text-align: center; overflow: hidden;} .ButtonRow.Center .ButtonLink {float: none; margin: 0px auto;} .FormMessage {margin-top: 0.85em; padding-bottom: 1.25em; overflow: hidden;} .FormMessage p {margin: 1em 0 0 0; font-size: 120%; font-weight: 600;} .Error {padding: 0 0 1em 0; color: #d70038; font-weight: 600;} .Error ul {font-weight: 400;} .Success {padding: .75em 0 1em 0; border-top: 9px solid #feed00c; color: #193e4c; font-weight: 600;} p.Success, span.Success {border-top: 0; border-bottom: 0;} .SectionNewsletter .Label {font-weight: 600;} .SectionNewsletter .Field {margin-top: .15em; margin-bottom: .75em;} .SectionNewsletter .Field input[type="text"], .SectionNewsletter .Field input[type="email"], .SectionNewsletter .Field select {border: 1px solid #8da5b2; padding: 0.45em 0.375em 0.45em 0.375em;} .SectionNewsletter .Field select {height: 2.5em;} .SectionNewsletter .ButtonRow {margin-top: 1.125em; margin-bottom: .5em;} .SectionNewsletter .ButtonLink {border-width: 0 !important; margin-bottom: 1em;} .SectionNewsletter .ButtonLink:hover {background-color: #feed00 !important;} /* ----------------------------------------------------------------------------------- Form, Variant 01 ----------------------------------------------------------------------------------- */ .FormVar01 .Label {float: left; margin: 0; padding: 1.25em 0 0 0; width: 25%;} .FormVar01 .Field {float: right; width: 74.5%; margin: 0.5em 0 0.5em 0;} .FormVar01 .Label {float: left; margin: 0; padding: 1.25em 0 0 0; width: 25%;} .FormVar01 .Field {float: right; width: 74.5%; margin: 0.5em 0 0.5em 0;} .FormVar01 .LabelRadio {width: 80%; float: left; margin: 0 0 0.5em 0;} .FormVar01 .FieldRadio {width: 35px; float: left;} .FormVar01 .LabelCheckbox {width: 80%; float: left; margin: 0 0 0.5em 0;} .FormVar01 .FieldCheckbox {width: 35px; float: left;} .FormVar01 .ButtonRow .ButtonLink {float: right; width: 74.5%;} /* ----------------------------------------------------------------------------------- Form, Check Data ----------------------------------------------------------------------------------- */ .FormCheck {padding: 1.575em 0 2em 0; border-top: 1px solid black; border-bottom: 1px solid black;} .FormCheck p.FormTitle {float: left;} .FormCheck p.FormLink {float: right;} .FormCheck .Label {width: 20%; padding-top: 0; line-height: 1.4;} .FormCheck .Field {float: left; margin: 0px !important; padding: 0 2em 0.25em 0px; font-weight: 400; line-height: 1.4;} /************************************************************************************* * IntroHome *************************************************************************************/ .IntroHome {position: relative; width: 100%; height: 620px; text-align: center; overflow: hidden;} .IntroHome .Pic {height: 100%;} .IntroHome .Seal {position: absolute; bottom: 2.5em; left: 2.5em; width: auto; height: 9.75em; z-index: 1; border: 2px solid #fff;} .IntroHome .Seal img {width: auto; height: 100%; image-rendering: -webkit-optimize-contrast;} .IntroHome .Wrap {width: 100%; height: 100%; padding: 0 1.25em 0 1.25em; overflow: visible; position: relative; text-align: center;} .IntroHome .InnerWrap {margin: auto; width: 1300px; height: 100%; overflow: hidden; position: relative;} .IntroHome .Pic img {position: absolute; top: 0; left: -100%; right: -100%; margin: auto; width: 102%; transform: scale(1.075); -moz-transform: scale(1.075) rotate(0.02deg); -webkit-transition: all 6.5s ease; -moz-transition: all 6.5s ease; -moz-transition: all 6.5s ease; -o-transition: all 6.5s ease; transition: all 6.5s ease;} .IntroHome .Pic img.Scale100 {transform: scale(1); -moz-transform: scale(1) rotate(0.1deg);} .IntroHome .Claim {position: absolute; left: 50%; bottom: 0; width: 51%; margin: 0; margin-left: -0.5%; padding-left: 1.75rem; font-size: 175%; font-weight: 600; line-height: 4.666; text-align: left; z-index: 1;letter-spacing: 0.02em; background: rgba(0,41,57,0.85);} /************************************************************************************* * Intro *************************************************************************************/ .Intro {position: relative; width: 100%; height: 225px; text-align: center; overflow: hidden;} .Intro .Title {margin-top: 2.875rem; font-size: 340%; font-weight: 600; line-height: 1.5; letter-spacing: 0;} .Intro .TitleS {margin-top: 3.15rem; font-size: 300%;} .Intro .ContainerPic {position: absolute; left: 50%; top: 0; margin-left: .75em; height: 100%; width: 630px; overflow: hidden;} .Intro .ContainerPic img {width: 100%; height: auto;} /************************************************************************************* * Lightbox *************************************************************************************/ #Dim, #DimMobile { display: none; left: 0px; top: 0px; height: auto !important; width: 100%; margin: auto; min-height: 100%; background: #fff; filter: alpha(opacity = 80); -ms-filter: alpha(opacity = 80); opacity: .8; overflow: hidden !important; position: fixed; z-index: 101; } #DimMobile { z-index: 104; } .Lightbox { display: none; position: fixed; left: 0; right: 0; height: 0; text-align: center; z-index: 2000; } .Lightbox .Wrap { position: absolute; left: -100%; right: -100%; margin: auto; text-align: center; background: none repeat scroll 0% 0% #fff; } .Lightbox .Wrap .Link a { display: block; width: 100%; height: 100%; } .Lightbox .Wrap .Link span { display: none; } .Lightbox .Wrap .Close { display: block; position: absolute; right: 0; top: 0; width: 3em; height: 2.75em; text-align: center; text-decoration: none; z-index: 1; } .Lightbox .Wrap .Close:hover { filter: alpha(opacity = 50); -ms-filter: "alpha(opacity = 50)"; opacity: .5; } .Lightbox .Wrap .Close:before { content: '×'; font-size: 350%; font-weight: 300; line-height: .85; } .Lightbox .Wrap .Close span { display: none; } .Lightbox .Wrap p { line-height: 1.35; } /* LightboxRight */ .LightboxRight { top: 0; left: auto; right: 0; height: 100%; width: 30.25em; border-right: 1.375em solid #feed00; filter: alpha(opacity = 10); -ms-filter: "alpha(opacity = 10)"; opacity: .10; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .LightboxRight.Animate { filter: alpha(opacity = 100); -ms-filter: "alpha(opacity = 100)"; opacity: 1.0; } .LightboxRight .Wrap { position: static; background: transparent; padding: 0 2.5em 0 2.5em; text-align: left; width: 100%; } .LightboxRight .Content { padding: 2.5em 0 0 0; } .LightboxRight .ContainerForm { margin-top: 1.5em; } .LightboxRight .ContainerForm .ButtonRow { margin-top: -.75em; padding-top: 0; width: 100%; } .LightboxRight .ContainerForm .ButtonRow .ButtonLink { border: none !important; padding: 0.575em 0.5em 0.375em 0.5em; text-transform: uppercase; } .LightboxRight .Error { color: #fff; font-size: 100%; border-top: 1px solid #c6d2d8; border-bottom: 1px solid #c6d2d8; } .LightboxRight .Success { color: #fff; font-size: 100%; } .LightboxRight .PhoneNumber { text-decoration: none; font-size: 210%; } /* LightboxRight: Address */ .LightboxAddress .Maps { margin: 2em 0 1em 0; } .LightboxAddress .Maps iframe { width: 100%; height: 20em; } /* ----------------------------------------------------------------------------------- Lightbox: Gallery // Flexslider ----------------------------------------------------------------------------------- */ .flexslider {border: 2em solid #fff; margin-bottom: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;} .LightboxGallery { position: fixed; top: 0; height: 100%; overflow: hidden; } .LightboxGallery .Wrap { left: auto; right: auto; margin: auto; width: 40%; position: fixed; height: 100%; padding: 0; display: block; z-index: 101; background: transparent; position: relative; } .LightboxGallery .FlexsliderContainer { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .LightboxGallery .Link { display: block; position: absolute; top: 45%; z-index: 1; width: 13%; height: 5em; background-color: transparent; background-position: center center; background-repeat: no-repeat; background-size: 85% auto; overflow: hidden; } .LightboxGallery .LinkBack { left: -20%; background-image: url(/img/icon_slider-left.png); } .LightboxGallery .LinkBack:hover { background-position: left center; } .LightboxGallery .LinkNext { right: -20%; background-image: url(/img/icon_slider-right.png); } .LightboxGallery .LinkNext:hover { background-position: right center; } .LightboxGallery .Wrap .Text .player_title { display: none; } .LightboxGallery .Wrap .Text .player_subtitle { display: none; } .LightboxGallery .Wrap .Text .player_text { display: none; } .LightboxGallery .Wrap .Text .player_info { display: none; } .LightboxGallery .Wrap .Img { margin: 0 auto 0 auto; width: 100%; height: 100%; overflow: hidden; text-align: center; border: 3em solid #fff; } .LightboxGallery .Wrap .Img img { margin: 0px auto; width: 100%; height: auto; } /* ----------------------------------------------------------------------------------- Lightbox: Feedback ----------------------------------------------------------------------------------- */ .LightboxFeedback { top: 30%; } .LightboxFeedback .Wrap { width: 55%; max-width: 650px; padding: 3.5em 2.25em 0.25em 2.25em; text-align: center; z-index: 102; } .LightboxFeedback .Wrap p { font-weight: 600; } .LightboxFeedback .Wrap .TextInfo { font-weight: 400; color: black; padding: 1.75em 0 1.25em 0; } .LightboxFeedback .Wrap .ButtonRow { text-align: center; padding: 1em 0 1em 0; border-top: 1px solid black; border-bottom: 1px solid black; } .LightboxFeedback .Wrap .ButtonRow .Button { display: block; float: left; width: 31.25%; padding: 0.25em 0 0.25em 0; margin: 0 3% 0 0; font-size: 90%; line-height: 2.25; color: #fff; text-decoration: none; } .LightboxFeedback .Wrap .ButtonRow .Button01 { background: grey; } .LightboxFeedback .Wrap .ButtonRow .Button02 { background: green; } .LightboxFeedback .Wrap .ButtonRow .Button03 { background: red; } /************************************************************************************* * jquery boxslider Styles *************************************************************************************/ .bx-wrapper .bx-viewport { border: 0 !important; left: 0 !important; box-shadow: none !important; } .bx-wrapper img { max-width: none !important; } /************************************************************************************* * Footer *************************************************************************************/ footer .FooterRow {overflow: visible !important;} footer .FooterRow .Wrap {position: relative; overflow: visible;} footer .FooterRow p {color: #fff;line-height: 1.5;} footer .FooterRow a {color: #fff; text-decoration: none; line-height: 1.5;} footer .FooterRow a:hover {filter: alpha(opacity = 50); -ms-filter: "alpha(opacity = 50)"; opacity: .50;} footer .FooterRow ul {line-height: 1.5;} /* Footer Nav */ footer .FooterNav {} footer .FooterNav a {color: #fff;} footer .FooterNav ul {display: inline-block !important;} footer .FooterNav ul .CatLink {display: inline-block; width: 6em;} footer .FooterNav ul .SubCat li {display: inline-block; margin-right: 1em;} footer .FooterNav ul .SubCat .SubCatLink {color: #769ba4 !important;} footer .FooterNav ul .SubCat .SubCatLink:hover {color: #ffffff !important;} footer .FooterNav .Cat07 .CatLinkspan span {display: inline;} footer .FooterNav .SubCatNav {display: none;} footer .Copyright {text-align: center;} footer .ColorRed {color: #fff !important;} /* Footer Logo */ footer .FooterLogo {position: absolute; top: 0; right: 1.75em; height: 100%; width: 9.75em; background: url(/img/logo_footer.png) right top no-repeat; background-size: 100% auto; filter: alpha(opacity = 50); -ms-filter: "alpha(opacity = 50)"; opacity: .5;} footer .FooterLogo span {display: none;} /* Footer Social Media Links */ footer .SocialNav {} footer .SocialNav .SocialLink {width: 1.75em; height: 1.75em; margin-top: -.6em;} /* Footer Rows */ footer .FooterRow01 {padding: 3.5em 0 0 0;} footer .FooterRow01 .h3 {margin-bottom: 1.625rem;} footer .FooterRow01 .Col {width: 29%;} footer .FooterRow02 {padding: .5em 0 0 0;} footer .FooterRow03 {padding: 2em 0 4em 0;} footer .FooterRow03 .Col {overflow: visible;} footer .FooterRow03 ul {display: inline-block;} footer .FooterRow03 ul li {display: inline-block; margin-right: 2.25em;} footer .FooterRow03 .Copyright {display: inline;} footer .FooterRow03 .SocialNav li {margin-right: 0.5rem;} /************************************************************************************* * WIDTHS Standard *************************************************************************************/ .Width10 {width: 10%;} .Width15 {width: 15%;} .Width20 {width: 20%;} .Width25 {width: 25%;} .Width28 {width: 28%;} .Width30 {width: 30%;} .Width33 {width: 33.33333%;} .Width35 {width: 35%;} .Width37 {width: 37%;} .Width40 {width: 40%;} .Width42 {width: 42%;} .Width45 {width: 45%;} .Width50 {width: 50%;} .Width55 {width: 55%;} .Width60 {width: 60%;} .Width65 {width: 65%;} .Width66 {width: 66.66666%;} .Width70 {width: 70%;} .Width75 {width: 75%;} .Width85 {width: 85%;} .Width85 {width: 85%;} .Width90 {width: 90%;} .Width100 {width: 100%;}