.purple3 {
    color: #3B0EFF;
}

.purple3-900 {
    color: #3B0EFF;
}

.purple3-800 {
    color: #4f1bff;
}

.purple3-700 {
    color: #5d33fb;
}

.purple3-600 {
    color: #7a4dfe;
}

.purple3-500 {
    color: #8a61f2;
}

.purple3-400 {
    color: #b058ff;
}

.purple3-300 {
    color: #b563ef;
}

.purple3-200 {
    color: #c289ff;
}

.purple3-100 {
    color: #d4c2ff;
}

.purple3-50 {
    color: #ebe5ff;
}

@font-face {
    font-family: foundation-icons;
    src: url(foundation-icons.eot);
    src: url(foundation-icons.eot?#iefix) format("embedded-opentype"), url(foundation-icons.woff) format("woff"), url(foundation-icons.ttf) format("truetype"), url(foundation-icons.svg#fontcustom) format("svg");
    font-weight: 400;
    font-style: normal
}

.fi-address-book:before, .fi-alert:before, .fi-align-center:before, .fi-align-justify:before, .fi-align-left:before, .fi-align-right:before, .fi-anchor:before, .fi-annotate:before, .fi-archive:before, .fi-arrow-down:before, .fi-arrow-left:before, .fi-arrow-right:before, .fi-arrow-up:before, .fi-arrows-compress:before, .fi-arrows-expand:before, .fi-arrows-in:before, .fi-arrows-out:before, .fi-asl:before, .fi-asterisk:before, .fi-at-sign:before, .fi-background-color:before, .fi-battery-empty:before, .fi-battery-full:before, .fi-battery-half:before, .fi-bitcoin-circle:before, .fi-bitcoin:before, .fi-blind:before, .fi-bluetooth:before, .fi-bold:before, .fi-book-bookmark:before, .fi-book:before, .fi-bookmark:before, .fi-braille:before, .fi-burst-new:before, .fi-burst-sale:before, .fi-burst:before, .fi-calendar:before, .fi-camera:before, .fi-check:before, .fi-checkbox:before, .fi-clipboard-notes:before, .fi-clipboard-pencil:before, .fi-clipboard:before, .fi-clock:before, .fi-closed-caption:before, .fi-cloud:before, .fi-comment-minus:before, .fi-comment-quotes:before, .fi-comment-video:before, .fi-comment:before, .fi-comments:before, .fi-compass:before, .fi-contrast:before, .fi-credit-card:before, .fi-crop:before, .fi-crown:before, .fi-css3:before, .fi-database:before, .fi-die-five:before, .fi-die-four:before, .fi-die-one:before, .fi-die-six:before, .fi-die-three:before, .fi-die-two:before, .fi-dislike:before, .fi-dollar-bill:before, .fi-dollar:before, .fi-download:before, .fi-eject:before, .fi-elevator:before, .fi-euro:before, .fi-eye:before, .fi-fast-forward:before, .fi-female-symbol:before, .fi-female:before, .fi-filter:before, .fi-first-aid:before, .fi-flag:before, .fi-folder-add:before, .fi-folder-lock:before, .fi-folder:before, .fi-foot:before, .fi-foundation:before, .fi-graph-bar:before, .fi-graph-horizontal:before, .fi-graph-pie:before, .fi-graph-trend:before, .fi-guide-dog:before, .fi-hearing-aid:before, .fi-heart:before, .fi-home:before, .fi-html5:before, .fi-indent-less:before, .fi-indent-more:before, .fi-info:before, .fi-italic:before, .fi-key:before, .fi-laptop:before, .fi-layout:before, .fi-lightbulb:before, .fi-like:before, .fi-link:before, .fi-list-bullet:before, .fi-list-number:before, .fi-list-thumbnails:before, .fi-list:before, .fi-lock:before, .fi-loop:before, .fi-magnifying-glass:before, .fi-mail:before, .fi-male-female:before, .fi-male-symbol:before, .fi-male:before, .fi-map:before, .fi-marker:before, .fi-megaphone:before, .fi-microphone:before, .fi-minus-circle:before, .fi-minus:before, .fi-mobile-signal:before, .fi-mobile:before, .fi-monitor:before, .fi-mountains:before, .fi-music:before, .fi-next:before, .fi-no-dogs:before, .fi-no-smoking:before, .fi-page-add:before, .fi-page-copy:before, .fi-page-csv:before, .fi-page-delete:before, .fi-page-doc:before, .fi-page-edit:before, .fi-page-export-csv:before, .fi-page-export-doc:before, .fi-page-export-pdf:before, .fi-page-export:before, .fi-page-filled:before, .fi-page-multiple:before, .fi-page-pdf:before, .fi-page-remove:before, .fi-page-search:before, .fi-page:before, .fi-paint-bucket:before, .fi-paperclip:before, .fi-pause:before, .fi-paw:before, .fi-paypal:before, .fi-pencil:before, .fi-photo:before, .fi-play-circle:before, .fi-play-video:before, .fi-play:before, .fi-plus:before, .fi-pound:before, .fi-power:before, .fi-previous:before, .fi-price-tag:before, .fi-pricetag-multiple:before, .fi-print:before, .fi-prohibited:before, .fi-projection-screen:before, .fi-puzzle:before, .fi-quote:before, .fi-record:before, .fi-refresh:before, .fi-results-demographics:before, .fi-results:before, .fi-rewind-ten:before, .fi-rewind:before, .fi-rss:before, .fi-safety-cone:before, .fi-save:before, .fi-share:before, .fi-sheriff-badge:before, .fi-shield:before, .fi-shopping-bag:before, .fi-shopping-cart:before, .fi-shuffle:before, .fi-skull:before, .fi-social-500px:before, .fi-social-adobe:before, .fi-social-amazon:before, .fi-social-android:before, .fi-social-apple:before, .fi-social-behance:before, .fi-social-bing:before, .fi-social-blogger:before, .fi-social-delicious:before, .fi-social-designer-news:before, .fi-social-deviant-art:before, .fi-social-digg:before, .fi-social-dribbble:before, .fi-social-drive:before, .fi-social-dropbox:before, .fi-social-evernote:before, .fi-social-facebook:before, .fi-social-flickr:before, .fi-social-forrst:before, .fi-social-foursquare:before, .fi-social-game-center:before, .fi-social-github:before, .fi-social-google-plus:before, .fi-social-hacker-news:before, .fi-social-hi5:before, .fi-social-instagram:before, .fi-social-joomla:before, .fi-social-lastfm:before, .fi-social-linkedin:before, .fi-social-medium:before, .fi-social-myspace:before, .fi-social-orkut:before, .fi-social-path:before, .fi-social-picasa:before, .fi-social-pinterest:before, .fi-social-rdio:before, .fi-social-reddit:before, .fi-social-skillshare:before, .fi-social-skype:before, .fi-social-smashing-mag:before, .fi-social-snapchat:before, .fi-social-spotify:before, .fi-social-squidoo:before, .fi-social-stack-overflow:before, .fi-social-steam:before, .fi-social-stumbleupon:before, .fi-social-treehouse:before, .fi-social-tumblr:before, .fi-social-twitter:before, .fi-social-vimeo:before, .fi-social-windows:before, .fi-social-xbox:before, .fi-social-yahoo:before, .fi-social-yelp:before, .fi-social-youtube:before, .fi-social-zerply:before, .fi-social-zurb:before, .fi-sound:before, .fi-star:before, .fi-stop:before, .fi-strikethrough:before, .fi-subscript:before, .fi-superscript:before, .fi-tablet-landscape:before, .fi-tablet-portrait:before, .fi-target-two:before, .fi-target:before, .fi-telephone-accessible:before, .fi-telephone:before, .fi-text-color:before, .fi-thumbnails:before, .fi-ticket:before, .fi-torso-business:before, .fi-torso-female:before, .fi-torso:before, .fi-torsos-all-female:before, .fi-torsos-all:before, .fi-torsos-female-male:before, .fi-torsos-male-female:before, .fi-torsos:before, .fi-trash:before, .fi-trees:before, .fi-trophy:before, .fi-underline:before, .fi-universal-access:before, .fi-unlink:before, .fi-unlock:before, .fi-upload-cloud:before, .fi-upload:before, .fi-usb:before, .fi-video:before, .fi-volume-none:before, .fi-volume-strike:before, .fi-volume:before, .fi-web:before, .fi-wheelchair:before, .fi-widget:before, .fi-wrench:before, .fi-x-circle:before, .fi-x:before, .fi-yen:before, .fi-zoom-in:before, .fi-zoom-out:before {
    font-family: foundation-icons;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    text-decoration: inherit
}

.fi-address-book:before {
    content: "\f100"
}

.fi-alert:before {
    content: "\f101"
}

.fi-align-center:before {
    content: "\f102"
}

.fi-align-justify:before {
    content: "\f103"
}

.fi-align-left:before {
    content: "\f104"
}

.fi-align-right:before {
    content: "\f105"
}

.fi-anchor:before {
    content: "\f106"
}

.fi-annotate:before {
    content: "\f107"
}

.fi-archive:before {
    content: "\f108"
}

.fi-arrow-down:before {
    content: "\f109"
}

.fi-arrow-left:before {
    content: "\f10a"
}

.fi-arrow-right:before {
    content: "\f10b"
}

.fi-arrow-up:before {
    content: "\f10c"
}

.fi-arrows-compress:before {
    content: "\f10d"
}

.fi-arrows-expand:before {
    content: "\f10e"
}

.fi-arrows-in:before {
    content: "\f10f"
}

.fi-arrows-out:before {
    content: "\f110"
}

.fi-asl:before {
    content: "\f111"
}

.fi-asterisk:before {
    content: "\f112"
}

.fi-at-sign:before {
    content: "\f113"
}

.fi-background-color:before {
    content: "\f114"
}

.fi-battery-empty:before {
    content: "\f115"
}

.fi-battery-full:before {
    content: "\f116"
}

.fi-battery-half:before {
    content: "\f117"
}

.fi-bitcoin-circle:before {
    content: "\f118"
}

.fi-bitcoin:before {
    content: "\f119"
}

.fi-blind:before {
    content: "\f11a"
}

.fi-bluetooth:before {
    content: "\f11b"
}

.fi-bold:before {
    content: "\f11c"
}

.fi-book-bookmark:before {
    content: "\f11d"
}

.fi-book:before {
    content: "\f11e"
}

.fi-bookmark:before {
    content: "\f11f"
}

.fi-braille:before {
    content: "\f120"
}

.fi-burst-new:before {
    content: "\f121"
}

.fi-burst-sale:before {
    content: "\f122"
}

.fi-burst:before {
    content: "\f123"
}

.fi-calendar:before {
    content: "\f124"
}

.fi-camera:before {
    content: "\f125"
}

.fi-check:before {
    content: "\f126"
}

.fi-checkbox:before {
    content: "\f127"
}

.fi-clipboard-notes:before {
    content: "\f128"
}

.fi-clipboard-pencil:before {
    content: "\f129"
}

.fi-clipboard:before {
    content: "\f12a"
}

.fi-clock:before {
    content: "\f12b"
}

.fi-closed-caption:before {
    content: "\f12c"
}

.fi-cloud:before {
    content: "\f12d"
}

.fi-comment-minus:before {
    content: "\f12e"
}

.fi-comment-quotes:before {
    content: "\f12f"
}

.fi-comment-video:before {
    content: "\f130"
}

.fi-comment:before {
    content: "\f131"
}

.fi-comments:before {
    content: "\f132"
}

.fi-compass:before {
    content: "\f133"
}

.fi-contrast:before {
    content: "\f134"
}

.fi-credit-card:before {
    content: "\f135"
}

.fi-crop:before {
    content: "\f136"
}

.fi-crown:before {
    content: "\f137"
}

.fi-css3:before {
    content: "\f138"
}

.fi-database:before {
    content: "\f139"
}

.fi-die-five:before {
    content: "\f13a"
}

.fi-die-four:before {
    content: "\f13b"
}

.fi-die-one:before {
    content: "\f13c"
}

.fi-die-six:before {
    content: "\f13d"
}

.fi-die-three:before {
    content: "\f13e"
}

.fi-die-two:before {
    content: "\f13f"
}

.fi-dislike:before {
    content: "\f140"
}

.fi-dollar-bill:before {
    content: "\f141"
}

.fi-dollar:before {
    content: "\f142"
}

.fi-download:before {
    content: "\f143"
}

.fi-eject:before {
    content: "\f144"
}

.fi-elevator:before {
    content: "\f145"
}

.fi-euro:before {
    content: "\f146"
}

.fi-eye:before {
    content: "\f147"
}

.fi-fast-forward:before {
    content: "\f148"
}

.fi-female-symbol:before {
    content: "\f149"
}

.fi-female:before {
    content: "\f14a"
}

.fi-filter:before {
    content: "\f14b"
}

.fi-first-aid:before {
    content: "\f14c"
}

.fi-flag:before {
    content: "\f14d"
}

.fi-folder-add:before {
    content: "\f14e"
}

.fi-folder-lock:before {
    content: "\f14f"
}

.fi-folder:before {
    content: "\f150"
}

.fi-foot:before {
    content: "\f151"
}

.fi-foundation:before {
    content: "\f152"
}

.fi-graph-bar:before {
    content: "\f153"
}

.fi-graph-horizontal:before {
    content: "\f154"
}

.fi-graph-pie:before {
    content: "\f155"
}

.fi-graph-trend:before {
    content: "\f156"
}

.fi-guide-dog:before {
    content: "\f157"
}

.fi-hearing-aid:before {
    content: "\f158"
}

.fi-heart:before {
    content: "\f159"
}

.fi-home:before {
    content: "\f15a"
}

.fi-html5:before {
    content: "\f15b"
}

.fi-indent-less:before {
    content: "\f15c"
}

.fi-indent-more:before {
    content: "\f15d"
}

.fi-info:before {
    content: "\f15e"
}

.fi-italic:before {
    content: "\f15f"
}

.fi-key:before {
    content: "\f160"
}

.fi-laptop:before {
    content: "\f161"
}

.fi-layout:before {
    content: "\f162"
}

.fi-lightbulb:before {
    content: "\f163"
}

.fi-like:before {
    content: "\f164"
}

.fi-link:before {
    content: "\f165"
}

.fi-list-bullet:before {
    content: "\f166"
}

.fi-list-number:before {
    content: "\f167"
}

.fi-list-thumbnails:before {
    content: "\f168"
}

.fi-list:before {
    content: "\f169"
}

.fi-lock:before {
    content: "\f16a"
}

.fi-loop:before {
    content: "\f16b"
}

.fi-magnifying-glass:before {
    content: "\f16c"
}

.fi-mail:before {
    content: "\f16d"
}

.fi-male-female:before {
    content: "\f16e"
}

.fi-male-symbol:before {
    content: "\f16f"
}

.fi-male:before {
    content: "\f170"
}

.fi-map:before {
    content: "\f171"
}

.fi-marker:before {
    content: "\f172"
}

.fi-megaphone:before {
    content: "\f173"
}

.fi-microphone:before {
    content: "\f174"
}

.fi-minus-circle:before {
    content: "\f175"
}

.fi-minus:before {
    content: "\f176"
}

.fi-mobile-signal:before {
    content: "\f177"
}

.fi-mobile:before {
    content: "\f178"
}

.fi-monitor:before {
    content: "\f179"
}

.fi-mountains:before {
    content: "\f17a"
}

.fi-music:before {
    content: "\f17b"
}

.fi-next:before {
    content: "\f17c"
}

.fi-no-dogs:before {
    content: "\f17d"
}

.fi-no-smoking:before {
    content: "\f17e"
}

.fi-page-add:before {
    content: "\f17f"
}

.fi-page-copy:before {
    content: "\f180"
}

.fi-page-csv:before {
    content: "\f181"
}

.fi-page-delete:before {
    content: "\f182"
}

.fi-page-doc:before {
    content: "\f183"
}

.fi-page-edit:before {
    content: "\f184"
}

.fi-page-export-csv:before {
    content: "\f185"
}

.fi-page-export-doc:before {
    content: "\f186"
}

.fi-page-export-pdf:before {
    content: "\f187"
}

.fi-page-export:before {
    content: "\f188"
}

.fi-page-filled:before {
    content: "\f189"
}

.fi-page-multiple:before {
    content: "\f18a"
}

.fi-page-pdf:before {
    content: "\f18b"
}

.fi-page-remove:before {
    content: "\f18c"
}

.fi-page-search:before {
    content: "\f18d"
}

.fi-page:before {
    content: "\f18e"
}

.fi-paint-bucket:before {
    content: "\f18f"
}

.fi-paperclip:before {
    content: "\f190"
}

.fi-pause:before {
    content: "\f191"
}

.fi-paw:before {
    content: "\f192"
}

.fi-paypal:before {
    content: "\f193"
}

.fi-pencil:before {
    content: "\f194"
}

.fi-photo:before {
    content: "\f195"
}

.fi-play-circle:before {
    content: "\f196"
}

.fi-play-video:before {
    content: "\f197"
}

.fi-play:before {
    content: "\f198"
}

.fi-plus:before {
    content: "\f199"
}

.fi-pound:before {
    content: "\f19a"
}

.fi-power:before {
    content: "\f19b"
}

.fi-previous:before {
    content: "\f19c"
}

.fi-price-tag:before {
    content: "\f19d"
}

.fi-pricetag-multiple:before {
    content: "\f19e"
}

.fi-print:before {
    content: "\f19f"
}

.fi-prohibited:before {
    content: "\f1a0"
}

.fi-projection-screen:before {
    content: "\f1a1"
}

.fi-puzzle:before {
    content: "\f1a2"
}

.fi-quote:before {
    content: "\f1a3"
}

.fi-record:before {
    content: "\f1a4"
}

.fi-refresh:before {
    content: "\f1a5"
}

.fi-results-demographics:before {
    content: "\f1a6"
}

.fi-results:before {
    content: "\f1a7"
}

.fi-rewind-ten:before {
    content: "\f1a8"
}

.fi-rewind:before {
    content: "\f1a9"
}

.fi-rss:before {
    content: "\f1aa"
}

.fi-safety-cone:before {
    content: "\f1ab"
}

.fi-save:before {
    content: "\f1ac"
}

.fi-share:before {
    content: "\f1ad"
}

.fi-sheriff-badge:before {
    content: "\f1ae"
}

.fi-shield:before {
    content: "\f1af"
}

.fi-shopping-bag:before {
    content: "\f1b0"
}

.fi-shopping-cart:before {
    content: "\f1b1"
}

.fi-shuffle:before {
    content: "\f1b2"
}

.fi-skull:before {
    content: "\f1b3"
}

.fi-social-500px:before {
    content: "\f1b4"
}

.fi-social-adobe:before {
    content: "\f1b5"
}

.fi-social-amazon:before {
    content: "\f1b6"
}

.fi-social-android:before {
    content: "\f1b7"
}

.fi-social-apple:before {
    content: "\f1b8"
}

.fi-social-behance:before {
    content: "\f1b9"
}

.fi-social-bing:before {
    content: "\f1ba"
}

.fi-social-blogger:before {
    content: "\f1bb"
}

.fi-social-delicious:before {
    content: "\f1bc"
}

.fi-social-designer-news:before {
    content: "\f1bd"
}

.fi-social-deviant-art:before {
    content: "\f1be"
}

.fi-social-digg:before {
    content: "\f1bf"
}

.fi-social-dribbble:before {
    content: "\f1c0"
}

.fi-social-drive:before {
    content: "\f1c1"
}

.fi-social-dropbox:before {
    content: "\f1c2"
}

.fi-social-evernote:before {
    content: "\f1c3"
}

.fi-social-facebook:before {
    content: "\f1c4"
}

.fi-social-flickr:before {
    content: "\f1c5"
}

.fi-social-forrst:before {
    content: "\f1c6"
}

.fi-social-foursquare:before {
    content: "\f1c7"
}

.fi-social-game-center:before {
    content: "\f1c8"
}

.fi-social-github:before {
    content: "\f1c9"
}

.fi-social-google-plus:before {
    content: "\f1ca"
}

.fi-social-hacker-news:before {
    content: "\f1cb"
}

.fi-social-hi5:before {
    content: "\f1cc"
}

.fi-social-instagram:before {
    content: "\f1cd"
}

.fi-social-joomla:before {
    content: "\f1ce"
}

.fi-social-lastfm:before {
    content: "\f1cf"
}

.fi-social-linkedin:before {
    content: "\f1d0"
}

.fi-social-medium:before {
    content: "\f1d1"
}

.fi-social-myspace:before {
    content: "\f1d2"
}

.fi-social-orkut:before {
    content: "\f1d3"
}

.fi-social-path:before {
    content: "\f1d4"
}

.fi-social-picasa:before {
    content: "\f1d5"
}

.fi-social-pinterest:before {
    content: "\f1d6"
}

.fi-social-rdio:before {
    content: "\f1d7"
}

.fi-social-reddit:before {
    content: "\f1d8"
}

.fi-social-skillshare:before {
    content: "\f1d9"
}

.fi-social-skype:before {
    content: "\f1da"
}

.fi-social-smashing-mag:before {
    content: "\f1db"
}

.fi-social-snapchat:before {
    content: "\f1dc"
}

.fi-social-spotify:before {
    content: "\f1dd"
}

.fi-social-squidoo:before {
    content: "\f1de"
}

.fi-social-stack-overflow:before {
    content: "\f1df"
}

.fi-social-steam:before {
    content: "\f1e0"
}

.fi-social-stumbleupon:before {
    content: "\f1e1"
}

.fi-social-treehouse:before {
    content: "\f1e2"
}

.fi-social-tumblr:before {
    content: "\f1e3"
}

.fi-social-twitter:before {
    content: "\f1e4"
}

.fi-social-vimeo:before {
    content: "\f1e5"
}

.fi-social-windows:before {
    content: "\f1e6"
}

.fi-social-xbox:before {
    content: "\f1e7"
}

.fi-social-yahoo:before {
    content: "\f1e8"
}

.fi-social-yelp:before {
    content: "\f1e9"
}

.fi-social-youtube:before {
    content: "\f1ea"
}

.fi-social-zerply:before {
    content: "\f1eb"
}

.fi-social-zurb:before {
    content: "\f1ec"
}

.fi-sound:before {
    content: "\f1ed"
}

.fi-star:before {
    content: "\f1ee"
}

.fi-stop:before {
    content: "\f1ef"
}

.fi-strikethrough:before {
    content: "\f1f0"
}

.fi-subscript:before {
    content: "\f1f1"
}

.fi-superscript:before {
    content: "\f1f2"
}

.fi-tablet-landscape:before {
    content: "\f1f3"
}

.fi-tablet-portrait:before {
    content: "\f1f4"
}

.fi-target-two:before {
    content: "\f1f5"
}

.fi-target:before {
    content: "\f1f6"
}

.fi-telephone-accessible:before {
    content: "\f1f7"
}

.fi-telephone:before {
    content: "\f1f8"
}

.fi-text-color:before {
    content: "\f1f9"
}

.fi-thumbnails:before {
    content: "\f1fa"
}

.fi-ticket:before {
    content: "\f1fb"
}

.fi-torso-business:before {
    content: "\f1fc"
}

.fi-torso-female:before {
    content: "\f1fd"
}

.fi-torso:before {
    content: "\f1fe"
}

.fi-torsos-all-female:before {
    content: "\f1ff"
}

.fi-torsos-all:before {
    content: "\f200"
}

.fi-torsos-female-male:before {
    content: "\f201"
}

.fi-torsos-male-female:before {
    content: "\f202"
}

.fi-torsos:before {
    content: "\f203"
}

.fi-trash:before {
    content: "\f204"
}

.fi-trees:before {
    content: "\f205"
}

.fi-trophy:before {
    content: "\f206"
}

.fi-underline:before {
    content: "\f207"
}

.fi-universal-access:before {
    content: "\f208"
}

.fi-unlink:before {
    content: "\f209"
}

.fi-unlock:before {
    content: "\f20a"
}

.fi-upload-cloud:before {
    content: "\f20b"
}

.fi-upload:before {
    content: "\f20c"
}

.fi-usb:before {
    content: "\f20d"
}

.fi-video:before {
    content: "\f20e"
}

.fi-volume-none:before {
    content: "\f20f"
}

.fi-volume-strike:before {
    content: "\f210"
}

.fi-volume:before {
    content: "\f211"
}

.fi-web:before {
    content: "\f212"
}

.fi-wheelchair:before {
    content: "\f213"
}

.fi-widget:before {
    content: "\f214"
}

.fi-wrench:before {
    content: "\f215"
}

.fi-x-circle:before {
    content: "\f216"
}

.fi-x:before {
    content: "\f217"
}

.fi-yen:before {
    content: "\f218"
}

.fi-zoom-in:before {
    content: "\f219"
}

.fi-zoom-out:before {
    content: "\f21a"
}

;
.twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before {
    content: " ";
    display: block;
    background: #fff;
    position: absolute;
    z-index: 4;
    box-shadow: 0 0 9pt rgba(51, 51, 51, .5)
}

.twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-horizontal .twentytwenty-handle:before {
    width: 3px;
    height: 9999px;
    left: 50%;
    margin-left: -1.5px
}

.twentytwenty-vertical .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before {
    width: 9999px;
    height: 3px;
    top: 50%;
    margin-top: -1.5px
}

.twentytwenty-after-label, .twentytwenty-before-label, .twentytwenty-overlay {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    transition-duration: .5s
}

.twentytwenty-after-label, .twentytwenty-before-label {
    transition-property: opacity
}

.twentytwenty-after-label:before, .twentytwenty-before-label:before {
    color: #fff;
    font-size: 13px;
    letter-spacing: .1em;
    position: absolute;
    background: hsla(0, 0%, 100%, .2);
    line-height: 38px;
    padding: 0 20px;
    border-radius: 2px
}

.twentytwenty-horizontal .twentytwenty-after-label:before, .twentytwenty-horizontal .twentytwenty-before-label:before {
    top: 50%;
    margin-top: -19px
}

.twentytwenty-vertical .twentytwenty-after-label:before, .twentytwenty-vertical .twentytwenty-before-label:before {
    left: 50%;
    margin-left: -45px;
    text-align: center;
    width: 90px
}

.twentytwenty-down-arrow, .twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow {
    width: 0;
    height: 0;
    border: 6px inset transparent;
    position: absolute
}

.twentytwenty-left-arrow, .twentytwenty-right-arrow {
    top: 50%;
    margin-top: -6px
}

.twentytwenty-down-arrow, .twentytwenty-up-arrow {
    left: 50%;
    margin-left: -6px
}

.twentytwenty-container {
    box-sizing: content-box;
    z-index: 0;
    overflow: hidden;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none
}

.twentytwenty-container img {
    max-width: 100%;
    position: absolute;
    top: 0;
    display: block
}

.twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active :hover.twentytwenty-overlay {
    background: transparent
}

.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label {
    opacity: 0
}

.twentytwenty-container * {
    box-sizing: content-box
}

.twentytwenty-before-label {
    opacity: 0
}

.twentytwenty-before-label:before {
    content: "Before"
}

.twentytwenty-after-label {
    opacity: 0
}

.twentytwenty-after-label:before {
    content: "After"
}

.twentytwenty-horizontal .twentytwenty-before-label:before {
    left: 10px
}

.twentytwenty-horizontal .twentytwenty-after-label:before {
    right: 10px
}

.twentytwenty-vertical .twentytwenty-before-label:before {
    top: 10px
}

.twentytwenty-vertical .twentytwenty-after-label:before {
    bottom: 10px
}

.twentytwenty-overlay {
    transition-property: background;
    background: transparent;
    z-index: 3
}

.twentytwenty-overlay:hover {
    background: rgba(0, 0, 0, .5)
}

.twentytwenty-overlay:hover .twentytwenty-after-label, .twentytwenty-overlay:hover .twentytwenty-before-label {
    opacity: 1
}

.twentytwenty-before {
    z-index: 2
}

.twentytwenty-after {
    z-index: 1
}

.twentytwenty-handle {
    height: 38px;
    width: 38px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -22px;
    margin-top: -22px;
    border: 3px solid #fff;
    border-radius: 750pt;
    box-shadow: 0 0 9pt rgba(51, 51, 51, .5);
    z-index: 5;
    cursor: pointer
}

.twentytwenty-horizontal .twentytwenty-handle:before {
    bottom: 50%;
    margin-bottom: 22px;
    box-shadow: 0 3px 0 #fff, 0 0 9pt rgba(51, 51, 51, .5)
}

.twentytwenty-horizontal .twentytwenty-handle:after {
    top: 50%;
    margin-top: 22px;
    box-shadow: 0 -3px 0 #fff, 0 0 9pt rgba(51, 51, 51, .5)
}

.twentytwenty-vertical .twentytwenty-handle:before {
    left: 50%;
    margin-left: 22px;
    box-shadow: 3px 0 0 #fff, 0 0 9pt rgba(51, 51, 51, .5)
}

.twentytwenty-vertical .twentytwenty-handle:after {
    right: 50%;
    margin-right: 22px;
    box-shadow: -3px 0 0 #fff, 0 0 9pt rgba(51, 51, 51, .5)
}

.twentytwenty-left-arrow {
    border-right: 6px solid #fff;
    left: 50%;
    margin-left: -17px
}

.twentytwenty-right-arrow {
    border-left: 6px solid #fff;
    right: 50%;
    margin-right: -17px
}

.twentytwenty-up-arrow {
    border-bottom: 6px solid #fff;
    top: 50%;
    margin-top: -17px
}

.twentytwenty-down-arrow {
    border-top: 6px solid #fff;
    bottom: 50%;
    margin-bottom: -17px
}

meta.foundation-version {
    font-family: "/5.5.2/"
}

meta.foundation-mq-small {
    font-family: "/only screen/";
    width: 0
}

meta.foundation-mq-small-only {
    font-family: "/only screen and (max-width: 35.5555555556em)/";
    width: 0
}

meta.foundation-mq-medium {
    font-family: "/only screen and (min-width:35.6111111111em)/";
    width: 35.6111111111em
}

meta.foundation-mq-medium-only {
    font-family: "/only screen and (min-width:35.6111111111em) and (max-width:56.8888888889em)/";
    width: 35.6111111111em
}

meta.foundation-mq-large {
    font-family: "/only screen and (min-width:56.9444444444em)/";
    width: 56.9444444444em
}

meta.foundation-mq-large-only {
    font-family: "/only screen and (min-width:56.9444444444em) and (max-width:66.6666666667em)/";
    width: 56.9444444444em
}

meta.foundation-mq-xlarge {
    font-family: "/only screen and (min-width:66.7222222222em)/";
    width: 66.7222222222em
}

meta.foundation-mq-xlarge-only {
    font-family: "/only screen and (min-width:66.7222222222em) and (max-width:80em)/";
    width: 66.7222222222em
}

meta.foundation-mq-xxlarge {
    font-family: "/only screen and (min-width:80.0555555556em)/";
    width: 80.0555555556em
}

meta.foundation-data-attribute-namespace {
    font-family: false
}

body, html {
    height: 100%
}

html {
    box-sizing: border-box
}

*, :after, :before {
    box-sizing: inherit
}

body, html {
    font-size: 90%
}

body {
    background: #fff;
    color: #262626;
    cursor: auto;
    font-family: Inter, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin: 0;
    padding: 0;
    position: relative
}

a:hover {
    cursor: pointer
}

img {
    max-width: 100%;
    -ms-interpolation-mode: bicubic
}

#map_canvas embed, #map_canvas img, #map_canvas object, .map_canvas embed, .map_canvas img, .map_canvas object, .mqa-display embed, .mqa-display img, .mqa-display object {
    max-width: none !important
}

.left {
    float: left !important
}

.right {
    float: right !important
}

.clearfix:after, .clearfix:before {
    content: " ";
    display: table
}

.hide {
    display: none
}

.invisible {
    visibility: hidden
}

.antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

img {
    display: inline-block;
    vertical-align: middle
}

textarea {
    height: auto;
    min-height: 50px
}

select {
    width: 100%
}

.accordion {
    margin-bottom: 0
}

.accordion:after, .accordion:before {
    content: " ";
    display: table
}

.accordion:after {
    clear: both
}

.accordion .accordion-navigation, .accordion dd {
    display: block;
    margin-bottom: 0 !important
}

.accordion .accordion-navigation.active > a, .accordion dd.active > a {
    background: transparent
}

.accordion .accordion-navigation > a, .accordion dd > a {
    background: transparent;
    color: #007bbd;
    display: block;
    font-family: Inter, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
    font-size: 400;
    padding: 1.3888888889rem
}

.accordion .accordion-navigation > a:hover, .accordion dd > a:hover {
    background: transparent
}

.accordion .accordion-navigation > .content, .accordion dd > .content {
    display: none;
    padding: 1.3888888889rem
}

.accordion .accordion-navigation > .content.active, .accordion dd > .content.active {
    background: transparent;
    display: block
}

.button, button {
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
    cursor: pointer;
    font-family: Inter, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
    font-weight: 700;
    line-height: normal;
    margin: 0 0 1.1111111111rem;
    position: relative;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    padding: .8888888889rem 1.7777777778rem .9444444444rem;
    font-size: 14.222px;
    font-size: .8888888889rem;
    background-color: var(--button-bg, #3B0EFF);
    border: .1111111111rem solid var(--button-border, #3B0EFF);
    color: var(--button-text, #FFFFFF);
    transition: background-color .3s ease-out
}

.button:focus, .button:hover, button:focus, button:hover {
    background-color: var(--button-hover-bg, #3B0EFF);
    border-color: var(--button-hover-border, #3B0EFF);
    color: var(--button-hover-text, #FFFFFF)
}

.button.secondary, button.secondary {
    background-color: #000075;
    border-color: #00005e;
    color: #000075
}

.button.secondary:focus, .button.secondary:hover, button.secondary:focus, button.secondary:hover {
    background-color: #00005e;
    color: #000075
}

.button.success, button.success {
    background-color: #43ac6a;
    border-color: #368a55;
    color: #000075
}

.button.success:focus, .button.success:hover, button.success:focus, button.success:hover {
    background-color: #368a55;
    color: #000075
}

.button.alert, button.alert {
    background-color: #f04124;
    border-color: #cf2a0e;
    color: #000075
}

.button.alert:focus, .button.alert:hover, button.alert:focus, button.alert:hover {
    background-color: #cf2a0e;
    color: #000075
}

.button.warning, button.warning {
    background-color: #f08a24;
    border-color: #cf6e0e;
    color: #000075
}

.button.warning:focus, .button.warning:hover, button.warning:focus, button.warning:hover {
    background-color: #cf6e0e;
    color: #000075
}

.button.info, button.info {
    background-color: #a0d3e8;
    border-color: #61b6d9;
    color: #aa73f2
}

.button.info:focus, .button.info:hover, button.info:focus, button.info:hover {
    background-color: #61b6d9;
    color: #000075
}

.button.large, button.large {
    padding: 1rem 2rem 1.0555555556rem;
    font-size: 22.222px;
    font-size: 1.3888888889rem
}

.button.small, button.small {
    padding: .7777777778rem 1.5555555556rem .8333333333rem;
    font-size: 11.555px;
    font-size: .7222222222rem
}

.button.tiny, button.tiny {
    padding: .5555555556rem 1.1111111111rem .6111111111rem;
    font-size: 9.777px;
    font-size: .6111111111rem
}

.button.expand, button.expand {
    padding-left: 0;
    padding-right: 0;
    width: 100%
}

.button.left-align, button.left-align {
    text-align: left;
    text-indent: 10.666px;
    text-indent: .6666666667rem
}

.button.right-align, button.right-align {
    text-align: right;
    padding-right: .6666666667rem
}

.button.radius, button.radius {
    border-radius: 100px
}

.button.round, button.round {
    border-radius: 1000px
}

.button.disabled, .button[disabled], button.disabled, button[disabled] {
    background-color: #c7bade;
    border-color: #000075;
    color: #aa73f2;
    box-shadow: none;
    cursor: default;
    opacity: .7
}

.button.disabled:focus, .button.disabled:hover, .button[disabled]:focus, .button[disabled]:hover, button.disabled:focus, button.disabled:hover, button[disabled]:focus, button[disabled]:hover {
    background-color: var(--button-hover-bg, #3B0EFF);
    border-color: var(--button-hover-border, #3B0EFF);
    color: var(--button-hover-text, #FFFFFF);
    background-color: #c7bade
}

.button.disabled.secondary, .button[disabled].secondary, button.disabled.secondary, button[disabled].secondary {
    background-color: #000075;
    border-color: #00005e;
    color: #000075;
    box-shadow: none;
    cursor: default;
    opacity: .7
}

.button.disabled.secondary:focus, .button.disabled.secondary:hover, .button[disabled].secondary:focus, .button[disabled].secondary:hover, button.disabled.secondary:focus, button.disabled.secondary:hover, button[disabled].secondary:focus, button[disabled].secondary:hover {
    background-color: #00005e;
    color: #000075;
    background-color: #000075
}

.button.disabled.success, .button[disabled].success, button.disabled.success, button[disabled].success {
    background-color: #43ac6a;
    border-color: #368a55;
    color: #000075;
    box-shadow: none;
    cursor: default;
    opacity: .7
}

.button.disabled.success:focus, .button.disabled.success:hover, .button[disabled].success:focus, .button[disabled].success:hover, button.disabled.success:focus, button.disabled.success:hover, button[disabled].success:focus, button[disabled].success:hover {
    background-color: #368a55;
    color: #000075;
    background-color: #43ac6a
}

.button.disabled.alert, .button[disabled].alert, button.disabled.alert, button[disabled].alert {
    background-color: #f04124;
    border-color: #cf2a0e;
    color: #000075;
    box-shadow: none;
    cursor: default;
    opacity: .7
}

.button.disabled.alert:focus, .button.disabled.alert:hover, .button[disabled].alert:focus, .button[disabled].alert:hover, button.disabled.alert:focus, button.disabled.alert:hover, button[disabled].alert:focus, button[disabled].alert:hover {
    background-color: #cf2a0e;
    color: #000075;
    background-color: #f04124
}

.button.disabled.warning, .button[disabled].warning, button.disabled.warning, button[disabled].warning {
    background-color: #f08a24;
    border-color: #cf6e0e;
    color: #000075;
    box-shadow: none;
    cursor: default;
    opacity: .7
}

.button.disabled.warning:focus, .button.disabled.warning:hover, .button[disabled].warning:focus, .button[disabled].warning:hover, button.disabled.warning:focus, button.disabled.warning:hover, button[disabled].warning:focus, button[disabled].warning:hover {
    background-color: #cf6e0e;
    color: #000075;
    background-color: #f08a24
}

.button.disabled.info, .button[disabled].info, button.disabled.info, button[disabled].info {
    background-color: #a0d3e8;
    border-color: #61b6d9;
    color: #aa73f2;
    box-shadow: none;
    cursor: default;
    opacity: .7
}

.button.disabled.info:focus, .button.disabled.info:hover, .button[disabled].info:focus, .button[disabled].info:hover, button.disabled.info:focus, button.disabled.info:hover, button[disabled].info:focus, button[disabled].info:hover {
    background-color: #61b6d9;
    color: #000075;
    background-color: #a0d3e8
}

button::-moz-focus-inner {
    border: 0;
    padding: 0
}

@media only screen and (min-width: 35.6111111111em) {
    .button, button {
        display: inline-block
    }
}

.button-group {
    list-style: none;
    margin: 0;
    left: 0
}

.button-group:after, .button-group:before {
    content: " ";
    display: table
}

.button-group:after {
    clear: both
}

.button-group.even-2 li {
    display: inline-block;
    margin: 0 -2px;
    width: 50%
}

.button-group.even-2 li .button, .button-group.even-2 li > button {
    border-left: 1px solid;
    border-color: hsla(0, 0%, 100%, .5)
}

.button-group.even-2 li:first-child .button, .button-group.even-2 li:first-child button {
    border-left: 0
}

.button-group.even-2 li .button, .button-group.even-2 li button {
    width: 100%
}

.button-group.even-3 li {
    display: inline-block;
    margin: 0 -2px;
    width: 33.3333333333%
}

.button-group.even-3 li .button, .button-group.even-3 li > button {
    border-left: 1px solid;
    border-color: hsla(0, 0%, 100%, .5)
}

.button-group.even-3 li:first-child .button, .button-group.even-3 li:first-child button {
    border-left: 0
}

.button-group.even-3 li .button, .button-group.even-3 li button {
    width: 100%
}

.button-group.even-4 li {
    display: inline-block;
    margin: 0 -2px;
    width: 25%
}

.button-group.even-4 li .button, .button-group.even-4 li > button {
    border-left: 1px solid;
    border-color: hsla(0, 0%, 100%, .5)
}

.button-group.even-4 li:first-child .button, .button-group.even-4 li:first-child button {
    border-left: 0
}

.button-group.even-4 li .button, .button-group.even-4 li button {
    width: 100%
}

.button-group.even-5 li {
    display: inline-block;
    margin: 0 -2px;
    width: 20%
}

.button-group.even-5 li .button, .button-group.even-5 li > button {
    border-left: 1px solid;
    border-color: hsla(0, 0%, 100%, .5)
}

.button-group.even-5 li:first-child .button, .button-group.even-5 li:first-child button {
    border-left: 0
}

.button-group.even-5 li .button, .button-group.even-5 li button {
    width: 100%
}

.button-group.even-6 li {
    display: inline-block;
    margin: 0 -2px;
    width: 16.6666666667%
}

.button-group.even-6 li .button, .button-group.even-6 li > button {
    border-left: 1px solid;
    border-color: hsla(0, 0%, 100%, .5)
}

.button-group.even-6 li:first-child .button, .button-group.even-6 li:first-child button {
    border-left: 0
}

.button-group.even-6 li .button, .button-group.even-6 li button {
    width: 100%
}

.button-group.even-7 li {
    display: inline-block;
    margin: 0 -2px;
    width: 14.2857142857%
}

.button-group.even-7 li .button, .button-group.even-7 li > button {
    border-left: 1px solid;
    border-color: hsla(0, 0%, 100%, .5)
}

.button-group.even-7 li:first-child .button, .button-group.even-7 li:first-child button {
    border-left: 0
}

.button-group.even-7 li .button, .button-group.even-7 li button {
    width: 100%
}

.button-group.even-8 li {
    display: inline-block;
    margin: 0 -2px;
    width: 12.5%
}

.button-group.even-8 li .button, .button-group.even-8 li > button {
    border-left: 1px solid;
    border-color: hsla(0, 0%, 100%, .5)
}

.button-group.even-8 li:first-child .button, .button-group.even-8 li:first-child button {
    border-left: 0
}

.button-group.even-8 li .button, .button-group.even-8 li button {
    width: 100%
}

.button-group > li {
    display: inline-block;
    margin: 0 -2px
}

.button-group > li .button, .button-group > li > button {
    border-left: 1px solid;
    border-color: hsla(0, 0%, 100%, .5)
}

.button-group > li:first-child .button, .button-group > li:first-child button {
    border-left: 0
}

.button-group.stack > li {
    display: block;
    margin: 0;
    float: none
}

.button-group.stack > li .button, .button-group.stack > li > button {
    border-left: 1px solid
}

.button-group.stack > li:first-child .button, .button-group.stack > li:first-child button {
    border-left: 0
}

.button-group.stack > li .button, .button-group.stack > li > button {
    border-color: hsla(0, 0%, 100%, .5);
    border-left-width: 0;
    border-top: 1px solid;
    display: block;
    margin: 0
}

.button-group.stack > li > button {
    width: 100%
}

.button-group.stack > li:first-child .button, .button-group.stack > li:first-child button {
    border-top: 0
}

.button-group.stack-for-small > li {
    display: inline-block;
    margin: 0 -2px
}

.button-group.stack-for-small > li .button, .button-group.stack-for-small > li > button {
    border-left: 1px solid;
    border-color: hsla(0, 0%, 100%, .5)
}

.button-group.stack-for-small > li:first-child .button, .button-group.stack-for-small > li:first-child button {
    border-left: 0
}

@media only screen and (max-width: 35.5555555556em) {
    .button-group.stack-for-small > li {
        display: block;
        margin: 0
    }

    .button-group.stack-for-small > li .button, .button-group.stack-for-small > li > button {
        border-left: 1px solid
    }

    .button-group.stack-for-small > li:first-child .button, .button-group.stack-for-small > li:first-child button {
        border-left: 0
    }

    .button-group.stack-for-small > li .button, .button-group.stack-for-small > li > button {
        border-color: hsla(0, 0%, 100%, .5);
        border-left-width: 0;
        border-top: 1px solid;
        display: block;
        margin: 0
    }

    .button-group.stack-for-small > li > button {
        width: 100%
    }

    .button-group.stack-for-small > li:first-child .button, .button-group.stack-for-small > li:first-child button {
        border-top: 0
    }
}

.button-group.radius > * {
    display: inline-block;
    margin: 0 -2px
}

.button-group.radius > * .button, .button-group.radius > * > button {
    border-left: 1px solid;
    border-color: hsla(0, 0%, 100%, .5)
}

.button-group.radius > :first-child .button, .button-group.radius > :first-child button {
    border-left: 0
}

.button-group.radius > *, .button-group.radius > * > .button, .button-group.radius > * > a, .button-group.radius > * > button {
    border-radius: 0
}

.button-group.radius > :first-child, .button-group.radius > :first-child > .button, .button-group.radius > :first-child > a, .button-group.radius > :first-child > button {
    -webkit-border-bottom-left-radius: 100px;
    -webkit-border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
    border-top-left-radius: 100px
}

.button-group.radius > :last-child, .button-group.radius > :last-child > .button, .button-group.radius > :last-child > a, .button-group.radius > :last-child > button {
    -webkit-border-bottom-right-radius: 100px;
    -webkit-border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
    border-top-right-radius: 100px
}

.button-group.radius.stack > * {
    display: block;
    margin: 0
}

.button-group.radius.stack > * .button, .button-group.radius.stack > * > button {
    border-left: 1px solid
}

.button-group.radius.stack > :first-child .button, .button-group.radius.stack > :first-child button {
    border-left: 0
}

.button-group.radius.stack > * .button, .button-group.radius.stack > * > button {
    border-color: hsla(0, 0%, 100%, .5);
    border-left-width: 0;
    border-top: 1px solid;
    display: block;
    margin: 0
}

.button-group.radius.stack > * > button {
    width: 100%
}

.button-group.radius.stack > :first-child .button, .button-group.radius.stack > :first-child button {
    border-top: 0
}

.button-group.radius.stack > *, .button-group.radius.stack > * > .button, .button-group.radius.stack > * > a, .button-group.radius.stack > * > button {
    border-radius: 0
}

.button-group.radius.stack > :first-child, .button-group.radius.stack > :first-child > .button, .button-group.radius.stack > :first-child > a, .button-group.radius.stack > :first-child > button {
    -webkit-top-left-radius: 100px;
    -webkit-top-right-radius: 100px;
    border-top-left-radius: 100px;
    border-top-right-radius: 100px
}

.button-group.radius.stack > :last-child, .button-group.radius.stack > :last-child > .button, .button-group.radius.stack > :last-child > a, .button-group.radius.stack > :last-child > button {
    -webkit-bottom-left-radius: 100px;
    -webkit-bottom-right-radius: 100px;
    border-bottom-left-radius: 100px;
    border-bottom-right-radius: 100px
}

@media only screen and (min-width: 35.6111111111em) {
    .button-group.radius.stack-for-small > * {
        display: inline-block;
        margin: 0 -2px
    }

    .button-group.radius.stack-for-small > * .button, .button-group.radius.stack-for-small > * > button {
        border-left: 1px solid;
        border-color: hsla(0, 0%, 100%, .5)
    }

    .button-group.radius.stack-for-small > :first-child .button, .button-group.radius.stack-for-small > :first-child button {
        border-left: 0
    }

    .button-group.radius.stack-for-small > *, .button-group.radius.stack-for-small > * > .button, .button-group.radius.stack-for-small > * > a, .button-group.radius.stack-for-small > * > button {
        border-radius: 0
    }

    .button-group.radius.stack-for-small > :first-child, .button-group.radius.stack-for-small > :first-child > .button, .button-group.radius.stack-for-small > :first-child > a, .button-group.radius.stack-for-small > :first-child > button {
        -webkit-border-bottom-left-radius: 100px;
        -webkit-border-top-left-radius: 100px;
        border-bottom-left-radius: 100px;
        border-top-left-radius: 100px
    }

    .button-group.radius.stack-for-small > :last-child, .button-group.radius.stack-for-small > :last-child > .button, .button-group.radius.stack-for-small > :last-child > a, .button-group.radius.stack-for-small > :last-child > button {
        -webkit-border-bottom-right-radius: 100px;
        -webkit-border-top-right-radius: 100px;
        border-bottom-right-radius: 100px;
        border-top-right-radius: 100px
    }
}

@media only screen and (max-width: 35.5555555556em) {
    .button-group.radius.stack-for-small > * {
        display: block;
        margin: 0
    }

    .button-group.radius.stack-for-small > * .button, .button-group.radius.stack-for-small > * > button {
        border-left: 1px solid
    }

    .button-group.radius.stack-for-small > :first-child .button, .button-group.radius.stack-for-small > :first-child button {
        border-left: 0
    }

    .button-group.radius.stack-for-small > * .button, .button-group.radius.stack-for-small > * > button {
        border-color: hsla(0, 0%, 100%, .5);
        border-left-width: 0;
        border-top: 1px solid;
        display: block;
        margin: 0
    }

    .button-group.radius.stack-for-small > * > button {
        width: 100%
    }

    .button-group.radius.stack-for-small > :first-child .button, .button-group.radius.stack-for-small > :first-child button {
        border-top: 0
    }

    .button-group.radius.stack-for-small > *, .button-group.radius.stack-for-small > * > .button, .button-group.radius.stack-for-small > * > a, .button-group.radius.stack-for-small > * > button {
        border-radius: 0
    }

    .button-group.radius.stack-for-small > :first-child, .button-group.radius.stack-for-small > :first-child > .button, .button-group.radius.stack-for-small > :first-child > a, .button-group.radius.stack-for-small > :first-child > button {
        -webkit-top-left-radius: 100px;
        -webkit-top-right-radius: 100px;
        border-top-left-radius: 100px;
        border-top-right-radius: 100px
    }

    .button-group.radius.stack-for-small > :last-child, .button-group.radius.stack-for-small > :last-child > .button, .button-group.radius.stack-for-small > :last-child > a, .button-group.radius.stack-for-small > :last-child > button {
        -webkit-bottom-left-radius: 100px;
        -webkit-bottom-right-radius: 100px;
        border-bottom-left-radius: 100px;
        border-bottom-right-radius: 100px
    }
}

.button-group.round > * {
    display: inline-block;
    margin: 0 -2px
}

.button-group.round > * .button, .button-group.round > * > button {
    border-left: 1px solid;
    border-color: hsla(0, 0%, 100%, .5)
}

.button-group.round > :first-child .button, .button-group.round > :first-child button {
    border-left: 0
}

.button-group.round > *, .button-group.round > * > .button, .button-group.round > * > a, .button-group.round > * > button {
    border-radius: 0
}

.button-group.round > :first-child, .button-group.round > :first-child > .button, .button-group.round > :first-child > a, .button-group.round > :first-child > button {
    -webkit-border-bottom-left-radius: 1000px;
    -webkit-border-top-left-radius: 1000px;
    border-bottom-left-radius: 1000px;
    border-top-left-radius: 1000px
}

.button-group.round > :last-child, .button-group.round > :last-child > .button, .button-group.round > :last-child > a, .button-group.round > :last-child > button {
    -webkit-border-bottom-right-radius: 1000px;
    -webkit-border-top-right-radius: 1000px;
    border-bottom-right-radius: 1000px;
    border-top-right-radius: 1000px
}

.button-group.round.stack > * {
    display: block;
    margin: 0
}

.button-group.round.stack > * .button, .button-group.round.stack > * > button {
    border-left: 1px solid
}

.button-group.round.stack > :first-child .button, .button-group.round.stack > :first-child button {
    border-left: 0
}

.button-group.round.stack > * .button, .button-group.round.stack > * > button {
    border-color: hsla(0, 0%, 100%, .5);
    border-left-width: 0;
    border-top: 1px solid;
    display: block;
    margin: 0
}

.button-group.round.stack > * > button {
    width: 100%
}

.button-group.round.stack > :first-child .button, .button-group.round.stack > :first-child button {
    border-top: 0
}

.button-group.round.stack > *, .button-group.round.stack > * > .button, .button-group.round.stack > * > a, .button-group.round.stack > * > button {
    border-radius: 0
}

.button-group.round.stack > :first-child, .button-group.round.stack > :first-child > .button, .button-group.round.stack > :first-child > a, .button-group.round.stack > :first-child > button {
    -webkit-top-left-radius: 14.222px;
    -webkit-top-left-radius: .8888888889rem;
    -webkit-top-right-radius: 14.222px;
    -webkit-top-right-radius: .8888888889rem;
    border-top-left-radius: 14.222px;
    border-top-left-radius: .8888888889rem;
    border-top-right-radius: 14.222px;
    border-top-right-radius: .8888888889rem
}

.button-group.round.stack > :last-child, .button-group.round.stack > :last-child > .button, .button-group.round.stack > :last-child > a, .button-group.round.stack > :last-child > button {
    -webkit-bottom-left-radius: 14.222px;
    -webkit-bottom-left-radius: .8888888889rem;
    -webkit-bottom-right-radius: 14.222px;
    -webkit-bottom-right-radius: .8888888889rem;
    border-bottom-left-radius: 14.222px;
    border-bottom-left-radius: .8888888889rem;
    border-bottom-right-radius: 14.222px;
    border-bottom-right-radius: .8888888889rem
}

@media only screen and (min-width: 35.6111111111em) {
    .button-group.round.stack-for-small > * {
        display: inline-block;
        margin: 0 -2px
    }

    .button-group.round.stack-for-small > * .button, .button-group.round.stack-for-small > * > button {
        border-left: 1px solid;
        border-color: hsla(0, 0%, 100%, .5)
    }

    .button-group.round.stack-for-small > :first-child .button, .button-group.round.stack-for-small > :first-child button {
        border-left: 0
    }

    .button-group.round.stack-for-small > *, .button-group.round.stack-for-small > * > .button, .button-group.round.stack-for-small > * > a, .button-group.round.stack-for-small > * > button {
        border-radius: 0
    }

    .button-group.round.stack-for-small > :first-child, .button-group.round.stack-for-small > :first-child > .button, .button-group.round.stack-for-small > :first-child > a, .button-group.round.stack-for-small > :first-child > button {
        -webkit-border-bottom-left-radius: 1000px;
        -webkit-border-top-left-radius: 1000px;
        border-bottom-left-radius: 1000px;
        border-top-left-radius: 1000px
    }

    .button-group.round.stack-for-small > :last-child, .button-group.round.stack-for-small > :last-child > .button, .button-group.round.stack-for-small > :last-child > a, .button-group.round.stack-for-small > :last-child > button {
        -webkit-border-bottom-right-radius: 1000px;
        -webkit-border-top-right-radius: 1000px;
        border-bottom-right-radius: 1000px;
        border-top-right-radius: 1000px
    }
}

@media only screen and (max-width: 35.5555555556em) {
    .button-group.round.stack-for-small > * {
        display: block;
        margin: 0
    }

    .button-group.round.stack-for-small > * .button, .button-group.round.stack-for-small > * > button {
        border-left: 1px solid
    }

    .button-group.round.stack-for-small > :first-child .button, .button-group.round.stack-for-small > :first-child button {
        border-left: 0
    }

    .button-group.round.stack-for-small > * .button, .button-group.round.stack-for-small > * > button {
        border-color: hsla(0, 0%, 100%, .5);
        border-left-width: 0;
        border-top: 1px solid;
        display: block;
        margin: 0
    }

    .button-group.round.stack-for-small > * > button {
        width: 100%
    }

    .button-group.round.stack-for-small > :first-child .button, .button-group.round.stack-for-small > :first-child button {
        border-top: 0
    }

    .button-group.round.stack-for-small > *, .button-group.round.stack-for-small > * > .button, .button-group.round.stack-for-small > * > a, .button-group.round.stack-for-small > * > button {
        border-radius: 0
    }

    .button-group.round.stack-for-small > :first-child, .button-group.round.stack-for-small > :first-child > .button, .button-group.round.stack-for-small > :first-child > a, .button-group.round.stack-for-small > :first-child > button {
        -webkit-top-left-radius: .8888888889rem;
        -webkit-top-right-radius: .8888888889rem;
        border-top-left-radius: .8888888889rem;
        border-top-right-radius: .8888888889rem
    }

    .button-group.round.stack-for-small > :last-child, .button-group.round.stack-for-small > :last-child > .button, .button-group.round.stack-for-small > :last-child > a, .button-group.round.stack-for-small > :last-child > button {
        -webkit-bottom-left-radius: .8888888889rem;
        -webkit-bottom-right-radius: .8888888889rem;
        border-bottom-left-radius: .8888888889rem;
        border-bottom-right-radius: .8888888889rem
    }
}

.button-bar:after, .button-bar:before {
    content: " ";
    display: table
}

.button-bar:after {
    clear: both
}

.button-bar .button-group {
    float: left;
    margin-right: .6666666667rem
}

.button-bar .button-group div {
    overflow: hidden
}

.f-dropdown {
    display: none;
    left: -9999px;
    list-style: none;
    margin-left: 0;
    position: absolute;
    background: #fff;
    border: 1px solid #ccc;
    font-size: 12.444px;
    font-size: .7777777778rem;
    height: auto;
    max-height: none;
    width: 100%;
    z-index: 89;
    margin-top: -35px;
    max-width: 200px
}

.f-dropdown.open {
    display: block
}

.f-dropdown > :first-child {
    margin-top: 0
}

.f-dropdown > :last-child {
    margin-bottom: 0
}

.f-dropdown:before {
    border: 6px inset transparent;
    border-bottom: 6px solid #fff;
    top: -12px;
    left: 10px;
    z-index: 89
}

.f-dropdown:after, .f-dropdown:before {
    content: "";
    display: block;
    height: 0;
    width: 0;
    position: absolute
}

.f-dropdown:after {
    border: 7px inset transparent;
    border-bottom: 7px solid #ccc;
    top: -14px;
    left: 9px;
    z-index: 88
}

.f-dropdown.right:before {
    left: auto;
    right: 10px
}

.f-dropdown.right:after {
    left: auto;
    right: 9px
}

.f-dropdown.drop-right {
    display: none;
    left: -9999px;
    list-style: none;
    position: absolute;
    background: #fff;
    border: 1px solid #ccc;
    font-size: 12.444px;
    font-size: .7777777778rem;
    height: auto;
    max-height: none;
    width: 100%;
    z-index: 89;
    margin-top: 0;
    margin-left: -35px;
    max-width: 200px
}

.f-dropdown.drop-right.open {
    display: block
}

.f-dropdown.drop-right > :first-child {
    margin-top: 0
}

.f-dropdown.drop-right > :last-child {
    margin-bottom: 0
}

.f-dropdown.drop-right:before {
    border: 6px inset transparent;
    border-right: 6px solid #fff;
    top: 10px;
    left: -12px;
    z-index: 89
}

.f-dropdown.drop-right:after, .f-dropdown.drop-right:before {
    content: "";
    display: block;
    height: 0;
    width: 0;
    position: absolute
}

.f-dropdown.drop-right:after {
    border: 7px inset transparent;
    border-right: 7px solid #ccc;
    top: 9px;
    left: -14px;
    z-index: 88
}

.f-dropdown.drop-left {
    display: none;
    left: -9999px;
    list-style: none;
    position: absolute;
    background: #fff;
    border: 1px solid #ccc;
    font-size: 12.444px;
    font-size: .7777777778rem;
    height: auto;
    max-height: none;
    width: 100%;
    z-index: 89;
    margin-top: 0;
    margin-left: 35px;
    max-width: 200px
}

.f-dropdown.drop-left.open {
    display: block
}

.f-dropdown.drop-left > :first-child {
    margin-top: 0
}

.f-dropdown.drop-left > :last-child {
    margin-bottom: 0
}

.f-dropdown.drop-left:before {
    border: 6px inset transparent;
    border-left: 6px solid #fff;
    top: 10px;
    right: -12px;
    z-index: 89
}

.f-dropdown.drop-left:after, .f-dropdown.drop-left:before {
    content: "";
    display: block;
    height: 0;
    width: 0;
    position: absolute;
    left: auto
}

.f-dropdown.drop-left:after {
    border: 7px inset transparent;
    border-left: 7px solid #ccc;
    top: 9px;
    right: -14px;
    z-index: 88
}

.f-dropdown.drop-top {
    display: none;
    left: -9999px;
    list-style: none;
    position: absolute;
    background: #fff;
    border: 1px solid #ccc;
    font-size: 12.444px;
    font-size: .7777777778rem;
    height: auto;
    max-height: none;
    width: 100%;
    z-index: 89;
    margin-left: 0;
    margin-top: 35px;
    max-width: 200px
}

.f-dropdown.drop-top.open {
    display: block
}

.f-dropdown.drop-top > :first-child {
    margin-top: 0
}

.f-dropdown.drop-top > :last-child {
    margin-bottom: 0
}

.f-dropdown.drop-top:before {
    border: 6px inset transparent;
    border-top: 6px solid #fff;
    bottom: -12px;
    left: 10px;
    z-index: 89
}

.f-dropdown.drop-top:after, .f-dropdown.drop-top:before {
    content: "";
    display: block;
    height: 0;
    width: 0;
    position: absolute;
    top: auto;
    right: auto
}

.f-dropdown.drop-top:after {
    border: 7px inset transparent;
    border-top: 7px solid #ccc;
    bottom: -14px;
    left: 9px;
    z-index: 88
}

.f-dropdown li {
    cursor: pointer;
    font-size: 12.444px;
    font-size: .7777777778rem;
    line-height: 16px;
    line-height: 1rem;
    margin: 0
}

.f-dropdown li:focus, .f-dropdown li:hover {
    background: #ededed
}

.f-dropdown li.radius {
    border-radius: 100px
}

.f-dropdown li a {
    display: block;
    padding: .5rem;
    color: #545454
}

.f-dropdown.content {
    display: none;
    left: -9999px;
    list-style: none;
    margin-left: 0;
    position: absolute;
    background: #fff;
    border: 1px solid #ccc;
    font-size: 12.444px;
    font-size: .7777777778rem;
    height: auto;
    max-height: none;
    padding: 1.1111111111rem;
    width: 100%;
    z-index: 89;
    max-width: 200px
}

.f-dropdown.content.open {
    display: block
}

.f-dropdown.content > :first-child {
    margin-top: 0
}

.f-dropdown.content > :last-child {
    margin-bottom: 0
}

.f-dropdown.tiny {
    max-width: 200px
}

.f-dropdown.small {
    max-width: 300px
}

.f-dropdown.medium {
    max-width: 500px
}

.f-dropdown.large {
    max-width: 800px
}

.f-dropdown.mega {
    width: 100% !important;
    max-width: 100% !important
}

.f-dropdown.mega.open {
    left: 0 !important
}

.dropdown.button, button.dropdown {
    position: relative;
    padding-right: 3.1666666667rem
}

.dropdown.button:after, button.dropdown:after {
    border-style: solid;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    top: 50%;
    width: 0;
    border-width: .3333333333rem;
    right: 20px;
    right: 1.25rem;
    margin-top: -.25rem;
    border-color: #fff transparent transparent
}

.dropdown.button.tiny, button.dropdown.tiny {
    padding-right: 2.3333333333rem
}

.dropdown.button.tiny:after, button.dropdown.tiny:after {
    border-width: .3333333333rem;
    right: 16px;
    right: 1rem;
    margin-top: -.1666666667rem;
    border-color: #fff transparent transparent
}

.dropdown.button.small, button.dropdown.small {
    padding-right: 2.7222222222rem
}

.dropdown.button.small:after, button.dropdown.small:after {
    border-width: .3888888889rem;
    right: 18.666px;
    right: 1.1666666667rem;
    margin-top: -.1944444444rem;
    border-color: #fff transparent transparent
}

.dropdown.button.large, button.dropdown.large {
    padding-right: 3.2222222222rem
}

.dropdown.button.large:after, button.dropdown.large:after {
    border-width: .2777777778rem;
    right: 24.444px;
    right: 1.5277777778rem;
    margin-top: -.3055555556rem;
    border-color: #fff transparent transparent
}

.dropdown.button.secondary:after, button.dropdown.secondary:after {
    border-color: #3e3e3c transparent transparent
}

.flex-video {
    height: 0;
    margin-bottom: .8888888889rem;
    overflow: hidden;
    padding-bottom: 67.5%;
    padding-top: 1.3888888889rem;
    position: relative
}

.flex-video.widescreen {
    padding-bottom: 56.34%
}

.flex-video.vimeo {
    padding-top: 0
}

.flex-video embed, .flex-video iframe, .flex-video object, .flex-video video {
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    left: 0
}

.row {
    margin: 0 auto;
    max-width: 1511.111px;
    max-width: 94.4444444444rem;
    width: 100%
}

.row:after, .row:before {
    content: " ";
    display: table
}

.row:after {
    clear: both
}

.row.collapse > .column, .row.collapse > .columns {
    padding-left: 0;
    padding-right: 0
}

.row.collapse .row {
    margin-left: 0;
    margin-right: 0
}

.row .row {
    margin: 0 -.5555555556rem;
    max-width: none;
    width: auto
}

.row .row:after, .row .row:before {
    content: " ";
    display: table
}

.row .row:after {
    clear: both
}

.row .row.collapse {
    margin: 0;
    max-width: none;
    width: auto
}

.row .row.collapse:after, .row .row.collapse:before {
    content: " ";
    display: table
}

.row .row.collapse:after {
    clear: both
}

.column, .columns {
    padding-left: .5555555556rem;
    padding-right: .5555555556rem;
    width: 100%;
    float: left
}

.column + .column:last-child, .column + .columns:last-child, .columns + .column:last-child, .columns + .columns:last-child {
    float: right
}

.column + .column.end, .column + .columns.end, .columns + .column.end, .columns + .columns.end {
    float: left
}

@media only screen {
    .small-push-0 {
        position: relative;
        left: 0;
        right: auto
    }

    .small-pull-0 {
        position: relative;
        right: 0;
        left: auto
    }

    .small-push-1 {
        position: relative;
        left: 8.3333333333%;
        right: auto
    }

    .small-pull-1 {
        position: relative;
        right: 8.3333333333%;
        left: auto
    }

    .small-push-2 {
        position: relative;
        left: 16.6666666667%;
        right: auto
    }

    .small-pull-2 {
        position: relative;
        right: 16.6666666667%;
        left: auto
    }

    .small-push-3 {
        position: relative;
        left: 25%;
        right: auto
    }

    .small-pull-3 {
        position: relative;
        right: 25%;
        left: auto
    }

    .small-push-4 {
        position: relative;
        left: 33.3333333333%;
        right: auto
    }

    .small-pull-4 {
        position: relative;
        right: 33.3333333333%;
        left: auto
    }

    .small-push-5 {
        position: relative;
        left: 41.6666666667%;
        right: auto
    }

    .small-pull-5 {
        position: relative;
        right: 41.6666666667%;
        left: auto
    }

    .small-push-6 {
        position: relative;
        left: 50%;
        right: auto
    }

    .small-pull-6 {
        position: relative;
        right: 50%;
        left: auto
    }

    .small-push-7 {
        position: relative;
        left: 58.3333333333%;
        right: auto
    }

    .small-pull-7 {
        position: relative;
        right: 58.3333333333%;
        left: auto
    }

    .small-push-8 {
        position: relative;
        left: 66.6666666667%;
        right: auto
    }

    .small-pull-8 {
        position: relative;
        right: 66.6666666667%;
        left: auto
    }

    .small-push-9 {
        position: relative;
        left: 75%;
        right: auto
    }

    .small-pull-9 {
        position: relative;
        right: 75%;
        left: auto
    }

    .small-push-10 {
        position: relative;
        left: 83.3333333333%;
        right: auto
    }

    .small-pull-10 {
        position: relative;
        right: 83.3333333333%;
        left: auto
    }

    .small-push-11 {
        position: relative;
        left: 91.6666666667%;
        right: auto
    }

    .small-pull-11 {
        position: relative;
        right: 91.6666666667%;
        left: auto
    }

    .column, .columns {
        position: relative;
        padding-left: .5555555556rem;
        padding-right: .5555555556rem;
        float: left
    }

    .small-1 {
        width: 8.3333333333%
    }

    .small-2 {
        width: 16.6666666667%
    }

    .small-3 {
        width: 25%
    }

    .small-4 {
        width: 33.3333333333%
    }

    .small-5 {
        width: 41.6666666667%
    }

    .small-6 {
        width: 50%
    }

    .small-7 {
        width: 58.3333333333%
    }

    .small-8 {
        width: 66.6666666667%
    }

    .small-9 {
        width: 75%
    }

    .small-10 {
        width: 83.3333333333%
    }

    .small-11 {
        width: 91.6666666667%
    }

    .small-12 {
        width: 100%
    }

    .small-offset-0 {
        margin-left: 0 !important
    }

    .small-offset-1 {
        margin-left: 8.3333333333% !important
    }

    .small-offset-2 {
        margin-left: 16.6666666667% !important
    }

    .small-offset-3 {
        margin-left: 25% !important
    }

    .small-offset-4 {
        margin-left: 33.3333333333% !important
    }

    .small-offset-5 {
        margin-left: 41.6666666667% !important
    }

    .small-offset-6 {
        margin-left: 50% !important
    }

    .small-offset-7 {
        margin-left: 58.3333333333% !important
    }

    .small-offset-8 {
        margin-left: 66.6666666667% !important
    }

    .small-offset-9 {
        margin-left: 75% !important
    }

    .small-offset-10 {
        margin-left: 83.3333333333% !important
    }

    .small-offset-11 {
        margin-left: 91.6666666667% !important
    }

    .small-reset-order {
        float: left;
        left: auto;
        margin-left: 0;
        margin-right: 0;
        right: auto
    }

    .column.small-centered, .columns.small-centered {
        margin-left: auto;
        margin-right: auto;
        float: none
    }

    .column.small-uncentered, .columns.small-uncentered {
        float: left;
        margin-left: 0;
        margin-right: 0
    }

    .column.small-centered:last-child, .columns.small-centered:last-child {
        float: none
    }

    .column.small-uncentered:last-child, .columns.small-uncentered:last-child {
        float: left
    }

    .column.small-uncentered.opposite, .columns.small-uncentered.opposite {
        float: right
    }

    .row.small-collapse > .column, .row.small-collapse > .columns {
        padding-left: 0;
        padding-right: 0
    }

    .row.small-collapse .row {
        margin-left: 0;
        margin-right: 0
    }

    .row.small-uncollapse > .column, .row.small-uncollapse > .columns {
        padding-left: .5555555556rem;
        padding-right: .5555555556rem;
        float: left
    }
}

@media only screen and (min-width: 35.6111111111em) {
    .medium-push-0 {
        position: relative;
        left: 0;
        right: auto
    }

    .medium-pull-0 {
        position: relative;
        right: 0;
        left: auto
    }

    .medium-push-1 {
        position: relative;
        left: 8.3333333333%;
        right: auto
    }

    .medium-pull-1 {
        position: relative;
        right: 8.3333333333%;
        left: auto
    }

    .medium-push-2 {
        position: relative;
        left: 16.6666666667%;
        right: auto
    }

    .medium-pull-2 {
        position: relative;
        right: 16.6666666667%;
        left: auto
    }

    .medium-push-3 {
        position: relative;
        left: 25%;
        right: auto
    }

    .medium-pull-3 {
        position: relative;
        right: 25%;
        left: auto
    }

    .medium-push-4 {
        position: relative;
        left: 33.3333333333%;
        right: auto
    }

    .medium-pull-4 {
        position: relative;
        right: 33.3333333333%;
        left: auto
    }

    .medium-push-5 {
        position: relative;
        left: 41.6666666667%;
        right: auto
    }

    .medium-pull-5 {
        position: relative;
        right: 41.6666666667%;
        left: auto
    }

    .medium-push-6 {
        position: relative;
        left: 50%;
        right: auto
    }

    .medium-pull-6 {
        position: relative;
        right: 50%;
        left: auto
    }

    .medium-push-7 {
        position: relative;
        left: 58.3333333333%;
        right: auto
    }

    .medium-pull-7 {
        position: relative;
        right: 58.3333333333%;
        left: auto
    }

    .medium-push-8 {
        position: relative;
        left: 66.6666666667%;
        right: auto
    }

    .medium-pull-8 {
        position: relative;
        right: 66.6666666667%;
        left: auto
    }

    .medium-push-9 {
        position: relative;
        left: 75%;
        right: auto
    }

    .medium-pull-9 {
        position: relative;
        right: 75%;
        left: auto
    }

    .medium-push-10 {
        position: relative;
        left: 83.3333333333%;
        right: auto
    }

    .medium-pull-10 {
        position: relative;
        right: 83.3333333333%;
        left: auto
    }

    .medium-push-11 {
        position: relative;
        left: 91.6666666667%;
        right: auto
    }

    .medium-pull-11 {
        position: relative;
        right: 91.6666666667%;
        left: auto
    }

    .column, .columns {
        position: relative;
        padding-left: .5555555556rem;
        padding-right: .5555555556rem;
        float: left
    }

    .medium-1 {
        width: 8.3333333333%
    }

    .medium-2 {
        width: 16.6666666667%
    }

    .medium-3 {
        width: 25%
    }

    .medium-4 {
        width: 33.3333333333%
    }

    .medium-5 {
        width: 41.6666666667%
    }

    .medium-6 {
        width: 50%
    }

    .medium-7 {
        width: 58.3333333333%
    }

    .medium-8 {
        width: 66.6666666667%
    }

    .medium-9 {
        width: 75%
    }

    .medium-10 {
        width: 83.3333333333%
    }

    .medium-11 {
        width: 91.6666666667%
    }

    .medium-12 {
        width: 100%
    }

    .medium-offset-0 {
        margin-left: 0 !important
    }

    .medium-offset-1 {
        margin-left: 8.3333333333% !important
    }

    .medium-offset-2 {
        margin-left: 16.6666666667% !important
    }

    .medium-offset-3 {
        margin-left: 25% !important
    }

    .medium-offset-4 {
        margin-left: 33.3333333333% !important
    }

    .medium-offset-5 {
        margin-left: 41.6666666667% !important
    }

    .medium-offset-6 {
        margin-left: 50% !important
    }

    .medium-offset-7 {
        margin-left: 58.3333333333% !important
    }

    .medium-offset-8 {
        margin-left: 66.6666666667% !important
    }

    .medium-offset-9 {
        margin-left: 75% !important
    }

    .medium-offset-10 {
        margin-left: 83.3333333333% !important
    }

    .medium-offset-11 {
        margin-left: 91.6666666667% !important
    }

    .medium-reset-order {
        float: left;
        left: auto;
        margin-left: 0;
        margin-right: 0;
        right: auto
    }

    .column.medium-centered, .columns.medium-centered {
        margin-left: auto;
        margin-right: auto;
        float: none
    }

    .column.medium-uncentered, .columns.medium-uncentered {
        float: left;
        margin-left: 0;
        margin-right: 0
    }

    .column.medium-centered:last-child, .columns.medium-centered:last-child {
        float: none
    }

    .column.medium-uncentered:last-child, .columns.medium-uncentered:last-child {
        float: left
    }

    .column.medium-uncentered.opposite, .columns.medium-uncentered.opposite {
        float: right
    }

    .row.medium-collapse > .column, .row.medium-collapse > .columns {
        padding-left: 0;
        padding-right: 0
    }

    .row.medium-collapse .row {
        margin-left: 0;
        margin-right: 0
    }

    .row.medium-uncollapse > .column, .row.medium-uncollapse > .columns {
        padding-left: .5555555556rem;
        padding-right: .5555555556rem;
        float: left
    }

    .push-0 {
        left: 0;
        right: auto
    }

    .pull-0, .push-0 {
        position: relative
    }

    .pull-0 {
        right: 0;
        left: auto
    }

    .push-1 {
        left: 8.3333333333%;
        right: auto
    }

    .pull-1, .push-1 {
        position: relative
    }

    .pull-1 {
        right: 8.3333333333%;
        left: auto
    }

    .push-2 {
        left: 16.6666666667%;
        right: auto
    }

    .pull-2, .push-2 {
        position: relative
    }

    .pull-2 {
        right: 16.6666666667%;
        left: auto
    }

    .push-3 {
        left: 25%;
        right: auto
    }

    .pull-3, .push-3 {
        position: relative
    }

    .pull-3 {
        right: 25%;
        left: auto
    }

    .push-4 {
        left: 33.3333333333%;
        right: auto
    }

    .pull-4, .push-4 {
        position: relative
    }

    .pull-4 {
        right: 33.3333333333%;
        left: auto
    }

    .push-5 {
        left: 41.6666666667%;
        right: auto
    }

    .pull-5, .push-5 {
        position: relative
    }

    .pull-5 {
        right: 41.6666666667%;
        left: auto
    }

    .push-6 {
        left: 50%;
        right: auto
    }

    .pull-6, .push-6 {
        position: relative
    }

    .pull-6 {
        right: 50%;
        left: auto
    }

    .push-7 {
        left: 58.3333333333%;
        right: auto
    }

    .pull-7, .push-7 {
        position: relative
    }

    .pull-7 {
        right: 58.3333333333%;
        left: auto
    }

    .push-8 {
        left: 66.6666666667%;
        right: auto
    }

    .pull-8, .push-8 {
        position: relative
    }

    .pull-8 {
        right: 66.6666666667%;
        left: auto
    }

    .push-9 {
        left: 75%;
        right: auto
    }

    .pull-9, .push-9 {
        position: relative
    }

    .pull-9 {
        right: 75%;
        left: auto
    }

    .push-10 {
        position: relative;
        left: 83.3333333333%;
        right: auto
    }

    .pull-10 {
        position: relative;
        right: 83.3333333333%;
        left: auto
    }

    .push-11 {
        position: relative;
        left: 91.6666666667%;
        right: auto
    }

    .pull-11 {
        position: relative;
        right: 91.6666666667%;
        left: auto
    }
}

@media only screen and (min-width: 56.9444444444em) {
    .large-push-0 {
        position: relative;
        left: 0;
        right: auto
    }

    .large-pull-0 {
        position: relative;
        right: 0;
        left: auto
    }

    .large-push-1 {
        position: relative;
        left: 8.3333333333%;
        right: auto
    }

    .large-pull-1 {
        position: relative;
        right: 8.3333333333%;
        left: auto
    }

    .large-push-2 {
        position: relative;
        left: 16.6666666667%;
        right: auto
    }

    .large-pull-2 {
        position: relative;
        right: 16.6666666667%;
        left: auto
    }

    .large-push-3 {
        position: relative;
        left: 25%;
        right: auto
    }

    .large-pull-3 {
        position: relative;
        right: 25%;
        left: auto
    }

    .large-push-4 {
        position: relative;
        left: 33.3333333333%;
        right: auto
    }

    .large-pull-4 {
        position: relative;
        right: 33.3333333333%;
        left: auto
    }

    .large-push-5 {
        position: relative;
        left: 41.6666666667%;
        right: auto
    }

    .large-pull-5 {
        position: relative;
        right: 41.6666666667%;
        left: auto
    }

    .large-push-6 {
        position: relative;
        left: 50%;
        right: auto
    }

    .large-pull-6 {
        position: relative;
        right: 50%;
        left: auto
    }

    .large-push-7 {
        position: relative;
        left: 58.3333333333%;
        right: auto
    }

    .large-pull-7 {
        position: relative;
        right: 58.3333333333%;
        left: auto
    }

    .large-push-8 {
        position: relative;
        left: 66.6666666667%;
        right: auto
    }

    .large-pull-8 {
        position: relative;
        right: 66.6666666667%;
        left: auto
    }

    .large-push-9 {
        position: relative;
        left: 75%;
        right: auto
    }

    .large-pull-9 {
        position: relative;
        right: 75%;
        left: auto
    }

    .large-push-10 {
        position: relative;
        left: 83.3333333333%;
        right: auto
    }

    .large-pull-10 {
        position: relative;
        right: 83.3333333333%;
        left: auto
    }

    .large-push-11 {
        position: relative;
        left: 91.6666666667%;
        right: auto
    }

    .large-pull-11 {
        position: relative;
        right: 91.6666666667%;
        left: auto
    }

    .column, .columns {
        position: relative;
        padding-left: .5555555556rem;
        padding-right: .5555555556rem;
        float: left
    }

    .large-1 {
        width: 8.3333333333%
    }

    .large-2 {
        width: 16.6666666667%
    }

    .large-3 {
        width: 25%
    }

    .large-4 {
        width: 33.3333333333%
    }

    .large-5 {
        width: 41.6666666667%
    }

    .large-6 {
        width: 50%
    }

    .large-7 {
        width: 58.3333333333%
    }

    .large-8 {
        width: 66.6666666667%
    }

    .large-9 {
        width: 75%
    }

    .large-10 {
        width: 83.3333333333%
    }

    .large-11 {
        width: 91.6666666667%
    }

    .large-12 {
        width: 100%
    }

    .large-offset-0 {
        margin-left: 0 !important
    }

    .large-offset-1 {
        margin-left: 8.3333333333% !important
    }

    .large-offset-2 {
        margin-left: 16.6666666667% !important
    }

    .large-offset-3 {
        margin-left: 25% !important
    }

    .large-offset-4 {
        margin-left: 33.3333333333% !important
    }

    .large-offset-5 {
        margin-left: 41.6666666667% !important
    }

    .large-offset-6 {
        margin-left: 50% !important
    }

    .large-offset-7 {
        margin-left: 58.3333333333% !important
    }

    .large-offset-8 {
        margin-left: 66.6666666667% !important
    }

    .large-offset-9 {
        margin-left: 75% !important
    }

    .large-offset-10 {
        margin-left: 83.3333333333% !important
    }

    .large-offset-11 {
        margin-left: 91.6666666667% !important
    }

    .large-reset-order {
        float: left;
        left: auto;
        margin-left: 0;
        margin-right: 0;
        right: auto
    }

    .column.large-centered, .columns.large-centered {
        margin-left: auto;
        margin-right: auto;
        float: none
    }

    .column.large-uncentered, .columns.large-uncentered {
        float: left;
        margin-left: 0;
        margin-right: 0
    }

    .column.large-centered:last-child, .columns.large-centered:last-child {
        float: none
    }

    .column.large-uncentered:last-child, .columns.large-uncentered:last-child {
        float: left
    }

    .column.large-uncentered.opposite, .columns.large-uncentered.opposite {
        float: right
    }

    .row.large-collapse > .column, .row.large-collapse > .columns {
        padding-left: 0;
        padding-right: 0
    }

    .row.large-collapse .row {
        margin-left: 0;
        margin-right: 0
    }

    .row.large-uncollapse > .column, .row.large-uncollapse > .columns {
        padding-left: .5555555556rem;
        padding-right: .5555555556rem;
        float: left
    }

    .push-0 {
        left: 0;
        right: auto
    }

    .pull-0, .push-0 {
        position: relative
    }

    .pull-0 {
        right: 0;
        left: auto
    }

    .push-1 {
        left: 8.3333333333%;
        right: auto
    }

    .pull-1, .push-1 {
        position: relative
    }

    .pull-1 {
        right: 8.3333333333%;
        left: auto
    }

    .push-2 {
        left: 16.6666666667%;
        right: auto
    }

    .pull-2, .push-2 {
        position: relative
    }

    .pull-2 {
        right: 16.6666666667%;
        left: auto
    }

    .push-3 {
        left: 25%;
        right: auto
    }

    .pull-3, .push-3 {
        position: relative
    }

    .pull-3 {
        right: 25%;
        left: auto
    }

    .push-4 {
        left: 33.3333333333%;
        right: auto
    }

    .pull-4, .push-4 {
        position: relative
    }

    .pull-4 {
        right: 33.3333333333%;
        left: auto
    }

    .push-5 {
        left: 41.6666666667%;
        right: auto
    }

    .pull-5, .push-5 {
        position: relative
    }

    .pull-5 {
        right: 41.6666666667%;
        left: auto
    }

    .push-6 {
        left: 50%;
        right: auto
    }

    .pull-6, .push-6 {
        position: relative
    }

    .pull-6 {
        right: 50%;
        left: auto
    }

    .push-7 {
        left: 58.3333333333%;
        right: auto
    }

    .pull-7, .push-7 {
        position: relative
    }

    .pull-7 {
        right: 58.3333333333%;
        left: auto
    }

    .push-8 {
        left: 66.6666666667%;
        right: auto
    }

    .pull-8, .push-8 {
        position: relative
    }

    .pull-8 {
        right: 66.6666666667%;
        left: auto
    }

    .push-9 {
        left: 75%;
        right: auto
    }

    .pull-9, .push-9 {
        position: relative
    }

    .pull-9 {
        right: 75%;
        left: auto
    }

    .push-10 {
        position: relative;
        left: 83.3333333333%;
        right: auto
    }

    .pull-10 {
        position: relative;
        right: 83.3333333333%;
        left: auto
    }

    .push-11 {
        position: relative;
        left: 91.6666666667%;
        right: auto
    }

    .pull-11 {
        position: relative;
        right: 91.6666666667%;
        left: auto
    }
}

.inline-list {
    list-style: none;
    margin: 0 auto .9444444444rem;
    overflow: hidden;
    padding: 0
}

.inline-list > li {
    display: block;
    float: left;
    list-style: none;
    margin-left: 1.2222222222rem
}

.inline-list > li > * {
    display: block
}

ul.pagination {
    display: block;
    margin-left: -.2777777778rem;
    min-height: 21.333px;
    min-height: 1.3333333333rem
}

ul.pagination li {
    color: #212121;
    font-size: 12.444px;
    font-size: .7777777778rem;
    height: 21.333px;
    height: 1.3333333333rem;
    margin-left: .2777777778rem
}

ul.pagination li a, ul.pagination li button {
    border-radius: 100px;
    transition: background-color .3s ease-out;
    background: none;
    color: #999;
    display: block;
    font-size: 1em;
    font-weight: 400;
    line-height: inherit;
    padding: .0555555556rem .5555555556rem
}

ul.pagination li:hover a, ul.pagination li:hover button, ul.pagination li a:focus, ul.pagination li button:focus {
    background: #e6e6e6
}

ul.pagination li.unavailable a, ul.pagination li.unavailable button {
    cursor: default;
    color: #999
}

ul.pagination li.unavailable:hover a, ul.pagination li.unavailable:hover button, ul.pagination li.unavailable a:focus, ul.pagination li.unavailable button:focus {
    background: transparent
}

ul.pagination li.current a, ul.pagination li.current button {
    background: #fff;
    color: #fff;
    cursor: default;
    font-weight: 700
}

ul.pagination li.current a:focus, ul.pagination li.current a:hover, ul.pagination li.current button:focus, ul.pagination li.current button:hover {
    background: #fff
}

ul.pagination li {
    display: block;
    float: left
}

.pagination-centered {
    text-align: center
}

.pagination-centered ul.pagination li {
    display: inline-block;
    float: none
}

.sub-nav {
    display: block;
    margin: -.2222222222rem 0 1rem;
    overflow: hidden;
    padding-top: .2222222222rem;
    width: auto
}

.sub-nav dt {
    text-transform: uppercase
}

.sub-nav dd, .sub-nav dt, .sub-nav li {
    color: #999;
    float: left;
    font-family: Inter, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
    font-size: 12.444px;
    font-size: .7777777778rem;
    font-weight: 400;
    margin-left: .8888888889rem;
    margin-bottom: 0
}

.sub-nav dd a, .sub-nav dt a, .sub-nav li a {
    color: #999;
    padding: .1666666667rem .8888888889rem;
    text-decoration: none
}

.sub-nav dd a:hover, .sub-nav dt a:hover, .sub-nav li a:hover {
    color: #737373
}

.sub-nav dd.active a, .sub-nav dt.active a, .sub-nav li.active a {
    border-radius: 3px;
    background: #fff;
    color: #fff;
    cursor: default;
    font-weight: 400;
    padding: .1666666667rem .8888888889rem
}

.sub-nav dd.active a:hover, .sub-nav dt.active a:hover, .sub-nav li.active a:hover {
    background: #dbdbdb
}

.tabs {
    margin-bottom: 0 !important;
    margin-left: 0
}

.tabs:after, .tabs:before {
    content: " ";
    display: table
}

.tabs:after {
    clear: both
}

.tabs .tab-title, .tabs dd {
    float: left;
    list-style: none;
    margin-bottom: 0 !important;
    position: relative
}

.tabs .tab-title > a, .tabs dd > a {
    display: block;
    background-color: #f0f0f0;
    color: #212121;
    font-family: Inter, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
    font-size: 14.222px;
    font-size: .8888888889rem;
    padding: .8888888889rem 1.7777777778rem
}

.tabs .tab-title > a:hover, .tabs dd > a:hover {
    background-color: #e1e1e1
}

.tabs .tab-title.active a, .tabs dd.active a {
    background-color: #fff;
    color: #212121
}

.tabs.radius .tab:first-child a, .tabs.radius dd:first-child a {
    -webkit-border-bottom-left-radius: 100px;
    -webkit-border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
    border-top-left-radius: 100px
}

.tabs.radius .tab:last-child a, .tabs.radius dd:last-child a {
    -webkit-border-bottom-right-radius: 100px;
    -webkit-border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
    border-top-right-radius: 100px
}

.tabs.vertical .tab-title, .tabs.vertical dd {
    position: inherit;
    float: none;
    display: block;
    top: auto
}

.tabs-content {
    margin-bottom: 1.3333333333rem;
    width: 100%
}

.tabs-content:after, .tabs-content:before {
    content: " ";
    display: table
}

.tabs-content:after {
    clear: both
}

.tabs-content > .content {
    display: none;
    float: left;
    padding: .5555555556rem 0;
    width: 100%
}

.tabs-content > .content.active {
    display: block;
    float: none
}

.tabs-content > .content.contained {
    padding: .5555555556rem
}

.tabs-content.vertical {
    display: block
}

.tabs-content.vertical > .content {
    padding: 0 .5555555556rem
}

@media only screen and (min-width: 35.6111111111em) {
    .tabs.vertical {
        float: left;
        margin: 0;
        margin-bottom: 1.25rem !important;
        max-width: 20%;
        width: 20%
    }

    .tabs-content.vertical {
        float: left;
        margin-left: -1px;
        max-width: 80%;
        padding-left: 1rem;
        width: 80%
    }
}

.no-js .tabs-content > .content {
    display: block;
    float: none
}

form {
    margin: 0 0 .8888888889rem
}

form .row .row {
    margin: 0 -.4444444444rem
}

form .row .row .column, form .row .row .columns {
    padding: 0 .4444444444rem
}

form .row .row.collapse {
    margin: 0
}

form .row .row.collapse .column, form .row .row.collapse .columns {
    padding: 0
}

form .row .row.collapse input {
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

form .row input.column, form .row input.columns, form .row textarea.column, form .row textarea.columns {
    padding-left: .4444444444rem
}

label {
    color: #4d4d4d;
    cursor: pointer;
    display: block;
    font-size: 12.444px;
    font-size: .7777777778rem;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 0
}

label.right {
    float: none !important;
    text-align: right
}

label.inline {
    margin: 0 0 .8888888889rem;
    padding: .5rem 0
}

label small {
    text-transform: capitalize;
    color: #676767
}

.postfix, .prefix {
    border-style: solid;
    border-width: 1px;
    display: block;
    font-size: 12.444px;
    font-size: .7777777778rem;
    height: 32.888px;
    height: 2.0555555556rem;
    line-height: 32.888px;
    line-height: 2.0555555556rem;
    overflow: visible;
    padding-bottom: 0;
    padding-top: 0;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 2
}

.postfix.button {
    border-color: true
}

.prefix.button {
    border: none;
    padding: 0;
    text-align: center
}

.prefix.button.radius {
    border-radius: 0;
    -webkit-border-bottom-left-radius: 100px;
    -webkit-border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
    border-top-left-radius: 100px
}

.postfix.button.radius {
    border-radius: 0;
    -webkit-border-bottom-right-radius: 100px;
    -webkit-border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
    border-top-right-radius: 100px
}

.prefix.button.round {
    border-radius: 0;
    -webkit-border-bottom-left-radius: 1000px;
    -webkit-border-top-left-radius: 1000px;
    border-bottom-left-radius: 1000px;
    border-top-left-radius: 1000px
}

.postfix.button.round {
    border-radius: 0;
    -webkit-border-bottom-right-radius: 1000px;
    -webkit-border-top-right-radius: 1000px;
    border-bottom-right-radius: 1000px;
    border-top-right-radius: 1000px
}

label.prefix, span.prefix {
    border-right: none
}

label.postfix, label.prefix, span.postfix, span.prefix {
    background: #f2f2f2;
    color: #3e3e3c;
    border-color: #ccc
}

input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    color: rgba(0, 0, 0, .75);
    display: block;
    font-family: inherit;
    font-size: 12.444px;
    font-size: .7777777778rem;
    height: 32.888px;
    height: 2.0555555556rem;
    margin: 0 0 .8888888889rem;
    padding: .4444444444rem;
    width: 100%;
    box-sizing: border-box;
    transition: border-color .15s linear, background .15s linear
}

input[type=color]:focus, input[type=date]:focus, input[type=datetime-local]:focus, input[type=datetime]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, textarea:focus {
    background: #fafafa;
    border-color: #999;
    outline: none
}

fieldset[disabled] input[type=color], fieldset[disabled] input[type=date], fieldset[disabled] input[type=datetime-local], fieldset[disabled] input[type=datetime], fieldset[disabled] input[type=email], fieldset[disabled] input[type=month], fieldset[disabled] input[type=number], fieldset[disabled] input[type=password], fieldset[disabled] input[type=search], fieldset[disabled] input[type=tel], fieldset[disabled] input[type=text], fieldset[disabled] input[type=time], fieldset[disabled] input[type=url], fieldset[disabled] input[type=week], fieldset[disabled] textarea, input[type=color]:disabled, input[type=color][disabled], input[type=color][readonly], input[type=date]:disabled, input[type=date][disabled], input[type=date][readonly], input[type=datetime-local]:disabled, input[type=datetime-local][disabled], input[type=datetime-local][readonly], input[type=datetime]:disabled, input[type=datetime][disabled], input[type=datetime][readonly], input[type=email]:disabled, input[type=email][disabled], input[type=email][readonly], input[type=month]:disabled, input[type=month][disabled], input[type=month][readonly], input[type=number]:disabled, input[type=number][disabled], input[type=number][readonly], input[type=password]:disabled, input[type=password][disabled], input[type=password][readonly], input[type=search]:disabled, input[type=search][disabled], input[type=search][readonly], input[type=tel]:disabled, input[type=tel][disabled], input[type=tel][readonly], input[type=text]:disabled, input[type=text][disabled], input[type=text][readonly], input[type=time]:disabled, input[type=time][disabled], input[type=time][readonly], input[type=url]:disabled, input[type=url][disabled], input[type=url][readonly], input[type=week]:disabled, input[type=week][disabled], input[type=week][readonly], textarea:disabled, textarea[disabled], textarea[readonly] {
    background-color: #dedede;
    cursor: default
}

input[type=color].radius, input[type=date].radius, input[type=datetime-local].radius, input[type=datetime].radius, input[type=email].radius, input[type=month].radius, input[type=number].radius, input[type=password].radius, input[type=search].radius, input[type=tel].radius, input[type=text].radius, input[type=time].radius, input[type=url].radius, input[type=week].radius, textarea.radius {
    border-radius: 100px
}

form .row .prefix-radius.row.collapse button, form .row .prefix-radius.row.collapse input, form .row .prefix-radius.row.collapse select, form .row .prefix-radius.row.collapse textarea {
    border-radius: 0;
    -webkit-border-bottom-right-radius: 100px;
    -webkit-border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
    border-top-right-radius: 100px
}

form .row .postfix-radius.row.collapse button, form .row .postfix-radius.row.collapse input, form .row .postfix-radius.row.collapse select, form .row .postfix-radius.row.collapse textarea, form .row .prefix-radius.row.collapse .prefix {
    border-radius: 0;
    -webkit-border-bottom-left-radius: 100px;
    -webkit-border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
    border-top-left-radius: 100px
}

form .row .postfix-radius.row.collapse .postfix {
    border-radius: 0;
    -webkit-border-bottom-right-radius: 100px;
    -webkit-border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
    border-top-right-radius: 100px
}

form .row .prefix-round.row.collapse button, form .row .prefix-round.row.collapse input, form .row .prefix-round.row.collapse select, form .row .prefix-round.row.collapse textarea {
    border-radius: 0;
    -webkit-border-bottom-right-radius: 1000px;
    -webkit-border-top-right-radius: 1000px;
    border-bottom-right-radius: 1000px;
    border-top-right-radius: 1000px
}

form .row .postfix-round.row.collapse button, form .row .postfix-round.row.collapse input, form .row .postfix-round.row.collapse select, form .row .postfix-round.row.collapse textarea, form .row .prefix-round.row.collapse .prefix {
    border-radius: 0;
    -webkit-border-bottom-left-radius: 1000px;
    -webkit-border-top-left-radius: 1000px;
    border-bottom-left-radius: 1000px;
    border-top-left-radius: 1000px
}

form .row .postfix-round.row.collapse .postfix {
    border-radius: 0;
    -webkit-border-bottom-right-radius: 1000px;
    -webkit-border-top-right-radius: 1000px;
    border-bottom-right-radius: 1000px;
    border-top-right-radius: 1000px
}

input[type=submit] {
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0
}

textarea[rows] {
    height: auto
}

textarea {
    max-width: 100%
}

::-webkit-input-placeholder {
    color: #ccc
}

:-moz-placeholder, ::-moz-placeholder {
    color: #ccc
}

:-ms-input-placeholder {
    color: #ccc
}

select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-color: #fafafa;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjEyIiB3aWR0aD0iMjQiIGhlaWdodD0iMyIgdmlld0JveD0iMCAwIDYgMyI+PHBhdGggZD0iTTUuOTkyIDBsLTMgMy0zLTN6Ii8+PC9zdmc+);
    background-position: 100%;
    background-repeat: no-repeat;
    border: 1px solid #ccc;
    color: rgba(0, 0, 0, .75);
    font-family: inherit;
    font-size: 12.444px;
    font-size: .7777777778rem;
    line-height: normal;
    padding: .4444444444rem;
    border-radius: 0;
    height: 32.888px;
    height: 2.0555555556rem
}

select::-ms-expand {
    display: none
}

select.radius {
    border-radius: 100px
}

select:hover {
    background-color: #f2f2f2;
    border-color: #999
}

select:disabled {
    background-color: #dedede;
    cursor: default
}

select[multiple] {
    height: auto
}

input[type=checkbox], input[type=file], input[type=radio], select {
    margin: 0 0 .8888888889rem
}

input[type=checkbox] + label, input[type=radio] + label {
    display: inline-block;
    margin-left: .4444444444rem;
    margin-right: .8888888889rem;
    margin-bottom: 0;
    vertical-align: baseline
}

input[type=file] {
    width: 100%
}

fieldset {
    border: 1px solid #dedede;
    margin: 1rem 0;
    padding: 1.1111111111rem
}

fieldset legend {
    background: #fff;
    font-weight: 700;
    margin: 0;
    padding: 0 .1666666667rem
}

[data-abide] .error small.error, [data-abide] .error span.error, [data-abide] small.error, [data-abide] span.error {
    display: block;
    font-size: 10.666px;
    font-size: .6666666667rem;
    font-style: italic;
    font-weight: 400;
    margin-bottom: .8888888889rem;
    margin-top: -1px;
    padding: .3333333333rem .5rem .5rem;
    background: #f04124;
    color: #fff
}

[data-abide] small.error, [data-abide] span.error {
    display: none
}

small.error, span.error {
    display: block;
    font-size: 10.666px;
    font-size: .6666666667rem;
    font-style: italic;
    font-weight: 400;
    margin-bottom: .8888888889rem;
    margin-top: -1px;
    padding: .3333333333rem .5rem .5rem;
    background: #f04124;
    color: #fff
}

.error input, .error select, .error textarea {
    margin-bottom: 0
}

.error input[type=checkbox], .error input[type=radio] {
    margin-bottom: .8888888889rem
}

.error label, .error label.error {
    color: #f04124
}

.error small.error {
    display: block;
    font-size: 10.666px;
    font-size: .6666666667rem;
    font-style: italic;
    font-weight: 400;
    margin-bottom: .8888888889rem;
    margin-top: -1px;
    padding: .3333333333rem .5rem .5rem;
    background: #f04124;
    color: #fff
}

.error > label > small {
    background: transparent;
    color: #676767;
    display: inline;
    font-size: 60%;
    font-style: normal;
    margin: 0;
    padding: 0;
    text-transform: capitalize
}

.error span.error-message {
    display: block
}

input.error, select.error, textarea.error {
    margin-bottom: 0
}

label.error {
    color: #f04124
}

meta.foundation-mq-topbar {
    font-family: "/only screen and (min-width:56.9444444444em)/";
    width: 56.9444444444em
}

.contain-to-grid {
    width: 100%;
    background: transparent
}

.contain-to-grid .top-bar {
    margin-bottom: 0
}

.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
    left: 0
}

.fixed.expanded:not(.top-bar) {
    height: auto;
    max-height: 100%;
    overflow-y: auto;
    width: 100%
}

.fixed.expanded:not(.top-bar) .title-area {
    position: fixed;
    width: 100%;
    z-index: 99
}

.fixed.expanded:not(.top-bar) .top-bar-section {
    margin-top: 5rem;
    z-index: 98
}

.top-bar {
    background: transparent;
    height: 80px;
    height: 5rem;
    line-height: 80px;
    line-height: 5rem;
    margin-bottom: 0;
    overflow: hidden;
    position: relative
}

.top-bar ul {
    list-style: none;
    margin-bottom: 0
}

.top-bar .row {
    max-width: none
}

.top-bar form, .top-bar input, .top-bar select {
    margin-bottom: 0
}

.top-bar input, .top-bar select {
    font-size: 12px;
    font-size: .75rem;
    height: 24.888px;
    height: 1.5555555556rem;
    padding-bottom: .35rem;
    padding-top: .35rem
}

.top-bar .button, .top-bar button {
    font-size: 12px;
    font-size: .75rem;
    margin-bottom: 0;
    padding-bottom: .4055555556rem;
    padding-top: .4055555556rem
}

@media only screen and (max-width: 35.5555555556em) {
    .top-bar .button, .top-bar button {
        position: relative;
        top: -1px
    }
}

.top-bar .title-area {
    margin: 0;
    position: relative
}

.top-bar .name {
    font-size: 18px;
    height: 80px;
    height: 5rem;
    margin: 0
}

.top-bar .name h1, .top-bar .name h2, .top-bar .name h3, .top-bar .name h4, .top-bar .name p, .top-bar .name span {
    font-size: 13.333px;
    font-size: .8333333333rem;
    line-height: 80px;
    line-height: 5rem;
    margin: 0
}

.top-bar .name h1 a, .top-bar .name h2 a, .top-bar .name h3 a, .top-bar .name h4 a, .top-bar .name p a, .top-bar .name span a {
    color: #000075;
    display: block;
    font-weight: 700;
    padding: 0 1.6666666667rem;
    width: 75%
}

.top-bar .toggle-topbar {
    position: absolute;
    right: 0;
    top: 0
}

.top-bar .toggle-topbar a {
    color: #000075;
    display: block;
    font-size: 11.555px;
    font-size: .7222222222rem;
    font-weight: 700;
    height: 80px;
    height: 5rem;
    line-height: 80px;
    line-height: 5rem;
    padding: 0 1.6666666667rem;
    position: relative;
    text-transform: uppercase
}

.top-bar .toggle-topbar.menu-icon {
    margin-top: -16px;
    top: 50%
}

.top-bar .toggle-topbar.menu-icon a {
    color: #fff;
    height: 34px;
    line-height: 33px;
    padding: 0 3.0555555556rem 0 1.6666666667rem;
    position: relative
}

.top-bar .toggle-topbar.menu-icon a span:after {
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    margin-top: -8px;
    top: 50%;
    right: 26.666px;
    right: 1.6666666667rem;
    box-shadow: 0 0 0 1px #000075, 0 7px 0 1px #000075, 0 14px 0 1px #000075;
    width: 16px
}

.top-bar .toggle-topbar.menu-icon a span:hover:after {
    box-shadow: 0 0 0 1px "", 0 7px 0 1px "", 0 14px 0 1px ""
}

.top-bar.expanded {
    height: auto
}

.top-bar.expanded, .top-bar.expanded .title-area {
    background: transparent
}

.top-bar.expanded .toggle-topbar a {
    color: #000075
}

.top-bar.expanded .toggle-topbar a span:after {
    box-shadow: 0 0 0 1px #000075, 0 7px 0 1px #000075, 0 14px 0 1px #000075
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .top-bar.expanded .top-bar-section .dropdown, .top-bar.expanded .top-bar-section .has-dropdown.moved > .dropdown {
        clip: auto
    }

    .top-bar.expanded .top-bar-section .has-dropdown:not(.moved) > ul {
        padding: 0
    }
}

.top-bar-section {
    left: 0;
    position: relative;
    width: auto;
    transition: left .3s ease-out
}

.top-bar-section ul {
    display: block;
    font-size: 18px;
    height: auto;
    margin: 0;
    padding: 0;
    width: 100%
}

.top-bar-section .divider, .top-bar-section [role=separator] {
    border-top: 1px solid transparent;
    clear: both;
    height: 1px;
    width: 100%
}

.top-bar-section ul li {
    background: #fff
}

.top-bar-section ul li > a {
    color: #000075;
    display: block;
    font-family: Inter, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
    font-size: 15px;
    font-weight: 700;
    padding: 12px 0 12px 1.6666666667rem;
    text-transform: none;
    width: 100%
}

.top-bar-section ul li > a.button {
    font-size: 15px;
    padding-left: 1.6666666667rem;
    padding-right: 1.6666666667rem;
    background-color: #fff;
    border-color: #ccc;
    color: #aa73f2
}

.top-bar-section ul li > a.button:focus, .top-bar-section ul li > a.button:hover {
    background-color: #ccc;
    color: #aa73f2
}

.top-bar-section ul li > a.button.secondary {
    background-color: #000075;
    border-color: #00005e;
    color: #000075
}

.top-bar-section ul li > a.button.secondary:focus, .top-bar-section ul li > a.button.secondary:hover {
    background-color: #00005e;
    color: #000075
}

.top-bar-section ul li > a.button.success {
    background-color: #43ac6a;
    border-color: #368a55;
    color: #000075
}

.top-bar-section ul li > a.button.success:focus, .top-bar-section ul li > a.button.success:hover {
    background-color: #368a55;
    color: #000075
}

.top-bar-section ul li > a.button.alert {
    background-color: #f04124;
    border-color: #cf2a0e;
    color: #000075
}

.top-bar-section ul li > a.button.alert:focus, .top-bar-section ul li > a.button.alert:hover {
    background-color: #cf2a0e;
    color: #000075
}

.top-bar-section ul li > a.button.warning {
    background-color: #f08a24;
    border-color: #cf6e0e;
    color: #000075
}

.top-bar-section ul li > a.button.warning:focus, .top-bar-section ul li > a.button.warning:hover {
    background-color: #cf6e0e;
    color: #000075
}

.top-bar-section ul li > a.button.info {
    background-color: #a0d3e8;
    border-color: #61b6d9;
    color: #aa73f2
}

.top-bar-section ul li > a.button.info:focus, .top-bar-section ul li > a.button.info:hover {
    background-color: #61b6d9;
    color: #000075
}

.top-bar-section ul li > button {
    font-size: 13.333px;
    font-size: .8333333333rem;
    padding-left: 1.6666666667rem;
    padding-right: 1.6666666667rem;
    background-color: #fff;
    border-color: #ccc;
    color: #aa73f2
}

.top-bar-section ul li > button:focus, .top-bar-section ul li > button:hover {
    background-color: #ccc;
    color: #aa73f2
}

.top-bar-section ul li > button.secondary {
    background-color: #000075;
    border-color: #00005e;
    color: #000075
}

.top-bar-section ul li > button.secondary:focus, .top-bar-section ul li > button.secondary:hover {
    background-color: #00005e;
    color: #000075
}

.top-bar-section ul li > button.success {
    background-color: #43ac6a;
    border-color: #368a55;
    color: #000075
}

.top-bar-section ul li > button.success:focus, .top-bar-section ul li > button.success:hover {
    background-color: #368a55;
    color: #000075
}

.top-bar-section ul li > button.alert {
    background-color: #f04124;
    border-color: #cf2a0e;
    color: #000075
}

.top-bar-section ul li > button.alert:focus, .top-bar-section ul li > button.alert:hover {
    background-color: #cf2a0e;
    color: #000075
}

.top-bar-section ul li > button.warning {
    background-color: #f08a24;
    border-color: #cf6e0e;
    color: #000075
}

.top-bar-section ul li > button.warning:focus, .top-bar-section ul li > button.warning:hover {
    background-color: #cf6e0e;
    color: #000075
}

.top-bar-section ul li > button.info {
    background-color: #a0d3e8;
    border-color: #61b6d9;
    color: #aa73f2
}

.top-bar-section ul li > button.info:focus, .top-bar-section ul li > button.info:hover {
    background-color: #61b6d9;
    color: #000075
}

.top-bar-section ul li:hover:not(.has-form) > a {
    background-color: transparent;
    color: #000075;
    background: transparent
}

.top-bar-section ul li.active > a, .top-bar-section ul li.active > a:hover {
    background: transparent;
    color: #000075
}

.top-bar-section .has-form {
    padding: 1.6666666667rem
}

.top-bar-section .has-dropdown {
    position: relative
}

.top-bar-section .has-dropdown > a:after {
    margin-right: 1.6666666667rem;
    margin-top: -4.5px;
    position: absolute;
    top: 50%;
    right: 0
}

.top-bar-section .has-dropdown.moved {
    position: static
}

.top-bar-section .has-dropdown.moved > .dropdown {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
    display: block;
    position: absolute !important;
    width: 100%
}

.top-bar-section .has-dropdown.moved > a:after {
    display: none
}

.top-bar-section .dropdown {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
    display: block;
    padding: 0;
    position: absolute;
    top: 0;
    z-index: 99;
    left: 100%
}

.top-bar-section .dropdown li {
    height: auto;
    width: 100%
}

.top-bar-section .dropdown li a {
    font-weight: 400;
    padding: 8px 1.6666666667rem
}

.top-bar-section .dropdown li a.parent-link {
    font-weight: 700
}

.top-bar-section .dropdown li.parent-link, .top-bar-section .dropdown li.title h5 {
    margin-bottom: 0;
    margin-top: 0;
    font-size: 16px;
    font-size: 1rem
}

.top-bar-section .dropdown li.parent-link a, .top-bar-section .dropdown li.title h5 a {
    color: #000075;
    display: block
}

.top-bar-section .dropdown li.parent-link a:hover, .top-bar-section .dropdown li.title h5 a:hover {
    background: none
}

.top-bar-section .dropdown li.has-form {
    padding: 8px 1.6666666667rem
}

.top-bar-section .dropdown li .button, .top-bar-section .dropdown li button {
    top: auto
}

.top-bar-section .dropdown label {
    color: #787878;
    font-size: 8.888px;
    font-size: .5555555556rem;
    font-weight: 700;
    margin-bottom: 0;
    padding: 8px 1.6666666667rem 2px;
    text-transform: uppercase
}

.js-generated {
    display: block
}

@media only screen and (min-width: 56.9444444444em) {
    .top-bar {
        background: transparent;
        overflow: visible
    }

    .top-bar:after, .top-bar:before {
        content: " ";
        display: table
    }

    .top-bar:after {
        clear: both
    }

    .top-bar .toggle-topbar {
        display: none
    }

    .top-bar .title-area {
        float: left
    }

    .top-bar .name h1 a, .top-bar .name h2 a, .top-bar .name h3 a, .top-bar .name h4 a, .top-bar .name h5 a, .top-bar .name h6 a {
        width: auto
    }

    .top-bar .button, .top-bar button, .top-bar input, .top-bar select {
        font-size: .7777777778rem;
        height: 1.5555555556rem;
        position: relative;
        top: 1.7222222222rem
    }

    .top-bar.expanded {
        background: transparent
    }

    .contain-to-grid .top-bar {
        margin: 0 auto;
        max-width: 94.4444444444rem
    }

    .top-bar-section {
        transition: none 0 0;
        left: 0 !important
    }

    .top-bar-section ul {
        display: inline;
        height: auto !important;
        width: auto
    }

    .top-bar-section ul li {
        float: left
    }

    .top-bar-section ul li .js-generated {
        display: none
    }

    .top-bar-section li.hover > a:not(.button) {
        background-color: transparent;
        background: transparent;
        color: #000075
    }

    .top-bar-section li:not(.has-form) a:not(.button) {
        background: transparent;
        line-height: 5rem;
        padding: 0 1.6666666667rem
    }

    .top-bar-section li:not(.has-form) a:not(.button):hover {
        background-color: transparent;
        background: transparent
    }

    .top-bar-section li.active:not(.has-form) a:not(.button) {
        background: transparent;
        color: #000075;
        line-height: 5rem;
        padding: 0 1.6666666667rem
    }

    .top-bar-section li.active:not(.has-form) a:not(.button):hover {
        background: transparent;
        color: #000075
    }

    .top-bar-section .has-dropdown.moved {
        position: relative
    }

    .top-bar-section .has-dropdown.moved > .dropdown {
        clip: rect(1px, 1px, 1px, 1px);
        height: 1px;
        overflow: hidden;
        position: absolute !important;
        width: 1px;
        display: block
    }

    .top-bar-section .has-dropdown.hover > .dropdown, .top-bar-section .has-dropdown.not-click:hover > .dropdown, .top-bar-section .has-dropdown > a:focus + .dropdown {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto;
        display: block;
        position: absolute !important
    }

    .top-bar-section .dropdown {
        left: 0;
        background: transparent;
        min-width: 100%;
        top: auto
    }

    .top-bar-section .dropdown li a {
        line-height: 5rem;
        padding: 12px 1.6666666667rem;
        white-space: nowrap
    }

    .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button), .top-bar-section .dropdown li a {
        background: #f5f5f5;
        color: #000075
    }

    .top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
        background-color: transparent;
        color: #000075;
        background: #f5f5f5
    }

    .top-bar-section .dropdown li label {
        background: #3e3e3c;
        white-space: nowrap
    }

    .top-bar-section .dropdown li .dropdown {
        left: 100%;
        top: 0
    }

    .top-bar-section > ul > .divider, .top-bar-section > ul > [role=separator] {
        border-right: 1px solid rgba(33, 33, 33, 0);
        border-bottom: none;
        border-top: none;
        clear: none;
        height: 5rem;
        width: 0
    }

    .top-bar-section .has-form {
        background: transparent;
        height: 5rem;
        padding: 0 1.6666666667rem
    }

    .top-bar-section .right li .dropdown {
        left: auto;
        right: 0
    }

    .top-bar-section .right li .dropdown li .dropdown {
        right: 100%
    }

    .top-bar-section .left li .dropdown {
        right: auto;
        left: 0
    }

    .top-bar-section .left li .dropdown li .dropdown {
        left: 100%
    }

    .no-js .top-bar-section ul li:hover > a {
        background-color: transparent;
        background: transparent;
        color: #000075
    }

    .no-js .top-bar-section ul li:active > a {
        background: transparent;
        color: #000075
    }

    .no-js .top-bar-section .has-dropdown:hover > .dropdown, .no-js .top-bar-section .has-dropdown > a:focus + .dropdown {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto;
        display: block;
        position: absolute !important
    }
}

.text-left {
    text-align: left !important
}

.text-right {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

.text-justify {
    text-align: justify !important
}

@media only screen and (max-width: 35.5555555556em) {
    .small-only-text-left {
        text-align: left !important
    }

    .small-only-text-right {
        text-align: right !important
    }

    .small-only-text-center {
        text-align: center !important
    }

    .small-only-text-justify {
        text-align: justify !important
    }
}

@media only screen {
    .small-text-left {
        text-align: left !important
    }

    .small-text-right {
        text-align: right !important
    }

    .small-text-center {
        text-align: center !important
    }

    .small-text-justify {
        text-align: justify !important
    }
}

@media only screen and (min-width: 35.6111111111em) and (max-width: 56.8888888889em) {
    .medium-only-text-left {
        text-align: left !important
    }

    .medium-only-text-right {
        text-align: right !important
    }

    .medium-only-text-center {
        text-align: center !important
    }

    .medium-only-text-justify {
        text-align: justify !important
    }
}

@media only screen and (min-width: 35.6111111111em) {
    .medium-text-left {
        text-align: left !important
    }

    .medium-text-right {
        text-align: right !important
    }

    .medium-text-center {
        text-align: center !important
    }

    .medium-text-justify {
        text-align: justify !important
    }
}

@media only screen and (min-width: 56.9444444444em) and (max-width: 66.6666666667em) {
    .large-only-text-left {
        text-align: left !important
    }

    .large-only-text-right {
        text-align: right !important
    }

    .large-only-text-center {
        text-align: center !important
    }

    .large-only-text-justify {
        text-align: justify !important
    }
}

@media only screen and (min-width: 56.9444444444em) {
    .large-text-left {
        text-align: left !important
    }

    .large-text-right {
        text-align: right !important
    }

    .large-text-center {
        text-align: center !important
    }

    .large-text-justify {
        text-align: justify !important
    }
}

@media only screen and (min-width: 66.7222222222em) and (max-width: 80em) {
    .xlarge-only-text-left {
        text-align: left !important
    }

    .xlarge-only-text-right {
        text-align: right !important
    }

    .xlarge-only-text-center {
        text-align: center !important
    }

    .xlarge-only-text-justify {
        text-align: justify !important
    }
}

@media only screen and (min-width: 66.7222222222em) {
    .xlarge-text-left {
        text-align: left !important
    }

    .xlarge-text-right {
        text-align: right !important
    }

    .xlarge-text-center {
        text-align: center !important
    }

    .xlarge-text-justify {
        text-align: justify !important
    }
}

@media only screen and (min-width: 80.0555555556em) and (max-width: 5555555.5em) {
    .xxlarge-only-text-left {
        text-align: left !important
    }

    .xxlarge-only-text-right {
        text-align: right !important
    }

    .xxlarge-only-text-center {
        text-align: center !important
    }

    .xxlarge-only-text-justify {
        text-align: justify !important
    }
}

@media only screen and (min-width: 80.0555555556em) {
    .xxlarge-text-left {
        text-align: left !important
    }

    .xxlarge-text-right {
        text-align: right !important
    }

    .xxlarge-text-center {
        text-align: center !important
    }

    .xxlarge-text-justify {
        text-align: justify !important
    }
}

blockquote, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, li, ol, p, pre, td, th, ul {
    margin: 0;
    padding: 0
}

a {
    color: #000075;
    line-height: inherit;
    text-decoration: none
}

a:focus, a:hover {
    color: #000075;
    -webkit-text-decoration: 1px solid #4dff97;
    text-decoration: 1px solid #4dff97
}

a img {
    border: none
}

p {
    font-family: inherit;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: 1.1111111111rem;
    text-rendering: optimizeLegibility
}

p, p.lead {
    line-height: 1.6
}

p.lead {
    font-size: 19.111px;
    font-size: 1.1944444444rem
}

p aside {
    font-size: 12.444px;
    font-size: .7777777778rem;
    font-style: italic;
    line-height: 1.35
}

h1, h2, h3, h4, h5, h6 {
    color: #262626;
    font-family: Inter, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: .7rem;
    margin-top: .2rem;
    text-rendering: optimizeLegibility
}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    color: #727272;
    font-size: 60%;
    line-height: 0
}

h1 {
    font-size: 100px
}

h2 {
    font-size: 55px
}

h3 {
    font-size: 45px
}

h4 {
    font-size: 34px
}

h5 {
    font-size: 22px
}

h6 {
    font-size: 15px
}

.subheader {
    line-height: 1.2;
    color: #727272;
    font-weight: 700;
    margin-top: .2rem;
    margin-bottom: .7rem
}

hr {
    border: solid #eae4f1;
    border-width: 1px 0 0;
    clear: both;
    height: 0;
    margin: 1.1111111111rem 0 1.0555555556rem
}

em, i {
    font-style: italic
}

b, em, i, strong {
    line-height: inherit
}

b, strong {
    font-weight: 700
}

small {
    font-size: 60%;
    line-height: inherit
}

code {
    background-color: #8989ff;
    border: 1px solid #6262ff;
    color: #3e3e3c;
    font-family: Droid Sans Mono, Consolas, Liberation Mono, Courier, monospace;
    font-weight: 400;
    padding: .1111111111rem .2777777778rem .0555555556rem
}

dl, ol, ul {
    font-family: inherit;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.6;
    list-style-position: outside;
    margin-bottom: 1.1111111111rem
}

ul {
    margin-left: 1.1rem
}

ul.no-bullet {
    margin-left: 0
}

ul.no-bullet li ol, ul.no-bullet li ul {
    list-style: none
}

ul.no-bullet li ol, ul.no-bullet li ul, ul li ol, ul li ul {
    margin-left: 1.1111111111rem;
    margin-bottom: 0
}

ul.circle li ul, ul.disc li ul, ul.square li ul {
    list-style: inherit
}

ul.square {
    list-style-type: square;
    margin-left: 1.1rem
}

ul.circle {
    list-style-type: circle
}

ul.circle, ul.disc {
    margin-left: 1.1rem
}

ul.disc {
    list-style-type: disc
}

ul.no-bullet {
    list-style: none
}

ol {
    margin-left: 1.4rem
}

ol li ol, ol li ul {
    margin-left: 1.1111111111rem;
    margin-bottom: 0
}

dl dt {
    margin-bottom: .3rem;
    font-weight: 700
}

dl dd {
    margin-bottom: .6666666667rem
}

abbr, acronym {
    text-transform: uppercase;
    font-size: 90%;
    color: #262626;
    cursor: help
}

abbr {
    text-transform: none
}

abbr[title] {
    border-bottom: 1px dotted #dedede
}

blockquote {
    margin: 0 0 1.1111111111rem;
    padding: .5rem 1.1111111111rem 0 1.0555555556rem;
    border-left: 1px solid #dedede
}

blockquote cite {
    display: block;
    font-size: 11.555px;
    font-size: .7222222222rem;
    color: #585858
}

blockquote cite:before {
    content: "— "
}

blockquote cite a, blockquote cite a:visited {
    color: #585858
}

blockquote, blockquote p {
    line-height: 1.6;
    color: #727272
}

.vcard {
    display: inline-block;
    margin: 0 0 1.1111111111rem;
    border: 1px solid #dedede;
    padding: .5555555556rem .6666666667rem
}

.vcard li {
    margin: 0;
    display: block
}

.vcard .fn {
    font-size: 13.333px;
    font-size: .8333333333rem
}

.vcard .fn, .vevent .summary, .vevent abbr {
    font-weight: 700
}

.vevent abbr {
    cursor: default;
    text-decoration: none;
    border: none;
    padding: 0 .0555555556rem
}

@media only screen and (min-width: 35.6111111111em) {
    h1, h2, h3, h4, h5, h6 {
        line-height: 1.2
    }

    h1 {
        font-size: 100px
    }

    h2 {
        font-size: 55px
    }

    h3 {
        font-size: 45px
    }

    h4 {
        font-size: 34px
    }

    h5 {
        font-size: 22px
    }

    h6 {
        font-size: 15px
    }
}

@media only screen {
    .hide-for-large, .hide-for-large-only, .hide-for-large-up, .hide-for-medium, .hide-for-medium-only, .hide-for-medium-up, .hide-for-xlarge, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .show-for-large-down, .show-for-medium-down, .show-for-small, .show-for-small-down, .show-for-small-only, .show-for-small-up, .show-for-xlarge-down, .show-for-xxlarge-down {
        display: inherit !important
    }

    .hide-for-large-down, .hide-for-medium-down, .hide-for-small, .hide-for-small-down, .hide-for-small-only, .hide-for-small-up, .hide-for-xlarge-down, .hide-for-xxlarge-down, .show-for-large, .show-for-large-only, .show-for-large-up, .show-for-medium, .show-for-medium-only, .show-for-medium-up, .show-for-xlarge, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge, .show-for-xxlarge-only, .show-for-xxlarge-up {
        display: none !important
    }

    .hidden-for-large, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-medium, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-xlarge, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xxlarge, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .visible-for-large-down, .visible-for-medium-down, .visible-for-small, .visible-for-small-down, .visible-for-small-only, .visible-for-small-up, .visible-for-xlarge-down, .visible-for-xxlarge-down {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto
    }

    .hidden-for-large-down, .hidden-for-medium-down, .hidden-for-small, .hidden-for-small-down, .hidden-for-small-only, .hidden-for-small-up, .hidden-for-xlarge-down, .hidden-for-xxlarge-down, .visible-for-large, .visible-for-large-only, .visible-for-large-up, .visible-for-medium, .visible-for-medium-only, .visible-for-medium-up, .visible-for-xlarge, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xxlarge, .visible-for-xxlarge-only, .visible-for-xxlarge-up {
        clip: rect(1px, 1px, 1px, 1px);
        height: 1px;
        overflow: hidden;
        position: absolute !important;
        width: 1px
    }

    table.hide-for-large, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-medium, table.hide-for-medium-only, table.hide-for-medium-up, table.hide-for-xlarge, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xxlarge, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.show-for-large-down, table.show-for-medium-down, table.show-for-small, table.show-for-small-down, table.show-for-small-only, table.show-for-small-up, table.show-for-xlarge-down, table.show-for-xxlarge-down {
        display: table !important
    }

    thead.hide-for-large, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-medium, thead.hide-for-medium-only, thead.hide-for-medium-up, thead.hide-for-xlarge, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xxlarge, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.show-for-large-down, thead.show-for-medium-down, thead.show-for-small, thead.show-for-small-down, thead.show-for-small-only, thead.show-for-small-up, thead.show-for-xlarge-down, thead.show-for-xxlarge-down {
        display: table-header-group !important
    }

    tbody.hide-for-large, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-medium, tbody.hide-for-medium-only, tbody.hide-for-medium-up, tbody.hide-for-xlarge, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xxlarge, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.show-for-large-down, tbody.show-for-medium-down, tbody.show-for-small, tbody.show-for-small-down, tbody.show-for-small-only, tbody.show-for-small-up, tbody.show-for-xlarge-down, tbody.show-for-xxlarge-down {
        display: table-row-group !important
    }

    tr.hide-for-large, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-medium, tr.hide-for-medium-only, tr.hide-for-medium-up, tr.hide-for-xlarge, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xxlarge, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.show-for-large-down, tr.show-for-medium-down, tr.show-for-small, tr.show-for-small-down, tr.show-for-small-only, tr.show-for-small-up, tr.show-for-xlarge-down, tr.show-for-xxlarge-down {
        display: table-row
    }

    td.hide-for-large, td.hide-for-large-only, td.hide-for-large-up, td.hide-for-medium, td.hide-for-medium-only, td.hide-for-medium-up, td.hide-for-xlarge, td.hide-for-xlarge-only, td.hide-for-xlarge-up, td.hide-for-xxlarge, td.hide-for-xxlarge-only, td.hide-for-xxlarge-up, td.show-for-large-down, td.show-for-medium-down, td.show-for-small, td.show-for-small-down, td.show-for-small-only, td.show-for-small-up, td.show-for-xlarge-down, td.show-for-xxlarge-down, th.hide-for-large, th.hide-for-large-only, th.hide-for-large-up, th.hide-for-medium, th.hide-for-medium-only, th.hide-for-medium-up, th.hide-for-xlarge, th.hide-for-xlarge-only, th.hide-for-xlarge-up, th.hide-for-xxlarge, th.hide-for-xxlarge-only, th.hide-for-xxlarge-up, th.show-for-large-down, th.show-for-medium-down, th.show-for-small, th.show-for-small-down, th.show-for-small-only, th.show-for-small-up, th.show-for-xlarge-down, th.show-for-xxlarge-down {
        display: table-cell !important
    }
}

@media only screen and (min-width: 35.6111111111em) {
    .hide-for-large, .hide-for-large-only, .hide-for-large-up, .hide-for-small, .hide-for-small-down, .hide-for-small-only, .hide-for-xlarge, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .show-for-large-down, .show-for-medium, .show-for-medium-down, .show-for-medium-only, .show-for-medium-up, .show-for-small-up, .show-for-xlarge-down, .show-for-xxlarge-down {
        display: inherit !important
    }

    .hide-for-large-down, .hide-for-medium, .hide-for-medium-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-small-up, .hide-for-xlarge-down, .hide-for-xxlarge-down, .show-for-large, .show-for-large-only, .show-for-large-up, .show-for-small, .show-for-small-down, .show-for-small-only, .show-for-xlarge, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge, .show-for-xxlarge-only, .show-for-xxlarge-up {
        display: none !important
    }

    .hidden-for-large, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-small-only, .hidden-for-xlarge, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xxlarge, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .visible-for-large-down, .visible-for-medium, .visible-for-medium-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-small-up, .visible-for-xlarge-down, .visible-for-xxlarge-down {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto
    }

    .hidden-for-large-down, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-small-up, .hidden-for-xlarge-down, .hidden-for-xxlarge-down, .visible-for-large, .visible-for-large-only, .visible-for-large-up, .visible-for-small, .visible-for-small-down, .visible-for-small-only, .visible-for-xlarge, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xxlarge, .visible-for-xxlarge-only, .visible-for-xxlarge-up {
        clip: rect(1px, 1px, 1px, 1px);
        height: 1px;
        overflow: hidden;
        position: absolute !important;
        width: 1px
    }

    table.hide-for-large, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-small-only, table.hide-for-xlarge, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xxlarge, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.show-for-large-down, table.show-for-medium, table.show-for-medium-down, table.show-for-medium-only, table.show-for-medium-up, table.show-for-small-up, table.show-for-xlarge-down, table.show-for-xxlarge-down {
        display: table !important
    }

    thead.hide-for-large, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-small-only, thead.hide-for-xlarge, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xxlarge, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.show-for-large-down, thead.show-for-medium, thead.show-for-medium-down, thead.show-for-medium-only, thead.show-for-medium-up, thead.show-for-small-up, thead.show-for-xlarge-down, thead.show-for-xxlarge-down {
        display: table-header-group !important
    }

    tbody.hide-for-large, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-small-only, tbody.hide-for-xlarge, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xxlarge, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.show-for-large-down, tbody.show-for-medium, tbody.show-for-medium-down, tbody.show-for-medium-only, tbody.show-for-medium-up, tbody.show-for-small-up, tbody.show-for-xlarge-down, tbody.show-for-xxlarge-down {
        display: table-row-group !important
    }

    tr.hide-for-large, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-small-only, tr.hide-for-xlarge, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xxlarge, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.show-for-large-down, tr.show-for-medium, tr.show-for-medium-down, tr.show-for-medium-only, tr.show-for-medium-up, tr.show-for-small-up, tr.show-for-xlarge-down, tr.show-for-xxlarge-down {
        display: table-row
    }

    td.hide-for-large, td.hide-for-large-only, td.hide-for-large-up, td.hide-for-small, td.hide-for-small-down, td.hide-for-small-only, td.hide-for-xlarge, td.hide-for-xlarge-only, td.hide-for-xlarge-up, td.hide-for-xxlarge, td.hide-for-xxlarge-only, td.hide-for-xxlarge-up, td.show-for-large-down, td.show-for-medium, td.show-for-medium-down, td.show-for-medium-only, td.show-for-medium-up, td.show-for-small-up, td.show-for-xlarge-down, td.show-for-xxlarge-down, th.hide-for-large, th.hide-for-large-only, th.hide-for-large-up, th.hide-for-small, th.hide-for-small-down, th.hide-for-small-only, th.hide-for-xlarge, th.hide-for-xlarge-only, th.hide-for-xlarge-up, th.hide-for-xxlarge, th.hide-for-xxlarge-only, th.hide-for-xxlarge-up, th.show-for-large-down, th.show-for-medium, th.show-for-medium-down, th.show-for-medium-only, th.show-for-medium-up, th.show-for-small-up, th.show-for-xlarge-down, th.show-for-xxlarge-down {
        display: table-cell !important
    }
}

@media only screen and (min-width: 56.9444444444em) {
    .hide-for-medium, .hide-for-medium-down, .hide-for-medium-only, .hide-for-small, .hide-for-small-down, .hide-for-small-only, .hide-for-xlarge, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .show-for-large, .show-for-large-down, .show-for-large-only, .show-for-large-up, .show-for-medium-up, .show-for-small-up, .show-for-xlarge-down, .show-for-xxlarge-down {
        display: inherit !important
    }

    .hide-for-large, .hide-for-large-down, .hide-for-large-only, .hide-for-large-up, .hide-for-medium-up, .hide-for-small-up, .hide-for-xlarge-down, .hide-for-xxlarge-down, .show-for-medium, .show-for-medium-down, .show-for-medium-only, .show-for-small, .show-for-small-down, .show-for-small-only, .show-for-xlarge, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge, .show-for-xxlarge-only, .show-for-xxlarge-up {
        display: none !important
    }

    .hidden-for-medium, .hidden-for-medium-down, .hidden-for-medium-only, .hidden-for-small, .hidden-for-small-down, .hidden-for-small-only, .hidden-for-xlarge, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xxlarge, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .visible-for-large, .visible-for-large-down, .visible-for-large-only, .visible-for-large-up, .visible-for-medium-up, .visible-for-small-up, .visible-for-xlarge-down, .visible-for-xxlarge-down {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto
    }

    .hidden-for-large, .hidden-for-large-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-medium-up, .hidden-for-small-up, .hidden-for-xlarge-down, .hidden-for-xxlarge-down, .visible-for-medium, .visible-for-medium-down, .visible-for-medium-only, .visible-for-small, .visible-for-small-down, .visible-for-small-only, .visible-for-xlarge, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xxlarge, .visible-for-xxlarge-only, .visible-for-xxlarge-up {
        clip: rect(1px, 1px, 1px, 1px);
        height: 1px;
        overflow: hidden;
        position: absolute !important;
        width: 1px
    }

    table.hide-for-medium, table.hide-for-medium-down, table.hide-for-medium-only, table.hide-for-small, table.hide-for-small-down, table.hide-for-small-only, table.hide-for-xlarge, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xxlarge, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.show-for-large, table.show-for-large-down, table.show-for-large-only, table.show-for-large-up, table.show-for-medium-up, table.show-for-small-up, table.show-for-xlarge-down, table.show-for-xxlarge-down {
        display: table !important
    }

    thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-medium-only, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-small-only, thead.hide-for-xlarge, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xxlarge, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.show-for-large, thead.show-for-large-down, thead.show-for-large-only, thead.show-for-large-up, thead.show-for-medium-up, thead.show-for-small-up, thead.show-for-xlarge-down, thead.show-for-xxlarge-down {
        display: table-header-group !important
    }

    tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-medium-only, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-small-only, tbody.hide-for-xlarge, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xxlarge, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.show-for-large, tbody.show-for-large-down, tbody.show-for-large-only, tbody.show-for-large-up, tbody.show-for-medium-up, tbody.show-for-small-up, tbody.show-for-xlarge-down, tbody.show-for-xxlarge-down {
        display: table-row-group !important
    }

    tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-medium-only, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-small-only, tr.hide-for-xlarge, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xxlarge, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.show-for-large, tr.show-for-large-down, tr.show-for-large-only, tr.show-for-large-up, tr.show-for-medium-up, tr.show-for-small-up, tr.show-for-xlarge-down, tr.show-for-xxlarge-down {
        display: table-row
    }

    td.hide-for-medium, td.hide-for-medium-down, td.hide-for-medium-only, td.hide-for-small, td.hide-for-small-down, td.hide-for-small-only, td.hide-for-xlarge, td.hide-for-xlarge-only, td.hide-for-xlarge-up, td.hide-for-xxlarge, td.hide-for-xxlarge-only, td.hide-for-xxlarge-up, td.show-for-large, td.show-for-large-down, td.show-for-large-only, td.show-for-large-up, td.show-for-medium-up, td.show-for-small-up, td.show-for-xlarge-down, td.show-for-xxlarge-down, th.hide-for-medium, th.hide-for-medium-down, th.hide-for-medium-only, th.hide-for-small, th.hide-for-small-down, th.hide-for-small-only, th.hide-for-xlarge, th.hide-for-xlarge-only, th.hide-for-xlarge-up, th.hide-for-xxlarge, th.hide-for-xxlarge-only, th.hide-for-xxlarge-up, th.show-for-large, th.show-for-large-down, th.show-for-large-only, th.show-for-large-up, th.show-for-medium-up, th.show-for-small-up, th.show-for-xlarge-down, th.show-for-xxlarge-down {
        display: table-cell !important
    }
}

@media only screen and (min-width: 66.7222222222em) {
    .hide-for-large, .hide-for-large-down, .hide-for-large-only, .hide-for-medium, .hide-for-medium-down, .hide-for-medium-only, .hide-for-small, .hide-for-small-down, .hide-for-small-only, .hide-for-xxlarge, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .show-for-large-up, .show-for-medium-up, .show-for-small-up, .show-for-xlarge, .show-for-xlarge-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge-down {
        display: inherit !important
    }

    .hide-for-large-up, .hide-for-medium-up, .hide-for-small-up, .hide-for-xlarge, .hide-for-xlarge-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge-down, .show-for-large, .show-for-large-down, .show-for-large-only, .show-for-medium, .show-for-medium-down, .show-for-medium-only, .show-for-small, .show-for-small-down, .show-for-small-only, .show-for-xxlarge, .show-for-xxlarge-only, .show-for-xxlarge-up {
        display: none !important
    }

    .hidden-for-large, .hidden-for-large-down, .hidden-for-large-only, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-medium-only, .hidden-for-small, .hidden-for-small-down, .hidden-for-small-only, .hidden-for-xxlarge, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .visible-for-large-up, .visible-for-medium-up, .visible-for-small-up, .visible-for-xlarge, .visible-for-xlarge-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xxlarge-down {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto
    }

    .hidden-for-large-up, .hidden-for-medium-up, .hidden-for-small-up, .hidden-for-xlarge, .hidden-for-xlarge-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xxlarge-down, .visible-for-large, .visible-for-large-down, .visible-for-large-only, .visible-for-medium, .visible-for-medium-down, .visible-for-medium-only, .visible-for-small, .visible-for-small-down, .visible-for-small-only, .visible-for-xxlarge, .visible-for-xxlarge-only, .visible-for-xxlarge-up {
        clip: rect(1px, 1px, 1px, 1px);
        height: 1px;
        overflow: hidden;
        position: absolute !important;
        width: 1px
    }

    table.hide-for-large, table.hide-for-large-down, table.hide-for-large-only, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-medium-only, table.hide-for-small, table.hide-for-small-down, table.hide-for-small-only, table.hide-for-xxlarge, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.show-for-large-up, table.show-for-medium-up, table.show-for-small-up, table.show-for-xlarge, table.show-for-xlarge-down, table.show-for-xlarge-only, table.show-for-xlarge-up, table.show-for-xxlarge-down {
        display: table !important
    }

    thead.hide-for-large, thead.hide-for-large-down, thead.hide-for-large-only, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-medium-only, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-small-only, thead.hide-for-xxlarge, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.show-for-large-up, thead.show-for-medium-up, thead.show-for-small-up, thead.show-for-xlarge, thead.show-for-xlarge-down, thead.show-for-xlarge-only, thead.show-for-xlarge-up, thead.show-for-xxlarge-down {
        display: table-header-group !important
    }

    tbody.hide-for-large, tbody.hide-for-large-down, tbody.hide-for-large-only, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-medium-only, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-small-only, tbody.hide-for-xxlarge, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.show-for-large-up, tbody.show-for-medium-up, tbody.show-for-small-up, tbody.show-for-xlarge, tbody.show-for-xlarge-down, tbody.show-for-xlarge-only, tbody.show-for-xlarge-up, tbody.show-for-xxlarge-down {
        display: table-row-group !important
    }

    tr.hide-for-large, tr.hide-for-large-down, tr.hide-for-large-only, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-medium-only, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-small-only, tr.hide-for-xxlarge, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.show-for-large-up, tr.show-for-medium-up, tr.show-for-small-up, tr.show-for-xlarge, tr.show-for-xlarge-down, tr.show-for-xlarge-only, tr.show-for-xlarge-up, tr.show-for-xxlarge-down {
        display: table-row
    }

    td.hide-for-large, td.hide-for-large-down, td.hide-for-large-only, td.hide-for-medium, td.hide-for-medium-down, td.hide-for-medium-only, td.hide-for-small, td.hide-for-small-down, td.hide-for-small-only, td.hide-for-xxlarge, td.hide-for-xxlarge-only, td.hide-for-xxlarge-up, td.show-for-large-up, td.show-for-medium-up, td.show-for-small-up, td.show-for-xlarge, td.show-for-xlarge-down, td.show-for-xlarge-only, td.show-for-xlarge-up, td.show-for-xxlarge-down, th.hide-for-large, th.hide-for-large-down, th.hide-for-large-only, th.hide-for-medium, th.hide-for-medium-down, th.hide-for-medium-only, th.hide-for-small, th.hide-for-small-down, th.hide-for-small-only, th.hide-for-xxlarge, th.hide-for-xxlarge-only, th.hide-for-xxlarge-up, th.show-for-large-up, th.show-for-medium-up, th.show-for-small-up, th.show-for-xlarge, th.show-for-xlarge-down, th.show-for-xlarge-only, th.show-for-xlarge-up, th.show-for-xxlarge-down {
        display: table-cell !important
    }
}

@media only screen and (min-width: 80.0555555556em) {
    .hide-for-large, .hide-for-large-down, .hide-for-large-only, .hide-for-medium, .hide-for-medium-down, .hide-for-medium-only, .hide-for-small, .hide-for-small-down, .hide-for-small-only, .hide-for-xlarge, .hide-for-xlarge-down, .hide-for-xlarge-only, .show-for-large-up, .show-for-medium-up, .show-for-small-up, .show-for-xlarge-up, .show-for-xxlarge, .show-for-xxlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up {
        display: inherit !important
    }

    .hide-for-large-up, .hide-for-medium-up, .hide-for-small-up, .hide-for-xlarge-up, .hide-for-xxlarge, .hide-for-xxlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .show-for-large, .show-for-large-down, .show-for-large-only, .show-for-medium, .show-for-medium-down, .show-for-medium-only, .show-for-small, .show-for-small-down, .show-for-small-only, .show-for-xlarge, .show-for-xlarge-down, .show-for-xlarge-only {
        display: none !important
    }

    .hidden-for-large, .hidden-for-large-down, .hidden-for-large-only, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-medium-only, .hidden-for-small, .hidden-for-small-down, .hidden-for-small-only, .hidden-for-xlarge, .hidden-for-xlarge-down, .hidden-for-xlarge-only, .visible-for-large-up, .visible-for-medium-up, .visible-for-small-up, .visible-for-xlarge-up, .visible-for-xxlarge, .visible-for-xxlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto
    }

    .hidden-for-large-up, .hidden-for-medium-up, .hidden-for-small-up, .hidden-for-xlarge-up, .hidden-for-xxlarge, .hidden-for-xxlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .visible-for-large, .visible-for-large-down, .visible-for-large-only, .visible-for-medium, .visible-for-medium-down, .visible-for-medium-only, .visible-for-small, .visible-for-small-down, .visible-for-small-only, .visible-for-xlarge, .visible-for-xlarge-down, .visible-for-xlarge-only {
        clip: rect(1px, 1px, 1px, 1px);
        height: 1px;
        overflow: hidden;
        position: absolute !important;
        width: 1px
    }

    table.hide-for-large, table.hide-for-large-down, table.hide-for-large-only, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-medium-only, table.hide-for-small, table.hide-for-small-down, table.hide-for-small-only, table.hide-for-xlarge, table.hide-for-xlarge-down, table.hide-for-xlarge-only, table.show-for-large-up, table.show-for-medium-up, table.show-for-small-up, table.show-for-xlarge-up, table.show-for-xxlarge, table.show-for-xxlarge-down, table.show-for-xxlarge-only, table.show-for-xxlarge-up {
        display: table !important
    }

    thead.hide-for-large, thead.hide-for-large-down, thead.hide-for-large-only, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-medium-only, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-small-only, thead.hide-for-xlarge, thead.hide-for-xlarge-down, thead.hide-for-xlarge-only, thead.show-for-large-up, thead.show-for-medium-up, thead.show-for-small-up, thead.show-for-xlarge-up, thead.show-for-xxlarge, thead.show-for-xxlarge-down, thead.show-for-xxlarge-only, thead.show-for-xxlarge-up {
        display: table-header-group !important
    }

    tbody.hide-for-large, tbody.hide-for-large-down, tbody.hide-for-large-only, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-medium-only, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-small-only, tbody.hide-for-xlarge, tbody.hide-for-xlarge-down, tbody.hide-for-xlarge-only, tbody.show-for-large-up, tbody.show-for-medium-up, tbody.show-for-small-up, tbody.show-for-xlarge-up, tbody.show-for-xxlarge, tbody.show-for-xxlarge-down, tbody.show-for-xxlarge-only, tbody.show-for-xxlarge-up {
        display: table-row-group !important
    }

    tr.hide-for-large, tr.hide-for-large-down, tr.hide-for-large-only, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-medium-only, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-small-only, tr.hide-for-xlarge, tr.hide-for-xlarge-down, tr.hide-for-xlarge-only, tr.show-for-large-up, tr.show-for-medium-up, tr.show-for-small-up, tr.show-for-xlarge-up, tr.show-for-xxlarge, tr.show-for-xxlarge-down, tr.show-for-xxlarge-only, tr.show-for-xxlarge-up {
        display: table-row
    }

    td.hide-for-large, td.hide-for-large-down, td.hide-for-large-only, td.hide-for-medium, td.hide-for-medium-down, td.hide-for-medium-only, td.hide-for-small, td.hide-for-small-down, td.hide-for-small-only, td.hide-for-xlarge, td.hide-for-xlarge-down, td.hide-for-xlarge-only, td.show-for-large-up, td.show-for-medium-up, td.show-for-small-up, td.show-for-xlarge-up, td.show-for-xxlarge, td.show-for-xxlarge-down, td.show-for-xxlarge-only, td.show-for-xxlarge-up, th.hide-for-large, th.hide-for-large-down, th.hide-for-large-only, th.hide-for-medium, th.hide-for-medium-down, th.hide-for-medium-only, th.hide-for-small, th.hide-for-small-down, th.hide-for-small-only, th.hide-for-xlarge, th.hide-for-xlarge-down, th.hide-for-xlarge-only, th.show-for-large-up, th.show-for-medium-up, th.show-for-small-up, th.show-for-xlarge-up, th.show-for-xxlarge, th.show-for-xxlarge-down, th.show-for-xxlarge-only, th.show-for-xxlarge-up {
        display: table-cell !important
    }
}

.hide-for-portrait, .show-for-landscape {
    display: inherit !important
}

.hide-for-landscape, .show-for-portrait {
    display: none !important
}

table.hide-for-landscape, table.show-for-portrait {
    display: table !important
}

thead.hide-for-landscape, thead.show-for-portrait {
    display: table-header-group !important
}

tbody.hide-for-landscape, tbody.show-for-portrait {
    display: table-row-group !important
}

tr.hide-for-landscape, tr.show-for-portrait {
    display: table-row !important
}

td.hide-for-landscape, td.show-for-portrait, th.hide-for-landscape, th.show-for-portrait {
    display: table-cell !important
}

@media only screen and (orientation: landscape) {
    .hide-for-portrait, .show-for-landscape {
        display: inherit !important
    }

    .hide-for-landscape, .show-for-portrait {
        display: none !important
    }

    table.hide-for-portrait, table.show-for-landscape {
        display: table !important
    }

    thead.hide-for-portrait, thead.show-for-landscape {
        display: table-header-group !important
    }

    tbody.hide-for-portrait, tbody.show-for-landscape {
        display: table-row-group !important
    }

    tr.hide-for-portrait, tr.show-for-landscape {
        display: table-row !important
    }

    td.hide-for-portrait, td.show-for-landscape, th.hide-for-portrait, th.show-for-landscape {
        display: table-cell !important
    }
}

@media only screen and (orientation: portrait) {
    .hide-for-landscape, .show-for-portrait {
        display: inherit !important
    }

    .hide-for-portrait, .show-for-landscape {
        display: none !important
    }

    table.hide-for-landscape, table.show-for-portrait {
        display: table !important
    }

    thead.hide-for-landscape, thead.show-for-portrait {
        display: table-header-group !important
    }

    tbody.hide-for-landscape, tbody.show-for-portrait {
        display: table-row-group !important
    }

    tr.hide-for-landscape, tr.show-for-portrait {
        display: table-row !important
    }

    td.hide-for-landscape, td.show-for-portrait, th.hide-for-landscape, th.show-for-portrait {
        display: table-cell !important
    }
}

.show-for-touch {
    display: none !important
}

.hide-for-touch, .touch .show-for-touch {
    display: inherit !important
}

.touch .hide-for-touch {
    display: none !important
}

.touch table.show-for-touch, table.hide-for-touch {
    display: table !important
}

.touch thead.show-for-touch, thead.hide-for-touch {
    display: table-header-group !important
}

.touch tbody.show-for-touch, tbody.hide-for-touch {
    display: table-row-group !important
}

.touch tr.show-for-touch, tr.hide-for-touch {
    display: table-row !important
}

.touch td.show-for-touch, .touch th.show-for-touch, td.hide-for-touch, th.hide-for-touch {
    display: table-cell !important
}

.show-for-sr, .show-on-focus {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px
}

.show-on-focus:active, .show-on-focus:focus {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto
}

.print-only {
    display: none !important
}

@media print {
    * {
        background: transparent !important;
        box-shadow: none !important;
        color: #000 !important;
        text-shadow: none !important
    }

    .show-for-print {
        display: block
    }

    .hide-for-print {
        display: none
    }

    table.show-for-print {
        display: table !important
    }

    thead.show-for-print {
        display: table-header-group !important
    }

    tbody.show-for-print {
        display: table-row-group !important
    }

    tr.show-for-print {
        display: table-row !important
    }

    td.show-for-print, th.show-for-print {
        display: table-cell !important
    }

    a, a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    .ir a:after, a[href^="#"]:after, a[href^="javascript:"]:after {
        content: ""
    }

    blockquote, pre {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img, tr {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    @page {
        margin: .5cm
    }

    h2, h3, p {
        orphans: 3;
        widows: 3
    }

    h2, h3 {
        page-break-after: avoid
    }

    .hide-on-print {
        display: none !important
    }

    .print-only {
        display: block !important
    }

    .hide-for-print {
        display: none !important
    }

    .show-for-print {
        display: inherit !important;
        display: block
    }
}

@media print {
    .hide-for-print {
        display: none
    }

    table.show-for-print {
        display: table !important
    }

    thead.show-for-print {
        display: table-header-group !important
    }

    tbody.show-for-print {
        display: table-row-group !important
    }

    tr.show-for-print {
        display: table-row !important
    }

    td.show-for-print, th.show-for-print {
        display: table-cell !important
    }
}

@media not print {
    .show-for-print {
        display: none !important
    }
}

figure {
    margin: 0
}

@font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    src: url(/resources/fonts/inter-v12-latin-regular.eot);
    src: local(""), url(/resources/fonts/inter-v12-latin-regular.eot?#iefix) format("embedded-opentype"), url(/resources/fonts/inter-v12-latin-regular.woff2) format("woff2"), url(/resources/fonts/inter-v12-latin-regular.woff) format("woff"), url(/resources/fonts/inter-v12-latin-regular.ttf) format("truetype"), url(/resources/fonts/inter-v12-latin-regular.svg#Inter) format("svg");
    font-display: swap
}

@font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    src: url(/resources/fonts/inter-v12-latin-500.eot);
    src: local(""), url(/resources/fonts/inter-v12-latin-500.eot?#iefix) format("embedded-opentype"), url(/resources/fonts/inter-v12-latin-500.woff2) format("woff2"), url(/resources/fonts/inter-v12-latin-500.woff) format("woff"), url(/resources/fonts/inter-v12-latin-500.ttf) format("truetype"), url(/resources/fonts/inter-v12-latin-500.svg#Inter) format("svg");
    font-display: swap
}

@font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/inter-v12-latin-700.eot);
    src: local(""), url(/resources/fonts/inter-v12-latin-700.eot?#iefix) format("embedded-opentype"), url(/resources/fonts/inter-v12-latin-700.woff2) format("woff2"), url(/resources/fonts/inter-v12-latin-700.woff) format("woff"), url(/resources/fonts/inter-v12-latin-700.ttf) format("truetype"), url(/resources/fonts/inter-v12-latin-700.svg#Inter) format("svg");
    font-display: swap
}

.purple1 {
    color: #000075
}

.purple2 {
    color: #aa73f2
}

.fuchsia {
    color: #e600a8
}

.green1 {
    color: #4dff97
}

.violet {
    color: #e642ff
}

.green2 {
    color: #bfff00
}

.burntorange {
    color: #ff5900
}

.blue {
    color: #00f
}

.orange {
    color: #ffbf00
}

.purple1-900 {
    color: #000075
}

.purple1-800 {
    color: #220b7f
}

.purple1-700 {
    color: #311188
}

.purple1-600 {
    color: #3f198f
}

.purple1-500 {
    color: #471d95
}

.purple1-400 {
    color: #633ea3
}

.purple1-300 {
    color: #7d5fb4
}

.purple1-200 {
    color: #a38dc8
}

.purple1-100 {
    color: #c7bade
}

.purple1-50 {
    color: #eae4f1
}

.purple2-900 {
    color: #4203bf
}

.purple2-800 {
    color: #5a17cf
}

.purple2-700 {
    color: #661ed2
}

.purple2-600 {
    color: #7627dd
}

.purple2-500 {
    color: #7e2ce2
}

.purple2-400 {
    color: #964fee
}

.purple2-300 {
    color: #aa73f2
}

.purple2-200 {
    color: #c49ef5
}

.purple2-100 {
    color: #3B0EFF
}

.purple2-50 {
    color: #f2e8fc
}

.fuchsia-900 {
    color: #8f0085
}

.fuchsia-800 {
    color: #ad0090
}

.fuchsia-700 {
    color: #bd0094
}

.fuchsia-600 {
    color: #d10099
}

.fuchsia-500 {
    color: #db009a
}

.fuchsia-400 {
    color: #e600a8
}

.fuchsia-300 {
    color: #ed54b8
}

.fuchsia-200 {
    color: #f58acc
}

.fuchsia-100 {
    color: #f9b9df
}

.fuchsia-50 {
    color: #fde3f1
}

.green1-900 {
    color: #00992b
}

.green1-800 {
    color: #00bd3f
}

.green1-700 {
    color: #00d14d
}

.green1-600 {
    color: #00e65c
}

.green1-500 {
    color: #00f566
}

.green1-400 {
    color: #00fa79
}

.green1-300 {
    color: #4dff97
}

.green1-200 {
    color: #94ffb9
}

.green1-100 {
    color: #c2ffd4
}

.green1-50 {
    color: #e5ffee
}

.violet-900 {
    color: #5800db
}

.violet-800 {
    color: #8a00e6
}

.violet-700 {
    color: #a400eb
}

.violet-600 {
    color: #bc00f0
}

.violet-500 {
    color: #d000f5
}

.violet-400 {
    color: #d0f
}

.violet-300 {
    color: #e642ff
}

.violet-200 {
    color: #ee86fe
}

.violet-100 {
    color: #f5b9fe
}

.violet-50 {
    color: #fce5ff
}

.green2-900 {
    color: #859400
}

.green2-800 {
    color: #9abd00
}

.green2-700 {
    color: #a8d600
}

.green2-600 {
    color: #b4eb00
}

.green2-500 {
    color: #bfff00
}

.green2-400 {
    color: #c3fb41
}

.green2-300 {
    color: #d0fe6c
}

.green2-200 {
    color: #dfff99
}

.green2-100 {
    color: #ecffc2
}

.green2-50 {
    color: #f7ffe5
}

.burntorange-900 {
    color: #c23700
}

.burntorange-800 {
    color: #db4500
}

.burntorange-700 {
    color: #e64d00
}

.burntorange-600 {
    color: #f55200
}

.burntorange-500 {
    color: #ff5900
}

.burntorange-400 {
    color: #ff7033
}

.burntorange-300 {
    color: #ff8d5c
}

.burntorange-200 {
    color: #ffab8a
}

.burntorange-100 {
    color: #ffccb8
}

.burntorange-50 {
    color: #fcebe8
}

.blue-800, .blue-900 {
    color: #0000fa
}

.blue-700 {
    color: #00f
}

.blue-600 {
    color: #3b0fff
}

.blue-500 {
    color: #5314ff
}

.blue-400 {
    color: #7847ff
}

.blue-300 {
    color: #956bff
}

.blue-200 {
    color: #b899ff
}

.blue-100 {
    color: #d5c2ff
}

.blue-50, .orange-900 {
    color: #f0e5ff
}

.orange-800 {
    color: #ff8c00
}

.orange-700 {
    color: #ff9d00
}

.orange-600 {
    color: #ffb300
}

.orange-500 {
    color: #ffbf00
}

.orange-400 {
    color: #ffc824
}

.orange-300 {
    color: #ffd54d
}

.orange-200 {
    color: #ffdf80
}

.orange-100 {
    color: #ffebb3
}

.orange-50 {
    color: #fff8e0
}

.white-900 {
    color: #3d3d3d
}

.white-800 {
    color: #616161
}

.white-700 {
    color: #828282
}

.white-600 {
    color: #969696
}

.white-500 {
    color: #c2c2c2
}

.white-400 {
    color: #dedede
}

.white-300 {
    color: #f0f0f0
}

.white-200 {
    color: #f5f5f5
}

.white-100 {
    color: #fafafa
}

.white-50 {
    color: #fff
}

.black-900 {
    color: #000
}

.black-800 {
    color: #262626
}

.black-700 {
    color: #424242
}

.black-600 {
    color: #545454
}

.black-500 {
    color: #7a7a7a
}

.black-400 {
    color: #9e9e9e
}

.black-300 {
    color: #c4c4c4
}

.black-200 {
    color: #d9d9d9
}

.black-100 {
    color: #e8e8e8
}

.black-50 {
    color: #f5f5f5
}

.theme-factfinder {
    --fa-secondary-opacity: 1.0;
    --fa-primary-color: $ purple1;
    --fa-secondary-color: $ purple2-200
}

:focus {
    outline: none
}

.ckeditor-html5-video video {
    max-width: 100%;
}

body, html {
    width: 100%
}

body {
    font-size: 24px;
    height: auto;
    padding-top: 0 !important;
    -webkit-text-decoration-skip: ink;
    text-decoration-skip-ink: auto
}

.site {
    display: flex;
    min-height: 100vh;
    flex-direction: column
}

.press main .row {
    max-width: 74ch
}

.press h1 {
    font-size: 80px;
    line-height: 90px
}

.press .HCaPC p, .press p {
    font-size: 20px;
    line-height: 30px
}

.hellobar {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.hellobar p {
    margin: 0
}

.hellobar .columns {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: baseline
}

.hellobar .button.filled.light {
    padding: 2px 20px;
    margin: 10px
}

.Site-content {
    flex: 1 0 auto
}

u {
    -webkit-text-decoration-skip: ink;
    text-decoration-skip-ink: auto;
    text-decoration: none
}

[unresolved] {
    display: none
}

@media only screen and (min-width: 35.6111111111em) {
    .align-center {
        display: block;
        display: flex;
        flex-direction: row;
        align-content: center;
        align-items: center
    }
}

footer, nav.top-bar {
    flex: 0 0 auto
}

.postfix, .prefix {
    padding-left: 0;
    padding-right: 0
}

img {
    height: auto
}

.white, .white h1, .white h2, .white p {
    color: #fff
}
.gradientbluepurple {
    background: linear-gradient(90deg, #000075, #3B0EFF);
    color: #fff
}

.black {
    color: #000
}

.sup {
    font-size: 14.4px;
    font-size: .9rem
}

.kartusche {
    padding: 4px 15px;
    background: #f2e8fc;
    border-radius: 100px
}

.button, .button.filled, .button.filled.light, button, button.filled, button.filled.light, input[type=button], input[type=submit] {
    display: inline-block;
    padding: 10px 25px;
    border: 2px solid var(--button-border, #3B0EFF);
    background: var(--button-bg, #3B0EFF);
    border-radius: 100px;
    font-weight: 700;
    font-size: 15px;
    line-height: 25px;
    text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: var(--button-text, #FAFAFA)
}

.button.filled.light svg, .button.filled svg, .button svg, button.filled.light svg, button.filled svg, button svg, input[type=button] svg, input[type=submit] svg {
    height: 1.6em;
    vertical-align: bottom;
    padding-left: 5px;
    fill: currentColor;
    filter: invert(53%) sepia(86%) saturate(2252%) hue-rotate(227deg) brightness(96%) contrast(98%)
}

.button.filled.light svg, .button.filled svg, button.filled.light svg, button.filled svg {
    filter: none;
}

.button.filled.light:hover, .button.filled:hover, .button:hover, button.filled.light:hover, button.filled:hover, button:hover, input[type=button]:hover, input[type=submit]:hover {
    box-sizing: border-box;
    border: 2px solid var(--button-hover-border, #3B0EFF);
    background: var(--button-hover-bg, #fff);
    border-radius: 100px;
    font-weight: 700;
    font-size: 15px;
    line-height: 25px;
    text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: var(--button-hover-text, #3B0EFF)
}

.button.filled.light.green {
    background-color: #c2ffd4;
    font-weight: 400;
    font-size: 15px;
    line-height: 25px;
    text-align: center;
    color: #00992b;
    padding: 8px 20px;
    border: 2px solid #94ffb9;
    border-radius: 8px
}

.button.outlined, .button.outlined.light, button.outlined, button.outlined.light {
    box-sizing: border-box;
    border: 2px solid #aa73f2;
    border-radius: 100px;
    font-weight: 700;
    font-size: 15px;
    line-height: 25px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #000075;
    background: #fff
}

.button.outlined.light:hover, .button.outlined:hover, button.outlined.light:hover, button.outlined:hover {
    box-sizing: border-box;
    background: #f2e8fc;
    border: 2px solid #aa73f2;
    border-radius: 100px;
    font-weight: 700;
    font-size: 15px;
    line-height: 25px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #000075
}

.button.filled.dark, button.filled.dark {
    display: inline-block;
    background: #3B0EFF;
    border-radius: 100px;
    font-weight: 700;
    font-size: 15px;
    line-height: 25px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #000075
}

.button.filled.dark:hover, .button.outlined.dark, button.filled.dark:hover, button.outlined.dark {
    color: #fff
}

.button.filled.dark:hover, .button.outlined.dark, .button.outlined.dark:hover, button.filled.dark:hover, button.outlined.dark, button.outlined.dark:hover {
    box-sizing: border-box;
    border: 2px solid #aa73f2;
    border-radius: 100px;
    font-weight: 700;
    font-size: 15px;
    line-height: 25px;
    letter-spacing: 1px;
    text-transform: uppercase
}

.button.outlined.dark:hover, button.outlined.dark:hover {
    background: #3B0EFF;
    color: #000075
}

.button.filled.dark.green, button.filled.dark.green {
    background: #4dff97;
    border: 2px solid #4dff97;
    border-radius: 100px;
    font-weight: 700;
    font-size: 15px;
    line-height: 25px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #000075
}

.button.filled.dark.green:hover, button.filled.dark.green:hover {
    background: #00e65c;
    border-radius: 100px;
    font-weight: 700;
    font-size: 15px;
    line-height: 25px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #000075
}

.button.filled.dark.green:active, button.filled.dark.green:active {
    background: #00d14d;
    border-radius: 100px;
    font-weight: 700;
    font-size: 15px;
    line-height: 25px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #000075
}

.button.filled.dark.green.inactive, button.filled.dark.green.inactive {
    background: #00992b;
    border-radius: 100px;
    font-weight: 700;
    font-size: 15px;
    line-height: 25px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #000075
}

.button.outlined.dark.green, button.outlined.dark.green {
    border: 2px solid #00bd3f;
    border-radius: 100px
}

.button.outlined.dark.green, .button.outlined.dark.green:hover, button.outlined.dark.green, button.outlined.dark.green:hover {
    box-sizing: border-box;
    padding: 10px 25px;
    font-weight: 700;
    font-size: 15px;
    line-height: 25px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #4dff97
}

.button.outlined.dark.green:hover, button.outlined.dark.green:hover {
    background: #00992b;
    border: 2px solid #00992b;
    border-radius: 100px
}

.button.outlined.dark.green:active, button.outlined.dark.green:active {
    box-sizing: border-box;
    color: #00d14d
}

.button.outlined.dark.green.inactive, .button.outlined.dark.green:active, button.outlined.dark.green.inactive, button.outlined.dark.green:active {
    padding: 10px 25px;
    background: #00992b;
    border: 2px solid #00992b;
    border-radius: 100px;
    font-weight: 700;
    font-size: 15px;
    line-height: 25px;
    letter-spacing: 1px;
    text-transform: uppercase
}

.button.outlined.dark.green.inactive, button.outlined.dark.green.inactive {
    color: #00bd3f
}

.button.c2a {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 40px;
    padding-bottom: 40px;
    background: #e5ffee;
    border-radius: 8px;
    font-weight: 400;
    font-size: 45px;
    line-height: 55px;
    text-align: center;
    color: #aa73f2;
    text-transform: none;
    width: 100%
}

.button.c2a img {
    height: 60px;
    margin-right: 20px
}

#zeroResult .js-generated {
    display: none
}

.phone {
    color: #007bbd
}

.small {
    font-size: 80%
}

.TOItext.vert-center {
    top: 50%;
    transform: translateY(-50%);
    position: absolute
}

.vert-center-hcapc {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.vert-top {
    top: .888px;
    top: .0555555556rem
}

.vert-bottom {
    bottom: .888px;
    bottom: .0555555556rem
}

.fixed {
    position: sticky !important;
    position: -webkit-sticky !important
}

.call_now {
    display: flex;
    justify-content: flex-end;
    font-size: 15px;
    font-weight: 700;
    background-color: #fff;
    z-index: 100;
    padding: 15px 0;
    color: #262626;
    border-bottom: 1px solid #eae4f1;
    text-transform: uppercase
}

.call_now a {
    display: inline-block;
    padding: 4px 15px;
    margin-left: 15px
}

.call_now a:hover {
    background: #f2e8fc;
    border-radius: 100px
}

.call_now span:hover {
    text-decoration: underline;
    color: #eae4f1
}

.title-area {
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-start
}

.logo, .title-area {
    display: flex;
    flex-direction: row;
    align-items: center
}

.logo {
    margin: 0;
    padding: 0 0 0 52px;
    height: 80px;
    font-size: 16px;
    font-size: 1rem;
    color: #000075
}

.logo picture {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0
}

.top-bar-section li.top-bar-demo:not(.has-form) a:not(.button) {
    font-weight: 700;
    border: 1px solid #fff;
    border-radius: .8333333333rem;
    line-height: 32px;
    line-height: 2rem;
    margin-top: .8888888889rem
}

.top-bar-demo a.button.filled.light {
    font-size: 13px
}

.top-search-input-line {
    display: none
}

.top-bar-section .f-dropdown li:not(.has-form) .ueberkat, .top-bar-section > ul > li:not(.has-form) > a:not(.button) {
    padding-left: .8333333333rem;
    padding-right: .8333333333rem
}

.ueberkat {
    cursor: default
}

.top-bar-section .f-dropdown {
    -moz-column-count: 2;
    column-count: 2;
    padding: 1.1111111111rem 0
}

.top-bar-section .f-dropdown li {
    float: none
}

.top-bar-section .f-dropdown li:hover {
    color: #262626
}

.top-bar-section .f-dropdown > li {
    page-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid
}

ul.f-dropdown > li > .ueberkat {
    font-weight: 700
}

.top-bar-section .f-dropdown li:not(.has-form) .ueberkat, .top-bar-section .f-dropdown li:not(.has-form) a:not(.button) {
    background-color: #fff;
    color: #262626;
    line-height: 35.555px;
    line-height: 2.2222222222rem
}

.top-bar-section .f-dropdown li:not(.has-form) a:not(.button):hover {
    background-color: #000075;
    color: #fff
}

.top-bar-section .groups_wrapper {
    flex: 1 1 50%;
    align-self: auto;
    display: inline-flex;
    align-items: center
}

.groups_wrapper .groups {
    display: inline-flex;
    align-items: flex-start
}

.groups_wrapper .groups .group {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: flex-start
}

.top-bar-section .virtSubCat {
    font-weight: 700;
    min-height: 20px
}

.hover-underline-animation {
    display: inline-block;
    position: relative
}

.hover-underline-animation:after {
    content: "";
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 2.666px;
    height: .1666666667rem;
    bottom: 0;
    left: 0;
    background-color: #4dff97;
    transform-origin: bottom right;
    transition: transform .3s ease-out
}

.hover-underline-animation:hover:after {
    transform: scaleX(1);
    transform-origin: bottom left
}

footer .hover-underline-animation:after {
    height: 1.777px;
    height: .1111111111rem;
    bottom: -1px
}

.main_nav_animation {
    display: block;
    position: relative;
    padding: .2em 0;
    text-transform: uppercase
}

.main_nav_animation:after {
    content: "";
    position: absolute;
    bottom: 26.666px;
    bottom: 1.6666666667rem;
    left: 0;
    width: 100%;
    height: .1em;
    background-color: #f2e8fc;
    opacity: 1;
    transition: height .3s, transform .3s;
    z-index: -100
}

.main_nav_animation:focus:after, .main_nav_animation:hover:after {
    height: .9em
}

#search-field-mobil.closed, #search-field.closed {
    width: 0;
    height: 0
}

#search-field, #search-field-mobil {
    transition: width .25s cubic-bezier(.49, .37, .445, .715);
    border: 0;
    padding: .1111111111rem 0;
    outline: none;
    -webkit-appearance: none;
    box-shadow: none !important;
    font-size: 14px;
    height: 30.222px;
    height: 1.8888888889rem;
    line-height: 17.777px;
    line-height: 1.1111111111rem;
    text-indent: 0;
    border-radius: .2222222222rem;
    background-color: #f0f0f0;
    display: inline
}

#search-field-mobil.opened, #search-field.opened {
    width: 177.777px;
    width: 11.1111111111rem;
    padding-left: .5555555556rem;
    margin: -.2222222222rem 0 0 .8333333333rem;
    top: 0;
    align-self: center
}

#search-btn-mobil {
    padding: 6px 0
}

#search-btn-mobil.closed, #search-btn.closed {
    color: #000075
}

#search-btn, #search-btn-mobil {
    fill: #000075;
    font-size: 14px;
    padding: 9px 20px 8px;
    border: 2px solid #f2e8fc;
    cursor: pointer;
    transition: all .2s linear;
    margin: 0 .2777777778rem;
    display: inline-block;
    border-radius: 100px;
    flex: 1 0 auto;
    align-self: center;
    top: 0
}

#search-btn-mobil:hover, #search-btn:hover {
    background-color: #f2e8fc;
    fill: #fff
}

#search-btn-mobil.opened, #search-btn.opened {
    align-self: center;
    top: 0
}

.top-bar .button {
    height: inherit;
    top: 14px
}

.scrolling #search-btn, .scrolling #search-btn-mobil {
    color: #000075
}

.scrolling .top-bar {
    background-color: hsla(0, 0%, 100%, .9);
    transition: all 1s ease-in-out;
    animation: fadein .5s ease-in-out;
    height: 80px
}

@keyframes fadein {
    0% {
        background-color: transparent
    }
    to {
        background-color: hsla(0, 0%, 100%, .9)
    }
}

@keyframes fadeout {
    0% {
        background-color: hsla(0, 0%, 100%, .9)
    }
    to {
        background-color: transparent
    }
}

.scrolling .top-bar .toggle-topbar.menu-icon a, .scrolling nav > section > ul > li > a {
    color: #000075
}

.scrolling .logo {
    filter: brightness(0) saturate(100%) invert(16%) sepia(63%) saturate(2517%) hue-rotate(207deg) brightness(92%) contrast(87%)
}

.scrolling .top-bar-section ul li:hover:not(.has-form) > a {
    color: #000
}

.scrolling .active-item {
    border-bottom: initial
}

.scrolling .top-bar-section li.top-bar-demo:not(.has-form) a:not(.button) {
    border-color: #000075
}

.scrolling .top-bar-section .dropdown {
    top: 80px
}

.scrolling #top-lang-buttons, .scrolling #top-share-icons {
    top: 57.777px;
    top: 3.6111111111rem;
    margin-left: 0 !important
}

body.scrolling > div.fixed > nav > section > ul > li.has-dropdown.hover > a {
    color: #000
}

.top-bar-section li:not(.has-form) a:not(.button), .top-bar-section ul li {
    background: transparent
}

nav > section > ul > li > a {
    color: #fff
}

.blueBar {
    height: 56.888px;
    height: 3.5555555556rem;
    background: #000075;
    margin-bottom: 3.3333333333rem
}

.ff-search-full {
    padding: 1.3888888889rem 0
}

.ff-search-full .input-group {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 10px 40px;
    background: #fff;
    border: 2px solid #c49ef5;
    border-radius: 100px;
    font-weight: 400;
    font-size: 34px;
    line-height: 44px;
    color: #000075
}

.ff-search-full .input-group ff-searchbox {
    width: 100%
}

.ff-search-full .input-group input {
    width: 100%;
    margin: 0;
    padding: 0;
    height: 44px;
    font-weight: 400;
    font-size: 34px;
    line-height: 44px;
    color: #000075;
    border: none;
    box-shadow: none
}

.ff-search-full .input-group input:focus {
    background: #fff
}

.ff-search-full .input-group .button {
    padding: 10px;
    background: #f0e5ff;
    border-radius: 99px;
    border: 2px solid #000075
}

ff-suggest .ffw-suggestContainerWrapper {
    background: #fff;
    box-shadow: 0 4px 14px 4px #ebebeb;
    border-radius: 32px;
    width: 100%
}

ff-suggest .ffw-suggestContainerWrapper .ffw-suggestContainer {
    padding: 40px;
    border-radius: 32px
}

ff-suggest .productsContainer, ff-suggest .searchTermContainer {
    margin-bottom: 40px
}

ff-suggest .containerCaption {
    font-weight: 400;
    font-size: 22px;
    line-height: 32px;
    color: #000075
}

ff-suggest .productName {
    font-weight: 400;
    font-size: 22px;
    line-height: 32px;
    color: #000;
    margin-bottom: 32px
}

ff-suggest ff-suggest-item {
    cursor: pointer
}

ff-suggest .product-center {
    padding: 0
}

.serp {
    margin-bottom: 200px
}

.serp ff-record {
    display: block
}

.serp ff-record .serp_result_wrapper {
    margin-bottom: 47px
}

.serp .serp_result_image {
    min-height: 240px;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat
}

.serp .serp_main_header_text {
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    line-height: 25px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #000075;
    margin: 20px 0 72px
}

.serp .serp_result_text {
    margin-bottom: 47px
}

.serp .serp_result_text * {
    margin-bottom: 12px
}

.serp .serp_result_text .serp_result_title {
    font-style: normal;
    font-weight: 400;
    font-size: 38px;
    line-height: 42px;
    color: #000
}

.serp .serp_result_text .serp_result_link {
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 32px;
    color: #000
}

.serp .serp_result_text .serp_result_fulltext {
    font-weight: 400;
    font-size: 22px;
    line-height: 32px;
    color: #000075
}

.serp .pagination-centered {
    margin-top: 78px
}

.serp .ffw-page-item-container {
    font-style: normal;
    padding: 10px 20px
}

.serp .ffw-page-item-container, .serp ff-paging-item.active {
    font-weight: 700;
    font-size: 15px;
    line-height: 25px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #000075
}

.serp ff-paging-item.active {
    box-sizing: border-box;
    background: #f0e5ff;
    border: 1px solid #e8e8e8
}

section.HCaPC {
    position: relative;
    font-size: 24px
}

section.HCaPC .row {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    font-size: 24px
}

.text-center {
    margin: 0 auto
}

.row-flex {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: stretch;
    align-items: flex-start
}

.row-flex .call2actiontext {
    order: 0;
    flex: 1 1 auto;
    align-self: center
}

.call2action .call2action_button_wrapper {
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center
}

.hero {
    background: #fff no-repeat 50%;
    background-size: cover;
    height: auto !important;
    min-height: 70vh
}

.hero .rex-breadcrumb {
    font-weight: 400;
    font-size: 15px;
    line-height: 25px;
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    list-style: none
}

.hero .rex-breadcrumb a {
    color: #fff
}

.hero .rex-breadcrumb a:after {
    content: "";
    display: inline-block;
    height: 1em;
    width: 1em;
    vertical-align: middle;
    background-image: url(/assets/fontawesome/svgs/regular/angle-right.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    padding: 0 10px;
    filter: invert(100%) sepia(0) saturate(7491%) hue-rotate(120deg) brightness(113%) contrast(99%)
}

.hero .intro {
    padding: 3rem;
    margin: 0;
    max-width: 100%;
    z-index: 10;
    min-height: 70vh;
    height: auto;
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    position: relative;
    transform: inherit;
    top: inherit
}

.hero .headline, .hero h1 {
    text-align: center;
    margin-bottom: .2777777778rem;
    z-index: 10
}

.hero p {
    font-size: 24px;
    line-height: 33.777px;
    line-height: 2.1111111111rem;
    font-weight: 400;
    text-align: center;
    margin-bottom: 2rem;
    z-index: 10;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 0
}

.hero p:empty {
    display: none
}

.hero .llp-form-column {
    color: inherit;
    background: none;
    border: 0;
    padding: 0;
    text-align: center;
    flex: 2 0 auto
}

@media only screen and (min-width: 35.6111111111em) {
    .hero .headline {
        font-size: 2rem
    }

    .hero .overlay > .row:after {
        height: 100%
    }
}

.hero p img {
    -o-object-fit: contain;
    object-fit: contain;
    min-height: 0
}

.hero > .row {
    height: 100%
}

.hero.overlay {
    position: relative
}

.hero.overlay:before {
    content: "\a";
    position: absolute;
    width: 100%;
    min-height: 70vh;
    height: 100%;
    left: 0;
    background: rgba(0, 0, 0, .5);
    opacity: 1
}

.hero.overlay10:before {
    background: rgba(0, 0, 0, .1)
}

.video_overlay.overlay10 {
    opacity: .1
}

.hero.overlay20:before {
    background: rgba(0, 0, 0, .2)
}

.video_overlay.overlay20 {
    opacity: .2
}

.hero.overlay30:before {
    background: rgba(0, 0, 0, .3)
}

.video_overlay.overlay30 {
    opacity: .3
}

.hero.overlay40:before {
    background: rgba(0, 0, 0, .4)
}

.video_overlay.overlay40 {
    opacity: .4
}

.hero.overlay50:before {
    background: rgba(0, 0, 0, .5)
}

.video_overlay.overlay50 {
    opacity: .5
}

.hero.overlay60:before {
    background: rgba(0, 0, 0, .6)
}

.video_overlay.overlay60 {
    opacity: .6
}

.hero.overlay70:before {
    background: rgba(0, 0, 0, .7)
}

.video_overlay.overlay70 {
    opacity: .7
}

.hero.overlay80:before {
    background: rgba(0, 0, 0, .8)
}

.video_overlay.overlay80 {
    opacity: .8
}

.hero.overlay90:before {
    background: rgba(0, 0, 0, .9)
}

.video_overlay.overlay90 {
    opacity: .9
}

.hero .scroll-down {
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding-top: 3rem;
    order: 10
}

.hero .scroll-down img {
    align-self: center
}

.hero .bodymovin.scroll-down-anim {
    width: 142.222px;
    width: 8.8888888889rem;
    height: 142.222px;
    height: 8.8888888889rem;
    align-self: flex-end
}

@keyframes loading {
    0% {
        background-color: #e0e0e0
    }
    50% {
        background-color: #ededed
    }
    to {
        background-color: #e0e0e0
    }
}

.hero.video-container {
    position: relative
}

.video-container {
    top: 0;
    width: 100%;
    height: 70vh;
    overflow: hidden;
    background-color: #fff;
}

.video-container video {
    min-width: 100%;
    min-height: 70vh;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%)
}
.video-container video.heroImageSmallVideo {
    min-height: auto;
    position: relative;
    -webkit-mask-image: linear-gradient(180deg, transparent, #fff 20%);
    mask-image: linear-gradient(180deg, transparent, #fff 20%)
}
.video_overlay {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background: #000075;
    opacity: .5
}

.horizontal hr {
    height: 4px;
    background-color: #c49ef5;
    border-radius: 8px
}

.HCaPC hr {
    width: 200px;
    background-color: #4dff97;
    height: 4px;
    margin: 40px 0
}

.HCaPC p {
    font-size: 22px;
    line-height: 32px
}

.datenschutz, .formlabel-datenschutz, .formlabel-subscribe, .required {
    font-weight: 400;
    font-size: 15px;
    line-height: 25px;
    color: #3d3d3d
}

.Datenschutz a, .datenschutz a, .formlabel-datenschutz a, .formlabel-subscribe a {
    font-weight: 700
}

.special-input {
    display: none
}

.benefits_postludium, .benefits_preludium {
    background-repeat: no-repeat;
    background-size: cover
}

.benefits {
    padding: 4.4444444444rem
}

.benefits .benefit_headline {
    padding-bottom: 2.2222222222rem
}

.benefits .columns {
    margin-bottom: 1.7777777778rem
}

.benefits .benefit {
    background: #fff;
    box-shadow: 0 4px 14px #ebebeb;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1 1 auto;
    align-self: center;
    padding: 1.1111111111rem
}

.benefits .benefit.left {
    align-items: flex-start
}

.benefits .benefit__icon {
    padding-bottom: 1.1111111111rem
}

.benefits .benefit__text hr {
    border: 2px solid #4dff97;
    background-color: #4dff97;
    width: 18%;
    margin: 15px auto
}

.benefits .benefit__link {
    margin-bottom: 0
}

.benefits .benefit__link .button {
    margin-right: 5px
}

.imagegallery {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    align-items: center
}

.imagegallery li {
    order: 0;
    flex: 0 1 auto;
    align-self: center;
    list-style: outside none none;
    padding: 8px 60px 12px;
    background: #fff;
    box-shadow: 0 4px 14px #ebebeb;
    border-radius: 8px;
    margin: 10px
}

.library, .library_filter {
    padding-left: 12px
}

.library_filter {
    align-self: flex-start
}

.library_filter .button {
    background: #fff;
    border: 2px solid #94ffb9 !important;
    border-radius: 8px;
    font-weight: 400;
    font-size: 15px;
    line-height: 25px;
    text-align: center;
    color: #00992b;
    margin-right: 12px
}

.library_filter .button:hover {
    background: #94ffb9
}

.library_filter .selected-filter {
    font-weight: 700;
    color: #000075
}

.library_filter_sff {
    width: 100%
}

.library_filter_sff .button, .library_filter_sff .button:hover {
    text-transform: none;
    border: 2px solid #e8e8e8 !important;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    text-align: left;
    margin-right: 0;
    padding: 5px 8px;
    color: #424242;
    letter-spacing: normal;
    z-index: 100;
    width: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='15' width='16' viewBox='0 0 448 512'%3E%3Cpath d='M441.9 167.3l-19.8-19.8c-4.7-4.7-12.3-4.7-17 0L224 328.2 42.9 147.5c-4.7-4.7-12.3-4.7-17 0L6.1 167.3c-4.7 4.7-4.7 12.3 0 17l209.4 209.4c4.7 4.7 12.3 4.7 17 0l209.4-209.4c4.7-4.7 4.7-12.3 0-17z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 8px center
}

.library_filter_sff #clearSelections {
    text-transform: none;
    color: #fff;
    font-size: 14px;
    text-wrap: nowrap;
    font-weight: 400;
    padding: 5px 8px;
    border-radius: 8px;
    background: #aa73f2;
    width: 100%
}

.library_filter_sff #clearSelections svg {
    filter: none
}

.library_filter_sff #clearSelections:hover svg path {
    fill: #aa73f2
}

.library_filter_sff #clearSelections:hover {
    background: #fff;
    color: #424242
}

.library_filter_sff .f-dropdown:after, .library_filter_sff .f-dropdown:before {
    display: none
}

.library_filter_sff .f-open-dropdown {
    background: #fff;
    border: 2px solid #e8e8e8;
    border-radius: 8px;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    text-align: left;
    margin-right: 0;
    padding: 40px 8px 5px;
    color: #424242;
    letter-spacing: normal;
    width: calc(100% - 16px) !important
}

.library_filter_sff .f-open-dropdown a {
    font-size: 14px;
    line-height: 22px
}

.library_filter_sff .row > div:first-child {
    z-index: 100
}

.library_filter_sff .row > div:nth-child(2) {
    z-index: 99
}

.library_filter_sff .row > div:nth-child(3) {
    z-index: 98;
    z-index: 97;
    z-index: 96
}

@media screen and (max-width: 1800px) {
    [id^=drop_] {
        left: 8px !important
    }
}

@media only screen and (max-width: 1024px) {
    .library_filter_sff .button {
        text-align: left !important
    }
}

.library-overview-tile {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 360px 32px 32px;
    box-shadow: 0 4px 14px #ebebeb;
    border-radius: 8px;
    background: #fff no-repeat top;
    background-size: contain;
    margin-bottom: 20px
}

.library_titel {
    font-weight: 400;
    font-size: 34px;
    line-height: 44px;
    color: #000075;
    margin-bottom: 20px
}

.library_description {
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: #000;
    margin-bottom: 20px
}

.library_tags, .library_tags .button, .tags {
    font-weight: 400;
    font-size: 15px;
    line-height: 25px;
    color: #00992b
}

.library_tags .button, .tags {
    background-color: #e5ffee;
    text-align: center;
    padding: 8px 20px;
    border: 2px solid #94ffb9;
    border-radius: 8px;
    text-transform: none;
    margin: 0 12px 12px 0
}

.pr_date {
    font-size: 16px
}

.case_study_headline {
    font-size: 55px;
    line-height: 65px
}

.events_date, .events_location {
    font-weight: 700;
    font-size: 15px;
    line-height: 25px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #000075;
    padding-top: 16px
}

.testimonials .library_titel * {
    font-weight: 400;
    font-size: 34px;
    line-height: 44px;
    color: #000075
}

.testimonials .library_description * {
    font-style: italic;
    font-weight: 300;
    font-size: 24px;
    line-height: 32px;
    color: #000;
    padding-left: 54px
}

.testimonials .library_description:before {
    content: "“";
    font-weight: 400;
    font-size: 100px;
    line-height: 110px;
    color: #4dff97;
    position: absolute;
    left: 6px;
    top: -2px
}

.testimonials .person-bold-line {
    font-weight: 700;
    font-size: 15px;
    line-height: 25px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #262626
}

.testimonials .person-normal-line {
    font-weight: 400;
    font-size: 15px;
    line-height: 25px;
    color: #262626
}

.llp_form_section, .llp_form_section > div {
    padding-top: 128px;
    padding-bottom: 128px
}

.llp_form_section > div {
    border-top: 4px solid #aa73f2;
    border-bottom: 4px solid #aa73f2;
    margin: 0 auto;
    max-width: 1700px;
    width: 100%
}

.llp_form_section .llp-form-column {
    margin: 128px 0
}

.llp_form_section .first-column h2 {
    font-weight: 500;
    font-size: 55px;
    line-height: 65px;
    color: #000075
}

.llp_form_section .first-column ul {
    list-style-type: none;
    margin-left: 2em
}

.llp_form_section .first-column li {
    font-size: 18px;
    line-height: 38px
}

.llp_form_section .first-column li:before {
    content: "";
    display: inline-block;
    height: 1em;
    width: 1em;
    vertical-align: middle;
    background-image: url(/assets/fontawesome/svgs/regular/circle-check.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    filter: invert(53%) sepia(86%) saturate(2252%) hue-rotate(227deg) brightness(96%) contrast(98%);
    margin-left: -2em;
    margin-right: 16px
}

.llp_form_section .second-column {
    background: #f5f5f5 0 0 no-repeat padding-box;
    border: 1px solid #c4c4c4;
    opacity: 1;
    padding: 42px 40px 34px
}

.llp_form_section fieldset {
    border: none;
    margin: 0;
    padding: 0
}

.llp_form_section fieldset legend {
    display: none
}

.llp_form_section input, .llp_form_section textarea {
    padding: 12px 10px 14px;
    background: #fff 0 0 no-repeat padding-box;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    opacity: 1
}

.llp_form_section input.error, .llp_form_section textarea.error {
    border: 1px solid #ff5900;
    background: #fcebe8
}

.llp_form_section input:focus, .llp_form_section select:focus, .llp_form_section textarea:focus {
    border: 1px solid #aa73f2
}

.llp_form_section .floating-label-group .floating-label {
    font-weight: 400;
    font-size: 11px;
    line-height: 32px;
    color: #9e9e9e;
    position: absolute;
    pointer-events: none;
    top: 3px;
    left: 24px
}

.llp_form_section label.checkboxlabel {
    color: #000;
    margin-bottom: 30px;
    font-weight: 400;
    font-size: 15px;
    line-height: 25px;
    padding-left: 45px
}

.llp_form_section input[type=checkbox] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.llp_form_section label .checkmark {
    position: absolute;
    left: 50px;
    height: 30px;
    width: 30px;
    background: #fff;
    border: 2px solid #9e9e9e;
    border-radius: 5px
}

.llp_form_section input[type=checkbox]:checked ~ .checkmark {
    background: #3B0EFF;
    border: 2px solid #3B0EFF;
    border-radius: 5px
}

.llp_form_section input[type=checkbox]:checked ~ .checkmark:after {
    display: block
}

.llp_form_section .checkmark:after {
    left: 10px;
    top: 8px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
    content: "";
    position: absolute;
    display: none
}

#businessMailError, .businessMailError {
    color: #ff5900;
    font-size: 12px;
    line-height: 18px;
    padding-bottom: 10px
}

@media only screen and (max-width: 1250px) {
    .llp_form_section > div {
        padding: 128px 0
    }
}

.llp_form_section.template_1 {
    padding: 0
}

.llp_form_section.template_1 .singlefield_text {
    padding: 140px 130px 150px 100px
}

.llp_form_section.template_1 h3 {
    color: #000075
}

.llp_form_section.template_1 input[type=email] {
    box-sizing: border-box;
    padding: 35px 0 34px 30px;
    background: #fff;
    border: 2px solid #9e9e9e;
    border-radius: 12px;
    font-weight: 400;
    font-size: 22px;
    line-height: 32px;
    color: #9e9e9e;
    margin-bottom: 30px
}

.singleField_form_content label {
    color: #9e9e9e;
    margin-bottom: 30px;
    font-weight: 400;
    font-size: 15px;
    line-height: 25px;
    padding-left: 60px
}

.singleField_form_content label input[type=checkbox] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.singleField_form_content label .checkmark {
    position: absolute;
    left: 108px;
    height: 30px;
    width: 30px;
    background: #fff;
    border: 2px solid #9e9e9e;
    border-radius: 5px
}

.singleField_form_content label input[type=checkbox]:checked ~ .checkmark {
    background: #3B0EFF;
    border: 2px solid #3B0EFF;
    border-radius: 5px
}

.singleField_form_content label .checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.singleField_form_content label input[type=checkbox]:checked ~ .checkmark:after {
    display: block
}

.singleField_form_content label .checkmark:after {
    left: 10px;
    top: 8px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg)
}

.singleField_form_content .singlefield_image {
    height: 100%
}

.llp_form_section.template_1 > div {
    border: none;
    padding: 0
}

.purple-line {
    border-top-color: #000075 !important;
    border-bottom-color: #000075 !important
}

.green-line {
    border-top-color: #4dff97 !important;
    border-bottom-color: #4dff97 !important
}

@media only screen and (max-width: 35.5555555556em) {
    .llp_form_section .llp-form-column {
        margin: 64px 0
    }

    .llp_form_section .first-column {
        padding: 0 22px
    }

    .llp_form_section .second-column {
        border: none
    }
}

.yform textarea {
    margin-bottom: 26px;
    resize: vertical
}

.yform .search_dropdown i, .yform .search_dropdown svg {
    position: absolute;
    right: 22px;
    top: 40%;
    transform: translateY(-50%);
    pointer-events: none
}

.yform .customchoice summary, .yform .customchoice ul, .yform input, .yform select, .yform textarea {
    padding: 12px 10px;
    font-size: 14px;
    line-height: 19px;
    background: #fff 0 0 no-repeat padding-box;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    opacity: 1;
    height: auto
}

.yform select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.yform select:before {
    content: "";
    display: inline-block;
    height: 1em;
    width: 1em;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    filter: invert(53%) sepia(86%) saturate(2252%) hue-rotate(227deg) brightness(96%) contrast(98%);
    background-image: url(/assets/fontawesome/svgs/regular/circle-check.svg);
    margin-left: -2em;
    margin-right: 16px
}

.yform .floating-label-group .floating-label {
    font-weight: 400;
    font-size: 11px;
    line-height: 32px;
    color: #9e9e9e;
    position: absolute;
    pointer-events: none;
    top: 3px;
    left: 24px
}

.yform .checkboxlabel {
    padding: 0 0 17px 9px;
    margin-left: 16px
}

.yform details.customchoice {
    position: relative;
    margin-bottom: 21px
}

.yform details[open].customchoice {
    z-index: 1
}

.yform .customchoice summary {
    padding: 1rem 1rem 1rem 0;
    cursor: pointer;
    list-style: none
}

.yform .customchoice summary::-webkit-details-marker {
    display: none
}

.yform details[open].customchoice summary:before {
    content: "";
    display: block;
    width: 100vw;
    height: 100vh;
    background: transparent;
    position: fixed;
    top: 0;
    left: 0
}

.yform .customchoice summary:after {
    content: "";
    display: inline-block;
    float: right;
    width: 8px;
    width: .5rem;
    height: 8px;
    height: .5rem;
    border-bottom: 1px solid;
    border-left: 1px solid;
    border-bottom-left-radius: 2px;
    transform: rotate(45deg) translate(50%);
    transform-origin: center center;
    transition: transform .1s ease-in-out
}

.yform .customchoice summary:focus {
    outline: none
}

.yform details[open].customchoice summary:after {
    transform: rotate(-45deg) translate(0)
}

.yform .customchoice ul {
    width: calc(100% - 16px);
    background: #fff;
    position: absolute;
    top: calc(100% + .5rem);
    left: 0;
    padding: 1rem 1rem 1rem 2rem;
    margin: 0 8px;
    box-sizing: border-box;
    border-radius: 5px;
    max-height: 200px;
    overflow-y: auto;
    box-shadow: 0 3px 12px rgba(0, 0, 0, .16)
}

.yform .customchoice li {
    margin: 0;
    padding: 1rem 0;
    list-style: none
}

.yform .customchoice li:first-child {
    padding-top: 0
}

.yform .customchoice li:last-child {
    padding-bottom: 0;
    border-bottom: none
}

.yform .customchoice li:hover {
    background: #3B0EFF;
    color: #fff
}

.yform .customchoice summary.radios {
    counter-reset: radios
}

.yform .customchoice summary.radios:before {
    content: var(--selection)
}

.yform .customchoice input[type=radio] {
    counter-increment: radios;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: none;
    border: none;
    color: #c4c4c4
}

.yform .customchoice input[type=radio]:checked {
    display: inline;
    --display: block
}

.yform .customchoice input[type=radio]:after {
    content: attr(title);
    display: inline;
    font-size: 16px;
    font-size: 1rem
}

.yform .customchoice ul.list {
    counter-reset: labels
}

.yform .customchoice label {
    width: 100%;
    display: flex;
    cursor: pointer;
    justify-content: space-between
}

.yform .customchoice label span {
    --display: none;
    display: var(--display);
    width: 16px;
    width: 1rem;
    height: 16px;
    height: 1rem;
    border: 1px solid #737373;
    border-radius: 3px
}

.yform button[type=submit] {
    margin-top: 15px
}

section.register_citrix_form > div {
    padding: 128px 210px;
    margin: 0 auto;
    max-width: 1700px;
    width: 100%
}

.register_citrix_form .yform {
    padding: 42px 40px 38px;
    background: #f5f5f5 0 0 no-repeat padding-box;
    border: 1px solid #d1d1d1
}

.register_citrix_form .yform fieldset {
    border: none;
    margin: 0;
    padding: 0
}

.register_citrix_form .yform input:focus, .register_citrix_form .yform select:focus, .register_citrix_form .yform textarea:focus {
    border: 1px solid #aa73f2
}

.register_citrix_form .first-column select {
    -webkit-appearance: menulist !important;
    -moz-appearance: menulist !important
}

.register_citrix_form .first-column ul {
    list-style-type: none;
    margin-left: 2em
}

.register_citrix_form .first-column li:before {
    content: "";
    display: inline-block;
    height: 1em;
    width: 1em;
    vertical-align: middle;
    background-image: url(/assets/fontawesome/svgs/regular/circle-check.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    filter: invert(53%) sepia(86%) saturate(2252%) hue-rotate(227deg) brightness(96%) contrast(98%);
    margin-left: -2em;
    margin-right: 16px
}

.register_citrix_form .first-column li {
    font-size: 18px;
    line-height: 38px
}

body.pwa form label {
    font-size: large
}

body.pwa form label.control-label {
    font-weight: 700
}

body.pwa form input[type=checkbox] {
    position: inherit;
    opacity: 1;
    cursor: pointer;
    height: auto;
    width: auto;
    margin-right: 10px
}

body.pwa form input[type=radio] {
    margin-right: 10px
}

body.pwa form .form-check-group {
    margin-bottom: 20px
}

.llp_form_section > div, body.pwa .llp_form_section {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.use_cases {
    background-repeat: no-repeat;
    background-size: cover
}

.use_cases > .row:first-child {
    padding: 98px 210px 0
}

.use_cases > .row {
    padding: 0 210px
}

.use_cases > .row:last-child {
    padding: 0 210px 98px
}

.use_cases .use_cases_cases {
    padding-bottom: 70px
}

.use_cases h2 {
    position: relative;
    margin-bottom: 84px
}

.use_cases h3 {
    font-weight: 400;
    font-size: 45px;
    line-height: 55px;
    color: #000075
}

.use_cases p {
    font-weight: 400;
    font-size: 22px;
    line-height: 32px;
    color: #262626
}

.use_cases h2:after {
    display: block;
    content: "";
    width: 200px;
    height: 4px;
    background: #4dff97;
    position: absolute;
    bottom: -40px;
    left: 0
}

.slide_out_title_frontend {
    font-weight: 400;
    font-size: 34px;
    line-height: 44px;
    color: #000;
    margin: 60px 58px 40px 61px
}

.swiper-wrapper {
    margin-top: 30px;
    height: auto
}

.swiper-slide {
    text-align: left
}

.singleslide {
    margin: 10px 60px
}

.slice_logo {
    margin: 0 0 20px 40px
}

.person_wrapper {
    display: inline-block;
    padding: 40px 58px 0 61px
}

.person_photo {
    display: inline-block;
    padding-right: 10px;
    float: left
}

.person-text-wrapper {
    left: 40px;
    width: 100%
}

.person-bold-line {
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: -10px
}

.person-bold-line, .person-normal-line {
    min-width: 80%;
    display: inline-block;
    font-size: 14px
}

.person-normal-line {
    color: #dedede
}

.slice_cta_button_wrapper {
    width: 100%;
    text-align: center;
    margin-bottom: 40px
}

.slice_cta_button_wrapper .button {
    display: inline-block;
    margin: 24px 0 8px;
    width: auto !important
}

.slice_cta_button_text {
    width: 100%;
    text-align: center;
    color: #d8c7f4;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px
}

.slice_author_data {
    color: #616161;
    padding-top: 30px;
    border: 1px solid red
}

.photo {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden
}

.slide_out_with_image_wrapper {
    background: #fff;
    box-shadow: 0 4px 14px #ebebeb;
    border-radius: 8px;
    margin: 20px
}

.slide_out_with_image_wrapper .left {
    overflow: hidden
}

.slide_out_with_image_wrapper img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: left bottom;
    object-position: left bottom
}

.slide_out_with_image_wrapper .slider_text {
    padding: 0 60px
}

@media only screen and (min-width: 1024px) {
    .slide_out_with_image_wrapper .slider_image {
        max-width: 48%;
        float: left
    }

    .slide_out_with_image_wrapper .slider_text {
        float: right
    }
}

.swiper-button-next, .swiper-button-prev {
    background-color: #d3c6f1;
    line-height: 1;
    width: 28px !important;
    height: 28px !important;
    font-size: 10px;
    color: #000 !important;
    fill: #000 !important;
    stroke: #000 !important;
    border-radius: 50%
}

.swiper-button-next:after, .swiper-button-prev:after {
    display: none !important;
    content: "" !important
}

.swiper-pagination-bullet {
    width: 10px;
    height: 10px
}

.swiper-pagination-bullet-active {
    background: #00076b
}

.swipersection {
    padding: 98px 0;
    background-repeat: no-repeat;
    background-position: 0
}

.swipersection .row {
    display: block;
    max-height: 100%
}

.swipersection .headline span {
    color: #4dff97
}

.swipersection .headline {
    padding-bottom: 32px;
    font-weight: 500;
    font-size: 55px;
    line-height: 65px;
    text-align: center;
    color: #000075
}

.swipersection .subheadline {
    font-weight: 400;
    font-size: 34px;
    line-height: 44px;
    text-align: center;
    color: #aa73f2
}

.swipersection .slice_quote {
    position: relative;
    padding: 0 58px 0 61px;
    font-style: italic;
    font-weight: 300;
    font-size: 24px;
    line-height: 32px;
    color: #262626
}

.swipersection .slice_quote span {
    position: absolute;
    color: #88fca3;
    top: 35px;
    left: -50px;
    font-style: italic;
    font-size: 4em;
    line-height: .1 !important;
    vertical-align: .1px
}

.swipersection .slice_quote p {
    color: #616161;
    display: inline
}

.swipersection .slice_quote:before {
    content: "“";
    font-weight: 400;
    font-size: 100px;
    line-height: 110px;
    color: #4dff97;
    position: absolute;
    left: 0;
    top: -2px
}

.swipersection .person-bold-line {
    font-weight: 700;
    font-size: 15px;
    line-height: 25px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #262626;
    padding-bottom: 8px
}

.swipersection .person-normal-line {
    font-weight: 400;
    font-size: 15px;
    line-height: 25px;
    color: #262626
}

.swipersection .slice_cta_button_text {
    font-weight: 700;
    font-size: 15px;
    line-height: 25px;
    text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #b899ff
}

.swipersection div.slice_cta_button_wrapper {
    padding-top: 40px
}

.swipersection div.slice_cta_button_wrapper a {
    margin-bottom: 16px
}

.csa_player_liste ol li ol {
    list-style-type: lower-alpha
}

.csa_player_liste .accordion {
    width: 100%
}

.accordion .accordion-navigation > a:before {
    padding-right: 5px;
    margin-right: .5em
}

.video_details {
    flex-wrap: nowrap;
    flex: 1 1 10%
}

.video_count {
    margin-right: 10px
}

.cs_video_overview {
    font-size: 18px;
    margin-top: 60px;
    margin-bottom: 60px
}

.cs_video_overview .row {
    border-bottom: 1px solid #f2f2f2;
    margin-bottom: 20px
}

.cs_video_overview .row div:last-child {
    padding-left: 40px
}

.cs_video_overview h3 a {
    color: #37a9e1
}

.cs_video_overview p {
    font-size: 18px;
    margin-bottom: 1rem
}

.cs_video_overview p.designed_for {
    font-weight: 700
}

.cs_video_overview p.counter {
    font-size: 16px;
    font-weight: 700
}

.cs_video_overview a.kurs_link {
    font-weight: 700;
    font-style: italic
}

.csa_player_liste ul li {
    font-size: 18px
}

.csa_player_liste i {
    margin-right: 5px
}

.csa_player_liste .accordion .accordion-navigation {
    background-color: #f2e8fc;
    margin-bottom: 10px !important
}

.csa_player_liste .flex-video-wrapper {
    position: sticky;
    top: 60px
}

.accordion .accordion-navigation > a {
    text-align: left;
    color: #595959;
    font-weight: 700
}

.accordion .accordion-navigation > a, .video_list_entry_wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: space-around;
    align-items: flex-start
}

.accordion .accordion-navigation > a:before {
    float: right !important;
    background-image: url(/assets/fontawesome/svgs/regular/minus.svg);
    padding-right: .2777777778rem
}

.accordion .accordion-navigation.active > a:before, .accordion .accordion-navigation > a:before {
    content: "";
    display: inline-block;
    height: 1em;
    width: 1em;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.accordion .accordion-navigation.active > a:before {
    background-image: url(/assets/fontawesome/svgs/regular/plus.svg);
    filter: invert(53%) sepia(86%) saturate(2252%) hue-rotate(227deg) brightness(96%) contrast(98%)
}

.flex-video {
    border: 1px solid #000;
    background-color: #8c8c8c;
    color: #fff
}

.flex-video img {
    width: 100%;
    aspect-ratio: 16/9
}

.video_cat {
    flex: 1 1 auto
}

.video_list_entry {
    flex: 1 1 80%
}

.video_details {
    display: flex;
    flex-wrap: wrap;
    flex: 0 0 33%;
    justify-content: flex-start;
    align-content: space-around;
    align-items: flex-start;
    font-weight: 300
}

.video_count {
    margin-right: 0;
    flex: 0 0 auto
}

.video_length {
    margin-left: 10px;
    flex: 1 0 auto
}

.video_count, .video_length {
    display: flex;
    flex: 0 0 auto;
    flex-wrap: nowrap
}

.video_list_entry_wrapper .video_details {
    flex: 0 0 auto
}

.csa_player_liste .accordion .accordion-navigation > .content.active {
    background-color: #f2e8fc;
    width: 100%
}

.flex-video-wrapper .flex-video-description {
    align-items: flex-start
}

.flex-video-wrapper #spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 50px;
    display: none
}

.csa_player_liste .accordion-navigation {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 20px 40px;
    background: #f2e8fc;
    box-shadow: 0 4px 14px #ebebeb;
    border-radius: 8px;
    margin-bottom: 20px
}

.csa_player_liste .accordion-navigation a {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: space-around;
    align-items: flex-start;
    width: 100%
}

.csa_player_liste .video_cat {
    flex: 1 1 auto;
    font-weight: 700;
    font-size: 15px;
    line-height: 25px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #000075
}

.csa_player_liste .video_details {
    display: flex;
    flex-wrap: wrap;
    flex: 0 0 33%;
    justify-content: flex-end;
    align-content: space-around;
    align-items: flex-start;
    font-weight: 300
}

.csa_player_liste .video_count, .csa_player_liste .video_length {
    display: flex;
    flex: 0 0 auto;
    flex-wrap: nowrap
}

.csa_player_liste .video_count {
    margin-right: 0;
    flex: 0 0 auto
}

.csa_player_liste .video_length {
    margin-left: 10px;
    flex: 1 0 auto
}

.tab-section .tab-wrapper {
    padding-top: 30px;
    text-align: center
}

.tab-section .subheadline * {
    font-size: 55px;
    line-height: 65px;
    color: #fff;
    margin-bottom: 2.5rem
}

.tab-section .subheadline span {
    color: #77e49d
}

.tab-section .headline * {
    font-size: 28px;
    color: #fff;
    line-height: 44px;
    font-weight: 400
}

.tab-section ul.tabs {
    display: inline-block;
    margin: 0 auto;
    padding: 0 1em
}

.tab-section ul.tabs li a {
    background: none !important;
    text-transform: uppercase;
    font-size: 13.333px !important;
    font-size: .8333333333rem !important;
    color: #000 !important;
    text-decoration: none;
    line-height: 25px !important;
    position: relative;
    padding: .2em !important
}

.tab-section ul.tabs li {
    position: relative;
    margin: 0 8px;
    z-index: 0;
    display: inline-block;
    overflow: hidden
}

.tab-section ul.tabs li:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    transform: translateY(calc(100% - 2px));
    width: 100%;
    height: 100%;
    background: #f0e9fb;
    transition: transform .25s ease-out
}

.tab-section ul.tabs li a:hover {
    color: #000770 !important
}

.tab-section ul.tabs li:hover:before {
    transform: translateY(calc(100% - 10px));
    width: 100%;
    height: 100%;
    background: #f0e9fb;
    transition: transform .25s ease-out
}

.tab-section ul.tabs li.active a {
    color: #000770 !important
}

.tab-section ul.tabs li.active:before {
    transform: translateY(calc(100% - 12px));
    width: 100%;
    height: 100%;
    background: #f0e9fb;
    transition: transform .25s ease-out
}

@media only screen and (min-width: 40em) {
    .tab-section .content .row {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        padding: 40px 0 20px
    }
}

.tab-section .content .row .headline {
    color: #aa73f2;
    margin: 0 0 .5em
}

.tab-section .button-wrapper a {
    float: left;
    display: inline-block;
    text-align: center;
    background: #3B0EFF;
    color: #FAFAFA;
    border: 2px solid #3B0EFF;
    padding: 10px 25px;
    border-radius: 3rem;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 15px;
    line-height: 25px;
    letter-spacing: 1px;
    margin: 24px 0 8px;
    width: auto !important;
    transition: all .25s ease-out
}

.tab-section .button-wrapper a:hover {
    background: #fff;
    border: 2px solid #3B0EFF;
    color: #1d1980
}

.tab-section .subheadline {
    font-weight: 400;
    font-size: 34px;
    line-height: 44px;
    text-align: center;
    color: #262626;
    margin-top: 100px;
    margin-bottom: 30px
}

.tab-section .headline {
    font-weight: 500;
    font-size: 55px;
    line-height: 65px;
    text-align: center;
    color: #000075;
    margin-bottom: 60px
}

.tab-wrapper {
    background: #fff;
    box-shadow: 0 4px 14px #ebebeb;
    border-radius: 30px
}

.tabs .tab-title > a {
    font-weight: 700;
    font-size: 15px;
    line-height: 25px;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #000075
}

.tab-text {
    padding-left: 67px
}

.tab-text .subheadline {
    font-weight: 400;
    font-size: 22px;
    line-height: 32px;
    color: #000
}

.tab-text .headline {
    font-weight: 400;
    font-size: 45px;
    line-height: 55px;
    color: #aa73f2
}

.tab-text .text {
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: #000
}

.tab-text .button {
    display: inline-block
}

.trusted_by {
    margin-top: 120px
}

.trusted_by > .row {
    margin-bottom: 80px
}

.trusted_by h4 {
    font-weight: 400;
    font-size: 34px;
    line-height: 44px;
    color: #000075
}

.trusted_by h2 {
    font-weight: 500;
    font-size: 55px;
    line-height: 65px;
    color: #000075
}

.trusted_by h2 span {
    color: #aa73f2
}

.trusted_by .trusted_by_box {
    background: #fff;
    box-shadow: 0 4px 14px #ebebeb;
    border-radius: 8px;
    margin: 0 20px 30px 0
}

.trusted_by .trusted_by_box .row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-content: stretch;
    align-items: center
}

.trusted_by .trusted_by_text {
    padding: 32px 0 32px 50px
}

.trusted_by .trusted_by_text h5 {
    font-weight: 400;
    font-size: 22px;
    line-height: 32px;
    color: #000075
}

.trusted_by .trusted_by_text h1 {
    font-weight: 400;
    font-size: 100px;
    line-height: 110px;
    color: #000075
}

.trusted_by .trusted_by_text h3 {
    font-weight: 400;
    font-size: 45px;
    line-height: 55px;
    color: #000075
}

.trusted_by .trusted_by_logo {
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center
}

.location {
    margin-top: 120px;
    margin-bottom: 120px
}

.location .location_box {
    background: #fff;
    box-shadow: 0 4px 14px #ebebeb;
    border-radius: 0 8px 8px 0;
    margin: 0 20px 30px 0
}

.location .location_box .location_image {
    padding-left: 0;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat
}

.location .location_box .location_text {
    padding: 20px
}

.location .location_box .location_text h4 {
    font-weight: 400;
    font-size: 34px;
    line-height: 44px;
    color: #000075
}

.location .location_box .location_text ul {
    margin-left: 0
}

.location .location_box .location_text ul li {
    padding-bottom: 20px;
    padding-left: 35px;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: #000075;
    list-style: none
}

.location .location_box .location_text ul li span.location_adress {
    padding-right: 7px
}

.location .location_box .location_text ul li svg {
    color: #7847ff;
    fill: #7847ff;
    padding-right: 10px;
    margin-left: -35px;
    vertical-align: bottom
}

.location .location_box .location_text p {
    margin-bottom: 0
}

.qanda {
    background: #f2e8fc;
    padding: 120px 0
}

.qanda h1 {
    font-size: 60px
}

.qanda h2 {
    font-weight: 500;
    font-size: 55px;
    line-height: 65px;
    color: #000075
}

.qanda h2 span {
    color: #aa73f2
}

.qanda details {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 32px 40px;
    background: #fff;
    border: 8px solid #fff;
    box-shadow: 0 4px 14px #ebebeb;
    border-radius: 8px;
    margin-bottom: 20px
}

.qanda details summary {
    cursor: pointer;
    font-weight: 700;
    font-size: 15px;
    line-height: 25px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #000075
}

.qanda details .answer, .qanda details .answer p {
    margin-top: 20px;
    font-weight: 400;
    font-size: 15px;
    line-height: 25px;
    color: #262626
}

.qanda details .answer a, .qanda details .answer p a {
    font-weight: 600
}

.qanda details:hover {
    border: 8px solid #000075
}

.pricing .library-overview-tile {
    padding: 470px 70px 50px
}

.pricing .pricing_titel {
    font-weight: 400;
    font-size: 45px;
    line-height: 55px
}

.pricing .pricing_tags .button {
    padding: 5px 15px;
    background: #eae4f1;
    border: 2px solid #eae4f1;
    border-radius: 20px;
    font-weight: 700;
    font-size: 15px;
    line-height: 25px;
    text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 40px;
    margin-right: 10px
}

.pricing table {
    width: 100%
}

.pricing th {
    font-weight: 400;
    font-size: 22px;
    line-height: 60px;
    text-align: left
}

.pricing td {
    font-weight: 400;
    font-size: 18px;
    line-height: 45px
}

.pricing td img {
    padding-right: 5px
}

.pricing .pricing_description {
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    padding: 30px 0
}

.partnerinfo_row .partnerinfo {
    padding: 25px 40px 30px 30px;
    background: #fff;
    box-shadow: 0 4px 14px #ebebeb;
    border-radius: 8px;
    margin: 0 42px 60px 0
}

.partnerinfo_row .partnerinfo .partnerinfo_logo {
    display: flex;
    flex-direction: row;
    justify-content: center
}

.partnerinfo_row .partnerinfo .partnerinfo_schnittstellen_logo {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-bottom: 20px;
    padding: 10px
}

.container {
    margin-left: 1rem;
    margin-right: 1rem
}

.video_iframe_wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
    aspect-ratio: 16/9
}

.video_iframe_wrapper iframe, .video_iframe_wrapper video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%
}

.modal {
    display: grid;
    place-items: center
}

.modal__button {
    position: relative;
    display: inline-block;
    background-color: #000075;
    color: #fff;
    transition: .3s
}

.modal__button .play_video {
    position: absolute;
    bottom: 33px;
    left: 40px;
    font-weight: 700;
    font-size: 15px;
    line-height: 25px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #fff;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center
}

.modal__button .play_video .play_wrapper {
    border-radius: 100px;
    padding: 10px 10px 10px 18px;
    background: hsla(0, 0%, 100%, .9);
    width: 80px;
    height: 80px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #000075;
    margin-right: 25px
}

.modal__button .play_video i, .modal__button .play_video svg {
    font-size: 48px
}

.modal__button .play_video svg {
    height: 1.2em
}

.modal__button .play_video .play_wrapper:hover, .modal__button .play_video i:hover {
    background: #000075;
    color: #fff
}

.modal__button .play_video .play_wrapper:hover svg, .modal__button .play_video i:hover svg, .modal__button .play_video svg:hover {
    fill: #fff
}

.modal__button:hover {
    background-color: #aa73f2
}

.modal__container {
    position: fixed;
    top: 0;
    left: 0;
    background-color: #000075;
    width: 100%;
    height: 100%;
    display: grid;
    align-items: center;
    overflow: hidden;
    transition: all .3s;
    z-index: 1000;
    visibility: hidden;
    opacity: 0;
    perspective: 1000px
}

.modal__content {
    position: relative;
    text-align: center;
    padding: 3rem 2rem 2rem;
    transition: all .3s;
    transform: rotateX(65deg) scale(.75) translateY(10%);
    transform-origin: 50% 100%
}

.modal__content .row {
    max-width: 1511.111px;
    max-width: 94.4444444444rem;
    margin: 0 auto
}

.modal__content .row .columns {
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap
}

.modal__content .row .columns iframe {
    border: none
}

.modal__img {
    width: 150px;
    margin-bottom: .75rem
}

.modal__close {
    display: inline-flex;
    background-color: #000075;
    border-radius: .25rem;
    color: #fff;
    font-size: 24px;
    font-size: 1.5rem;
    position: absolute;
    top: 32px;
    top: 2rem;
    right: 32px;
    right: 2rem;
    cursor: pointer
}

.modal__button-width {
    width: 90%
}

.modal__button-link {
    position: fixed;
    top: 0;
    right: 0;
    display: block;
    margin: 1rem auto 0;
    color: #000075;
    font-weight: 500
}

.modal__button-link:hover {
    color: #fff
}

.show-modal {
    visibility: visible;
    opacity: 1;
    height: 100vh;
    overflow-y: hidden
}

.show-modal .modal__content {
    transform: translateY(0)
}

.close-videoModal svg {
    height: 2em
}

.clearfix:after {
    content: "";
    display: table;
    clear: both
}

.calendly-inline-widget {
    height: 720px;
    width: 1200px
}

.mindstamp .landscape, .mindstamp .portrait {
    position: relative;
    overflow: hidden
}

.mindstamp .portrait {
    padding-top: 178%;
    width: 100%;
    margin: 0 auto
}

.mindstamp .landscape {
    padding-top: 56.25%
}

iframe[name=google_conversion_frame] {
    height: 0 !important;
    width: 0 !important;
    line-height: 0 !important;
    font-size: 0 !important;
    margin-top: -.7222222222rem;
    float: left
}

:-moz-placeholder, ::-moz-placeholder {
    opacity: 1
}

.button-group > li {
    margin-bottom: 5px
}

li.dropdown-tile.text-left.virtSubHeadline:first-child {
    padding-top: 0
}

.author_description, .author_email, .author_phone {
    font-size: 18px;
    line-height: 28px
}

footer {
    background-color: #000075;
    color: #fff;
    background-image: url(/media/footer_pattern.svg);
    background-repeat: no-repeat;
    background-position: 0 100%;
    padding: 0 0 2.8888888889rem;
    box-sizing: content-box;
    overflow: visible
}

footer .footer_form {
    padding: 0 100px 10px;
    margin: -100px 0 100px
}

footer .footer_form .row {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 80px 100px;
    background: #fff;
    box-shadow: 0 4px 14px #ebebeb;
    border-radius: 30px
}

footer .footer_form .row h6 {
    font-weight: 700;
    font-size: 15px;
    line-height: 25px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #ff5900;
    flex: none;
    order: 0;
    flex-grow: 0
}

footer .footer_form .row h2 {
    font-weight: 500;
    font-size: 55px;
    line-height: 65px;
    color: #000075;
    flex: none;
    align-self: stretch;
    flex-grow: 0
}

footer .footer_form .row input[type=email] {
    box-sizing: border-box;
    padding: 35px 0 34px 30px;
    background: #fff;
    border: 2px solid #9e9e9e;
    border-radius: 12px;
    font-weight: 400;
    font-size: 22px;
    line-height: 32px;
    color: #9e9e9e;
    margin-bottom: 30px
}

footer .footer_form .row label {
    color: #000;
    margin-bottom: 30px;
    font-weight: 400;
    font-size: 15px;
    line-height: 25px;
    padding-left: 45px
}

footer .footer_form .row input[type=checkbox] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

footer .footer_form .row label .checkmark {
    position: absolute;
    left: 8px;
    height: 30px;
    width: 30px;
    background: #fff;
    border: 2px solid #9e9e9e;
    border-radius: 5px
}

footer .footer_form .row input[type=checkbox]:checked ~ .checkmark {
    background: #3B0EFF;
    border: 2px solid #3B0EFF;
    border-radius: 5px
}

footer .footer_form .row .checkmark:after {
    content: "";
    position: absolute;
    display: none
}

footer .footer_form .row input[type=checkbox]:checked ~ .checkmark:after {
    display: block
}

footer .footer_form .row .checkmark:after {
    left: 10px;
    top: 8px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg)
}

footer .footer_form .footer-form label:hover input[type=checkbox] ~ .checkmark {
    border: 2px solid #aa73f2;
    border-radius: 5px
}

footer .footer_request {
    margin: 6.6666666667rem 0 2.7777777778rem
}

footer .footer_request a {
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    line-height: 22.222px;
    line-height: 1.3888888889rem;
    letter-spacing: .888px;
    letter-spacing: .0555555556rem;
    text-transform: uppercase;
    color: #fff;
    padding-right: 1.8888888889rem
}

footer .footer_request a:last-child {
    padding-right: 5.1111111111rem
}

footer h5 {
    color: #fff
}

footer p {
    font-size: 16px
}

footer h5 a, footer li a, footer p a {
    color: #fff !important
}

footer dl, footer ol, footer ul {
    font-size: 16px
}

footer .button i, footer .icon-bar i {
    color: #3e3e3c
}

footer .button-group li a {
    padding-left: 0;
    padding-right: 0;
    border-color: #000075 !important
}

footer .copyright {
    font-size: 60%;
    color: #727272
}

footer .copyright img {
    vertical-align: baseline
}

footer .copyright a {
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 22.222px;
    line-height: 1.3888888889rem;
    color: #fff
}

footer .sub-nav dd {
    float: right
}

footer .sub-nav dd a {
    padding-right: 0;
    padding-left: 0;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 22.222px;
    line-height: 1.3888888889rem;
    color: #fff
}

footer .divider {
    border-right: 1px solid #727272;
    height: 1.2em;
    margin-top: .1111111111rem;
    display: none
}

footer .row {
    box-sizing: border-box
}

footer .phone {
    font-size: 27px;
    color: #fff;
    font-weight: 700;
    margin-top: 1.1111111111rem
}

footer .phone a, footer .phone a:hover {
    color: #fff
}

footer .phone span {
    padding-left: .2777777778rem
}

footer .footerLogos {
    margin-top: 1.3888888889rem
}

footer .datenschutz a, footer .formlabel-datenschutz a, footer .formlabel-subscribe a {
    font-weight: 700
}

footer .columns.formlabel-email {
    padding-left: 0;
    padding-right: 0
}

footer input[type=checkbox] {
    margin: 0
}

footer .input--with-icon--rev [class*=fa-] {
    left: auto;
    right: 120px;
    right: 7.5rem;
    z-index: 10
}

footer .g2_img {
    margin-top: 1.1111111111rem
}

footer .footer_request svg {
    vertical-align: middle
}

footer.llp {
    color: #ccc;
    font-size: 16px;
    padding-bottom: 2.9444444444rem
}

footer.llp a {
    color: #ccc
}

[id=yform-nlsub_form_footer-honeypot] {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important
}

#footer-nav, #footer-nav2, #footer-nav2 *, #footer-nav * {
    list-style: outside none none;
    margin-left: 0;
    padding-left: 0;
    margin-bottom: 0
}

#footer-nav2 ul, #footer-nav ul {
    margin-bottom: 1.25rem;
    margin-top: 1.1111111111rem
}

#footer-nav2 > li, #footer-nav > li {
    margin: 0;
    page-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid-column;
    display: table
}

#footer-nav2 > li > a, #footer-nav > li > a, a.lev1 {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 700;
    margin-bottom: .7rem;
    margin-top: .2rem
}

#footer-nav2 > li > .catname, #footer-nav > li > .catname {
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    line-height: 22.222px;
    line-height: 1.3888888889rem;
    letter-spacing: .888px;
    letter-spacing: .0555555556rem;
    text-transform: uppercase;
    color: #4dff97
}

#footer-nav2 > li > .art, #footer-nav > li > .art {
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 28.444px;
    line-height: 1.7777777778rem;
    color: #fff;
    padding-bottom: .8333333333rem
}

li.art {
    padding-bottom: 1.1111111111rem
}

.zigzag {
    padding: 80px 0
}

.zigzag_header h3 {
    font-size: 55px;
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 70px;
    text-align: center
}

.zigzag_content_box {
    background-color: #fff;
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(74, 65, 227, .08);
    text-align: left;
    margin-left: 1.2rem;
    padding: 35px 1.2rem 35px 25px;
    display: grid;
    place-items: center
}

.zigzag_content {
    margin-bottom: 20px
}

.zigzag_logo {
    margin: 0 auto 25px
}

.zigzag_headline {
    font-size: 19px;
    font-weight: 700;
    color: #3B0EFF;
    line-height: 1.4;
    text-align: center
}

@media only screen and (min-width: 35.6111111111em) {
    .zigzag_content:nth-child(2n) {
        transform: translateY(60px)
    }
}

@media only screen and (max-width: 35.5555555556em) {
    .zigzag {
        padding: 30px 0
    }

    .zigzag_content_box {
        margin-left: 0
    }

    .zigzag_header h3 {
        font-size: 38px;
        line-height: 1.2;
        margin-bottom: 30px
    }
}
body:before {
    content: "xsmall";
    display: none;
    visibility: hidden
}

@media only screen and (max-width: 35.5555555556em) {
    body:before {
        content: "small"
    }
}

@media only screen and (min-width: 35.6111111111em) and (max-width: 56.8888888889em) {
    body:before {
        content: "medium"
    }
}

@media only screen and (min-width: 56.9444444444em) and (max-width: 66.6666666667em) {
    body:before {
        content: "large"
    }
}

@media only screen and (min-width: 66.7222222222em) and (max-width: 80em) {
    body:before {
        content: "xlarge"
    }
}

@media only screen and (max-width: 35.5555555556em) {
    .logo {
        padding-left: 20px
    }

    .logo img {
        width: 150px
    }

    .call_now {
        display: none;
        padding: 20px;
        justify-content: space-between;
        bottom: 0;
        position: fixed;
        z-index: 150;
        _position: absolute;
        _top: expression(eval(document.documentElement.scrollTop+(document.documentElement.clientHeight-this.offsetHeight)));
        height: 70px;
        width: 100%;
        border-top: 1px solid #eae4f1
    }

    .call_now .lang {
        order: 2
    }

    .call_now .socials {
        order: 1
    }

    .groups_wrapper .groups, .top-bar-section .groups_wrapper {
        display: initial
    }

    .top-bar .button {
        top: 9px
    }

    .top-bar .toggle-topbar.menu-icon {
        top: 40px
    }

    .menu_content {
        display: none
    }

    .top-bar.expanded .toggle-topbar a span:after {
        content: "";
        display: inline-block;
        height: 1em;
        width: 1em;
        vertical-align: middle;
        background-image: url(/assets/fontawesome/svgs/regular/xmark.svg);
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: contain
    }

    #search-btn-mobil:hover, #search-field-mobil.opened {
        background-color: transparent
    }

    .HCaPC {
        padding: 20px !important
    }

    .reverseMobile {
        display: flex;
        flex-direction: column-reverse
    }

    .blog_feed .row {
        display: block
    }

    .accordion {
        margin: 0 1.3888888889rem
    }

    .jobs-accordion-section .accordion .accordion-navigation > a, .row-flex {
        display: initial
    }

    .hero .intro {
        padding: 0
    }

    .virtSubCat {
        padding: .4444444444rem 1.2222222222rem;
        border-bottom: .0555555556rem solid #ccc
    }

    .dropdown-image, .dropdown-text .text {
        display: none
    }

    .dropdown-tile {
        padding: 0 !important
    }

    .main_nav_animation {
        font-weight: 400;
        font-size: 20px;
        line-height: 26px;
        color: #000075;
        text-transform: none
    }

    .main_nav_animation:after {
        display: none
    }

    .top-bar.expanded {
        background-color: #fff;
        color: #000075
    }

    .dropdown_content .row {
        display: block
    }

    .trusted_by .trusted_by_box .row {
        flex-direction: column
    }

    .use_cases > .row, .use_cases > .row:first-child, .use_cases > .row:last-child {
        padding: 20px
    }

    .footer .sub-nav dd {
        float: none
    }

    .footer .sub-nav dd a {
        padding-right: inherit;
        padding-left: 2.7777777778rem;
        font-size: 12px
    }

    .TOItext.vert-center {
        top: 0;
        transform: none;
        position: inherit
    }

    section.HCaPC .row {
        position: relative
    }

    section.HCaPC .text-left {
        text-align: center !important
    }

    .TOItext {
        overflow: hidden;
        padding: 1.3888888889rem !important;
        margin: 0 !important;
        font-size: 1rem
    }

    .TOIimage {
        padding: 1.3888888889rem 0 !important;
        margin: 0 !important
    }

    .hintergrundbild-content {
        height: 0
    }

    .paper_intro .h1 {
        font-size: 40px
    }

    .paper_intro .h1, .paper_intro p {
        color: #fff !important
    }

    .paper_intro_left, .paper_intro_right {
        left: 0
    }

    .oben_mittig, .unten_mittig {
        top: 0;
        left: 0;
        transform: none
    }

    .mSButtons, .mSPages {
        display: none
    }

    .row .row {
        width: 100%
    }

    .iconboxWrapper .row, .row .row {
        margin: 0 !important
    }

    .llp_wrapper {
        margin: 0
    }

    .llp_description_inner {
        background-color: transparent !important;
        display: flex;
        flex-direction: column
    }

    .llp_description_inner img {
        width: 50%;
        align-self: center
    }

    .llp_description_inner h1 {
        text-align: center;
        margin-bottom: 0
    }

    .llp-form-column h3 {
        text-align: center
    }

    .scroll-down {
        display: none
    }

    .cmpbox {
        max-height: 40%;
        min-height: 40%
    }

    .swipersection {
        background-image: none !important
    }

    .singleslide {
        margin: 0 5px
    }

    footer .footer_form {
        padding: 0;
        margin: 24px
    }

    footer .footer_form .row {
        display: block;
        padding: 24px
    }

    footer li.cat {
        margin: 0 auto !important
    }

    footer li.art {
        display: none
    }

    .llp_form_section {
        padding: 24px 0
    }

    .llp_form_section .second-column {
        padding: 31px 25px 27px
    }

    .llp_form_section > div {
        padding: 0
    }

    .benefits {
        padding: 24px
    }

    .llp_form_section h3, .swipersection .headline, .tab-section .headline, .tab-section .subheadline * {
        font-size: 34px;
        line-height: 39px
    }

    .tab-section .headline * {
        font-size: 18px;
        line-height: 26px
    }

    .tab-text {
        padding-left: 15px
    }

    .slide_out_title_frontend {
        font-size: 34px;
        line-height: 39px
    }

    .swipersection .slice_quote {
        font-size: 18px;
        line-height: 26px
    }

    section.register_citrix_form > div {
        padding: 0
    }

    .button.c2a {
        padding: 20px
    }

    footer .footer_form .row h2 {
        font-size: 34px;
        line-height: 39px
    }

    #footer-nav-container, #footer-nav-container2 {
        display: none
    }

    .modal__button .play_video i {
        width: 40px;
        height: 40px;
        font-size: 24px;
        margin-right: 10px
    }
}

@media only screen {
    h1 {
        font-size: 45px;
        line-height: 48px
    }

    h2 {
        font-size: 34px;
        line-height: 39px
    }

    h3 {
        font-size: 23px;
        line-height: 27px
    }

    h4 {
        font-size: 18px;
        line-height: 26px
    }

    h5 {
        font-size: 14px;
        line-height: 21px
    }

    h6 {
        font-size: 13px;
        line-height: 20px;
        font-weight: 700
    }

    p {
        font-size: 18px;
        line-height: 26px
    }

    .caption, label {
        font-size: 15px;
        line-height: 25px
    }

    .top-bar .toggle-topbar.menu-icon {
        right: 14px;
        margin-top: -31px !important
    }

    .top-bar .toggle-topbar.menu-icon a {
        padding: 6px 0
    }

    .top-bar .toggle-topbar.menu-icon a span:after {
        content: "";
        display: inline-block;
        height: 1em;
        width: 1em;
        vertical-align: middle;
        background-image: url(/assets/fontawesome/svgs/regular/bars.svg);
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: contain;
        height: auto;
        position: static;
        margin-top: 0;
        top: 50%;
        right: auto;
        width: auto
    }

    #menu-icon, #top-search-mobil {
        border-color: #f2e8fc;
        background: #fff
    }

    #menu-icon {
        padding: 8px 24px;
        top: 44px
    }

    #menu-icon a {
        padding: 0
    }

    #menu-icon a svg {
        height: 2.5em;
        padding-left: 0;
        vertical-align: middle
    }

    #top-search-mobil {
        right: 100px;
        padding: 9px 18px 6px;
        top: 13px
    }

    .toggle-topbar #search-btn-mobil {
        border: none;
        margin: 0;
        padding: 0;
        height: 2.5em;
        border-radius: 0
    }

    .heroText, .heroText.centered, .heroText.left, .heroText.right {
        display: flex;
        flex-direction: column;
        flex: 1 1 auto;
        align-self: stretch
    }

    .top-bar-section .virtSub ul li > a {
        color: #fff
    }

    .dropdown_content .dropdown_content_subheader {
        color: #ff5900;
        font-size: 15px;
        line-height: 1.3888888889rem;
        letter-spacing: .0555555556rem;
        text-transform: uppercase
    }

    .dropdown_content h4 {
        font-style: normal;
        font-weight: 400;
        font-size: 34px;
        line-height: 2.4444444444rem;
        color: #000075
    }

    .dropdown_content .dropdown_content_text {
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 1.5555555556rem;
        color: #262626
    }

    .dropdown_content .menu_learn_more a {
        font-style: normal;
        font-weight: 700 !important;
        font-size: 15px;
        line-height: 1.3888888889rem !important;
        letter-spacing: .0555555556rem;
        text-transform: uppercase;
        padding-left: 0 !important;
        padding-right: 0 !important;
        color: #000075 !important
    }

    .dropdown_content .row {
        display: flex
    }

    .dropdown_content .solo_content {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        align-content: center;
        align-items: center;
        min-height: 30.5rem
    }

    .heroText.centered .button {
        flex: 0 1 auto;
        align-self: center
    }

    .heroText.centered h1 {
        text-align: center
    }

    .heroText.left .button, .heroText.left p {
        flex: 0 1 auto;
        align-self: flex-start
    }

    .heroText.right .button, .heroText.right h1, .heroText.right p {
        flex: 0 1 auto;
        align-self: flex-end;
        text-align: right
    }

    .heroText.top {
        justify-content: flex-start
    }

    .heroText.middle {
        justify-content: center
    }

    .heroText.bottom {
        justify-content: flex-end
    }

    .heroTextWrapper {
        display: flex;
        flex-direction: column;
        padding: 0 20px;
    }

    .top-lang-buttons, .top-search-input, .top-share-icons {
        display: none !important;
        background-color: #3e3e3c !important;
        border: 0 hidden #3e3e3c !important;
        outline: 0 !important;
        color: #fff !important
    }

    .top-search-input-opened {
        display: block !important;
        flex-grow: 1;
        flex-shrink: 1;
        flex-basis: auto
    }

    footer .sub-nav {
        display: flex;
        align-content: center;
        align-items: center;
        justify-content: center
    }

    #footer-nav-container, #footer-nav-container2 {
        -moz-column-count: 1;
        column-count: 1;
        -moz-column-gap: 1.3888888889rem;
        column-gap: 1.3888888889rem
    }

    .TOItext {
        padding-left: 1.3888888889rem !important;
        padding-right: 1.3888888889rem !important
    }

    .TOItext h1, .TOItext h2, .TOItext p {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .top-bar-section ul.dropdown.virtSub > li.mainNavBanner > a > img {
        display: inline-block
    }

    .scrolling .top-bar.expanded .toggle-topbar.menu-icon a, .scrolling nav.top-bar.expanded > section > ul > li > a {
        color: #fff
    }

    .top-bar.expanded {
        height: 100vh !important;
        left: 0;
        position: fixed;
        top: 0;
        width: 100%;
        display: grid;
        grid-template-rows:5.5555555556rem auto 5.5555555556rem;
        overflow: scroll
    }

    .top-bar.expanded .toggle-topbar.menu-icon a span:after {
        box-shadow: none
    }

    .top-bar.expanded .group ul li:first-child {
        border-top: .0555555556rem solid #ccc;
        margin-top: .8888888889rem
    }

    .top-bar.expanded .virtSubHeadline {
        margin-top: .8888888889rem
    }

    .top-bar.expanded .top-bar-section .virtSubCat, .top-bar.expanded .top-bar-section .virtSub ul li, .top-bar.expanded .top-bar-section .virtSub ul li > a, .top-bar.expanded .top-bar-section ul.dropdown > li > a {
        background: transparent;
        color: #000075
    }

    .top-bar.expanded .top-bar-section .virtSubCat, .top-bar.expanded .top-bar-section ul.dropdown > li > a {
        border-top: .0555555556rem solid #ccc;
        border-bottom: none
    }

    .top-bar.expanded .top-bar-section .group ul li:first-child .virtSubCat {
        border: none
    }

    .top-bar.expanded .top-bar-section > ul > li:not(.has-form) > a:not(.button) {
        padding-left: 1.3333333333rem;
        font-size: 24px
    }

    .top-bar.expanded .toggle-topbar a {
        color: #fff
    }

    .top-bar.expanded .toggle-topbar.menu-icon {
        right: .7777777778rem;
        margin-top: -1.5555555556rem
    }

    .top-bar.expanded .toggle-topbar a span:after {
        box-shadow: none;
        content: "";
        display: inline-block;
        height: 1em;
        width: 1em;
        vertical-align: middle;
        background-image: url(/assets/fontawesome/svgs/regular/xmark.svg);
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: contain
    }

    .top-bar.expanded .top-bar-section li.top-bar-demo {
        width: 100%;
        border-bottom: .0555555556rem solid #ccc;
        height: auto
    }

    .top-bar.expanded .top-bar-section li.top-bar-demo:not(.has-form) a:not(.button), .top-bar.expanded .top-bar-section li.top-bar-demo a {
        border: none;
        text-align: left;
        padding-bottom: .6666666667rem
    }

    .top-bar.expanded .top-bar .top-bar-section ul li.top-bar-demo > a.button {
        height: auto !important;
        top: 1.2777777778rem !important
    }

    .top-bar.expanded .top-bar-section .icon {
        border-bottom: none;
        width: 20%
    }

    .top-bar.expanded li#top-lang, .top-bar.expanded li#top-search, .top-bar.expanded li#top-search-mobil, .top-bar.expanded li#top-share {
        display: none
    }

    .top-bar.expanded li#top-lang, .top-bar.expanded li#top-search, .top-bar.expanded li#top-search-mobil {
        width: 40%
    }

    .top-bar.expanded li#top-search-mobil > a, .top-bar.expanded li#top-search > a {
        text-align: right
    }

    .top-bar.expanded li#top-lang > a {
        text-align: left
    }

    .top-bar.expanded li#top-lang > a, .top-bar.expanded li#top-search-mobil > a, .top-bar.expanded li#top-search > a, .top-bar.expanded li#top-share > a {
        padding: 1.1111111111rem
    }

    .top-bar.expanded .js-generated h5 > a {
        font-size: 18px
    }

    .top-bar.expanded .top-bar-section ul.dropdown > li.mainNavBanner > a {
        border-top: none
    }

    .top-bar.expanded .dropdown-text .titel {
        font-size: 22px;
        line-height: 1.4444444444rem
    }

    .top-bar.expanded .dropdown-text .titel.virtSubCat {
        font-size: 15px;
        line-height: 1.3888888889rem
    }

    .dropdown_content_wrapper {
        margin: 20px
    }
}

@media only screen and (max-width: 56.8888888889rem) {
    .rwd-break {
        display: none
    }

    li.title.back.js-generated {
        padding: 0 !important
    }

    .top-bar-section > .dropdown > li.parent-link > a, .top-bar-section > ul > li:not(.square) > a {
        color: #fff;
        background: #fff;
        border-bottom: .0555555556rem solid #ccc;
        font-size: 1em
    }

    .top-bar-section ul.dropdown > li > a > .text, .top-bar-section ul.dropdown > li > a > img {
        display: none
    }

    .top-bar-section ul li.last {
        border-bottom: .5555555556rem solid #454545
    }

    .top-bar-section li.divider {
        display: none
    }

    .top-bar-section li.icon, .top-bar-section li.top-bar-demo {
        width: 50%;
        height: 6em;
        float: left;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-content: center;
        align-items: center
    }

    .top-bar-section ul.right > li.icon a {
        height: 100%
    }

    .top-bar-section > .icon > a, .top-bar-section > .right > .icon > a, .top-share-icons a {
        font-size: 2em;
        line-height: 2em;
        text-align: center;
        padding-left: 0;
        flex-grow: 1;
        flex-shrink: 1;
        flex-basis: auto;
        color: #fff
    }

    .top-bar-section .icon > i {
        color: #fff;
        font-size: 2.33em
    }

    .top-bar-section ul.dropdown > li > a {
        background: #fff;
        color: #262626;
        font-size: 1em;
        border-bottom: .0555555556rem solid #c9c9c9
    }

    .dropdown_content {
        width: 47.2222222222rem;
        min-width: 47.2222222222rem !important;
        height: 28.1666666667rem;
        min-height: 27.7777777778rem !important
    }

    .top-bar-section .virtSubCat {
        font-family: Inter, sans-serif;
        font-style: normal;
        font-weight: 700;
        font-size: 15px;
        line-height: 1.3888888889rem;
        letter-spacing: .0555555556rem;
        text-transform: uppercase;
        color: #ff5900
    }

    .top-bar-section .icon {
        border-bottom: .0555555556rem solid #4f4f4f
    }

    .top-bar-section > li:last-child {
        border-left: .0555555556rem solid #4f4f4f
    }

    #top-search .small-2 {
        display: none
    }

    .top-search-opened {
        position: absolute;
        width: 100% !important;
        height: 12em !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        justify-content: flex-start !important;
        padding: 0 1.3888888889rem !important
    }

    .top-bar-section ul.right > li.top-search-opened a {
        height: auto !important;
        width: 2em !important;
        font-size: 3.33em;
        flex-grow: 0
    }

    .top-search-opened .top-search-input-line {
        display: block;
        flex-grow: 1;
        flex-shrink: 1
    }

    .top-search-input-opened a {
        font-size: 3em
    }

    .top-search-input-line {
        border-bottom: .0555555556rem solid #fff;
        margin-left: .5555555556rem
    }

    .top-bar input.top-search-input-opened {
        font-size: 2em !important;
        height: 2em;
        margin-left: 0 !important;
        padding-left: 0 !important;
        color: red
    }

    .top-bar input {
        top: auto
    }

    .top-share-opened {
        position: absolute;
        width: 100% !important;
        height: auto !important;
        padding-top: 1.3888888889rem
    }

    .top-bar-section ul li.top-share-opened > a {
        padding: 0 !important;
        height: 3em !important;
        line-height: 3em
    }

    .top-share-icons-opened {
        display: flex !important;
        min-height: 12em !important;
        margin-left: 0 !important
    }

    .top-share-icons-opened > ul.inline-list {
        overflow: visible
    }

    .top-share-icons-opened > ul.inline-list > li {
        margin-left: .0555555556rem
    }

    .top-share-icons-opened > ul.inline-list > li > a {
        background-color: #878787;
        color: #3e3e3c;
        font-size: 1.5em;
        line-height: 2.2em;
        border: none;
        padding: 0;
        width: 2.7777777778rem;
        height: 2.7777777778rem !important
    }

    .top-lang-opened {
        position: relative;
        width: 100% !important;
        height: 15em !important;
        padding-top: 1.5em;
        margin-top: -9.4em
    }

    .top-bar-section ul li.top-lang-opened > a {
        padding: 0 !important;
        height: 3em !important;
        line-height: 3em
    }

    .top-lang-buttons-opened {
        display: flex !important;
        min-height: 16em !important;
        margin-left: 0 !important;
        justify-content: center;
        flex-grow: 1;
        flex-shrink: 1;
        flex-basis: auto
    }

    .top-lang-button-group-container {
        list-style: none;
        margin: 0;
        left: 0
    }

    .top-lang-button-group-container:after, .top-lang-button-group-container:before {
        content: " ";
        display: table
    }

    .top-lang-button-group-container:after {
        clear: both
    }

    .top-lang-button-group-container .top-lang-button {
        -webkit-appearance: none;
        -moz-appearance: none;
        cursor: pointer;
        font-family: Inter, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
        font-weight: 700;
        line-height: normal;
        margin: 0 0 1.1111111111rem;
        position: relative;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        padding: .6666666667rem 1.3333333333rem .7222222222rem;
        background-color: #212121;
        border: .1111111111rem solid #1b1b1b;
        color: #000075;
        border-radius: 0;
        transition: background-color .3s ease-out;
        padding: .75rem 1rem .8125rem !important;
        font-size: 1em !important;
        font-weight: 700 !important;
        line-height: 1em
    }

    .top-lang-button-group-container .top-lang-button:focus, .top-lang-button-group-container .top-lang-button:hover {
        background-color: #1b1b1b;
        color: #000075
    }

    .top-lang-button-group-container > li {
        float: left;
        display: list-item;
        margin: 0;
        width: 12.5%;
        width: 100%
    }

    .top-lang-button-group-container > li .button, .top-lang-button-group-container > li > button {
        border-left: 1px solid;
        border-color: hsla(0, 0%, 100%, .5)
    }

    .top-lang-button-group-container > li:first-child .button, .top-lang-button-group-container > li:first-child button {
        border-left: 0
    }

    .top-lang-button-group-container > li:first-child {
        margin-left: 0
    }

    .top-lang-button-group-container > li .button, .top-lang-button-group-container > li button {
        width: 100%
    }

    .top-lang-button-group {
        display: flex !important
    }

    .top-lang-button-group > li {
        width: 100%;
        margin: 0 .4444444444rem
    }

    .row .row {
        width: 100%
    }
}

@media only screen and (min-width: 35.6111111111em) {
    .call_now, nav {
        padding-right: 52px
    }

    h1 {
        font-size: 80px;
        line-height: 90px
    }

    h2 {
        font-size: 50px;
        line-height: 58px
    }

    h3 {
        font-size: 40px;
        line-height: 48px
    }

    h4 {
        font-size: 32px;
        line-height: 40px
    }

    h5 {
        font-size: 18px;
        line-height: 26px
    }

    h6 {
        font-size: 15px;
        line-height: 25px;
        font-weight: 700
    }

    p {
        font-size: 18px;
        line-height: 28px
    }

    .caption, label {
        font-size: 15px;
        line-height: 25px
    }

    .heroText.centered {
        flex: 1 1 auto
    }

    .top-bar-section .dropdown.virtSub li:not(.has-form):not(.active) > a:not(.button), .top-bar-section .virtSub .mainNavBanner a {
        padding: 0 !important;
        line-height: normal
    }

    .top-bar-section .dropdown.virtSub li.mainNavBanner {
        padding: 1rem 1rem 0 0
    }

    .top-bar-section .has-dropdown.hover > .dropdown, .top-bar-section .has-dropdown.not-click:hover > .dropdown, .top-bar-section .has-dropdown > a:focus + .dropdown {
        position: fixed !important;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-content: center;
        align-items: center;
        background: #fff;
        color: #262626;
        width: 100%
    }

    .top-bar-section .dropdown {
        padding: 2.7777777778rem calc(50% - 1200px)
    }

    .top-bar-section .dropdown li, .top-bar-section .dropdown li > a {
        color: #262626
    }

    .dropdown-tile > a, .top-bar-section ul.dropdown > li.dropdown-tile > a {
        padding: 0 !important;
        display: flex;
        flex-direction: row;
        align-content: center;
        justify-content: center;
        flex-wrap: nowrap;
        align-items: center;
        color: #262626;
        flex: 1 1 auto;
        align-self: stretch
    }

    li.dropdown-tile {
        padding-top: 1.9444444444rem
    }

    .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button), .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button):hover {
        color: #000075
    }

    #top-search {
        top: 15px
    }

    .dropdown-tile {
        justify-content: center;
        display: flex;
        flex-direction: row;
        align-content: center;
        flex-wrap: nowrap;
        align-items: center
    }

    .dropdown-image {
        margin-right: 1.3888888889rem;
        flex: 0 0 8.3333333333rem;
        align-self: stretch;
        height: 5.5555555556rem;
        background-color: #ededed
    }

    .dropdown-image img {
        width: 8.3333333333rem;
        height: 5.5555555556rem
    }

    .dropdown-text {
        display: flex;
        flex-direction: column;
        align-content: center;
        justify-content: center;
        flex-wrap: nowrap;
        align-items: flex-start;
        line-height: 2.4444444444rem;
        font-size: 34px;
        flex: 1 1 auto;
        align-self: stretch
    }

    .dropdown-text .text, .dropdown-text .titel {
        flex: 0 1 auto;
        white-space: normal
    }

    .dropdown-text .titel {
        font-size: 26px;
        font-family: Inter, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
        padding-bottom: .1666666667rem
    }

    .dropdown-text .text {
        line-height: 1.1111111111rem
    }

    .active-item {
        border-bottom: initial
    }

    .llp_form_content fieldset:first-child p:nth-child(-n+3), .register_citrix_form .second-column p:nth-child(-n+2) {
        width: 50%
    }

    .llp_form_content fieldset p {
        margin-bottom: 9px
    }

    #top-search #search-form {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: flex-start;
        align-items: flex-start
    }
}

@media only screen and (min-width: 35.6111111111em) and (max-width: 56.8888888889em) {
    .top-bar-section .dropdown-tile {
        width: 100%;
        min-width: 100%
    }

    .top-bar-section .dropdown li, .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button), .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button):hover, .top-bar-section .dropdown li > a {
        color: #000075
    }

    .top-bar .button {
        top: 9px
    }

    .top-bar.expanded .group li {
        padding: .4444444444rem 1.2222222222rem
    }

    .main_nav_animation {
        font-weight: 400;
        font-size: 20px;
        line-height: 26px;
        color: #000075;
        text-transform: none
    }

    .main_nav_animation svg {
        fill: #000075
    }

    .main_nav_animation:after, .menu_content {
        display: none
    }

    section.HCaPC.TOINew .row {
        position: relative
    }

    .hintergrundbild-content.TOINew {
        height: 0
    }

    .TOIimageNew {
        padding: 0;
        width: 100%;
        text-align: center !important
    }

    .TOItextNew {
        padding: 1.5625rem !important
    }

    .TOItextNew.vert-center {
        top: 0;
        transform: none;
        position: inherit
    }

    .TOItextNew.text-left {
        text-align: center !important
    }

    section.register_citrix_form > div {
        padding: 10px
    }

    .button.c2a {
        padding: 20px
    }
}

@media only screen and (min-width: 56.9444444444em) {
    h1 {
        font-size: 100px;
        line-height: 110px;
        font-weight: 400
    }

    h2 {
        font-size: 55px;
        line-height: 65px
    }

    h3 {
        font-size: 45px;
        line-height: 55px
    }

    h4 {
        font-size: 34px;
        line-height: 44px
    }

    h5 {
        font-size: 22px;
        line-height: 32px
    }

    h6 {
        font-size: 16px;
        line-height: 25px;
        font-weight: 700
    }

    p {
        font-size: 18px;
        line-height: 28px
    }

    .caption, label {
        font-size: 15px;
        line-height: 25px
    }

    footer .sub-nav {
        display: block
    }

    .top-bar-section li.icon {
        position: relative
    }

    .top-bar-section li.has-dropdown.hover > a:before, .top-bar-section li.icon.top-lang-opened > a:before, .top-bar-section li.icon.top-search-opened > a:before, .top-bar-section li.icon.top-share-opened > a:before {
        z-index: 7;
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 0;
        height: 0
    }

    .top-bar .top-search-opened .button, .top-bar .top-search-opened button, .top-bar .top-search-opened input, .top-bar .top-search-opened select {
        top: 0
    }

    .top-search-opened .top-search-input-line {
        position: fixed;
        width: 100%;
        min-width: 100%;
        height: auto;
        overflow: visible;
        clip: auto;
        float: left;
        clear: both;
        left: 0;
        z-index: 8;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        align-content: center;
        align-items: center;
        background: #fff !important;
        color: #262626 !important;
        padding: 3.3333333333rem 0
    }

    .top-search-opened .top-search-input-line .row {
        max-width: 44.4444444444rem !important
    }

    .top-search-opened .top-search-input-opened {
        background: #fff !important;
        color: #262626 !important;
        border: 1px solid #ededed !important;
        height: 2.1111111111rem
    }

    .top-search-opened .button.postfix {
        background: #f1c40e;
        color: #262626;
        font-weight: 700;
        padding: 0 !important;
        font-size: 18px;
        height: 2.1111111111rem;
        border: 0 hidden #f1c40e
    }

    .dropdown-tile, .top-bar-section .dropdown li.dropdown-tile {
        margin: 1.3888888889rem 0 0;
        width: 33%
    }

    .virtSub .dropdown-tile {
        margin: 0;
        flex-direction: column;
        width: auto
    }

    .virtSub .dropdown-text {
        align-self: start;
        flex: 0 1 auto
    }

    .virtSub .group {
        padding: 1rem 1rem 1.6666666667rem 6.2777777778rem
    }

    .virtSub .group ul {
        display: flex;
        flex-direction: column
    }

    .top-bar-section .dropdown.virtSub li {
        width: auto;
        margin: 0
    }

    .top-bar-section .dropdown.virtSub {
        align-items: start;
        min-width: 0;
        width: auto;
        left: auto;
        right: auto
    }

    .top-bar-section .has-dropdown.hover > .dropdown.virtSub, .top-bar-section .has-dropdown > a:focus + .dropdown.virtSub {
        flex-direction: row;
        align-items: center;
        left: 0 !important;
        right: 0 !important;
        margin: 0 auto !important;
        width: 100%;
        max-width: 1700px;
        padding: 0;
        background-color: #f5f5f5
    }

    .top-bar-section .dropdown.virtSub li.virtSubHeadline {
        margin-bottom: -.2777777778rem
    }

    .top-bar-section .dropdown.virtSub li.virtSubHeadline .virtSubCat {
        font-style: normal;
        font-weight: 700;
        font-size: 15px;
        line-height: 1.3888888889rem;
        letter-spacing: .0555555556rem;
        text-transform: uppercase;
        color: #ff5900
    }

    .top-bar-section .dropdown.virtSub li.virtSubHeadline .dropdown-text:hover {
        text-decoration: none
    }

    li.dropdown-tile.text-left.virtSubHeadline {
        margin-top: 1rem
    }

    .group li.dropdown-tile.text-left.virtSubHeadline:first-of-type {
        margin-top: 0
    }

    .top-lang-opened .top-lang-buttons-opened, .top-share-opened .top-share-icons-opened {
        position: fixed;
        width: 100%;
        min-width: 100%;
        height: auto;
        overflow: visible;
        clip: auto;
        float: left;
        clear: both;
        left: 0;
        z-index: 8;
        display: flex !important;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        align-content: center;
        align-items: center;
        background: #fff !important;
        color: #262626 !important;
        padding: 3.3333333333rem 0
    }

    #event-share-facebook > a, #top-share-facebook > a {
        background-color: #44669c
    }

    #top-share-twitter > a {
        background-color: #43b3df
    }

    #top-share-google > a {
        background-color: #c63a2a
    }

    #top-share-linkedin > a {
        background-color: #1c80ab;
        font-size: 46px
    }

    #top-share-xing > a {
        background-color: #b2d600
    }

    #top-share-vimeo > a {
        background-color: #33b6d7
    }

    #top-share-youtube > a {
        background-color: #cd1d32
    }

    #top-share-instagram > a {
        background: radial-gradient(circle farthest-corner at 35% 90%, #fec562, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec562, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5359d0, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5359d0, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #883dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #883dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d93079, transparent), linear-gradient(#6458ca, #bb308f 30%, #e43f60 50%, #f77336 70%, #fec66c)
    }

    #top-share-facebook, #top-share-google, #top-share-instagram, #top-share-linkedin, #top-share-twitter, #top-share-vimeo, #top-share-xing, #top-share-youtube {
        width: 4.4444444444rem;
        height: 4.4444444444rem
    }

    #top-share-facebook > a, #top-share-google > a, #top-share-instagram > a, #top-share-linkedin > a, #top-share-twitter > a, #top-share-vimeo > a, #top-share-xing > a, #top-share-youtube > a {
        font-size: 42px;
        line-height: 4.4444444444rem;
        padding: 0;
        text-align: center
    }

    .top-lang-opened .top-lang-buttons-opened .top-lang-button {
        font-weight: 700;
        font-size: 24px;
        line-height: 2.2222222222rem !important;
        background-color: #545454 !important;
        margin-left: .8888888889rem;
        width: inherit
    }

    .top-lang-opened .top-lang-buttons-opened .top-lang-button-group {
        background-color: #fff !important
    }

    .top-lang-opened .top-lang-buttons-opened .top-lang-button-group li {
        background-color: inherit
    }

    #footer-nav-container {
        -moz-column-count: 3;
        column-count: 3
    }

    #footer-nav-container, #footer-nav-container2 {
        -moz-column-gap: 1.3888888889rem;
        column-gap: 1.3888888889rem
    }

    #footer-nav-container2 {
        -moz-column-count: 2;
        column-count: 2
    }

    .TOItext {
        padding-left: inherit !important;
        padding-right: inherit !important
    }

    .dropdown_content_wrapper {
        margin: 108px 274px 115px 135px
    }
}

@media only screen and (min-width: 66.7222222222em) {
    .HCaPC {
        padding-left: 0;
        padding-right: 0
    }

    .top-bar-section li:not(.has-form) a:not(.button) {
        padding-left: 1rem;
        padding-right: 1rem
    }
}

.b-lazy {
    opacity: .5;
    transition-property: all;
    transition-duration: .3s;
    transition-timing-function: ease
}

.b-loaded {
    opacity: 1
}

.blurr {
    color: transparent;
    text-shadow: 0 0 10px #000
}

;
.cmpbox:not(.cmpfullscreen) {
    border-top: none;
    font-weight: 500
}

.cmpbox0:not(.cmpfullscreen), .cmpbox:not(.cmpfullscreen) {
    width: 380px !important;
    padding: 10px 20px 5px !important;
    margin: 20px !important;
    font-family: Open Sans, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.cmpbox0:not(.cmpfullscreen) {
    font-weight: 500 !important;
    box-shadow: none !important;
    background-color: #e6e6e6 !important
}

.cmpbox *, .cmpbox > *, .cmpboxbtns span, .cmpboxh1, .cmpboxtxt {
    font-family: Open Sans, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.cmpboxh1, .cmpboxtxt {
    text-align: left !important
}

.cmpboxtxt, cmpbox0.cmpboxtxt {
    font-size: 11px !important;
    line-height: 1.5em !important
}

.cmpboxtxt {
    font-weight: 500
}

.cmpboxbtns span#cmpbntyestxt, .cmpboxh1 {
    font-weight: 700
}

.cmpbox0 .cmpboxbtn {
    width: 150px !important;
    box-shadow: none !important
}

.cmpbox0 .cmpboxbtncustom {
    background-color: transparent !important;
    color: #707070 !important
}

.cmpbox0 .cmpboxbtnyes, .cmpbox0 A.cmpboxbtnyes, .cmpbox0 A.cmpboxbtnyes:link {
    font-size: 10pt !important;
    color: #fff !important;
    background-color: #369 !important;
    font-weight: 700 !important;
    padding: 12px 0 !important
}

.cmpboxwelcomeprps, .cmpclose, .cmplanguage, .cmplogo2, .cmpmore {
    display: none !important
}

@media (max-height: 896px) and (max-width: 414px) {
    .cmpbox {
        height: inherit;
        min-height: inherit
    }

    .cmpbox0 {
        width: 100% !important
    }
}

/*# sourceMappingURL=style.css.map */