@charset "UTF-8";
/*!
  * z-Icon, v.1.0.1
  * rev 2025.01.07.11
  * Created by ztatement, https://z-icon.demo-seite.com/
  * https://twitter.com/ztatement
  * MIT License: https://github.com/ztatement/z-icons
  *
  * Android-style icons originally built by Google's
  * Material Design Icons: https://github.com/google/material-design-icons
  * used under CC BY http://creativecommons.org/licenses/by/4.0/
  * Modified icons to fit z-icon's grid from original.
  *
  * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/**  In short, eot is deprecated. this font-face is very old, but only recently has been supported by more than IE.  eot is needed for Internet Explorers that are older than IE9 - they invented the spec, but eot is a horrible format that strips out much of the font features. ttf and otf are normal old fonts, but some people got annoyed that this meant anyone could download and use them. At about the same time, iOS on the iPhone and iPad implemented svg fonts.  Then, woff was invented which has a mode that stops people pirating the font. This is the preferred format. If you don't want to support IE 8 and lower, and iOS 4 and lower, and android 4.3 or earlier, then you can just use WOFF (and WOFF2, a more highly compressed WOFF, for the newest browsers that support it.) */
@font-face { font-family: "z-IconPro-Light"; src: url("../../fonts/z-Icon/z-IconPro-Light.woff2?v=1.2.0") format("woff2"), url("../../fonts/z-Icon/z-IconPro-Light.woff?v=1.2.0") format("woff"), url("../../fonts/z-Icon/z-IconPro-Light.ttf?v=1.2.0") format("truetype"), url("../../fonts/z-Icon/z-IconPro-Light.svg?v=1.2.0#z-icons") format("svg"); font-weight: normal; font-style: normal; }
.smaller, .zi, .zicon, .z-icon, .zi-con, .zi-icon, .z-logo:before, .z-heart:before, .z-map:before, .z-bulb:before, .z-bulb2:before, .z-star:before, .z-money:before, .z-feedback:before, .z-map2:before, .z-burger:before, .z-target:before, .z-rss:before, .z-stop:before, .z-armchair:before, .z-picture:before, .z-gallery:before, .z-image:before, .z-cloud:before, .z-cloud-download:before, .z-cloud-upload:before, .z-camera:before, .z-printer:before, .z-key:before, .z-danger-sign:before, .z-key-with-tag:before, .z-key-with-tag-outline:before, .z-signpost:before, .z-laptop:before, .z-cellphon:before, .z-wallet:before, .z-out:before, .z-in:before, .z-check:before, .z-performance:before, .z-available:before, .z-volleyball:before, .z-volleyball-outline:before, .z-pumpkin-halloween-badge:before, .z-folder:before, .z-file:before, .z-file-cv:before, .z-file-deed:before, .z-file-pdf:before, .z-smartphone:before, .z-telefon:before, .z-e-reader:before, .z-telephone:before, .z-phone-with-wire:before, .z-rocket:before, .z-unlock:before, .z-lock:before, .z-inbox:before, .z-outbox:before, .z-calendar:before, .z-service:before, .z-wrench:before, .z-puzzle:before, .z-pencil:before, .z-user:before, .z-user-add:before, .z-user-remove:before, .z-music-note:before, .z-microphone:before, .z-bookmark:before, .z-search_book:before, .z-book:before, .z-trash:before, .z-mc-logo:before, .z-mc-chest:before, .z-mc-creeper:before, .z-mc-creeper-2:before, .z-round-number-0:before, .z-round-number-1:before, .z-round-number-2:before, .z-round-number-3:before, .z-round-number-4:before, .z-round-number-5:before, .z-round-number-6:before, .z-round-number-7:before, .z-round-number-8:before, .z-round-number-9:before, .z-round-number-exclamation-mark:before, .z-round-number-plus:before, .z-round-number-minus:before, .z-round-number-stop:before, .z-round-number-record:before, .z-round-number-cancel:before, .z-brands-octocat:before, .z-brands-android:before, .z-brands-android-outline:before, .z-brands-windows:before, .z-brands-apple:before, .z-brands-apple-outline:before, .z-brands-google:before, .z-brands-dribbble:before, .z-brands-dribbble-outline:before, .z-brands-tumblr:before, .z-brands-tumblr-outline:before, .z-brands-wordpress:before, .z-brands-wordpress-outline:before, .z-brands-foursquare:before, .z-brands-foursquare-outline:before, .z-brands-github:before, .z-brands-github-outline:before, .z-brands-pinterest:before, .z-brands-skype:before, .z-brands-skype-outline:before, .z-brands-twitch:before, .z-brands-twitch-outline:before, .z-brands-dropbox:before, .z-brands-dropbox-outline:before, .z-brands-facebook:before, .z-brands-facebook-outline:before, .z-brands-facebook-2:before, .z-brands-snapchat:before, .z-brands-twitter:before, .z-brands-twitter-outline:before, .z-brands-googleplus:before, .z-brands-reddit:before, .z-brands-reddit-outline:before, .z-brands-instagram:before, .z-brands-instagram-outline:before, .z-brands-youtube:before, .z-brands-linkedin:before, .z-brands-linkedin-outline:before, .z-brands-vimeo:before, .z-brands-vimeo-outline:before, .z-brands-xing:before, .z-brands-xing-outline:before, .z-brands-whatsapp:before, .z-brands-whatsapp-outline:before, .z-brands-amazon:before, .z-brands-round-octocat:before, .z-brands-round-android:before, .z-brands-round-skype:before, .z-brands-round-apple:before, .z-brands-round-blogger:before, .z-brands-round-earth:before, .z-brands-round-behance:before, .z-brands-round-css3:before, .z-brands-round-jquery:before, .z-brands-round-sass:before, .z-brands-round-dropbox:before, .z-brands-round-share:before, .z-brands-round-wordpress:before, .z-brands-round-github:before, .z-brands-round-deviantart:before, .z-brands-round-picasa:before, .z-brands-round-vimeo:before, .z-brands-round-flickr:before, .z-brands-round-facebook:before, .z-brands-round-facebook-2:before, .z-brands-round-snapchat:before, .z-brands-round-delicious:before, .z-brands-round-twitter:before, .z-brands-round-googleplus:before, .z-brands-round-googleplus-2:before, .z-brands-round-pinterest:before, .z-brands-round-reddit:before, .z-brands-round-instagram:before, .z-brands-round-instagram-2:before, .z-brands-round-youtube:before, .z-brands-round-youtube-2:before, .z-brands-round-linkedin:before, .z-brands-round-linkedin-2:before, .z-brands-round-soundcloud:before, .z-brands-round-stackoverflow:before, .z-brands-round-mail:before, .z-brands-round-mail-2:before, .z-license-cc-Icon:before, .z-license-cc:before, .z-license-cc-by:before, .z-license-cc-share:before, .z-license-cc-sa:before, .z-license-cc-nd:before, .z-license-cc-public-domain:before, .z-license-cc-pd:before, .z-license-cc-nc:before, .z-license-cc-m:before, .z-license-cc-remix:before, .z-license-cc-heart:before, .z-license-mit:before, .z-license-mit-logo:before, .z-license-sil:before, .z-license-ofl:before { display: inline-block; font-family: "z-IconPro-Light"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; /* Better Font Rendering */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.font-light { font-weight: 200 !important; }

.font-regular { font-weight: 400 !important; }

.font-medium { font-weight: 500 !important; }

/* basic */
.z-logo:before { content: ""; }

.z-heart:before { content: ""; }

.z-map:before { content: ""; }

.z-bulb:before { content: ""; }

.z-bulb2:before { content: ""; }

.z-star:before { content: ""; }

.z-money:before { content: ""; }

.z-feedback:before { content: ""; }

.z-map2:before { content: ""; }

.z-burger:before { content: ""; }

.z-target:before { content: ""; }

.z-rss:before { content: ""; }

.z-stop:before { content: ""; }

.z-armchair:before { content: ""; }

.z-picture:before { content: ""; }

.z-gallery:before { content: ""; }

.z-image:before { content: ""; }

.z-cloud:before { content: ""; }

.z-cloud-download:before { content: ""; }

.z-cloud-upload:before { content: ""; }

.z-camera:before { content: ""; }

.z-printer:before { content: ""; }

.z-key:before { content: ""; }

.z-danger-sign:before { content: ""; }

.z-key-with-tag:before { content: ""; }

.z-key-with-tag-outline:before { content: ""; }

.z-signpost:before { content: ""; }

.z-laptop:before { content: ""; }

.z-cellphon:before { content: ""; }

.z-wallet:before { content: ""; }

.z-out:before { content: ""; }

.z-in:before { content: ""; }

.z-check:before { content: ""; }

.z-performance:before { content: ""; }

.z-available:before { content: ""; }

.z-volleyball:before { content: ""; }

.z-volleyball-outline:before { content: ""; }

.z-pumpkin-halloween-badge:before { content: ""; }

.z-folder:before { content: ""; }

.z-file:before { content: ""; }

.z-file-cv:before { content: ""; }

.z-file-deed:before { content: ""; }

.z-file-pdf:before { content: ""; }

.z-smartphone:before { content: ""; }

.z-telefon:before { content: ""; }

.z-e-reader:before { content: ""; }

.z-telephone:before { content: ""; }

.z-phone-with-wire:before { content: ""; }

.z-rocket:before { content: ""; }

.z-unlock:before { content: ""; }

.z-lock:before { content: ""; }

.z-inbox:before { content: ""; }

.z-outbox:before { content: ""; }

.z-calendar:before { content: ""; }

.z-service:before { content: ""; }

.z-wrench:before { content: ""; }

.z-puzzle:before { content: ""; }

.z-pencil:before { content: ""; }

.z-user:before { content: ""; }

.z-user-add:before { content: ""; }

.z-user-remove:before { content: ""; }

.z-music-note:before { content: ""; }

.z-microphone:before { content: ""; }

.z-bookmark:before { content: ""; }

.z-search_book:before { content: ""; }

.z-book:before { content: ""; }

.z-trash:before { content: ""; }

.z-mc-logo:before { content: ""; }

.z-mc-chest:before { content: ""; }

.z-mc-creeper:before { content: ""; }

.z-mc-creeper-2:before { content: ""; }

.z-round-number-0:before { content: ""; }

.z-round-number-1:before { content: ""; }

.z-round-number-2:before { content: ""; }

.z-round-number-3:before { content: ""; }

.z-round-number-4:before { content: ""; }

.z-round-number-5:before { content: ""; }

.z-round-number-6:before { content: ""; }

.z-round-number-7:before { content: ""; }

.z-round-number-8:before { content: ""; }

.z-round-number-9:before { content: ""; }

.z-round-number-exclamation-mark:before { content: ""; }

.z-round-number-plus:before { content: ""; }

.z-round-number-minus:before { content: ""; }

.z-round-number-stop:before { content: ""; }

.z-round-number-record:before { content: ""; }

.z-round-number-cancel:before { content: ""; }

/* brands */
.z-brands-octocat:before { content: ""; }

.z-brands-android:before { content: ""; }

.z-brands-android-outline:before { content: ""; }

.z-brands-windows:before { content: ""; }

.z-brands-apple:before { content: ""; }

.z-brands-apple-outline:before { content: ""; }

.z-brands-google:before { content: ""; }

.z-brands-dribbble:before { content: ""; }

.z-brands-dribbble-outline:before { content: ""; }

.z-brands-tumblr:before { content: ""; }

.z-brands-tumblr-outline:before { content: ""; }

.z-brands-wordpress:before { content: ""; }

.z-brands-wordpress-outline:before { content: ""; }

.z-brands-foursquare:before { content: ""; }

.z-brands-foursquare-outline:before { content: ""; }

.z-brands-github:before { content: ""; }

.z-brands-github-outline:before { content: ""; }

.z-brands-pinterest:before { content: ""; }

.z-brands-skype:before { content: ""; }

.z-brands-skype-outline:before { content: ""; }

.z-brands-twitch:before { content: ""; }

.z-brands-twitch-outline:before { content: ""; }

.z-brands-dropbox:before { content: ""; }

.z-brands-dropbox-outline:before { content: ""; }

.z-brands-facebook:before { content: ""; }

.z-brands-facebook-outline:before { content: ""; }

.z-brands-facebook-2:before { content: ""; }

.z-brands-snapchat:before { content: ""; }

.z-brands-twitter:before { content: ""; }

.z-brands-twitter-outline:before { content: ""; }

.z-brands-googleplus:before { content: ""; }

.z-brands-reddit:before { content: ""; }

.z-brands-reddit-outline:before { content: ""; }

.z-brands-instagram:before { content: ""; }

.z-brands-instagram-outline:before { content: ""; }

.z-brands-youtube:before { content: ""; }

.z-brands-linkedin:before { content: ""; }

.z-brands-linkedin-outline:before { content: ""; }

.z-brands-vimeo:before { content: ""; }

.z-brands-vimeo-outline:before { content: ""; }

.z-brands-xing:before { content: ""; }

.z-brands-xing-outline:before { content: ""; }

.z-brands-whatsapp:before { content: ""; }

.z-brands-whatsapp-outline:before { content: ""; }

.z-brands-amazon:before { content: ""; }

/* brands-round */
.z-brands-round-octocat:before { content: ""; }

.z-brands-round-android:before { content: ""; }

.z-brands-round-skype:before { content: ""; }

.z-brands-round-apple:before { content: ""; }

.z-brands-round-blogger:before { content: ""; }

.z-brands-round-earth:before { content: ""; }

.z-brands-round-behance:before { content: ""; }

.z-brands-round-css3:before { content: ""; }

.z-brands-round-jquery:before { content: ""; }

.z-brands-round-sass:before { content: ""; }

.z-brands-round-dropbox:before { content: ""; }

.z-brands-round-share:before { content: ""; }

.z-brands-round-wordpress:before { content: ""; }

.z-brands-round-github:before { content: ""; }

.z-brands-round-deviantart:before { content: ""; }

.z-brands-round-picasa:before { content: ""; }

.z-brands-round-vimeo:before { content: ""; }

.z-brands-round-flickr:before { content: ""; }

.z-brands-round-facebook:before { content: ""; }

.z-brands-round-facebook-2:before { content: ""; }

.z-brands-round-snapchat:before { content: ""; }

.z-brands-round-delicious:before { content: ""; }

.z-brands-round-twitter:before { content: ""; }

.z-brands-round-googleplus:before { content: ""; }

.z-brands-round-googleplus-2:before { content: ""; }

.z-brands-round-pinterest:before { content: ""; }

.z-brands-round-reddit:before { content: ""; }

.z-brands-round-instagram:before { content: ""; }

.z-brands-round-instagram-2:before { content: ""; }

.z-brands-round-youtube:before { content: ""; }

.z-brands-round-youtube-2:before { content: ""; }

.z-brands-round-linkedin:before { content: ""; }

.z-brands-round-linkedin-2:before { content: ""; }

.z-brands-round-soundcloud:before { content: ""; }

.z-brands-round-stackoverflow:before { content: ""; }

.z-brands-round-mail:before { content: ""; }

.z-brands-round-mail-2:before { content: ""; }

/* license */
.z-license-cc-Icon:before { content: ""; }

.z-license-cc:before { content: ""; }

.z-license-cc-by:before { content: ""; }

.z-license-cc-share:before { content: ""; }

.z-license-cc-sa:before { content: ""; }

.z-license-cc-nd:before { content: ""; }

.z-license-cc-public-domain:before { content: ""; }

.z-license-cc-pd:before { content: ""; }

.z-license-cc-nc:before { content: ""; }

.z-license-cc-m:before { content: ""; }

.z-license-cc-remix:before { content: ""; }

.z-license-cc-heart:before { content: ""; }

.z-license-mit:before { content: ""; }

.z-license-mit-logo:before { content: ""; }

.z-license-sil:before { content: ""; }

.z-license-ofl:before { content: ""; }


html { font-family: z-IconPro-Light, Roboto, sans-serif, Arial; text-size-adjust: 100%; }

body { margin: 0; letter-spacing: -0.015rem; text-rendering: optimizeLegibility; }
/*
a { text-decoration: none; color: #d74119; outline: 0; }
a:hover { color: #fa8c28; border-color: #fa8c28; }
a:active { color: #fa8c28; border-color: #fa8c28; }
a:focus { color: #fa8c28; border-color: #fa8c28; }
*/
svg { width: 100% \9; }


@media (min-width: 62em) { .cover-container { width: 42rem; } }
.centered { margin-left: auto !important; margin-right: auto !important; float: none !important; }
.lowercase { text-transform: lowercase !important; }
.uppercase { text-transform: uppercase !important; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; }
.clear { clear: both !important; }
.clearfix { *zoom: 1; }
.clearfix:after { content: ""; display: table; clear: both; }
.relative { position: relative !important; }
.block { display: block !important; }
.display-inline { display: inline !important; }
.inline-block { display: inline-block !important; }
.hide { display: none; }

.mb-6 { margin-bottom: 5.5rem !important; }
.mb-10 { margin-bottom: 10rem !important; }

.text-right { text-align: right !important; }
.text-left { text-align: left !important; }
.text-center { text-align: center !important; }
.text-middle { vertical-align: middle !important; }

.left { float: left !important; }
.right { float: right !important; }
.middle { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.fixed-contact-widget { position: fixed !important; }

.final-value { margin-bottom: 0; font-size: 3.6rem; font-weight: 200; line-height: 1.22222; color: #fff; }


/* tab ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.tab { animation: 0.5s slideLeft 1s ease both; width: 33.2rem; margin-top: -7.85rem; position: fixed; right: 0; top: 50vh; z-index: 999999; text-align: right; }
.tab.collapse-right { animation: 0.5s slideRight ease both; }

.tab-close { text-transform: uppercase; font-size: 1rem; color: #87898f; display: block; line-height: 1.8rem; cursor: pointer; padding-right: 2.5rem; padding-bottom: 0.5rem; font-weight: 500; }
.tab-close .iconz-x { font-size: inherit; position: relative; top: -2px; margin-left: 6px; }

.tab-main { font: 0/0 serif; text-shadow: none; color: transparent; display: block; height: 13.4rem; background-image: url(../images/tabs/basis.svg); background-repeat: no-repeat; background-position: 50% 50%; }


.mixitup { display: flex; flex-wrap: wrap; justify-content: space-between; }

.mix { backface-visibility: hidden; width: 30.23256%; }
.mix.delayed-hide { display: none; }
.mix.placeholder { margin: 0 !important; height: 0 !important; display: inline-block !important; opacity: 0 !important; }

[data-wipe] { transition: height 1s ease; position: relative; overflow: hidden; }

[data-wipe="show-splash"] [data-wipe-splash] { animation: wipe-in 1s ease both; }
[data-wipe="show-splash"] [data-wipe-main] { animation: wipe-out 1s ease both; z-index: 1; }

[data-wipe="show-main"] [data-wipe-splash] { animation: wipe-out 1s ease both; }
[data-wipe="show-main"] [data-wipe-main] { animation: wipe-in 1s ease both; z-index: 1; }

[data-wipe-main] { width: 100%; position: absolute; top: 0; left: 0; z-index: -1; }

@keyframes wipe-in { 0% { transform: translate3d(102%, 0, 0); }
  100% { transform: translate3d(0, 0, 0); } }
@keyframes wipe-out { 0% { transform: translate3d(0, 0, 0); }
  100% { transform: translate3d(-102%, 0, 0); } }
[data-wipe-close] { font-size: 1.8rem; color: #fff; position: absolute; top: 1.5rem; right: 1.5rem; display: none; }
[data-wipe-close]:hover { cursor: pointer; }
[data-wipe-close]:active { cursor: pointer; }
[data-wipe-close]:focus { cursor: pointer; }


@media screen and (max-width: 736px) { .topbar { text-align: center; } }

@media (min-width: 767px) { .navbar { padding: 20px 0; transition: background .5s ease-in-out,padding .5s ease-in-out; } }
.section { padding-top: 6rem; padding-bottom: 6rem; }
.section.border-top { border-top: 1px solid #c8c9ca; }
.section.white { background-color: #fff; }
.section.background-gray { background-color: #f6f6f7; }
.section.midnight-gray { background-color: #323c46; }
.section.midnight-gray-deep { background-color: #28323c; }
.section.values { background-image: url(../images/values.jpg); background-position: 50% 100%; background-repeat: no-repeat; }

.section-heading { font-size: 2.35rem; font-weight: 200; line-height: 1.22222; color: #323c46; }
.section-heading.text-color { color: #87898f; }
.section-heading.white { color: #fff; }
.section-heading.smaller { font-size: 1.4rem; }
.section-heading.small { font-size: 3rem; }
.section-heading.large { font-size: 6.2rem; }

.typeset h1 { font-size: 4.6rem; line-height: 1.17391; color: #323c46; font-weight: 200; }
.typeset h1.white { color: #fff; }
.typeset h2 { font-size: 3.6rem; line-height: 1.22222; color: #323c46; font-weight: 200; margin-bottom: 3rem; }
.typeset h2.white { color: #fff; }
.typeset h3 { font-size: 2.4rem; font-weight: 400; line-height: 1.375; color: #323c46; margin-bottom: 2rem; }
.typeset h3.white { color: #fff; }
.typeset h3:first-child { margin-top: 0; }
.typeset h4 { font-size: 1.8rem; line-height: 1.55556; color: #323c46; font-weight: 500; }
.typeset h4.white { color: #fff; }
.typeset h5 { font-size: 1.4rem; line-height: 2; color: #323c46; font-weight: 500; text-transform: uppercase; }
.typeset h5.white { color: #fff; }
.typeset h6 { font-size: 1.4rem; line-height: 2; color: #87898f; font-weight: 500; text-transform: uppercase; letter-spacing: 0.05rem; }
.typeset h6.white { color: #fff; }
.typeset .h1 { font-size: 4.6rem; line-height: 1.17391; color: #323c46; font-weight: 200; }
.typeset .h2 { font-size: 3.6rem; line-height: 1.22222; color: #323c46; font-weight: 200; margin-bottom: 3rem; }
.typeset .h3 { font-size: 2.4rem; font-weight: 400; line-height: 1.375; color: #323c46; margin-bottom: 2rem; }
.typeset .h3:first-child { margin-top: 0; }
.typeset .h4 { font-size: 1.8rem; line-height: 1.55556; color: #323c46; font-weight: 500; }
.typeset .h5 { font-size: 1.4rem; line-height: 2; color: #323c46; font-weight: 500; text-transform: uppercase; }
.typeset .h6 { font-size: 1.4rem; line-height: 2; color: #87898f; font-weight: 500; text-transform: uppercase; letter-spacing: 0.05rem; }
.typeset p { margin-bottom: 2rem; }
.typeset p + h3 { margin-top: 4.1rem; }
.typeset p + .h3 { margin-top: 4.1rem; }
.typeset ul { margin-bottom: 2rem; margin-bottom: 2rem; }
.typeset ul + h3 { margin-top: 4.1rem; }
.typeset ul li { margin-bottom: 0.9rem; position: relative; padding-left: 3rem; line-height: 1.33333; }
.typeset ul li::before { content: ''; width: 1rem; height: 1px; background-color: #87898f; display: block; position: absolute; top: 1.3rem; left: 0; }
.typeset ul + .h3 { margin-top: 4.1rem; }
.typeset img { margin-bottom: 3.3rem; }
.typeset img + h3 { margin-top: 5.4rem; }
.typeset img + .h3 { margin-top: 5.4rem; }
.typeset ol { counter-reset: ol-counter-decimal; }
.typeset ol > li { position: relative; padding-left: 3rem; margin-bottom: 2rem; }
.typeset ol > li:before { content: counter(ol-counter-decimal) ". "; counter-increment: ol-counter-decimal; color: #323c46; font-weight: 500; position: absolute; top: 0; left: 0; }
.typeset ol ol { margin-top: 2rem; counter-reset: ol-counter-upper-latin; }
.typeset ol ol > li { margin-bottom: 0; }
.typeset ol ol > li:before { content: counter(ol-counter-upper-latin,upper-latin) "."; counter-increment: ol-counter-upper-latin; }
.typeset ol ol ol { counter-reset: ol-counter-lower-roman; }
.typeset ol ol ol > li:before { content: counter(ol-counter-lower-roman,lower-roman) "."; counter-increment: ol-counter-lower-roman; }
.typeset ol.upper-latin { margin-top: 2rem; counter-reset: ol-counter-upper-latin; }
.typeset ol.upper-latin > li { margin-bottom: 0; }
.typeset ol.upper-latin > li:before { content: counter(ol-counter-upper-latin,upper-latin) "."; counter-increment: ol-counter-upper-latin; }
.typeset ol.upper-latin ol { counter-reset: ol-counter-lower-roman; }
.typeset ol.upper-latin ol > li:before { content: counter(ol-counter-lower-roman,lower-roman) "."; counter-increment: ol-counter-lower-roman; }
.typeset .entry-title { margin-bottom: 0.5rem; }
.typeset .byline { text-transform: uppercase; color: #87898f; font-size: 1.4rem; font-weight: 500; line-height: 2.42857; letter-spacing: 0.05rem; }
.typeset small { margin-bottom: 2rem; font-size: inherit; display: block; }
.typeset .blockquote { margin-top: 10rem; color: #323c46; line-height: 1.375; font-size: 2.4rem; }
.typeset .cite { margin-top: 3rem; font-style: normal; }
.typeset .cite-name { color: #00afe6; line-height: 1.42857; letter-spacing: 0.05rem; text-transform: uppercase; display: block; font-size: 1.4rem; font-weight: 500; }
.typeset .cite-title { color: #87898f; line-height: 1.42857; letter-spacing: 0.05rem; text-transform: uppercase; display: block; font-size: 1.4rem; font-weight: 500; }
.typeset .cite-img { border-radius: 100%; }
.typeset .mobile-snippet { border: 1px solid #ced6e6; border-radius: 10px; background-color: #e7ebf3; color: #5c7199; }
.typeset .mobile-snippet-heading { padding: 15px 20px; border-radius: 10px 10px 0 0; background-color: #5c7199; text-align: center; font-size: 2rem; color: #fff; }
.typeset .mobile-snippet-code { padding: 0 2rem; }
.typeset a:not(.button) { text-decoration: none; color: #d74119; border-bottom: 1px solid #d74119; }
.typeset a:not(.button):hover { color: #fa8c28; border-color: #fa8c28; }
.typeset a:not(.button):active { color: #fa8c28; border-color: #fa8c28; }
.typeset a:not(.button):focus { color: #fa8c28; border-color: #fa8c28; }
.typeset a:not(.button).cerulean { text-decoration: none; color: #0a8cc6; border-bottom: 1px solid #0a8cc6; }
.typeset a:not(.button).cerulean:hover { color: #054765; border-color: #054765; }
.typeset a:not(.button).cerulean:active { color: #054765; border-color: #054765; }
.typeset a:not(.button).cerulean:focus { color: #054765; border-color: #054765; }
.typeset .job-body p:first-child { font-size: 2.4rem; line-height: 1.5; color: #87898f; margin-bottom: 5rem; }
.typeset .job-body p:first-child.dark { color: #323c46; }
.typeset .job-body p:first-child.white { color: #fff; }
.typeset .job-body p:first-child.large { font-size: 3.6rem; font-weight: 200; line-height: 1.33333; }

/* Back to Top Button */
.top { display: inline-block; height: 2.45rem; width: 2.45rem; position: fixed; bottom: 2.45rem; right: .625rem; box-shadow: 0 0 0.625rem rgba(0, 0, 0, 0.05); /* image replacement properties */ overflow: hidden; text-indent: 100%; white-space: nowrap; background: rgba(200, 200, 200, 0.7) url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE2IDE2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iOCwyLjggMTYsMTAuNyAxMy42LDEzLjEgOC4xLDcuNiAyLjUsMTMuMiAwLDEwLjcgIi8+DQo8L3N2Zz4NCg==") no-repeat center 50%; visibility: hidden; opacity: 0; transition: opacity .3s 0s, visibility 0s .3s; }
.top:hover { opacity: 1; transition: all ease .3s; }
.top.is-visible { transition: opacity .3s 0s, visibility 0s 0s; visibility: visible; opacity: 1; }
.top.fade-out { transition: opacity .3s 0s, visibility 0s 0s; opacity: .5; }

@media only screen and (min-width: 768px) { .top { right: 1.25rem; bottom: 1.25rem; } }
@media only screen and (min-width: 1024px) { .top { height: 3.75rem; width: 3.75rem; right: 1.8rem; bottom: 1.8rem; } }
.no-touch .top:hover { transition: opacity .3s 0s, visibility 0s 0s; background-color: #aaa; opacity: 1; }

/* Colors */
.color-white { color: #fff !important; }

.color_tia_maria { color: #d74119 !important; }

.tia_maria { background-color: #d74119; }
.tia_maria:hover { background-color: #fa8c28; }
.tia_maria:active { background-color: #fa8c28; }
.tia_maria:focus { background-color: #fa8c28; }

.cerulean { background-color: #00afe6; }

.persian_green { background-color: #00b487; }

.purple { background-color: #800080; }

.color-midnight-gray { color: #323c46 !important; }

.midnight-gray-deep { background-color: #28323c; }

.gradient { background-color: #d74119; }
.gradient:hover { background-color: #fa8c28; }
.gradient:active { background-color: #fa8c28; }
.gradient:focus { background-color: #fa8c28; }

.gradient_olive_green { background: linear-gradient(45deg, #b0b448 0, #b0b448 50%, #2d5372 100%); }
.gradient_olive_green:hover { background: linear-gradient(45deg, #2d5372 0, #b0b448 50%, #b0b448 100%); }
.gradient_olive_green:active { background: linear-gradient(45deg, #2d5372 0, #b0b448 50%, #b0b448 100%); }
.gradient_olive_green:focus { background: linear-gradient(45deg, #2d5372 0, #b0b448 50%, #b0b448 100%); }

.bg-white { background-color: #fff; }

.bg-gradient { background-size: 100%; background-image: linear-gradient(45deg, #fa8c28 0, #d74119 50%, #d74119 100%); }

.bg-background-gray { background-color: #f6f6f7; }

.bg-midnight-gray { background-color: #323c46; }

.bg-midnight-gray-deep { background-color: #28323c; }

.top-gradient { background-size: 100%; background-image: linear-gradient(180deg, #f0f0f0 0, #fff 250px, #fff 100%); padding-top: 3rem; }

/* brand-colors */
.color_brand_twitter { color: #77C7F7; }

.color_brand_facebook { color: #3B5998; }

.color_brand_google { color: #D73D32; }

.color_brand_tumblr { color: #36465D; }

.color_brand_pinterest { color: #AB171E; }

.color_brand_instagram { color: #9F6C50; }

.color_brand_youtube { color: #CC181E; }

.color_brand_twitch { color: #6441A5; }

.color_brand_soundcloud { color: #f50; }

.color_brand_linkedin { color: #006FA6; }

.color_brand_github { color: #333; }

.color_brand_location { color: #090; }

.color_brand_xing { color: #0B6566; }

.color_brand_dot { color: #f1d600; }

.rainbow { box-sizing: content-box; cursor: pointer; border: none; font: normal normal bold 70px/normal ztmt-Medium, Roboto, sans-serif; color: transparent; text-overflow: clip; text-shadow: 3px 0 0 #d91f26, 6px 0 0 #e25b0e, 9px 0 0 #f5dd08, 12px 0 0 #059444, 15px 0 0 #0a8cc6, 18px 0 0 #044d91, 21px 0 0 #2a1571; transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); }
.rainbow:hover { text-shadow: -3px 0 0 #d91f26, -6px 0 0 #e25b0e, -9px 0 0 #f5dd08, -12px 0 0 #059444, -15px 0 0 #0a8cc6, -18px 0 0 #044d91, -21px 0 0 #2a1571; transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55); }

.rainbow-text { background-clip: text; text-fill-color: transparent; background-image: gradient(linear, left top, left bottom, color-stop(0, #f00), color-stop(16%, #ffa500), color-stop(32%, #ff0), color-stop(48%, #090), color-stop(60%, #00f), color-stop(76%, #4b0082), color-stop(1, #ee82ee)); }

.colorful, .colorful-hover:hover { animation-name: colorful-keys; animation-duration: 50s; animation-iteration-count: infinite; animation-direction: alternate; animation-fill-mode: forwards; z-index: 0; }

@keyframes colorful-keys { 0% { color: #d65c97; }
  5% { color: #5cd666; }
  10% { color: #a55cd6; }
  20% { color: #d65c7a; }
  25% { color: #81d65c; }
  35% { color: #835cd6; }
  40% { color: #5c9dd6; }
  45% { color: #5cd666; }
  50% { color: #d6625c; }
  65% { color: #be5cd6; }
  70% { color: #5c7cd6; }
  75% { color: #95d65c; }
  80% { color: #d69d5c; }
  90% { color: #5cd666; }
  95% { color: #d6835c; }
  100% { color: #81d65c; }
  0.0% { color: #5c7cd6; }
  1.0% { color: #835cd6; }
  2.0% { color: #d6835c; }
  3.0% { color: #d6625c; }
  4.0% { color: #d65c7a; } }
.colorful:nth-of-type(1) { animation-delay: -19.8s; }
.colorful:nth-of-type(2) { animation-delay: -19.6s; }
.colorful:nth-of-type(3) { animation-delay: -19.4s; }
.colorful:nth-of-type(4) { animation-delay: -19.2s; }
.colorful:nth-of-type(5) { animation-delay: -19s; }
.colorful:nth-of-type(6) { animation-delay: -18.8s; }
.colorful:nth-of-type(7) { animation-delay: -18.6s; }
.colorful:nth-of-type(8) { animation-delay: -18.4s; }
.colorful:nth-of-type(9) { animation-delay: -18.2s; }
.colorful:nth-of-type(10) { animation-delay: -18s; }
.colorful:nth-of-type(11) { animation-delay: -17.8s; }
.colorful:nth-of-type(12) { animation-delay: -17.6s; }
.colorful:nth-of-type(13) { animation-delay: -17.4s; }
.colorful:nth-of-type(14) { animation-delay: -17.2s; }
.colorful:nth-of-type(15) { animation-delay: -17s; }
.colorful:nth-of-type(16) { animation-delay: -16.8s; }
.colorful:nth-of-type(17) { animation-delay: -16.6s; }
.colorful:nth-of-type(18) { animation-delay: -16.4s; }
.colorful:nth-of-type(19) { animation-delay: -16.2s; }
.colorful:nth-of-type(20) { animation-delay: -16s; }
.colorful:nth-of-type(21) { animation-delay: -15.8s; }
.colorful:nth-of-type(22) { animation-delay: -15.6s; }
.colorful:nth-of-type(23) { animation-delay: -15.4s; }
.colorful:nth-of-type(24) { animation-delay: -15.2s; }
.colorful:nth-of-type(25) { animation-delay: -15s; }
.colorful:nth-of-type(26) { animation-delay: -14.8s; }
.colorful:nth-of-type(27) { animation-delay: -14.6s; }
.colorful:nth-of-type(28) { animation-delay: -14.4s; }
.colorful:nth-of-type(29) { animation-delay: -14.2s; }
.colorful:nth-of-type(30) { animation-delay: -14s; }
.colorful:nth-of-type(31) { animation-delay: -13.8s; }
.colorful:nth-of-type(32) { animation-delay: -13.6s; }
.colorful:nth-of-type(33) { animation-delay: -13.4s; }
.colorful:nth-of-type(34) { animation-delay: -13.2s; }
.colorful:nth-of-type(35) { animation-delay: -13s; }
.colorful:nth-of-type(36) { animation-delay: -12.8s; }
.colorful:nth-of-type(37) { animation-delay: -12.6s; }
.colorful:nth-of-type(38) { animation-delay: -12.4s; }
.colorful:nth-of-type(39) { animation-delay: -12.2s; }
.colorful:nth-of-type(40) { animation-delay: -12s; }
.colorful:nth-of-type(41) { animation-delay: -11.8s; }
.colorful:nth-of-type(42) { animation-delay: -11.6s; }
.colorful:nth-of-type(43) { animation-delay: -11.4s; }
.colorful:nth-of-type(44) { animation-delay: -11.2s; }
.colorful:nth-of-type(45) { animation-delay: -11s; }
.colorful:nth-of-type(46) { animation-delay: -10.8s; }
.colorful:nth-of-type(47) { animation-delay: -10.6s; }
.colorful:nth-of-type(48) { animation-delay: -10.4s; }
.colorful:nth-of-type(49) { animation-delay: -10.2s; }
.colorful:nth-of-type(50) { animation-delay: -10s; }
.colorful:nth-of-type(51) { animation-delay: -9.8s; }
.colorful:nth-of-type(52) { animation-delay: -9.6s; }
.colorful:nth-of-type(53) { animation-delay: -9.4s; }
.colorful:nth-of-type(54) { animation-delay: -9.2s; }
.colorful:nth-of-type(55) { animation-delay: -9s; }
.colorful:nth-of-type(56) { animation-delay: -8.8s; }
.colorful:nth-of-type(57) { animation-delay: -8.6s; }
.colorful:nth-of-type(58) { animation-delay: -8.4s; }
.colorful:nth-of-type(59) { animation-delay: -8.2s; }
.colorful:nth-of-type(60) { animation-delay: -8s; }
.colorful:nth-of-type(61) { animation-delay: -7.8s; }
.colorful:nth-of-type(62) { animation-delay: -7.6s; }
.colorful:nth-of-type(63) { animation-delay: -7.4s; }
.colorful:nth-of-type(64) { animation-delay: -7.2s; }
.colorful:nth-of-type(65) { animation-delay: -7s; }
.colorful:nth-of-type(66) { animation-delay: -6.8s; }
.colorful:nth-of-type(67) { animation-delay: -6.6s; }
.colorful:nth-of-type(68) { animation-delay: -6.4s; }
.colorful:nth-of-type(69) { animation-delay: -6.2s; }
.colorful:nth-of-type(70) { animation-delay: -6s; }
.colorful:nth-of-type(71) { animation-delay: -5.8s; }
.colorful:nth-of-type(72) { animation-delay: -5.6s; }
.colorful:nth-of-type(73) { animation-delay: -5.4s; }
.colorful:nth-of-type(74) { animation-delay: -5.2s; }
.colorful:nth-of-type(75) { animation-delay: -5s; }
.colorful:nth-of-type(76) { animation-delay: -4.8s; }
.colorful:nth-of-type(77) { animation-delay: -4.6s; }
.colorful:nth-of-type(78) { animation-delay: -4.4s; }
.colorful:nth-of-type(79) { animation-delay: -4.2s; }
.colorful:nth-of-type(80) { animation-delay: -4s; }
.colorful:nth-of-type(81) { animation-delay: -3.8s; }
.colorful:nth-of-type(82) { animation-delay: -3.6s; }
.colorful:nth-of-type(83) { animation-delay: -3.4s; }
.colorful:nth-of-type(84) { animation-delay: -3.2s; }
.colorful:nth-of-type(85) { animation-delay: -3s; }
.colorful:nth-of-type(86) { animation-delay: -2.8s; }
.colorful:nth-of-type(87) { animation-delay: -2.6s; }
.colorful:nth-of-type(88) { animation-delay: -2.4s; }
.colorful:nth-of-type(89) { animation-delay: -2.2s; }
.colorful:nth-of-type(90) { animation-delay: -2s; }
.colorful:nth-of-type(91) { animation-delay: -1.8s; }
.colorful:nth-of-type(92) { animation-delay: -1.6s; }
.colorful:nth-of-type(93) { animation-delay: -1.4s; }
.colorful:nth-of-type(94) { animation-delay: -1.2s; }
.colorful:nth-of-type(95) { animation-delay: -1s; }
.colorful:nth-of-type(96) { animation-delay: -0.8s; }
.colorful:nth-of-type(97) { animation-delay: -0.6s; }
.colorful:nth-of-type(98) { animation-delay: -0.4s; }
.colorful:nth-of-type(99) { animation-delay: -0.2s; }
.colorful:nth-of-type(100) { animation-delay: 0s; }

.colorful-hover:hover:nth-of-type(1) { animation-delay: -19.8s; }
.colorful-hover:hover:nth-of-type(2) { animation-delay: -19.6s; }
.colorful-hover:hover:nth-of-type(3) { animation-delay: -19.4s; }
.colorful-hover:hover:nth-of-type(4) { animation-delay: -19.2s; }
.colorful-hover:hover:nth-of-type(5) { animation-delay: -19s; }
.colorful-hover:hover:nth-of-type(6) { animation-delay: -18.8s; }
.colorful-hover:hover:nth-of-type(7) { animation-delay: -18.6s; }
.colorful-hover:hover:nth-of-type(8) { animation-delay: -18.4s; }
.colorful-hover:hover:nth-of-type(9) { animation-delay: -18.2s; }
.colorful-hover:hover:nth-of-type(10) { animation-delay: -18s; }
.colorful-hover:hover:nth-of-type(11) { animation-delay: -17.8s; }
.colorful-hover:hover:nth-of-type(12) { animation-delay: -17.6s; }
.colorful-hover:hover:nth-of-type(13) { animation-delay: -17.4s; }
.colorful-hover:hover:nth-of-type(14) { animation-delay: -17.2s; }
.colorful-hover:hover:nth-of-type(15) { animation-delay: -17s; }
.colorful-hover:hover:nth-of-type(16) { animation-delay: -16.8s; }
.colorful-hover:hover:nth-of-type(17) { animation-delay: -16.6s; }
.colorful-hover:hover:nth-of-type(18) { animation-delay: -16.4s; }
.colorful-hover:hover:nth-of-type(19) { animation-delay: -16.2s; }
.colorful-hover:hover:nth-of-type(20) { animation-delay: -16s; }
.colorful-hover:hover:nth-of-type(21) { animation-delay: -15.8s; }
.colorful-hover:hover:nth-of-type(22) { animation-delay: -15.6s; }
.colorful-hover:hover:nth-of-type(23) { animation-delay: -15.4s; }
.colorful-hover:hover:nth-of-type(24) { animation-delay: -15.2s; }
.colorful-hover:hover:nth-of-type(25) { animation-delay: -15s; }
.colorful-hover:hover:nth-of-type(26) { animation-delay: -14.8s; }
.colorful-hover:hover:nth-of-type(27) { animation-delay: -14.6s; }
.colorful-hover:hover:nth-of-type(28) { animation-delay: -14.4s; }
.colorful-hover:hover:nth-of-type(29) { animation-delay: -14.2s; }
.colorful-hover:hover:nth-of-type(30) { animation-delay: -14s; }
.colorful-hover:hover:nth-of-type(31) { animation-delay: -13.8s; }
.colorful-hover:hover:nth-of-type(32) { animation-delay: -13.6s; }
.colorful-hover:hover:nth-of-type(33) { animation-delay: -13.4s; }
.colorful-hover:hover:nth-of-type(34) { animation-delay: -13.2s; }
.colorful-hover:hover:nth-of-type(35) { animation-delay: -13s; }
.colorful-hover:hover:nth-of-type(36) { animation-delay: -12.8s; }
.colorful-hover:hover:nth-of-type(37) { animation-delay: -12.6s; }
.colorful-hover:hover:nth-of-type(38) { animation-delay: -12.4s; }
.colorful-hover:hover:nth-of-type(39) { animation-delay: -12.2s; }
.colorful-hover:hover:nth-of-type(40) { animation-delay: -12s; }
.colorful-hover:hover:nth-of-type(41) { animation-delay: -11.8s; }
.colorful-hover:hover:nth-of-type(42) { animation-delay: -11.6s; }
.colorful-hover:hover:nth-of-type(43) { animation-delay: -11.4s; }
.colorful-hover:hover:nth-of-type(44) { animation-delay: -11.2s; }
.colorful-hover:hover:nth-of-type(45) { animation-delay: -11s; }
.colorful-hover:hover:nth-of-type(46) { animation-delay: -10.8s; }
.colorful-hover:hover:nth-of-type(47) { animation-delay: -10.6s; }
.colorful-hover:hover:nth-of-type(48) { animation-delay: -10.4s; }
.colorful-hover:hover:nth-of-type(49) { animation-delay: -10.2s; }
.colorful-hover:hover:nth-of-type(50) { animation-delay: -10s; }
.colorful-hover:hover:nth-of-type(51) { animation-delay: -9.8s; }
.colorful-hover:hover:nth-of-type(52) { animation-delay: -9.6s; }
.colorful-hover:hover:nth-of-type(53) { animation-delay: -9.4s; }
.colorful-hover:hover:nth-of-type(54) { animation-delay: -9.2s; }
.colorful-hover:hover:nth-of-type(55) { animation-delay: -9s; }
.colorful-hover:hover:nth-of-type(56) { animation-delay: -8.8s; }
.colorful-hover:hover:nth-of-type(57) { animation-delay: -8.6s; }
.colorful-hover:hover:nth-of-type(58) { animation-delay: -8.4s; }
.colorful-hover:hover:nth-of-type(59) { animation-delay: -8.2s; }
.colorful-hover:hover:nth-of-type(60) { animation-delay: -8s; }
.colorful-hover:hover:nth-of-type(61) { animation-delay: -7.8s; }
.colorful-hover:hover:nth-of-type(62) { animation-delay: -7.6s; }
.colorful-hover:hover:nth-of-type(63) { animation-delay: -7.4s; }
.colorful-hover:hover:nth-of-type(64) { animation-delay: -7.2s; }
.colorful-hover:hover:nth-of-type(65) { animation-delay: -7s; }
.colorful-hover:hover:nth-of-type(66) { animation-delay: -6.8s; }
.colorful-hover:hover:nth-of-type(67) { animation-delay: -6.6s; }
.colorful-hover:hover:nth-of-type(68) { animation-delay: -6.4s; }
.colorful-hover:hover:nth-of-type(69) { animation-delay: -6.2s; }
.colorful-hover:hover:nth-of-type(70) { animation-delay: -6s; }
.colorful-hover:hover:nth-of-type(71) { animation-delay: -5.8s; }
.colorful-hover:hover:nth-of-type(72) { animation-delay: -5.6s; }
.colorful-hover:hover:nth-of-type(73) { animation-delay: -5.4s; }
.colorful-hover:hover:nth-of-type(74) { animation-delay: -5.2s; }
.colorful-hover:hover:nth-of-type(75) { animation-delay: -5s; }
.colorful-hover:hover:nth-of-type(76) { animation-delay: -4.8s; }
.colorful-hover:hover:nth-of-type(77) { animation-delay: -4.6s; }
.colorful-hover:hover:nth-of-type(78) { animation-delay: -4.4s; }
.colorful-hover:hover:nth-of-type(79) { animation-delay: -4.2s; }
.colorful-hover:hover:nth-of-type(80) { animation-delay: -4s; }
.colorful-hover:hover:nth-of-type(81) { animation-delay: -3.8s; }
.colorful-hover:hover:nth-of-type(82) { animation-delay: -3.6s; }
.colorful-hover:hover:nth-of-type(83) { animation-delay: -3.4s; }
.colorful-hover:hover:nth-of-type(84) { animation-delay: -3.2s; }
.colorful-hover:hover:nth-of-type(85) { animation-delay: -3s; }
.colorful-hover:hover:nth-of-type(86) { animation-delay: -2.8s; }
.colorful-hover:hover:nth-of-type(87) { animation-delay: -2.6s; }
.colorful-hover:hover:nth-of-type(88) { animation-delay: -2.4s; }
.colorful-hover:hover:nth-of-type(89) { animation-delay: -2.2s; }
.colorful-hover:hover:nth-of-type(90) { animation-delay: -2s; }
.colorful-hover:hover:nth-of-type(91) { animation-delay: -1.8s; }
.colorful-hover:hover:nth-of-type(92) { animation-delay: -1.6s; }
.colorful-hover:hover:nth-of-type(93) { animation-delay: -1.4s; }
.colorful-hover:hover:nth-of-type(94) { animation-delay: -1.2s; }
.colorful-hover:hover:nth-of-type(95) { animation-delay: -1s; }
.colorful-hover:hover:nth-of-type(96) { animation-delay: -0.8s; }
.colorful-hover:hover:nth-of-type(97) { animation-delay: -0.6s; }
.colorful-hover:hover:nth-of-type(98) { animation-delay: -0.4s; }
.colorful-hover:hover:nth-of-type(99) { animation-delay: -0.2s; }
.colorful-hover:hover:nth-of-type(100) { animation-delay: 0s; }


.logos { padding: 3rem; background-color: #323c46; }

ul.logos-list { margin-top: 1rem !important; margin-bottom: 0 !important; }

.logos-list { display: flex; flex-wrap: wrap; justify-content: center; list-style: none; }

/*
.logo { display: flex; align-items: center; padding: 3rem; width: 50%;
}
*/
.zilogo-target { transition: padding 0.2s ease; display: block; }

.fixed .zilogo-target { padding: .5rem 0; }
.fixed .zilogo-img { max-width: 48px; }

.zilogo-img { transition: max-width 0.4s ease; max-width: 200px; }

[class*=zi] { display: inline-block; font-size: 2.35rem; line-height: 1; color: #000; }
[class*=zi]:hover { color: rgba(0, 0, 0, 0.8); }
[class*=zi]:active { color: rgba(0, 0, 0, 0.8); }
[class*=zi]:focus { color: rgba(0, 0, 0, 0.8); }
[class*=zi].white { color: #fff; }
[class*=zi].white:hover { color: rgba(255, 255, 255, 0.8); }
[class*=zi].white:active { color: rgba(255, 255, 255, 0.8); }
[class*=zi].white:focus { color: rgba(255, 255, 255, 0.8); }
[class*=zi].tia_maria { color: #d74119; }
[class*=zi].green { color: #00b487; }
[class*=zi].rule-gray { color: #c8c9ca; }
[class*=zi].text-color { color: #87898f; }

[class*=zi]::before { speak: none; vertical-align: middle; }

icon:hover { text-align: center; transition: all 0.7s ease-in-out; text-decoration: none !important; color: #b0b448; }
icon.active { color: #b0b448; }

#icons { transition: opacity .2s ease-in-out; }
#icons li { position: relative; z-index: 0; display: inline-block; padding: 22px; width: 32px; border-radius: 4px; list-style: none; text-align: center; font-weight: normal; font-size: 2rem; cursor: pointer; }
#icons li span:hover { color: #b0b448; }
#icons li span.active { color: #b0b448; }

#icon-panel { position: absolute; top: -9999px; left: -9999px; padding: 20px 2px; width: 260px; border-radius: 4px; background: #dff0d8; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); text-align: center; font-size: 10pt; font-family: Courier New, monospace; opacity: .96; }

#icon-name { display: block; font-family: Courier New, monospace; font-size: 10pt; text-align: center; width: 100%; border: 0; }

#icon-code { padding-top: 0.625rem; font-size: 1rem; }

ul#icons { margin: 40px auto; padding-left: 5px; max-width: 970px; width: 100%; list-style: none; text-align: left; font-size: 1px; }

[data-icon]:before { content: attr(data-icon); display: inline-block; font-family: z-IconPro-Light; font-style: normal; font-weight: normal; font-variant: normal; line-height: 1; text-decoration: inherit; text-rendering: optimizeLegibility; text-transform: none; font-smoothing: antialiased; }

.icon-block-body.white { color: #fff; }

.icon-block { margin-bottom: 6rem; }
.icon-block.center { text-align: center; }

.icon-block-img { margin-bottom: 3.3rem; height: 10rem; }

.icon-block-heading { margin-bottom: 1.5rem; font-size: 2.4rem; line-height: 1.41667; }
.icon-block-heading.cerulean { color: #00afe6; }

.z-heart-code:before { content: '\e001'; position: relative; z-index: 0; color: #d74119; font-size: 9pt; }

.z-money-example:before { font-family: "z-IconPro-Light"; content: '\e006'; color: #d74119; font-weight: 200; font-size: 6rem; }

.mark { width: 88px !important; height: 31px !important; background-color: transparent !important; }

.zi-twitter:before { font-family: z-IconPro-Light; content: "\e17e"; }
.zi-twitter:hover { color: #77C7F7; }

.zi-facebook:before { font-family: z-IconPro-Light; content: "\e17a"; }
.zi-facebook:hover { color: #3B5998; }

.zi-googleplus:before { font-family: z-IconPro-Light; content: "\e17f"; }
.zi-googleplus:hover { color: #D73D32; }

.zi-tumblr:before { font-family: z-IconPro-Light; content: "b"; }
.zi-tumblr:hover { color: #36465D; }

.zi-pinterest:before { font-family: z-IconPro-Light; content: "\e180"; }
.zi-pinterest:hover { color: #AB171E; }

.zi-instagram:before { font-family: z-IconPro-Light; content: "\e182"; }
.zi-instagram:hover { color: #9F6C50; }

.zi-youtube:hover { font-family: z-IconPro-Light; color: #CC181E; }
.zi-youtube:before { content: "\e183"; }

.zi-soundcloud:before { font-family: z-IconPro-Light; content: "\e187"; }
.zi-soundcloud:hover { color: #f50; }

.zi-linkedin:before { font-family: z-IconPro-Light; content: "\e185"; }
.zi-linkedin:hover { color: #006FA6; }

.zi-github:before { font-family: z-IconPro-Light; content: "\e179"; }
.zi-github:hover { color: #333; }

.zi-location:before { font-family: z-IconPro-Light; content: "l"; }
.zi-location:hover { color: #090; }

.zi-vote:before { font-family: z-IconPro-Light; content: "h"; }
.zi-vote:hover { color: #f00; }

.zi-xing:before { font-family: z-IconPro-Light; content: "X"; color: #fff; }
.zi-xing:hover { color: #0B6566; }

.zi-dot:before { font-family: z-IconPro-Light; content: "S"; }
.zi-dot:hover { color: #f1d600; }

.mit { margin-bottom: -.5rem; padding-left: 1ex; }
.mit-logo { margin-bottom: -0.25 rem; }
.sil { font-size: 2.2rem; margin-bottom: -1rem; padding-bottom: 0 !important; }
.ofl { font-size: 2.75rem; margin-bottom: -.25rem; }

@keyframes slideLeft { 0% { transform: translate3d(100%, 0, 0); }
  100% { transform: translate3d(0, 0, 0); } }
@keyframes slideRight { 0% { transform: translate3d(0, 0, 0); }
  100% { transform: translate3d(100%, 0, 0); } }
.slider-container { height: 270px; }


.table-tooltip { position: relative; }
.table-tooltip:hover { cursor: help; }
.table-tooltip:hover .table-tooltip-answer { display: block; }
.table-tooltip:active { cursor: help; }
.table-tooltip:active .table-tooltip-answer { display: block; }
.table-tooltip:focus { cursor: help; }
.table-tooltip:focus .table-tooltip-answer { display: block; }

.table-tooltip-answer { display: none; position: absolute; bottom: 100%; left: 0; z-index: 1; background-color: #87898f; padding: 1.3rem; width: 160px; text-align: center; color: #fff; line-height: 1.25; text-transform: none; font-size: 1.4rem; font-weight: 400; }

.search { position: relative; background: #f5f5f5; }
.search input { padding: 4px 6px; width: 175px; border: 0; border-radius: 4px; background: #f5f5f5; text-align: center; font-size: 14px; }
.search input.has-text + i { display: none; }
.search i { position: absolute; top: 1px; left: 68px; color: #999; }

.search-init { opacity: 0.15; }
.search-results li { display: none; }

.ztl { padding-top: 3rem; padding-bottom: 3rem; color: #fff; background-color: #323c46; font-family: z-IconPro-Light; font-weight: 200; line-height: 1; }
.ztl.gradient { background-image: url("data:image/svg+xml;base64,DQo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmVyc2lvbj0iMS4xIj4NCiAgPGRlZnM+DQogICAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjEuMCIgeDI9IjEuMCIgeTI9IjAuMCI+DQogICAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjYjBiNDQ4Ii8+DQogICAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzJkNTM3MiIvPg0KICAgICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMjA3Y2NhIi8+DQogICAgPC9saW5lYXJHcmFkaWVudD4NCiAgPC9kZWZzPg0KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIi8+DQo8L3N2Zz4NCg=="); background-size: 100%; background: linear-gradient(45deg, #b0b448 0, #b0b448 50%, #2d5372 100%); }
.ztl.cerulean { background-color: #00afe6; }
.ztl.midnight-gray { background-color: #323c46; }
.ztl.demo { background-position: 50% 50%; background-repeat: no-repeat; background-image: url(../images/demo-cerulean.jpg); }
.ztl.demo.midnight-gray { background-image: url(../images/demo-midnight-gray.jpg); }

.ztl-heading { font-size: 2.35rem; margin-bottom: 2rem; }
.ztl-heading.small { font-size: 4.4rem; }

.ztl-body { margin-top: 2rem; margin-bottom: 2rem; font-size: 1.4rem; font-style: normal; font-weight: lighter; color: #fff; }

.ztl-basis { display: flex; align-items: center; transition: all 1s; transform: translate3d(0, 70px, 0); background: url(../images/basis-background.jpg) 50% 50% no-repeat; background-size: cover; padding-right: 5rem; opacity: 0; }
.ztl-basis .ztl-basis-button { width: 21rem; margin-left: auto; }
.ztl-basis.animate { transform: translate3d(0, 0, 0); opacity: 1; }

[data-ztl-modal] { position: relative; overflow: hidden; padding: 0; }

[data-ztl-modal-splash] { overflow: hidden; display: none; }

[data-ztl-modal-main] { overflow: hidden; }

.quotes { margin-bottom: 4rem; }

.quote { text-align: center; width: 100%; }

.quote-body { margin-bottom: 3rem; font-size: 3rem; font-weight: 200; line-height: 1.33333; color: #28323c; }

.quote-cite { margin-bottom: 8rem; display: block; }

.quote-cite-img { max-width: 220px; }

.quotes-nav { text-align: center; line-height: 1; }

.killer-content { margin-bottom: 6rem; }

.kc-category { margin-bottom: 0.7rem; letter-spacing: 0.05rem; text-transform: uppercase; font-size: 1.4rem; font-weight: 500; }

.kc-heading { margin-top: 0; }

.kc-img { margin-top: 1rem; margin-bottom: 3.2rem; max-width: 20rem; }

.more { text-decoration: none; color: #d74119; border-bottom: 1px solid #d74119; margin-bottom: .125rem; letter-spacing: .05rem; text-transform: uppercase; display: inline-block; line-height: 1; padding-bottom: .125rem; font-size: 0.95rem; font-weight: 500; }
.more:hover { color: #fa8c28; border-color: #fa8c28; }
.more:active { color: #fa8c28; border-color: #fa8c28; }
.more:focus { color: #fa8c28; border-color: #fa8c28; }

.github-button, .github-btn, .gh-btn, .footer-text, .footer-text a { color: #666; background-color: transparent !important; border: 0 none !important; font-size: .5rem; margin-bottom: .875rem; }

.footer-by { letter-spacing: .7px; }