.blackback {
  background-color: #000000;
}

.branddefaultback {
  background-color: #333333;
}

.branddarkback {
  background-color: #1a1a1a;
}

.brandlightback {
  background-color: #4d4d4d;
}

.whiteback {
  background-color: #f6f2ed;
}

.brandwashedoutback {
  background-color: #333333 black;
}

.greydarkback {
  background-color: #666666;
}

.greylightback {
  background-color: #ededed;
}

.greydefaultback {
  background-color: #a8a8a8;
}

.accentdefaultback {
  background-color: #cbcbcb;
}

.accentdarkback {
  background-color: #989898;
}

@media (min-width: 1220px) {
  .uk-width-xlarge-1-1 {
    width: 100%;
  }
  /* Halves */
  .uk-width-xlarge-1-2,
  .uk-width-xlarge-2-4,
  .uk-width-xlarge-3-6,
  .uk-width-xlarge-5-10 {
    width: 50%;
  }
  /* Thirds */
  .uk-width-xlarge-1-3,
  .uk-width-xlarge-2-6 {
    width: 33.333%;
  }
  .uk-width-xlarge-2-3,
  .uk-width-xlarge-4-6 {
    width: 66.666%;
  }
  /* Quarters */
  .uk-width-xlarge-1-4 {
    width: 25%;
  }
  .uk-width-xlarge-3-4 {
    width: 75%;
  }
  /* Fifths */
  .uk-width-xlarge-1-5,
  .uk-width-xlarge-2-10 {
    width: 20%;
  }
  .uk-width-xlarge-2-5,
  .uk-width-xlarge-4-10 {
    width: 40%;
  }
  .uk-width-xlarge-3-5,
  .uk-width-xlarge-6-10 {
    width: 60%;
  }
  .uk-width-xlarge-4-5,
  .uk-width-xlarge-8-10 {
    width: 80%;
  }
  /* Sixths */
  .uk-width-xlarge-1-6 {
    width: 16.666%;
  }
  .uk-width-xlarge-5-6 {
    width: 83.333%;
  }
  /* Tenths */
  .uk-width-xlarge-1-10 {
    width: 10%;
  }
  .uk-width-xlarge-3-10 {
    width: 30%;
  }
  .uk-width-xlarge-7-10 {
    width: 70%;
  }
  .uk-width-xlarge-9-10 {
    width: 90%;
  }
}

@media (max-width: 479px) {
  /* Whole */
  .uk-width-xsmall-1-1 {
    width: 100%;
  }
  /* Halves */
  .uk-width-xsmall-1-2,
  .uk-width-xsmall-2-4,
  .uk-width-xsmall-3-6,
  .uk-width-xsmall-5-10 {
    width: 50%;
  }
  /* Thirds */
  .uk-width-xsmall-1-3,
  .uk-width-xsmall-2-6 {
    width: 33.333%;
  }
  .uk-width-xsmall-2-3,
  .uk-width-xsmall-4-6 {
    width: 66.666%;
  }
  /* Quarters */
  .uk-width-xsmall-1-4 {
    width: 25%;
  }
  .uk-width-xsmall-3-4 {
    width: 75%;
  }
  /* Fifths */
  .uk-width-xsmall-1-5,
  .uk-width-xsmall-2-10 {
    width: 20%;
  }
  .uk-width-xsmall-2-5,
  .uk-width-xsmall-4-10 {
    width: 40%;
  }
  .uk-width-xsmall-3-5,
  .uk-width-xsmall-6-10 {
    width: 60%;
  }
  .uk-width-xsmall-4-5,
  .uk-width-xsmall-8-10 {
    width: 80%;
  }
  /* Sixths */
  .uk-width-xsmall-1-6 {
    width: 16.666%;
  }
  .uk-width-xsmall-5-6 {
    width: 83.333%;
  }
  /* Tenths */
  .uk-width-xsmall-1-10 {
    width: 10%;
  }
  .uk-width-xsmall-3-10 {
    width: 30%;
  }
  .uk-width-xsmall-7-10 {
    width: 70%;
  }
  .uk-width-xsmall-9-10 {
    width: 90%;
  }
}

/* Toggle Switch Globals: All switches should take on the class `hamburger-toggle-switch` as well as their variant that will give them unique properties. This class is an overview class that acts as a reset for all versions of the icon. */
.hamburger-toggle-switch {
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 50px;
  height: 50px;
  font-size: 0;
  text-indent: -9999px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  transition: background 0.2s;
}

.hamburger-toggle-switch:focus {
  outline: none;
}

.hamburger-toggle-switch span {
  display: block;
  position: absolute;
  top: 22.5px;
  left: 5px;
  right: 5px;
  height: 5px;
  background: white;
}

.hamburger-toggle-switch .hamburgerSpanTwo {
  display: block;
  position: absolute;
  top: 22.5px;
  left: 5px;
  right: 5px;
  height: 5px;
  background: white;
}

.hamburger-toggle-switch span::before, .hamburger-toggle-switch span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 5px;
  background-color: #fff;
  content: "";
}

.hamburger-toggle-switch span::before {
  top: -17.5px;
}

.hamburger-toggle-switch span::after {
  bottom: -17.5px;
}

/* Style 1: Rotating hamburger icon (rot), that simply rotates 90 degrees when activated. Nothing too fancy, simple transition. */
.hamburger-toggle-switch__rot {
  background-color: rgba(1, 1, 1, 0);
}

.hamburger-toggle-switch__rot span {
  transition: transform 0.2s;
}

/* flipped state, i.e. menu open */
.hamburger-toggle-switch__rot.flipped {
  background-color: rgba(1, 1, 1, 0);
}

.hamburger-toggle-switch__rot.flipped span {
  transform: rotate(90deg);
}

/* Style 2: Hamburger to "x" (htx). Takes on a hamburger shape, bars slide down to center and transform into an "x". */
.hamburger-toggle-switch__htx {
  background-color: rgba(1, 1, 1, 0);
}

.hamburger-toggle-switch__htx span {
  transition: background 0s 0.2s;
}

.hamburger-toggle-switch__htx span::before, .hamburger-toggle-switch__htx span::after {
  transition-duration: 0.2s, 0.2s;
  transition-delay: 0.2s, 0s;
}

.hamburger-toggle-switch__htx span::before {
  transition-property: top, transform;
}

.hamburger-toggle-switch__htx span::after {
  transition-property: bottom, transform;
}

/* flipped state, i.e. menu open */
.hamburger-toggle-switch__htx.flipped {
  background-color: rgba(1, 1, 1, 0);
}

.hamburger-toggle-switch__htx.flipped span {
  background: none;
}

.hamburger-toggle-switch__htx.flipped span::before {
  top: 0;
  transform: rotate(45deg);
}

.hamburger-toggle-switch__htx.flipped span::after {
  bottom: 0;
  transform: rotate(-45deg);
}

.hamburger-toggle-switch__htx.flipped span::before, .hamburger-toggle-switch__htx.flipped span::after {
  transition-delay: 0s, 0.2s;
}

/* Style 3: Hamburger to left-arrow (htla). Hamburger menu transforms to a left-pointing arrow. Usually indicates an off canvas menu sliding in from left that will be close on re-click of the icon. */
.hamburger-toggle-switch__htla {
  background-color: rgba(1, 1, 1, 0);
}

.hamburger-toggle-switch__htla span {
  transition: transform 0.2s;
}

.hamburger-toggle-switch__htla span::before {
  transform-origin: top right;
  transition: transform 0.2s, width 0.2s, top 0.2s;
}

.hamburger-toggle-switch__htla span::after {
  transform-origin: bottom right;
  transition: transform 0.2s, width 0.2s, bottom 0.2s;
}

/* flipped state, i.e. menu open */
.hamburger-toggle-switch__htla.flipped {
  background-color: rgba(1, 1, 1, 0);
}

.hamburger-toggle-switch__htla.flipped span {
  transform: rotate(180deg);
}

.hamburger-toggle-switch__htla.flipped span::before, .hamburger-toggle-switch__htla.flipped span::after {
  width: 50%;
}

.hamburger-toggle-switch__htla.flipped span::before {
  top: 0;
  transform: translateX(25px) translateY(2.5px) rotate(45deg);
}

.hamburger-toggle-switch__htla.flipped span::after {
  bottom: 0;
  transform: translateX(25px) translateY(-2.5px) rotate(-45deg);
}

/* Style 4: Hamburger to right-arrow (htra). Hamburger menu transforms to a right-pointing arrow. Usually indicates an off canvas menu sliding in from right that will be close on re-click of the icon. */
.hamburger-toggle-switch__htra {
  background-color: rgba(1, 1, 1, 0);
}

.hamburger-toggle-switch__htra span {
  transition: transform 0.2s;
}

.hamburger-toggle-switch__htra span::before {
  transform-origin: top left;
  transition: transform 0.2s, width 0.2s, top 0.2s;
}

.hamburger-toggle-switch__htra span::after {
  transform-origin: bottom left;
  transition: transform 0.2s, width 0.2s, bottom 0.2s;
}

/* flipped state, i.e. menu open */
.hamburger-toggle-switch__htra.flipped {
  background-color: rgba(1, 1, 1, 0);
}

.hamburger-toggle-switch__htra.flipped span {
  transform: rotate(180deg);
}

.hamburger-toggle-switch__htra.flipped span::before, .hamburger-toggle-switch__htra.flipped span::after {
  width: 50%;
}

.hamburger-toggle-switch__htra.flipped span::before {
  top: 0;
  transform: translateX(-5px) translateY(2.5px) rotate(-45deg);
}

.hamburger-toggle-switch__htra.flipped span::after {
  bottom: 0;
  transform: translateX(-5px) translateY(-2.5px) rotate(45deg);
}

/* Style 5: Woodard Logo */
.hamburger-woodard span {
  display: block;
  position: absolute;
  top: 21.5px;
  left: 5px;
  right: 5px;
  height: 7px;
  background: white;
}

.hamburger-woodard .hamburgerSpanTwo {
  display: block;
  position: absolute;
  top: 21.5px;
  left: 5px;
  right: 5px;
  height: 7px;
  background: white;
}

.hamburger-woodard span::before, .hamburger-woodard span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 7px;
  background-color: #fff;
  content: "";
}

.hamburger-woodard span::before {
  top: -16.5px;
}

.hamburger-woodard span::after {
  bottom: -16.5px;
}

.hamburger-woodard {
  background-color: rgba(1, 1, 1, 0);
}

.hamburger-woodard span {
  transition: transform 0.2s, left 0.2s, right 0.2s;
}

.hamburger-woodard span::before {
  transform-origin: top right;
  transition: transform 0.2s, height 0.2s, width 0.2s, bottom 0.2s;
}

.hamburger-woodard span::after {
  transform-origin: bottom right;
  transition: transform 0.2s, height 0.2s, width 0.2s, bottom 0.2s;
}

/* flipped state, i.e. menu open */
.hamburger-woodard.flipped {
  background-color: rgba(1, 1, 1, 0);
}

.hamburger-woodard.flipped span {
  transform: rotate(270deg) skewY(10deg) translate(0, -3.5px);
  left: 11px;
  right: 11px;
}

.hamburger-woodard.flipped .hamburgerSpanTwo {
  transform: rotate(270deg) skewY(-10deg) translate(0, 3.5px);
}

.hamburger-woodard.flipped span::after {
  transform: translate(0, 3.5px);
}

.hamburger-woodard.flipped span::before {
  transform: skewY(-20deg) translate(0, -1.75px);
}

.hamburger-woodard.flipped span::before, .hamburger-woodard.flipped span::after {
  height: 12.875px;
}

.hamburger-woodard .hamburgerSpanTwo::before {
  display: none;
}

.hamburger-woodard .hamburgerSpanTwo::after {
  display: none;
}

/* Style 6: Woodard resizer*/
.hamburger-woodard-resizer, .hamburger-woodard-resizer span, .hamburger-woodard-resizer span::before, .hamburger-woodard-resizer span::after, .hamburger-woodard-resizer .hamburgerSpanTwo {
  transition: all 0.2s ease;
}

.hamburger-woodard-resizer span, .hamburger-woodard-resizer span::before, .hamburger-woodard-resizer span::after, .hamburger-woodard-resizer .hamburgerSpanTwo {
  display: block;
  position: absolute;
  background-color: #ffffff;
}

.hamburger-woodard-resizer {
  background-color: rgba(1, 1, 1, 0);
}

.hamburger-woodard-resizer span, .hamburger-woodard-resizer .hamburgerSpanTwo {
  top: 21.5px;
  left: 5px;
  right: 5px;
  height: 7px;
}

.hamburger-woodard-resizer span::before, .hamburger-woodard-resizer span::after {
  left: 0;
  width: 100%;
  height: 7px;
  content: "";
}

.hamburger-woodard-resizer span::before {
  top: -16.5px;
  transform-origin: top right;
}

.hamburger-woodard-resizer span::after {
  bottom: -16.5px;
  transform-origin: bottom right;
}

.hamburger-woodard-resizer.flipped {
  height: 220px;
  width: 220px;
  background-color: #ffffff;
}

.hamburger-woodard-resizer.flipped span, .hamburger-woodard-resizer.flipped span::before, .hamburger-woodard-resizer.flipped span::after, .hamburger-woodard-resizer.flipped .hamburgerSpanTwo {
  background: #333333;
}

.hamburger-woodard-resizer.flipped span::before, .hamburger-woodard-resizer.flipped span::after {
  height: 56.65px;
}

.hamburger-woodard-resizer.flipped span {
  top: 99.5px;
  height: 30.8px;
  transform: rotate(-90deg) skewY(10deg) translate(0, -15.4px);
  left: 48.4px;
  right: 48.4px;
}

.hamburger-woodard-resizer.flipped span::before {
  top: -72.6px;
  transform: skewY(-20deg) translate(0, -7.7px);
}

.hamburger-woodard-resizer.flipped span::after {
  bottom: -72.6px;
  transform: translate(0, 15.4px);
}

.hamburger-woodard-resizer.flipped .hamburgerSpanTwo {
  top: 99.5px;
  transform: rotate(-90deg) skewY(-10deg) translate(0, 15.4px);
}

.hamburger-woodard-resizer .hamburgerSpanTwo::before, .hamburger-woodard-resizer .hamburgerSpanTwo::after {
  display: none;
}

@font-face {
  font-family: bebas;
  src: url(../fonts/BebasNeueThin.otf);
  font-weight: 100;
}

@font-face {
  font-family: bebas;
  src: url(../fonts/BebasNeueLight.otf);
  font-weight: 200;
}

@font-face {
  font-family: bebas;
  src: url(../fonts/BebasNeueBook.otf);
  font-weight: 300;
}

@font-face {
  font-family: bebas;
  src: url(../fonts/BebasNeueRegular.otf);
  font-weight: normal;
}

@font-face {
  font-family: bebas;
  src: url(../fonts/BebasNeueBold.otf);
  font-weight: bold;
}

@font-face {
  font-family: oswald;
  src: url(../fonts/Oswald-Regular.ttf);
  font-weight: normal;
}

@font-face {
  font-family: sourcesans;
  src: url(../fonts/SourceSansPro-Italic.ttf);
  font-weight: normal;
  font-style: italics;
}

@font-face {
  font-family: sourcesans;
  src: url(../fonts/SourceSansPro-Regular.ttf);
  font-weight: normal;
}

@font-face {
  font-family: sourcesans;
  src: url(../fonts/SourceSansPro-Black.ttf);
  font-weight: 900;
}

@font-face {
  font-family: sourcesans;
  src: url(../fonts/SourceSansPro-BlackItalic.ttf);
  font-weight: 900;
  font-style: italics;
}

@font-face {
  font-family: sourcesans;
  src: url(../fonts/SourceSansPro-BoldItalic.ttf);
  font-weight: bold;
  font-style: italics;
}

@font-face {
  font-family: sourcesans;
  src: url(../fonts/SourceSansPro-Bold.ttf);
  font-weight: bold;
}

@font-face {
  font-family: sourcesans;
  src: url(../fonts/SourceSansPro-Semibold.ttf);
  font-weight: 600;
}

@font-face {
  font-family: sourcesans;
  src: url(../fonts/SourceSansPro-SemiboldItalic.ttf);
  font-weight: 600;
  font-style: italics;
}

@font-face {
  font-family: sourcesans;
  src: url(../fonts/SourceSansPro-Light.ttf);
  font-weight: 300;
}

@font-face {
  font-family: sourcesans;
  src: url(../fonts/SourceSansPro-LightItalic.ttf);
  font-weight: 300;
  font-style: italics;
}

h1, h2, h3 {
  font-family: "bebas", arial, sans-serif;
}

html {
  font-family: "sourcesans", arial, sans-serif;
  height: 100%;
  background-color: #1a1a1a;
  line-height: 1.6em;
  font-style: normal;
}

.maincontainer {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  position: relative;
  z-index: 0;
}

#maincontainer > * {
  position: relative;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

#headerQuicklink {
  z-index: 100;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

#headerQuicklink {
  z-index: 90;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

#logoMain {
  z-index: 80;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

#slideshowMain {
  z-index: 70;
}

#title {
  z-index: 60;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.callToAction {
  z-index: 50;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

#bottomFooter {
  z-index: 40;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.contents {
  z-index: 30;
  background-color: #f6f2ed;
}

.contentpanel {
  flex: 1;
  display: flex;
}

#copyrightContact {
  background-color: #1a1a1a;
  padding: 15px 0;
  color: #f6f2ed;
  box-shadow: none;
}

#logoMain {
  background-color: #333333;
  padding: 30px 0;
  color: #f6f2ed;
}

#logoMain span {
  padding-right: 30px;
  font-size: 30px;
  font-family: "bebas", arial, sans-serif;
  font-weight: normal;
}

#logoMain span:last-child {
  padding-right: 0;
}

#headerQuicklink {
  background-color: #1a1a1a;
  padding: 7.5px 0;
  color: #f6f2ed;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
}

#announcement {
  background-color: #4d4d4d;
  padding: 20.1px 0;
  color: #f6f2ed;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
}

#announcement i {
  padding: 0 15px;
}

#headerQuicklink span {
  padding-right: 15px;
}

#mainMenu {
  position: absolute;
  bottom: 0;
  right: 0;
  font-family: "bebas", arial, sans-serif;
  font-weight: normal;
}

#mainMenu span {
  color: white;
}

#mainHeadline {
  text-align: center;
  position: absolute;
  font-size: 42px;
  font-weight: 300;
  color: #cbcbcb;
  right: 0;
  top: 0;
  font-family: "bebas", arial, sans-serif;
  font-weight: bold;
  padding-top: 10px;
}

#bottomFooter {
  padding: 0;
  color: #f6f2ed;
}

#bottomFooter h1, #bottomFooter h2, #bottomFooter h3, #bottomFooter h4, #bottomFooter h5, #bottomFooter h6, #bottomFooter a {
  color: #f6f2ed;
}

#footerLinks, #footerBasics, #footerLinksSmall {
  padding: 15px 15px 0 15px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#footerLinks h2, #footerBasics h2 {
  margin-bottom: 15px;
}

#footerBasics {
  text-align: justify;
}

#footerLinks a, #footerLinksSmall a {
  width: 100%;
  display: block;
  padding: 0 3.75px 3.75px 7.5px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#footerLinks.uk-grid > *, #footerLinksSmall.uk-grid > * {
  padding-right: 25px;
  padding-left: 0;
}

#footerLinks div, #footerLinksSmall div {
  padding-bottom: 15px;
}

.aunstyled a {
  color: #f6f2ed;
}

#logoMain .aunstyled a {
  color: white;
}

#headerLogoSmall {
  display: none;
  position: relative;
}

#headerMenu {
  display: block;
}

#hamburger {
  float: right;
  right: 0;
  font-size: 36px;
  position: absolute;
}

.ts-headline {
  font-size: 1em;
  line-height: 1em;
  font-family: "bebas", arial, sans-serif;
  font-weight: bold;
  padding-bottom: 7.5px;
  text-align: justify;
  -moz-text-align-last: center;
  text-align-last: center;
}

#mainContentHeadline .ts-headline {
  text-align: left;
  -moz-text-align-last: left;
  text-align-last: left;
}

#mainContentHeadline .ts-headline span {
  font-size: 1.95em;
  line-height: 1em;
}

#mainContentHeadline .ts-headline span span {
  font-size: 1.1em;
}

#mainContentHeadline .ts-headline span.smaller {
  font-size: 1.75em;
}

.ts-blockparagraph {
  text-align: justify;
}

.contents > .uk-container {
  padding-top: 30px;
  padding-bottom: 30px;
}

.uk-justify-center {
  text-align: justify;
  -moz-text-align-last: center;
  text-align-last: center;
}

#contents {
  background-color: #cbcbcb, 40%;
}

#indexPage:after {
  content: "";
  opacity: 0.5;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;
  background-image: url(../img/office.jpg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.ctaButton {
  background-color: #f6f2ed;
  color: #333333;
  border: medium none;
  box-sizing: border-box;
  display: inline-block;
  font-family: inherit;
  font-feature-settings: inherit;
  font-kerning: inherit;
  font-language-override: inherit;
  font-size: 1.8rem;
  font-size-adjust: inherit;
  font-stretch: inherit;
  font-style: inherit;
  font-synthesis: inherit;
  font-variant: inherit;
  font-weight: inherit;
  line-height: 60px;
  margin: 0;
  min-height: 60px;
  overflow: visible;
  padding: 3.75px 30px;
  text-align: center;
  text-decoration: none;
  text-transform: none;
  vertical-align: middle;
}

.ctaButton:hover {
  color: #4d4d4d;
}

#title {
  padding: 3.75px 15px 3.75px 90px;
  background-color: #666666;
  color: #f6f2ed;
}

#callToActionDefault {
  color: #f6f2ed;
  font-family: "bebas", arial, sans-serif;
  font-weight: normal;
  font-size: 22px;
  background-color: #1a1a1a;
  padding: 60px 0;
}

#callToActionDefault p {
  min-height: 4em;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
}

.ts-fullWidthContainer {
  padding-left: 0;
  padding-right: 0;
  max-width: 100%;
}

.noPadLeft {
  padding-left: 0;
}

.ts-fullHeightContainer {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  max-height: 100%;
}

#splash {
  max-height: 500px;
  min-height: 300px;
}

#indexPage #splash {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  background-image: url(../img/hand.jpg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.flatback {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  padding: 45px !important;
  background-color: rgba(255, 255, 255, 0.9);
}

#ctaHeadline {
  font-size: 36px;
  padding-bottom: 30px;
}

#bottomFooter .flatback {
  background-color: #333333;
}

.ctaBadge {
  background: #f6f2ed none repeat scroll 0 0;
  border-radius: 100%;
  box-sizing: border-box;
  color: #333333;
  display: inline-block;
  font-size: 60px;
  height: 100px;
  line-height: 100px;
  text-align: center;
  width: 100px;
}

.ctaBadge:hover {
  color: #4d4d4d;
}

.parapadxlarge {
  padding-top: 15px;
}

.gridshiftxlarge {
  margin-left: 0;
}

#footerLinksSmall {
  display: none;
}

.italics {
  font-style: italic;
}

li {
  padding-bottom: 7.5px;
}

.ui-tooltip {
  border-width: 1px !important;
  border-color: #1a1a1a;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  border-radius: 0;
}

.disabled a {
  opacity: .1;
  text-decoration: none;
}

#mobileMenu > div {
  padding: 30px 15px;
}

#mobileMenu > div > div {
  padding-bottom: 15px;
}

#mobileMenu .disabled a {
  opacity: .3;
}

#mobileMenu h2 {
  margin-bottom: 7.5px;
}

#mobileMenu h1, #mobileMenu h2, #mobileMenu h3, #mobileMenu h4, #mobileMenu h5, #mobileMenu h6 {
  color: #f6f2ed;
}

#mobileMenu a {
  color: #f6f2ed;
  display: list-item;
  list-style-type: none;
  padding-left: 15px;
}

@media (max-width: 1219px) {
  .parapadlarge,
  .parapadxsmalllarge,
  .parapadxsmallxlarge,
  .parapadsmalllarge,
  .parapadsmallxlarge,
  .parapadmediumlarge,
  .parapadmediumxlarge,
  .parapadlargexlarge {
    padding-top: 15px;
  }
  .gridshiftlarge,
  .gridshiftxsmalllarge,
  .gridshiftxsmallxlarge,
  .gridshiftsmalllarge,
  .gridshiftsmallxlarge,
  .gridshiftmediumlarge,
  .gridshiftmediumxlarge,
  .gridshiftlargexlarge {
    margin-left: 0;
  }
  #mainContentHeadline .ts-headline {
    font-size: .8em;
    line-height: 1em;
  }
}

@media (max-width: 991px) {
  .parapadmedium,
  .parapadxsmallmedium,
  .parapadxsmalllarge,
  .parapadxsmallxlarge,
  .parapadsmallmedium,
  .parapadsmalllarge,
  .parapadsmallxlarge,
  .parapadmediumlarge,
  .parapadmediumxlarge {
    padding-top: 15px;
  }
  .gridshiftmedium,
  .gridshiftxsmallmedium,
  .gridshiftxsmalllarge,
  .gridshiftxsmallxlarge,
  .gridshiftsmallmedium,
  .gridshiftsmalllarge,
  .gridshiftsmallxlarge,
  .gridshiftmediumlarge,
  .gridshiftmediumxlarge {
    margin-left: 0;
  }
  .ctaBadge {
    display: none;
  }
  #callToActionDefault p {
    min-height: unset;
  }
  #mainContentHeadline .ts-headline {
    font-size: 1em;
    line-height: 1en;
  }
  #mainContentHeadline .ts-headline span + span {
    display: block;
  }
  #mainContentHeadline .ts-headline span.smaller span + span {
    margin-bottom: -.8em;
  }
}

@media (max-width: 767px) {
  .parapadsmall,
  .parapadxsmallsmall,
  .parapadxsmallmedium,
  .parapadxsmalllarge,
  .parapadxsmallxlarge,
  .parapadsmallmedium,
  .parapadsmalllarge,
  .parapadsmallxlarge {
    padding-top: 15px;
  }
  .gridshiftsmall,
  .gridshiftxsmallsmall,
  .gridshiftxsmallmedium,
  .gridshiftxsmalllarge,
  .gridshiftxsmallxlarge,
  .gridshiftsmallmedium,
  .gridshiftsmalllarge,
  .gridshiftsmallxlarge {
    margin-left: 0;
  }
  #footerLinks, #footerBasics, #footerLinksSmall {
    padding: 0;
  }
  #headerLogoLarge {
    display: none;
  }
  #headerLogoSmall {
    display: block;
  }
  #mainMenu {
    text-align: center;
    position: relative;
    width: 100%;
    padding-top: 30px;
  }
  #hamburger {
    float: right;
    bottom: 0;
  }
  #footerLinksSmall {
    display: block !important;
    padding-top: 30px;
  }
  #footerLinks {
    display: none;
  }
  #mainContentHeadline .ts-headline {
    font-size: .83em;
    line-height: 1em;
  }
  #mainContentHeadline .ts-headline span + span {
    display: block;
  }
  #mainContentHeadline .ts-headline span.smaller span + span {
    margin-bottom: -.8em;
  }
  #logoMain span {
    padding-right: 19.8px;
  }
}

@media (max-width: 868px) {
  #mainHeadline {
    display: none;
  }
}

@media (max-width: 479px) {
  .parapadxsmall,
  .parapadxsmallsmall,
  .parapadxsmallmedium,
  .parapadxsmalllarge,
  .parapadxsmallxlarge {
    padding-top: 15px;
  }
  .gridshiftxsmall,
  .gridshiftxsmallsmall,
  .gridshiftxsmallmedium,
  .gridshiftxsmalllarge,
  .gridshiftxsmallxlarge {
    margin-left: 0;
    /* Whole */
    /* Halves */
    /* Thirds */
    /* Quarters */
    /* Fifths */
    /* Sixths */
    /* Tenths */
  }
  .gridshiftxsmall .uk-width-xsmall-1-1,
  .gridshiftxsmallsmall .uk-width-xsmall-1-1,
  .gridshiftxsmallmedium .uk-width-xsmall-1-1,
  .gridshiftxsmalllarge .uk-width-xsmall-1-1,
  .gridshiftxsmallxlarge .uk-width-xsmall-1-1 {
    width: 100%;
  }
  .gridshiftxsmall .uk-width-xsmall-1-2,
  .gridshiftxsmall .uk-width-xsmall-2-4,
  .gridshiftxsmall .uk-width-xsmall-3-6,
  .gridshiftxsmall .uk-width-xsmall-5-10,
  .gridshiftxsmallsmall .uk-width-xsmall-1-2,
  .gridshiftxsmallsmall .uk-width-xsmall-2-4,
  .gridshiftxsmallsmall .uk-width-xsmall-3-6,
  .gridshiftxsmallsmall .uk-width-xsmall-5-10,
  .gridshiftxsmallmedium .uk-width-xsmall-1-2,
  .gridshiftxsmallmedium .uk-width-xsmall-2-4,
  .gridshiftxsmallmedium .uk-width-xsmall-3-6,
  .gridshiftxsmallmedium .uk-width-xsmall-5-10,
  .gridshiftxsmalllarge .uk-width-xsmall-1-2,
  .gridshiftxsmalllarge .uk-width-xsmall-2-4,
  .gridshiftxsmalllarge .uk-width-xsmall-3-6,
  .gridshiftxsmalllarge .uk-width-xsmall-5-10,
  .gridshiftxsmallxlarge .uk-width-xsmall-1-2,
  .gridshiftxsmallxlarge .uk-width-xsmall-2-4,
  .gridshiftxsmallxlarge .uk-width-xsmall-3-6,
  .gridshiftxsmallxlarge .uk-width-xsmall-5-10 {
    width: 50%;
  }
  .gridshiftxsmall .uk-width-xsmall-1-3,
  .gridshiftxsmall .uk-width-xsmall-2-6,
  .gridshiftxsmallsmall .uk-width-xsmall-1-3,
  .gridshiftxsmallsmall .uk-width-xsmall-2-6,
  .gridshiftxsmallmedium .uk-width-xsmall-1-3,
  .gridshiftxsmallmedium .uk-width-xsmall-2-6,
  .gridshiftxsmalllarge .uk-width-xsmall-1-3,
  .gridshiftxsmalllarge .uk-width-xsmall-2-6,
  .gridshiftxsmallxlarge .uk-width-xsmall-1-3,
  .gridshiftxsmallxlarge .uk-width-xsmall-2-6 {
    width: 33.333%;
  }
  .gridshiftxsmall .uk-width-xsmall-2-3,
  .gridshiftxsmall .uk-width-xsmall-4-6,
  .gridshiftxsmallsmall .uk-width-xsmall-2-3,
  .gridshiftxsmallsmall .uk-width-xsmall-4-6,
  .gridshiftxsmallmedium .uk-width-xsmall-2-3,
  .gridshiftxsmallmedium .uk-width-xsmall-4-6,
  .gridshiftxsmalllarge .uk-width-xsmall-2-3,
  .gridshiftxsmalllarge .uk-width-xsmall-4-6,
  .gridshiftxsmallxlarge .uk-width-xsmall-2-3,
  .gridshiftxsmallxlarge .uk-width-xsmall-4-6 {
    width: 66.666%;
  }
  .gridshiftxsmall .uk-width-xsmall-1-4,
  .gridshiftxsmallsmall .uk-width-xsmall-1-4,
  .gridshiftxsmallmedium .uk-width-xsmall-1-4,
  .gridshiftxsmalllarge .uk-width-xsmall-1-4,
  .gridshiftxsmallxlarge .uk-width-xsmall-1-4 {
    width: 25%;
  }
  .gridshiftxsmall .uk-width-xsmall-3-4,
  .gridshiftxsmallsmall .uk-width-xsmall-3-4,
  .gridshiftxsmallmedium .uk-width-xsmall-3-4,
  .gridshiftxsmalllarge .uk-width-xsmall-3-4,
  .gridshiftxsmallxlarge .uk-width-xsmall-3-4 {
    width: 75%;
  }
  .gridshiftxsmall .uk-width-xsmall-1-5,
  .gridshiftxsmall .uk-width-xsmall-2-10,
  .gridshiftxsmallsmall .uk-width-xsmall-1-5,
  .gridshiftxsmallsmall .uk-width-xsmall-2-10,
  .gridshiftxsmallmedium .uk-width-xsmall-1-5,
  .gridshiftxsmallmedium .uk-width-xsmall-2-10,
  .gridshiftxsmalllarge .uk-width-xsmall-1-5,
  .gridshiftxsmalllarge .uk-width-xsmall-2-10,
  .gridshiftxsmallxlarge .uk-width-xsmall-1-5,
  .gridshiftxsmallxlarge .uk-width-xsmall-2-10 {
    width: 20%;
  }
  .gridshiftxsmall .uk-width-xsmall-2-5,
  .gridshiftxsmall .uk-width-xsmall-4-10,
  .gridshiftxsmallsmall .uk-width-xsmall-2-5,
  .gridshiftxsmallsmall .uk-width-xsmall-4-10,
  .gridshiftxsmallmedium .uk-width-xsmall-2-5,
  .gridshiftxsmallmedium .uk-width-xsmall-4-10,
  .gridshiftxsmalllarge .uk-width-xsmall-2-5,
  .gridshiftxsmalllarge .uk-width-xsmall-4-10,
  .gridshiftxsmallxlarge .uk-width-xsmall-2-5,
  .gridshiftxsmallxlarge .uk-width-xsmall-4-10 {
    width: 40%;
  }
  .gridshiftxsmall .uk-width-xsmall-3-5,
  .gridshiftxsmall .uk-width-xsmall-6-10,
  .gridshiftxsmallsmall .uk-width-xsmall-3-5,
  .gridshiftxsmallsmall .uk-width-xsmall-6-10,
  .gridshiftxsmallmedium .uk-width-xsmall-3-5,
  .gridshiftxsmallmedium .uk-width-xsmall-6-10,
  .gridshiftxsmalllarge .uk-width-xsmall-3-5,
  .gridshiftxsmalllarge .uk-width-xsmall-6-10,
  .gridshiftxsmallxlarge .uk-width-xsmall-3-5,
  .gridshiftxsmallxlarge .uk-width-xsmall-6-10 {
    width: 60%;
  }
  .gridshiftxsmall .uk-width-xsmall-4-5,
  .gridshiftxsmall .uk-width-xsmall-8-10,
  .gridshiftxsmallsmall .uk-width-xsmall-4-5,
  .gridshiftxsmallsmall .uk-width-xsmall-8-10,
  .gridshiftxsmallmedium .uk-width-xsmall-4-5,
  .gridshiftxsmallmedium .uk-width-xsmall-8-10,
  .gridshiftxsmalllarge .uk-width-xsmall-4-5,
  .gridshiftxsmalllarge .uk-width-xsmall-8-10,
  .gridshiftxsmallxlarge .uk-width-xsmall-4-5,
  .gridshiftxsmallxlarge .uk-width-xsmall-8-10 {
    width: 80%;
  }
  .gridshiftxsmall .uk-width-xsmall-1-6,
  .gridshiftxsmallsmall .uk-width-xsmall-1-6,
  .gridshiftxsmallmedium .uk-width-xsmall-1-6,
  .gridshiftxsmalllarge .uk-width-xsmall-1-6,
  .gridshiftxsmallxlarge .uk-width-xsmall-1-6 {
    width: 16.666%;
  }
  .gridshiftxsmall .uk-width-xsmall-5-6,
  .gridshiftxsmallsmall .uk-width-xsmall-5-6,
  .gridshiftxsmallmedium .uk-width-xsmall-5-6,
  .gridshiftxsmalllarge .uk-width-xsmall-5-6,
  .gridshiftxsmallxlarge .uk-width-xsmall-5-6 {
    width: 83.333%;
  }
  .gridshiftxsmall .uk-width-xsmall-1-10,
  .gridshiftxsmallsmall .uk-width-xsmall-1-10,
  .gridshiftxsmallmedium .uk-width-xsmall-1-10,
  .gridshiftxsmalllarge .uk-width-xsmall-1-10,
  .gridshiftxsmallxlarge .uk-width-xsmall-1-10 {
    width: 10%;
  }
  .gridshiftxsmall .uk-width-xsmall-3-10,
  .gridshiftxsmallsmall .uk-width-xsmall-3-10,
  .gridshiftxsmallmedium .uk-width-xsmall-3-10,
  .gridshiftxsmalllarge .uk-width-xsmall-3-10,
  .gridshiftxsmallxlarge .uk-width-xsmall-3-10 {
    width: 30%;
  }
  .gridshiftxsmall .uk-width-xsmall-7-10,
  .gridshiftxsmallsmall .uk-width-xsmall-7-10,
  .gridshiftxsmallmedium .uk-width-xsmall-7-10,
  .gridshiftxsmalllarge .uk-width-xsmall-7-10,
  .gridshiftxsmallxlarge .uk-width-xsmall-7-10 {
    width: 70%;
  }
  .gridshiftxsmall .uk-width-xsmall-9-10,
  .gridshiftxsmallsmall .uk-width-xsmall-9-10,
  .gridshiftxsmallmedium .uk-width-xsmall-9-10,
  .gridshiftxsmalllarge .uk-width-xsmall-9-10,
  .gridshiftxsmallxlarge .uk-width-xsmall-9-10 {
    width: 90%;
  }
  .padminimizexsmall {
    padding-left: 10px;
    padding-right: 10px;
  }
  .padminimizexsmall .flatback {
    padding: 15px !important;
  }
  #headerMenu {
    display: none;
  }
  #hamburger {
    float: right;
    bottom: 30px;
  }
  .uk-width-xsmall-1-1.dynpad {
    padding-top: 30px;
  }
  .uk-grid-divider > [class*='uk-width-large-']:not(.uk-width-large-1-1):nth-child(n+2) {
    border-left: 1px solid #ddd;
  }
  #headerQuicklink span {
    padding-right: 10px;
  }
  #mainContentHeadline .ts-headline {
    font-size: .66em;
    line-height: 1em;
    text-align: center;
    -moz-text-align-last: center;
    text-align-last: center;
  }
  #mainContentHeadline .ts-headline span + span {
    display: block;
  }
  #mainContentHeadline .ts-headline span.smaller span + span {
    margin-bottom: -.8em;
  }
}