/* --------------------------------------------------------- 1. Embedded encoding zurb 2. Embedded fonts styles 3. Embedded helper mixins 4. Embedded foundation components 5. Embedded layout styles ---------------------------------------------------------*/ /* --------------------------------------------------------- 1. Embedded encoding zurb ---------------------------------------------------------*/ /* --------------------------------------------------------- 2. Embedded fonts styles ---------------------------------------------------------*/ /* Generated by Font Squirrel (https://www.fontsquirrel.com) on August 16, 2016 */ @font-face { font-family: "uvf_bourgeois_"; src: url("../fonts/uvf_bourgeois-med-webfont.eot"); src: url("../fonts/uvf_bourgeois-med-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/uvf_bourgeois-med-webfont.woff2") format("woff2"), url("../fonts/uvf_bourgeois-med-webfont.woff") format("woff"), url("../fonts/uvf_bourgeois-med-webfont.ttf") format("truetype"), url("../fonts/uvf_bourgeois-med-webfont.svg#uvf_bourgeois_med") format("svg"); font-weight: normal; font-style: normal; } /* --------------------------------------------------------- 3. Embedded helper mixins ---------------------------------------------------------*/ /* --------------------------------------------------------- 4. Embedded foundation components ---------------------------------------------------------*/ /** * Foundation for Sites by ZURB * Version 6.2.3 * foundation.zurb.com * Licensed under MIT Open Source */ .slide-in-down.mui-enter, .slide-in-left.mui-enter, .slide-in-up.mui-enter, .slide-in-right.mui-enter, .slide-out-down.mui-leave, .slide-out-right.mui-leave, .slide-out-up.mui-leave, .slide-out-left.mui-leave, .fade-in.mui-enter, .fade-out.mui-leave, .hinge-in-from-top.mui-enter, .hinge-in-from-right.mui-enter, .hinge-in-from-bottom.mui-enter, .hinge-in-from-left.mui-enter, .hinge-in-from-middle-x.mui-enter, .hinge-in-from-middle-y.mui-enter, .hinge-out-from-top.mui-leave, .hinge-out-from-right.mui-leave, .hinge-out-from-bottom.mui-leave, .hinge-out-from-left.mui-leave, .hinge-out-from-middle-x.mui-leave, .hinge-out-from-middle-y.mui-leave, .scale-in-up.mui-enter, .scale-in-down.mui-enter, .scale-out-up.mui-leave, .scale-out-down.mui-leave, .spin-in.mui-enter, .spin-out.mui-leave, .spin-in-ccw.mui-enter, .spin-out-ccw.mui-leave { -webkit-transition-duration: 500ms; transition-duration: 500ms; -webkit-transition-timing-function: linear; transition-timing-function: linear; } .slide-in-down.mui-enter { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .slide-in-down.mui-enter.mui-enter-active { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .slide-in-left.mui-enter { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .slide-in-left.mui-enter.mui-enter-active { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .slide-in-up.mui-enter { -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .slide-in-up.mui-enter.mui-enter-active { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .slide-in-right.mui-enter { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .slide-in-right.mui-enter.mui-enter-active { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .slide-out-down.mui-leave { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .slide-out-down.mui-leave.mui-leave-active { -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); } .slide-out-right.mui-leave { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .slide-out-right.mui-leave.mui-leave-active { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .slide-out-up.mui-leave { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .slide-out-up.mui-leave.mui-leave-active { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } .slide-out-left.mui-leave { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .slide-out-left.mui-leave.mui-leave-active { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .fade-in.mui-enter { opacity: 0; -webkit-transition-property: opacity; transition-property: opacity; } .fade-in.mui-enter.mui-enter-active { opacity: 1; } .fade-out.mui-leave { opacity: 1; -webkit-transition-property: opacity; transition-property: opacity; } .fade-out.mui-leave.mui-leave-active { opacity: 0; } .hinge-in-from-top.mui-enter { -webkit-transform: perspective(2000px) rotateX(-90deg); transform: perspective(2000px) rotateX(-90deg); -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 0; } .hinge-in-from-top.mui-enter.mui-enter-active { -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-in-from-right.mui-enter { -webkit-transform: perspective(2000px) rotateY(-90deg); transform: perspective(2000px) rotateY(-90deg); -webkit-transform-origin: right; -ms-transform-origin: right; transform-origin: right; -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 0; } .hinge-in-from-right.mui-enter.mui-enter-active { -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-in-from-bottom.mui-enter { -webkit-transform: perspective(2000px) rotateX(90deg); transform: perspective(2000px) rotateX(90deg); -webkit-transform-origin: bottom; -ms-transform-origin: bottom; transform-origin: bottom; -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 0; } .hinge-in-from-bottom.mui-enter.mui-enter-active { -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-in-from-left.mui-enter { -webkit-transform: perspective(2000px) rotateY(90deg); transform: perspective(2000px) rotateY(90deg); -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 0; } .hinge-in-from-left.mui-enter.mui-enter-active { -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-in-from-middle-x.mui-enter { -webkit-transform: perspective(2000px) rotateX(-90deg); transform: perspective(2000px) rotateX(-90deg); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 0; } .hinge-in-from-middle-x.mui-enter.mui-enter-active { -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-in-from-middle-y.mui-enter { -webkit-transform: perspective(2000px) rotateY(-90deg); transform: perspective(2000px) rotateY(-90deg); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 0; } .hinge-in-from-middle-y.mui-enter.mui-enter-active { -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-out-from-top.mui-leave { -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 1; } .hinge-out-from-top.mui-leave.mui-leave-active { -webkit-transform: perspective(2000px) rotateX(-90deg); transform: perspective(2000px) rotateX(-90deg); opacity: 0; } .hinge-out-from-right.mui-leave { -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); -webkit-transform-origin: right; -ms-transform-origin: right; transform-origin: right; -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 1; } .hinge-out-from-right.mui-leave.mui-leave-active { -webkit-transform: perspective(2000px) rotateY(-90deg); transform: perspective(2000px) rotateY(-90deg); opacity: 0; } .hinge-out-from-bottom.mui-leave { -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); -webkit-transform-origin: bottom; -ms-transform-origin: bottom; transform-origin: bottom; -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 1; } .hinge-out-from-bottom.mui-leave.mui-leave-active { -webkit-transform: perspective(2000px) rotateX(90deg); transform: perspective(2000px) rotateX(90deg); opacity: 0; } .hinge-out-from-left.mui-leave { -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 1; } .hinge-out-from-left.mui-leave.mui-leave-active { -webkit-transform: perspective(2000px) rotateY(90deg); transform: perspective(2000px) rotateY(90deg); opacity: 0; } .hinge-out-from-middle-x.mui-leave { -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 1; } .hinge-out-from-middle-x.mui-leave.mui-leave-active { -webkit-transform: perspective(2000px) rotateX(-90deg); transform: perspective(2000px) rotateX(-90deg); opacity: 0; } .hinge-out-from-middle-y.mui-leave { -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 1; } .hinge-out-from-middle-y.mui-leave.mui-leave-active { -webkit-transform: perspective(2000px) rotateY(-90deg); transform: perspective(2000px) rotateY(-90deg); opacity: 0; } .scale-in-up.mui-enter { -webkit-transform: scale(.5); -ms-transform: scale(.5); transform: scale(.5); -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 0; } .scale-in-up.mui-enter.mui-enter-active { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } .scale-in-down.mui-enter { -webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 0; } .scale-in-down.mui-enter.mui-enter-active { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } .scale-out-up.mui-leave { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 1; } .scale-out-up.mui-leave.mui-leave-active { -webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); opacity: 0; } .scale-out-down.mui-leave { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 1; } .scale-out-down.mui-leave.mui-leave-active { -webkit-transform: scale(.5); -ms-transform: scale(.5); transform: scale(.5); opacity: 0; } .spin-in.mui-enter { -webkit-transform: rotate(-.75turn); -ms-transform: rotate(-.75turn); transform: rotate(-.75turn); -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 0; } .spin-in.mui-enter.mui-enter-active { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } .spin-out.mui-leave { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 1; } .spin-out.mui-leave.mui-leave-active { -webkit-transform: rotate(.75turn); -ms-transform: rotate(.75turn); transform: rotate(.75turn); opacity: 0; } .spin-in-ccw.mui-enter { -webkit-transform: rotate(.75turn); -ms-transform: rotate(.75turn); transform: rotate(.75turn); -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 0; } .spin-in-ccw.mui-enter.mui-enter-active { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } .spin-out-ccw.mui-leave { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 1; } .spin-out-ccw.mui-leave.mui-leave-active { -webkit-transform: rotate(-.75turn); -ms-transform: rotate(-.75turn); transform: rotate(-.75turn); opacity: 0; } .slow { -webkit-transition-duration: 750ms !important; transition-duration: 750ms !important; } .fast { -webkit-transition-duration: 250ms !important; transition-duration: 250ms !important; } .linear { -webkit-transition-timing-function: linear !important; transition-timing-function: linear !important; } .ease { -webkit-transition-timing-function: ease !important; transition-timing-function: ease !important; } .ease-in { -webkit-transition-timing-function: ease-in !important; transition-timing-function: ease-in !important; } .ease-out { -webkit-transition-timing-function: ease-out !important; transition-timing-function: ease-out !important; } .ease-in-out { -webkit-transition-timing-function: ease-in-out !important; transition-timing-function: ease-in-out !important; } .bounce-in { -webkit-transition-timing-function: cubic-bezier(.485, .155, .24, 1.245) !important; transition-timing-function: cubic-bezier(.485, .155, .24, 1.245) !important; } .bounce-out { -webkit-transition-timing-function: cubic-bezier(.485, .155, .515, .845) !important; transition-timing-function: cubic-bezier(.485, .155, .515, .845) !important; } .bounce-in-out { -webkit-transition-timing-function: cubic-bezier(.76, -.245, .24, 1.245) !important; transition-timing-function: cubic-bezier(.76, -.245, .24, 1.245) !important; } .short-delay { -webkit-transition-delay: 300ms !important; transition-delay: 300ms !important; } .long-delay { -webkit-transition-delay: 700ms !important; transition-delay: 700ms !important; } .shake { -webkit-animation-name: shake-7; animation-name: shake-7; } .spin-cw { -webkit-animation-name: spin-cw-1turn; animation-name: spin-cw-1turn; } .spin-ccw { -webkit-animation-name: spin-cw-1turn; animation-name: spin-cw-1turn; } .wiggle { -webkit-animation-name: wiggle-7deg; animation-name: wiggle-7deg; } .infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .slow { -webkit-animation-duration: 750ms !important; animation-duration: 750ms !important; } .fast { -webkit-animation-duration: 250ms !important; animation-duration: 250ms !important; } .linear { -webkit-animation-timing-function: linear !important; animation-timing-function: linear !important; } .ease { -webkit-animation-timing-function: ease !important; animation-timing-function: ease !important; } .ease-in { -webkit-animation-timing-function: ease-in !important; animation-timing-function: ease-in !important; } .ease-out { -webkit-animation-timing-function: ease-out !important; animation-timing-function: ease-out !important; } .ease-in-out { -webkit-animation-timing-function: ease-in-out !important; animation-timing-function: ease-in-out !important; } .bounce-in { -webkit-animation-timing-function: cubic-bezier(.485, .155, .24, 1.245) !important; animation-timing-function: cubic-bezier(.485, .155, .24, 1.245) !important; } .bounce-out { -webkit-animation-timing-function: cubic-bezier(.485, .155, .515, .845) !important; animation-timing-function: cubic-bezier(.485, .155, .515, .845) !important; } .bounce-in-out { -webkit-animation-timing-function: cubic-bezier(.76, -.245, .24, 1.245) !important; animation-timing-function: cubic-bezier(.76, -.245, .24, 1.245) !important; } .short-delay { -webkit-animation-delay: 300ms !important; animation-delay: 300ms !important; } .long-delay { -webkit-animation-delay: 700ms !important; animation-delay: 700ms !important; } /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS and IE text size adjust after device orientation change, * without disabling user zoom. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Remove default margin. */ body { margin: 0; } /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 * and Firefox. * Correct `block` display not defined for `main` in IE 11. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. */ [hidden], template { display: none; } /* Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ a { background-color: transparent; } /** * Improve readability of focused elements when they are also in an * active/hover state. */ a:active, a:hover { outline: 0; } /* Text-level semantics ========================================================================== */ /** * Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ b, strong { font-weight: bold; } /** * Address styling not present in Safari and Chrome. */ dfn { font-style: italic; } /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari, and Chrome. */ h1 { font-size: 2em; margin: .67em 0; } /** * Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -.5em; } sub { bottom: -.25em; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari. */ figure { margin: 1em 40px; } /** * Address differences between Firefox and other browsers. */ hr { box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } /* Forms ========================================================================== */ /** * Known limitation: by default, Chrome and Safari on OS X allow very limited * styling of `select`, unless a `border` property is set. */ /** * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */ button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ } /** * Address `overflow` set to `hidden` in IE 8/9/10/11. */ button { overflow: visible; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */ button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: not-allowed; } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ input { line-height: normal; } /** * It's recommended that you don't attempt to style these elements. * Firefox's implementation doesn't respect box-sizing, padding, or width. * * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome. */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ box-sizing: content-box; /* 2 */ } /** * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Define consistent border, margin, and padding. * [NOTE] We don't enable this ruleset in Foundation, because we want the
element to have plain styling. */ /* fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } */ /** * 1. Correct `color` not being inherited in IE 8/9/10/11. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * Remove default vertical scrollbar in IE 8/9/10/11. */ textarea { overflow: auto; } /** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ optgroup { font-weight: bold; } /* Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } .foundation-mq { font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"; } html { font-size: 100%; box-sizing: border-box; } *, *::before, *::after { box-sizing: inherit; } body { padding: 0; margin: 0; font-family: "uvf_bourgeois_", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-weight: normal; line-height: 1.5; color: #fff; background: #03121f; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } img { max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; display: inline-block; vertical-align: middle; } textarea { height: auto; min-height: 50px; border-radius: 0; } select { width: 100%; border-radius: 0; } #map_canvas img, #map_canvas embed, #map_canvas object, .map_canvas img, .map_canvas embed, .map_canvas object, .mqa-display img, .mqa-display embed, .mqa-display object { max-width: none !important; } button { -webkit-appearance: none; -moz-appearance: none; background: transparent; padding: 0; border: 0; border-radius: 0; line-height: 1; } [data-whatinput="mouse"] button { outline: 0; } .is-visible { display: block !important; } .is-hidden { display: none !important; } .row { max-width: 48.75rem; margin-left: auto; margin-right: auto; } .row::before, .row::after { content: " "; display: table; } .row::after { clear: both; } .row.collapse > .column, .row.collapse > .columns { padding-left: 0; padding-right: 0; } .row .row { max-width: none; margin-left: -.9375rem; margin-right: -.9375rem; } .row .row.collapse { margin-left: 0; margin-right: 0; } .row.expanded { max-width: none; } .row.expanded .row { margin-left: auto; margin-right: auto; } .column, .columns { width: 100%; float: left; padding-left: .9375rem; padding-right: .9375rem; } .column:last-child:not(:first-child), .columns:last-child:not(:first-child) { float: right; } .column.end:last-child:last-child, .end.columns:last-child:last-child { float: left; } .column.row.row, .row.row.columns { float: none; } .row .column.row.row, .row .row.row.columns { padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; } .small-1 { width: 8.3333333333%; } .small-push-1 { position: relative; left: 8.3333333333%; } .small-pull-1 { position: relative; left: -8.3333333333%; } .small-offset-0 { margin-left: 0; } .small-2 { width: 16.6666666667%; } .small-push-2 { position: relative; left: 16.6666666667%; } .small-pull-2 { position: relative; left: -16.6666666667%; } .small-offset-1 { margin-left: 8.3333333333%; } .small-3 { width: 25%; } .small-push-3 { position: relative; left: 25%; } .small-pull-3 { position: relative; left: -25%; } .small-offset-2 { margin-left: 16.6666666667%; } .small-4 { width: 33.3333333333%; } .small-push-4 { position: relative; left: 33.3333333333%; } .small-pull-4 { position: relative; left: -33.3333333333%; } .small-offset-3 { margin-left: 25%; } .small-5 { width: 41.6666666667%; } .small-push-5 { position: relative; left: 41.6666666667%; } .small-pull-5 { position: relative; left: -41.6666666667%; } .small-offset-4 { margin-left: 33.3333333333%; } .small-6 { width: 50%; } .small-push-6 { position: relative; left: 50%; } .small-pull-6 { position: relative; left: -50%; } .small-offset-5 { margin-left: 41.6666666667%; } .small-7 { width: 58.3333333333%; } .small-push-7 { position: relative; left: 58.3333333333%; } .small-pull-7 { position: relative; left: -58.3333333333%; } .small-offset-6 { margin-left: 50%; } .small-8 { width: 66.6666666667%; } .small-push-8 { position: relative; left: 66.6666666667%; } .small-pull-8 { position: relative; left: -66.6666666667%; } .small-offset-7 { margin-left: 58.3333333333%; } .small-9 { width: 75%; } .small-push-9 { position: relative; left: 75%; } .small-pull-9 { position: relative; left: -75%; } .small-offset-8 { margin-left: 66.6666666667%; } .small-10 { width: 83.3333333333%; } .small-push-10 { position: relative; left: 83.3333333333%; } .small-pull-10 { position: relative; left: -83.3333333333%; } .small-offset-9 { margin-left: 75%; } .small-11 { width: 91.6666666667%; } .small-push-11 { position: relative; left: 91.6666666667%; } .small-pull-11 { position: relative; left: -91.6666666667%; } .small-offset-10 { margin-left: 83.3333333333%; } .small-12 { width: 100%; } .small-offset-11 { margin-left: 91.6666666667%; } .small-up-1 > .column, .small-up-1 > .columns { width: 100%; float: left; } .small-up-1 > .column:nth-of-type(1n), .small-up-1 > .columns:nth-of-type(1n) { clear: none; } .small-up-1 > .column:nth-of-type(1n+1), .small-up-1 > .columns:nth-of-type(1n+1) { clear: both; } .small-up-1 > .column:last-child, .small-up-1 > .columns:last-child { float: left; } .small-up-2 > .column, .small-up-2 > .columns { width: 50%; float: left; } .small-up-2 > .column:nth-of-type(1n), .small-up-2 > .columns:nth-of-type(1n) { clear: none; } .small-up-2 > .column:nth-of-type(2n+1), .small-up-2 > .columns:nth-of-type(2n+1) { clear: both; } .small-up-2 > .column:last-child, .small-up-2 > .columns:last-child { float: left; } .small-up-3 > .column, .small-up-3 > .columns { width: 33.3333333333%; float: left; } .small-up-3 > .column:nth-of-type(1n), .small-up-3 > .columns:nth-of-type(1n) { clear: none; } .small-up-3 > .column:nth-of-type(3n+1), .small-up-3 > .columns:nth-of-type(3n+1) { clear: both; } .small-up-3 > .column:last-child, .small-up-3 > .columns:last-child { float: left; } .small-up-4 > .column, .small-up-4 > .columns { width: 25%; float: left; } .small-up-4 > .column:nth-of-type(1n), .small-up-4 > .columns:nth-of-type(1n) { clear: none; } .small-up-4 > .column:nth-of-type(4n+1), .small-up-4 > .columns:nth-of-type(4n+1) { clear: both; } .small-up-4 > .column:last-child, .small-up-4 > .columns:last-child { float: left; } .small-up-5 > .column, .small-up-5 > .columns { width: 20%; float: left; } .small-up-5 > .column:nth-of-type(1n), .small-up-5 > .columns:nth-of-type(1n) { clear: none; } .small-up-5 > .column:nth-of-type(5n+1), .small-up-5 > .columns:nth-of-type(5n+1) { clear: both; } .small-up-5 > .column:last-child, .small-up-5 > .columns:last-child { float: left; } .small-up-6 > .column, .small-up-6 > .columns { width: 16.6666666667%; float: left; } .small-up-6 > .column:nth-of-type(1n), .small-up-6 > .columns:nth-of-type(1n) { clear: none; } .small-up-6 > .column:nth-of-type(6n+1), .small-up-6 > .columns:nth-of-type(6n+1) { clear: both; } .small-up-6 > .column:last-child, .small-up-6 > .columns:last-child { float: left; } .small-up-7 > .column, .small-up-7 > .columns { width: 14.2857142857%; float: left; } .small-up-7 > .column:nth-of-type(1n), .small-up-7 > .columns:nth-of-type(1n) { clear: none; } .small-up-7 > .column:nth-of-type(7n+1), .small-up-7 > .columns:nth-of-type(7n+1) { clear: both; } .small-up-7 > .column:last-child, .small-up-7 > .columns:last-child { float: left; } .small-up-8 > .column, .small-up-8 > .columns { width: 12.5%; float: left; } .small-up-8 > .column:nth-of-type(1n), .small-up-8 > .columns:nth-of-type(1n) { clear: none; } .small-up-8 > .column:nth-of-type(8n+1), .small-up-8 > .columns:nth-of-type(8n+1) { clear: both; } .small-up-8 > .column:last-child, .small-up-8 > .columns:last-child { float: left; } .small-collapse > .column, .small-collapse > .columns { padding-left: 0; padding-right: 0; } .small-collapse .row, .expanded.row .small-collapse.row { margin-left: 0; margin-right: 0; } .small-uncollapse > .column, .small-uncollapse > .columns { padding-left: .9375rem; padding-right: .9375rem; } .small-centered { float: none; margin-left: auto; margin-right: auto; } .small-uncentered, .small-push-0, .small-pull-0 { position: static; margin-left: 0; margin-right: 0; float: left; } div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td { margin: 0; padding: 0; } p { font-size: inherit; line-height: 1.2; margin-bottom: 1rem; text-rendering: optimizeLegibility; } em, i { font-style: italic; line-height: inherit; } strong, b { font-weight: bold; line-height: inherit; } small { font-size: 80%; line-height: inherit; } h1, h2, h3, h4, h5, h6 { font-family: "uvf_bourgeois_", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-weight: normal; font-style: normal; color: #000b17; text-rendering: optimizeLegibility; margin-top: 0; margin-bottom: .5rem; line-height: 1; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { color: #cacaca; line-height: 0; } h1 { font-size: 1.5rem; } h2 { font-size: 1.25rem; } h3 { font-size: 1.1875rem; } h4 { font-size: 1.125rem; } h5 { font-size: 1.0625rem; } h6 { font-size: 1.0625rem; } a { color: #bdeeff; text-decoration: none; line-height: inherit; cursor: pointer; } a:hover, a:focus { color: #7fdeff; } a img { border: 0; } hr { max-width: 48.75rem; height: 0; border-right: 0; border-top: 0; border-bottom: 1px solid #cacaca; border-left: 0; margin: 1.25rem auto; clear: both; } ul, ol, dl { line-height: 1.2; margin-bottom: 1rem; list-style-position: outside; } li { font-size: inherit; } ul { list-style-type: disc; margin-left: 1.25rem; } ol { margin-left: 1.25rem; } ul ul, ol ul, ul ol, ol ol { margin-left: 1.25rem; margin-bottom: 0; } dl { margin-bottom: 1rem; } dl dt { margin-bottom: .3rem; font-weight: bold; } blockquote { margin: 0 0 1rem; padding: .5625rem 1.25rem 0 1.1875rem; border-left: 1px solid #cacaca; } blockquote, blockquote p { line-height: 1.2; color: #7e868f; } cite { display: block; font-size: .8125rem; color: #7e868f; } cite:before { content: "\2014 \0020"; } abbr { color: #fff; cursor: help; border-bottom: 1px dotted #000b17; } code { font-family: Consolas, "Liberation Mono", Courier, monospace; font-weight: normal; color: #000b17; background-color: #e6e6e6; border: 1px solid #cacaca; padding: .125rem .3125rem .0625rem; } kbd { padding: .125rem .25rem 0; margin: 0; background-color: #e6e6e6; color: #000b17; font-family: Consolas, "Liberation Mono", Courier, monospace; } .subheader { margin-top: .2rem; margin-bottom: .5rem; font-weight: normal; line-height: 1.4; color: #7e868f; } .lead { font-size: 125%; line-height: 1.6; } .stat { font-size: 2.5rem; line-height: 1; } p + .stat { margin-top: -1rem; } .no-bullet { margin-left: 0; list-style: none; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } .show-for-print { display: none !important; } .button { display: inline-block; text-align: center; line-height: 1; cursor: pointer; -webkit-appearance: none; -webkit-transition: background-color .25s ease-out, color .25s ease-out; transition: background-color .25s ease-out, color .25s ease-out; vertical-align: middle; border: 1px solid transparent; border-radius: 0; padding: .85em 1em; margin: 0 1rem 1rem 0; font-size: .9rem; background-color: #bdeeff; color: #fff; } [data-whatinput="mouse"] .button { outline: 0; } .button:hover, .button:focus { background-color: #7addff; color: #fff; } .button.tiny { font-size: .6rem; } .button.small { font-size: .75rem; } .button.large { font-size: 1.25rem; } .button.expanded { display: block; width: 100%; margin-left: 0; margin-right: 0; } .button.primary { background-color: #2199e8; color: #fff; } .button.primary:hover, .button.primary:focus { background-color: #147cc0; color: #fff; } .button.secondary { background-color: #777; color: #fff; } .button.secondary:hover, .button.secondary:focus { background-color: #5f5f5f; color: #fff; } .button.success { background-color: #3adb76; color: #fff; } .button.success:hover, .button.success:focus { background-color: #22bb5b; color: #fff; } .button.warning { background-color: #ffae00; color: #fff; } .button.warning:hover, .button.warning:focus { background-color: #cc8b00; color: #fff; } .button.alert { background-color: #ec5840; color: #fff; } .button.alert:hover, .button.alert:focus { background-color: #da3116; color: #fff; } .button.hollow { border: 1px solid #2199e8; color: #2199e8; } .button.hollow, .button.hollow:hover, .button.hollow:focus { background-color: transparent; } .button.hollow:hover, .button.hollow:focus { border-color: #0c4d78; color: #0c4d78; } .button.hollow.primary { border: 1px solid #2199e8; color: #2199e8; } .button.hollow.primary:hover, .button.hollow.primary:focus { border-color: #0c4d78; color: #0c4d78; } .button.hollow.secondary { border: 1px solid #777; color: #777; } .button.hollow.secondary:hover, .button.hollow.secondary:focus { border-color: #3c3c3c; color: #3c3c3c; } .button.hollow.success { border: 1px solid #3adb76; color: #3adb76; } .button.hollow.success:hover, .button.hollow.success:focus { border-color: #157539; color: #157539; } .button.hollow.warning { border: 1px solid #ffae00; color: #ffae00; } .button.hollow.warning:hover, .button.hollow.warning:focus { border-color: #805700; color: #805700; } .button.hollow.alert { border: 1px solid #ec5840; color: #ec5840; } .button.hollow.alert:hover, .button.hollow.alert:focus { border-color: #881f0e; color: #881f0e; } .button.disabled, .button[disabled] { opacity: .25; cursor: not-allowed; } .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { background-color: #bdeeff; color: #fff; } .button.dropdown::after { content: ""; display: block; width: 0; height: 0; border: inset .4em; border-color: #fff transparent transparent; border-top-style: solid; border-bottom-width: 0; position: relative; top: .4em; float: right; margin-left: 1em; display: inline-block; } .button.arrow-only::after { margin-left: 0; float: none; top: -.1em; } [type="text"], [type="password"], [type="date"], [type="datetime"], [type="datetime-local"], [type="month"], [type="week"], [type="email"], [type="number"], [type="search"], [type="tel"], [type="time"], [type="url"], [type="color"], textarea { display: block; box-sizing: border-box; width: 100%; height: 2.5rem; padding: .5rem; border: 1px solid #7e868f; margin: 0 0 1rem; font-family: inherit; font-size: 1.0625rem; color: #fff; background-color: #7e868f; box-shadow: none; border-radius: 3px; -webkit-transition: box-shadow .5s, border-color .25s ease-in-out; transition: box-shadow .5s, border-color .25s ease-in-out; -webkit-appearance: none; -moz-appearance: none; } [type="text"]:focus, [type="password"]:focus, [type="date"]:focus, [type="datetime"]:focus, [type="datetime-local"]:focus, [type="month"]:focus, [type="week"]:focus, [type="email"]:focus, [type="number"]:focus, [type="search"]:focus, [type="tel"]:focus, [type="time"]:focus, [type="url"]:focus, [type="color"]:focus, textarea:focus { border: 1px solid #7e868f; background-color: #7e868f; outline: none; box-shadow: 0 0 5px #cacaca; -webkit-transition: box-shadow .5s, border-color .25s ease-in-out; transition: box-shadow .5s, border-color .25s ease-in-out; } textarea { max-width: 100%; } textarea[rows] { height: auto; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #cacaca; } input::-moz-placeholder, textarea::-moz-placeholder { color: #cacaca; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #cacaca; } input::placeholder, textarea::placeholder { color: #cacaca; } input:disabled, input[readonly], textarea:disabled, textarea[readonly] { background-color: #e6e6e6; cursor: default; } [type="submit"], [type="button"] { border-radius: 0; -webkit-appearance: none; -moz-appearance: none; } input[type="search"] { box-sizing: border-box; } [type="file"], [type="checkbox"], [type="radio"] { margin: 0 0 1rem; } [type="checkbox"] + label, [type="radio"] + label { display: inline-block; margin-left: .5rem; margin-right: 1rem; margin-bottom: 0; vertical-align: baseline; } [type="checkbox"] + label[for], [type="radio"] + label[for] { cursor: pointer; } label > [type="checkbox"], label > [type="radio"] { margin-right: .5rem; } [type="file"] { width: 100%; } label { display: block; margin: 0; font-size: .875rem; font-weight: normal; line-height: 1.8; color: #000b17; } label.middle { margin: 0 0 1rem; padding: .5625rem 0; } .help-text { margin-top: -.5rem; font-size: .8125rem; font-style: italic; color: #333; } .input-group { display: table; width: 100%; margin-bottom: 1rem; } .input-group > :first-child { border-radius: 0 0 0 0; } .input-group > :last-child > * { border-radius: 0 0 0 0; } .input-group-label, .input-group-field, .input-group-button { margin: 0; white-space: nowrap; display: table-cell; vertical-align: middle; } .input-group-label { text-align: center; padding: 0 1rem; background: #e6e6e6; color: #000b17; border: 1px solid #cacaca; white-space: nowrap; width: 1%; height: 100%; } .input-group-label:first-child { border-right: 0; } .input-group-label:last-child { border-left: 0; } .input-group-field { border-radius: 0; height: 2.5625rem; } .input-group-button { padding-top: 0; padding-bottom: 0; text-align: center; height: 100%; width: 1%; } .input-group-button a, .input-group-button input, .input-group-button button { margin: 0; } .input-group .input-group-button { display: table-cell; } fieldset { border: 0; padding: 0; margin: 0; } legend { margin-bottom: .5rem; max-width: 100%; } .fieldset { border: 1px solid #cacaca; padding: 1.25rem; margin: 1.125rem 0; } .fieldset legend { background: #03121f; padding: 0 .1875rem; margin: 0; margin-left: -.1875rem; } select { height: 2.5rem; padding: .5rem; border: 1px solid #7e868f; margin: 0 0 1rem; font-size: 1.0625rem; font-family: inherit; line-height: normal; color: #fff; background-color: #fafafa; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; background-image: url("data:image/svg+xml;utf8,"); background-size: 9px 6px; background-position: right -1rem center; background-origin: content-box; background-repeat: no-repeat; padding-right: 1.5rem; } select:disabled { background-color: #e6e6e6; cursor: default; } select::-ms-expand { display: none; } select[multiple] { height: auto; background-image: none; } .is-invalid-input:not(:focus) { background-color: rgba(236, 88, 64, .1); border-color: #ec5840; } .is-invalid-label { color: #ec5840; } .form-error { display: none; margin-top: -.5rem; margin-bottom: 1rem; font-size: .75rem; font-weight: bold; color: #ec5840; } .form-error.is-visible { display: block; } .hide { display: none !important; } .invisible { visibility: hidden; } .show-for-sr, .show-on-focus { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); } .show-on-focus:active, .show-on-focus:focus { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } .show-for-landscape, .hide-for-portrait { display: block !important; } .hide-for-landscape, .show-for-portrait { display: none !important; } .float-left { float: left !important; } .float-right { float: right !important; } .float-center { display: block; margin-left: auto; margin-right: auto; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } .close-button { position: absolute; color: #7e868f; right: 1rem; top: .5rem; font-size: 2em; line-height: 1; cursor: pointer; } [data-whatinput="mouse"] .close-button { outline: 0; } .close-button:hover, .close-button:focus { color: #000b17; } .is-drilldown { position: relative; overflow: hidden; } .is-drilldown li { display: block !important; } .is-drilldown-submenu { position: absolute; top: 0; left: 100%; z-index: -1; height: 100%; width: 100%; background: #fff; -webkit-transition: -webkit-transform .15s linear; transition: transform .15s linear; } .is-drilldown-submenu.is-active { z-index: 1; display: block; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .is-drilldown-submenu.is-closing { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .is-drilldown-submenu-parent > a { position: relative; } .is-drilldown-submenu-parent > a::after { content: ""; display: block; width: 0; height: 0; border: inset 6px; border-color: transparent transparent transparent #2199e8; border-left-style: solid; border-right-width: 0; position: absolute; top: 50%; margin-top: -6px; right: 1rem; } .js-drilldown-back > a::before { content: ""; display: block; width: 0; height: 0; border: inset 6px; border-color: transparent #2199e8 transparent transparent; border-right-style: solid; border-left-width: 0; border-left-width: 0; display: inline-block; vertical-align: middle; margin-right: .75rem; } .dropdown-pane { background-color: #03121f; border: 1px solid #cacaca; border-radius: 0; display: block; font-size: 16rem; padding: 1rem; position: absolute; visibility: hidden; width: 300px; z-index: 10; } .dropdown-pane.is-open { visibility: visible; } .dropdown-pane.tiny { width: 100px; } .dropdown-pane.small { width: 200px; } .dropdown-pane.large { width: 400px; } .dropdown.menu > li.opens-left > .is-dropdown-submenu { left: auto; right: 0; top: 100%; } .dropdown.menu > li.opens-right > .is-dropdown-submenu { right: auto; left: 0; top: 100%; } .dropdown.menu > li.is-dropdown-submenu-parent > a { padding-right: 1.5rem; position: relative; } .dropdown.menu > li.is-dropdown-submenu-parent > a::after { content: ""; display: block; width: 0; height: 0; border: inset 5px; border-color: #bdeeff transparent transparent; border-top-style: solid; border-bottom-width: 0; right: 5px; margin-top: -2px; } [data-whatinput="mouse"] .dropdown.menu a { outline: 0; } .no-js .dropdown.menu ul { display: none; } .dropdown.menu.vertical > li .is-dropdown-submenu { top: 0; } .dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu { left: auto; right: 100%; } .dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu { right: auto; left: 100%; } .dropdown.menu.vertical > li > a::after { right: 14px; margin-top: -3px; } .dropdown.menu.vertical > li.opens-left > a::after { content: ""; display: block; width: 0; height: 0; border: inset 5px; border-color: transparent #bdeeff transparent transparent; border-right-style: solid; border-left-width: 0; } .dropdown.menu.vertical > li.opens-right > a::after { content: ""; display: block; width: 0; height: 0; border: inset 5px; border-color: transparent transparent transparent #bdeeff; border-left-style: solid; border-right-width: 0; } .dropdown.menu.align-right .is-dropdown-submenu.first-sub { top: 100%; left: auto; right: 0; } .is-dropdown-menu.vertical { width: 100px; } .is-dropdown-menu.vertical.align-right { float: right; } .is-dropdown-submenu-parent { position: relative; } .is-dropdown-submenu-parent a::after { position: absolute; top: 50%; right: 5px; margin-top: -2px; } .is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu { top: 100%; left: auto; } .is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu { left: auto; right: 100%; } .is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu { right: auto; left: 100%; } .is-dropdown-submenu { display: none; position: absolute; top: 0; left: 100%; min-width: 200px; z-index: 1; background: #fff; border: 1px solid #cacaca; } .is-dropdown-submenu .is-dropdown-submenu-parent > a::after { right: 14px; margin-top: -3px; } .is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after { content: ""; display: block; width: 0; height: 0; border: inset 5px; border-color: transparent #bdeeff transparent transparent; border-right-style: solid; border-left-width: 0; } .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after { content: ""; display: block; width: 0; height: 0; border: inset 5px; border-color: transparent transparent transparent #bdeeff; border-left-style: solid; border-right-width: 0; } .is-dropdown-submenu .is-dropdown-submenu { margin-top: -1px; } .is-dropdown-submenu > li { width: 100%; } .is-dropdown-submenu.js-dropdown-active { display: block; } .menu { margin: 0; list-style-type: none; } .menu > li { display: table-cell; vertical-align: middle; } [data-whatinput="mouse"] .menu > li { outline: 0; } .menu > li > a { display: block; padding: .7rem 1rem; line-height: 1; } .menu input, .menu a, .menu button { margin-bottom: 0; } .menu > li > a img, .menu > li > a i, .menu > li > a svg { vertical-align: middle; } .menu > li > a img + span, .menu > li > a i + span, .menu > li > a svg + span { vertical-align: middle; } .menu > li > a img, .menu > li > a i, .menu > li > a svg { margin-right: .25rem; display: inline-block; } .menu > li { display: table-cell; } .menu.vertical > li { display: block; } .menu.simple li { line-height: 1; display: inline-block; margin-right: 1rem; } .menu.simple a { padding: 0; } .menu.align-right::before, .menu.align-right::after { content: " "; display: table; } .menu.align-right::after { clear: both; } .menu.align-right > li { float: right; } .menu.expanded { width: 100%; display: table; table-layout: fixed; } .menu.expanded > li:first-child:last-child { width: 100%; } .menu.icon-top > li > a { text-align: center; } .menu.icon-top > li > a img, .menu.icon-top > li > a i, .menu.icon-top > li > a svg { display: block; margin: 0 auto .25rem; } .menu.nested { margin-left: 1rem; } .menu .active > a { color: #fff; background: #2199e8; } .menu-text { font-weight: bold; color: inherit; line-height: 1; padding-top: 0; padding-bottom: 0; padding: .7rem 1rem; } .menu-centered { text-align: center; } .menu-centered > .menu { display: inline-block; } .no-js [data-responsive-menu] ul { display: none; } .title-bar { background: #000b17; color: #fff; padding: .5rem; } .title-bar::before, .title-bar::after { content: " "; display: table; } .title-bar::after { clear: both; } .title-bar .menu-icon { margin-left: .25rem; margin-right: .25rem; } .title-bar-left { float: left; } .title-bar-right { float: right; text-align: right; } .title-bar-title { font-weight: bold; vertical-align: middle; display: inline-block; } .menu-icon.dark { position: relative; display: inline-block; vertical-align: middle; cursor: pointer; width: 20px; height: 16px; } .menu-icon.dark::after { content: ""; position: absolute; display: block; width: 100%; height: 2px; background: #000b17; top: 0; left: 0; box-shadow: 0 7px 0 #000b17, 0 14px 0 #000b17; } .menu-icon.dark:hover::after { background: #7e868f; box-shadow: 0 7px 0 #7e868f, 0 14px 0 #7e868f; } .top-bar { padding: .5rem; } .top-bar::before, .top-bar::after { content: " "; display: table; } .top-bar::after { clear: both; } .top-bar, .top-bar ul { background-color: #4e6b79; } .top-bar input { max-width: 200px; margin-right: 1rem; } .top-bar .input-group-field { width: 100%; margin-right: 0; } .top-bar input.button { width: auto; } .top-bar .top-bar-left, .top-bar .top-bar-right { width: 100%; } .top-bar-title { float: left; margin-right: 1rem; } .top-bar-left { float: left; } .top-bar-right { float: right; } .slide-in-down.mui-enter { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .slide-in-down.mui-enter.mui-enter-active { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .slide-in-left.mui-enter { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .slide-in-left.mui-enter.mui-enter-active { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .slide-in-up.mui-enter { -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .slide-in-up.mui-enter.mui-enter-active { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .slide-in-right.mui-enter { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .slide-in-right.mui-enter.mui-enter-active { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .slide-out-down.mui-leave { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .slide-out-down.mui-leave.mui-leave-active { -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); } .slide-out-right.mui-leave { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .slide-out-right.mui-leave.mui-leave-active { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .slide-out-up.mui-leave { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .slide-out-up.mui-leave.mui-leave-active { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } .slide-out-left.mui-leave { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .slide-out-left.mui-leave.mui-leave-active { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .fade-in.mui-enter { opacity: 0; -webkit-transition-property: opacity; transition-property: opacity; } .fade-in.mui-enter.mui-enter-active { opacity: 1; } .fade-out.mui-leave { opacity: 1; -webkit-transition-property: opacity; transition-property: opacity; } .fade-out.mui-leave.mui-leave-active { opacity: 0; } .hinge-in-from-top.mui-enter { -webkit-transform: perspective(2000px) rotateX(-90deg); transform: perspective(2000px) rotateX(-90deg); -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 0; } .hinge-in-from-top.mui-enter.mui-enter-active { -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-in-from-right.mui-enter { -webkit-transform: perspective(2000px) rotateY(-90deg); transform: perspective(2000px) rotateY(-90deg); -webkit-transform-origin: right; -ms-transform-origin: right; transform-origin: right; -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 0; } .hinge-in-from-right.mui-enter.mui-enter-active { -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-in-from-bottom.mui-enter { -webkit-transform: perspective(2000px) rotateX(90deg); transform: perspective(2000px) rotateX(90deg); -webkit-transform-origin: bottom; -ms-transform-origin: bottom; transform-origin: bottom; -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 0; } .hinge-in-from-bottom.mui-enter.mui-enter-active { -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-in-from-left.mui-enter { -webkit-transform: perspective(2000px) rotateY(90deg); transform: perspective(2000px) rotateY(90deg); -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 0; } .hinge-in-from-left.mui-enter.mui-enter-active { -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-in-from-middle-x.mui-enter { -webkit-transform: perspective(2000px) rotateX(-90deg); transform: perspective(2000px) rotateX(-90deg); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 0; } .hinge-in-from-middle-x.mui-enter.mui-enter-active { -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-in-from-middle-y.mui-enter { -webkit-transform: perspective(2000px) rotateY(-90deg); transform: perspective(2000px) rotateY(-90deg); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 0; } .hinge-in-from-middle-y.mui-enter.mui-enter-active { -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-out-from-top.mui-leave { -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 1; } .hinge-out-from-top.mui-leave.mui-leave-active { -webkit-transform: perspective(2000px) rotateX(-90deg); transform: perspective(2000px) rotateX(-90deg); opacity: 0; } .hinge-out-from-right.mui-leave { -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); -webkit-transform-origin: right; -ms-transform-origin: right; transform-origin: right; -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 1; } .hinge-out-from-right.mui-leave.mui-leave-active { -webkit-transform: perspective(2000px) rotateY(-90deg); transform: perspective(2000px) rotateY(-90deg); opacity: 0; } .hinge-out-from-bottom.mui-leave { -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); -webkit-transform-origin: bottom; -ms-transform-origin: bottom; transform-origin: bottom; -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 1; } .hinge-out-from-bottom.mui-leave.mui-leave-active { -webkit-transform: perspective(2000px) rotateX(90deg); transform: perspective(2000px) rotateX(90deg); opacity: 0; } .hinge-out-from-left.mui-leave { -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 1; } .hinge-out-from-left.mui-leave.mui-leave-active { -webkit-transform: perspective(2000px) rotateY(90deg); transform: perspective(2000px) rotateY(90deg); opacity: 0; } .hinge-out-from-middle-x.mui-leave { -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 1; } .hinge-out-from-middle-x.mui-leave.mui-leave-active { -webkit-transform: perspective(2000px) rotateX(-90deg); transform: perspective(2000px) rotateX(-90deg); opacity: 0; } .hinge-out-from-middle-y.mui-leave { -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 1; } .hinge-out-from-middle-y.mui-leave.mui-leave-active { -webkit-transform: perspective(2000px) rotateY(-90deg); transform: perspective(2000px) rotateY(-90deg); opacity: 0; } .scale-in-up.mui-enter { -webkit-transform: scale(.5); -ms-transform: scale(.5); transform: scale(.5); -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 0; } .scale-in-up.mui-enter.mui-enter-active { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } .scale-in-down.mui-enter { -webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 0; } .scale-in-down.mui-enter.mui-enter-active { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } .scale-out-up.mui-leave { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 1; } .scale-out-up.mui-leave.mui-leave-active { -webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); opacity: 0; } .scale-out-down.mui-leave { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 1; } .scale-out-down.mui-leave.mui-leave-active { -webkit-transform: scale(.5); -ms-transform: scale(.5); transform: scale(.5); opacity: 0; } .spin-in.mui-enter { -webkit-transform: rotate(-.75turn); -ms-transform: rotate(-.75turn); transform: rotate(-.75turn); -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 0; } .spin-in.mui-enter.mui-enter-active { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } .spin-out.mui-leave { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 1; } .spin-out.mui-leave.mui-leave-active { -webkit-transform: rotate(.75turn); -ms-transform: rotate(.75turn); transform: rotate(.75turn); opacity: 0; } .spin-in-ccw.mui-enter { -webkit-transform: rotate(.75turn); -ms-transform: rotate(.75turn); transform: rotate(.75turn); -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 0; } .spin-in-ccw.mui-enter.mui-enter-active { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } .spin-out-ccw.mui-leave { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 1; } .spin-out-ccw.mui-leave.mui-leave-active { -webkit-transform: rotate(-.75turn); -ms-transform: rotate(-.75turn); transform: rotate(-.75turn); opacity: 0; } .slow { -webkit-transition-duration: 750ms !important; transition-duration: 750ms !important; } .fast { -webkit-transition-duration: 250ms !important; transition-duration: 250ms !important; } .linear { -webkit-transition-timing-function: linear !important; transition-timing-function: linear !important; } .ease { -webkit-transition-timing-function: ease !important; transition-timing-function: ease !important; } .ease-in { -webkit-transition-timing-function: ease-in !important; transition-timing-function: ease-in !important; } .ease-out { -webkit-transition-timing-function: ease-out !important; transition-timing-function: ease-out !important; } .ease-in-out { -webkit-transition-timing-function: ease-in-out !important; transition-timing-function: ease-in-out !important; } .bounce-in { -webkit-transition-timing-function: cubic-bezier(.485, .155, .24, 1.245) !important; transition-timing-function: cubic-bezier(.485, .155, .24, 1.245) !important; } .bounce-out { -webkit-transition-timing-function: cubic-bezier(.485, .155, .515, .845) !important; transition-timing-function: cubic-bezier(.485, .155, .515, .845) !important; } .bounce-in-out { -webkit-transition-timing-function: cubic-bezier(.76, -.245, .24, 1.245) !important; transition-timing-function: cubic-bezier(.76, -.245, .24, 1.245) !important; } .short-delay { -webkit-transition-delay: 300ms !important; transition-delay: 300ms !important; } .long-delay { -webkit-transition-delay: 700ms !important; transition-delay: 700ms !important; } .shake { -webkit-animation-name: shake-7; animation-name: shake-7; } .spin-cw { -webkit-animation-name: spin-cw-1turn; animation-name: spin-cw-1turn; } .spin-ccw { -webkit-animation-name: spin-cw-1turn; animation-name: spin-cw-1turn; } .wiggle { -webkit-animation-name: wiggle-7deg; animation-name: wiggle-7deg; } .infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .slow { -webkit-animation-duration: 750ms !important; animation-duration: 750ms !important; } .fast { -webkit-animation-duration: 250ms !important; animation-duration: 250ms !important; } .linear { -webkit-animation-timing-function: linear !important; animation-timing-function: linear !important; } .ease { -webkit-animation-timing-function: ease !important; animation-timing-function: ease !important; } .ease-in { -webkit-animation-timing-function: ease-in !important; animation-timing-function: ease-in !important; } .ease-out { -webkit-animation-timing-function: ease-out !important; animation-timing-function: ease-out !important; } .ease-in-out { -webkit-animation-timing-function: ease-in-out !important; animation-timing-function: ease-in-out !important; } .bounce-in { -webkit-animation-timing-function: cubic-bezier(.485, .155, .24, 1.245) !important; animation-timing-function: cubic-bezier(.485, .155, .24, 1.245) !important; } .bounce-out { -webkit-animation-timing-function: cubic-bezier(.485, .155, .515, .845) !important; animation-timing-function: cubic-bezier(.485, .155, .515, .845) !important; } .bounce-in-out { -webkit-animation-timing-function: cubic-bezier(.76, -.245, .24, 1.245) !important; animation-timing-function: cubic-bezier(.76, -.245, .24, 1.245) !important; } .short-delay { -webkit-animation-delay: 300ms !important; animation-delay: 300ms !important; } .long-delay { -webkit-animation-delay: 700ms !important; animation-delay: 700ms !important; } .align-right { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .align-center { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .align-justify { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .align-spaced { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } .align-top { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .align-self-top { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } .align-bottom { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .align-self-bottom { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } .align-middle { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .align-self-middle { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } .align-stretch { -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .align-self-stretch { -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; } .small-order-1 { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .small-order-2 { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .small-order-3 { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } .small-order-4 { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; } .small-order-5 { -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5; } .small-order-6 { -webkit-box-ordinal-group: 7; -webkit-order: 6; -ms-flex-order: 6; order: 6; } .row { max-width: 48.75rem; margin-left: auto; margin-right: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } .row .row { max-width: none; margin-left: -.9375rem; margin-right: -.9375rem; } .row.expanded { max-width: none; } .row.collapse > .column, .row.collapse > .columns { padding-left: 0; padding-right: 0; } .column, .columns { -webkit-box-flex: 1; -webkit-flex: 1 1 0; -ms-flex: 1 1 0; flex: 1 1 0; padding-left: .9375rem; padding-right: .9375rem; min-width: initial; } .column.row.row, .row.row.columns { float: none; display: block; } .row .column.row.row, .row .row.row.columns { padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; } .small-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.3333333333%; -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .small-offset-0 { margin-left: 0; } .small-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.6666666667%; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .small-offset-1 { margin-left: 8.3333333333%; } .small-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .small-offset-2 { margin-left: 16.6666666667%; } .small-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.3333333333%; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .small-offset-3 { margin-left: 25%; } .small-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.6666666667%; -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .small-offset-4 { margin-left: 33.3333333333%; } .small-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .small-offset-5 { margin-left: 41.6666666667%; } .small-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.3333333333%; -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .small-offset-6 { margin-left: 50%; } .small-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.6666666667%; -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .small-offset-7 { margin-left: 58.3333333333%; } .small-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .small-offset-8 { margin-left: 66.6666666667%; } .small-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.3333333333%; -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .small-offset-9 { margin-left: 75%; } .small-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.6666666667%; -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .small-offset-10 { margin-left: 83.3333333333%; } .small-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .small-offset-11 { margin-left: 91.6666666667%; } .small-order-1 { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .small-order-2 { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .small-order-3 { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } .small-order-4 { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; } .small-order-5 { -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5; } .small-order-6 { -webkit-box-ordinal-group: 7; -webkit-order: 6; -ms-flex-order: 6; order: 6; } .small-up-1 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .small-up-1 > .column, .small-up-1 > .columns { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .small-up-2 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .small-up-2 > .column, .small-up-2 > .columns { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .small-up-3 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .small-up-3 > .column, .small-up-3 > .columns { -webkit-box-flex: 0; -webkit-flex: 0 0 33.3333333333%; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .small-up-4 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .small-up-4 > .column, .small-up-4 > .columns { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .small-up-5 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .small-up-5 > .column, .small-up-5 > .columns { -webkit-box-flex: 0; -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .small-up-6 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .small-up-6 > .column, .small-up-6 > .columns { -webkit-box-flex: 0; -webkit-flex: 0 0 16.6666666667%; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .small-up-7 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .small-up-7 > .column, .small-up-7 > .columns { -webkit-box-flex: 0; -webkit-flex: 0 0 14.2857142857%; -ms-flex: 0 0 14.2857142857%; flex: 0 0 14.2857142857%; max-width: 14.2857142857%; } .small-up-8 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .small-up-8 > .column, .small-up-8 > .columns { -webkit-box-flex: 0; -webkit-flex: 0 0 12.5%; -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%; } .small-collapse > .column, .small-collapse > .columns { padding-left: 0; padding-right: 0; } .small-uncollapse > .column, .small-uncollapse > .columns { padding-left: .9375rem; padding-right: .9375rem; } .row.medium-unstack > .column, .row.medium-unstack > .columns { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } .row.large-unstack > .column, .row.large-unstack > .columns { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } .shrink { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; max-width: 100%; } .column.align-top, .align-top.columns { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } .column.align-bottom, .align-bottom.columns { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } .column.align-middle, .align-middle.columns { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } .column.align-stretch, .align-stretch.columns { -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; } /* --------------------------------------------------------- 5. Embedded layout styles ---------------------------------------------------------*/ /* default styles */ html { height: 100%; } body { font-size: 17px; letter-spacing: -.3px; margin: 0; height: 100%; width: 100%; display: table; table-layout: fixed; min-width: 320px; } a { -webkit-transition: all .3s ease; transition: all .3s ease; } .wrapper { display: table-cell; padding: 44px 0 0; vertical-align: middle; background-size: cover; background-position: 50% 48px; box-shadow: inset 300px 0 200px -200px rgba(0, 11, 23, .8), inset -300px 0 200px -200px rgba(0, 11, 23, .8); } .wrapper:after { background: url(../images/bg-header.png) no-repeat 50% 0; width: 100%; height: 108px; content: ""; position: absolute; top: 44px; left: 0; } /* main informative part styles */ main { position: relative; z-index: 2; padding: 15px 0; } main a { color: #ffae00; } main a:hover { color: #cc8b00; } /* main box styles */ .box { background: #fff; box-shadow: 0 10px 13px 6px rgba(0, 11, 23, .4); padding: 20px; border-radius: 6px 6px 0 0; position: relative; min-height: 380px; z-index: 1; color: #7e868f; margin-bottom: 15px; } .box:before { background: -webkit-linear-gradient(top, #071f2e 0%, #1c4a64 50%, white 100%); background: linear-gradient(to bottom, #071f2e 0%, #1c4a64 50%, white 100%); position: absolute; left: 0; top: 0; width: 100%; height: 230px; content: ""; z-index: -1; border-radius: 5px 5px 0 0; } .box h2 { margin: 0 0 -3px; } .box p { margin: 0 0 21px; } .box.intro { padding-top: 35px; } .box.intro .headline { margin-bottom: 40px; padding-bottom: 24px; } .box.intro p { margin: 0 0 27px; } /* heading styles */ .headline { margin: 0 auto 20px; max-width: 542px; box-shadow: 0 9px 8px -9px rgba(0, 11, 23, .5); position: relative; padding: 0 0 18px; color: #fff; } .headline h1 { display: inline-block; vertical-align: top; color: #a3a3a3; border: 2px solid #a3a3a3; border-width: 2px 0 0; padding-left: 4px; margin: 5px 0; } .headline h1 span { line-height: 35px; } .headline p { margin: 0; } .headline:after { height: 1px; position: absolute; bottom: 0; left: 0; width: 100%; background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 10%, white 90%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 10%, white 90%, rgba(255, 255, 255, 0) 100%); content: ""; } /* main form */ .main-form { margin: 0 auto; max-width: 498px; } .main-form.success-form fieldset { display: none; } .main-form.success-form .thx-message { display: block; } .thx-message { display: none; padding: 30px 0 0; } input[type="text"], input[type="password"], input[type="email"] { margin: 0 0 30px; padding: 4px 19px 5px; height: 32px; letter-spacing: 0; } input[type="text"].is-invalid-input:not(:focus), input[type="password"].is-invalid-input:not(:focus), input[type="email"].is-invalid-input:not(:focus) { background: #ec5840; } input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder { color: #fff; } input[type="text"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="email"]::-moz-placeholder { opacity: 1; color: #fff; } input[type="text"]:-moz-placeholder, input[type="password"]:-moz-placeholder, input[type="email"]:-moz-placeholder { color: #fff; } input[type="text"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder { color: #fff; } input[type="text"].placeholder, input[type="password"].placeholder, input[type="email"].placeholder { color: #fff; } input[type="text"] + .link, input[type="password"] + .link, input[type="email"] + .link { margin-top: -27px; } input[type="text"] + .button, input[type="password"] + .button, input[type="email"] + .button { margin-top: 0; } .link { letter-spacing: 0; margin: 0 0 6px 20px; font: 12px/1.2 Verdana, Arial, sans-serif; } .link a { color: inherit; } .checkbox { position: relative; padding-left: 18px; line-height: 1; margin: 0 0 20px 2px; } .checkbox input[type="checkbox"] { position: fixed; left: -99999px; } .checkbox input[type="checkbox"]:checked + span:before { content: ""; } .checkbox label { font-size: 17px; line-height: 30px; color: #0a1a28; display: inline-block; } .checkbox label:before { position: absolute; left: 0; top: 10px; border: 1px solid #dfe1e3; background: #7f878f; border-radius: 2px; content: ""; width: 11px; height: 11px; } .checkbox label span:before { position: absolute; left: 3px; top: 6px; width: 6px; height: 12px; border: 1px solid #ffae00; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg) skewX(15deg); -ms-transform: rotate(45deg) skewX(15deg); transform: rotate(45deg) skewX(15deg); box-shadow: 2px 2px 2px 0 rgba(0, 11, 23, .2); } .button { display: block; margin: 0 auto; max-width: 227px; width: 100%; background: none; position: relative; text-shadow: 0 0 3px #000b17, 0 0 1px #000b17; -webkit-transition: all .3s ease; transition: all .3s ease; font-size: 21px; padding: 5px 15px 7px; } .button:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; z-index: -1; -webkit-transform: skewX(-30deg); -ms-transform: skewX(-30deg); transform: skewX(-30deg); border-radius: 3px; -webkit-transition: all .3s ease; transition: all .3s ease; background: -webkit-linear-gradient(top, #ffa500 0%, #ff7b00 100%); background: linear-gradient(to bottom, #ffa500 0%, #ff7b00 100%); box-shadow: inset 2px -2px 0 0 #ffa500, inset -2px -2px 0 0 #ffa500, 7px 7px 7px 0 rgba(0, 11, 23, .2); border: 0 solid #ffa500; } .button:hover { background: none; } .button:hover:before { box-shadow: inset 2px -60px 0 0 #ffa500, inset -2px -60px 0 0 #ffa500, 7px 7px 7px 0 rgba(0, 11, 23, .2); } .button:active, .button:focus { outline: none; background: none; } .logo-holder img { vertical-align: top; } /* header styles */ .top-bar { background: -webkit-linear-gradient(top, #4e6b79 0%, #0b2938 100%); background: linear-gradient(to bottom, #4e6b79 0%, #0b2938 100%); border-bottom: 1px solid #fff; padding: 0; position: absolute; top: 0; left: 0; width: 100%; min-width: 320px; } .top-bar .menu { text-transform: uppercase; background: none; padding: 2px 0 0; text-align: center; } .top-bar .menu li { display: block; border-bottom: 1px solid #fff; margin: 0; } /* page navigation styles */ .menu-opener { position: absolute; right: 15px; top: 7px; } .menu-icon.dark:after { background: #2199e8; box-shadow: 0 7px 0 #2199e8, 0 14px 0 #2199e8; } .menu-icon:focus { outline: none; } .menu-icon:focus.dark:after { background: #2199e8; box-shadow: 0 7px 0 #2199e8, 0 14px 0 #2199e8; } #main-menu { position: absolute; left: 0; top: 44px; z-index: 100; background: #0b2938; width: 100%; } /* page logo styles */ .logo { float: left; width: 135px; height: 43px; overflow: hidden; position: relative; margin: 0 0 0 -15px; z-index: 1; padding: 0 5px; } .logo:before { background: url(../images/logo.png) no-repeat; background-size: 130px 47px; position: absolute; top: 0; left: 3px; width: 130px; content: ""; z-index: -1; height: 47px; } .logo img { position: absolute; left: 0; top: -21px; width: 135px; height: auto; display: none; } /* footer styles */ .footer { overflow: hidden; display: table-footer-group; height: 1%; background: #000b17; text-align: center; font: 12px/1.2 Verdana, Arial, sans-serif; letter-spacing: 0; } .footer p { margin: 0 0 20px; } .footer p a { color: inherit; } .footer p a:hover { color: #ffae00; } .footer > .row { padding-top: 30px; padding-bottom: 10px; } .footer .logo-holder { text-align: center; margin: 0 0 20px; } .footer .column:last-child:not(:first-child), .footer .columns:last-child:not(:first-child), .footer .columns:last-child:not(:first-child) { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } @media screen and (orientation: landscape) { .show-for-landscape, .hide-for-portrait { display: block !important; } .hide-for-landscape, .show-for-portrait { display: none !important; } } @media screen and (orientation: portrait) { .show-for-landscape, .hide-for-portrait { display: none !important; } .hide-for-landscape, .show-for-portrait { display: block !important; } } @media screen and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .logo:before { background-image: url(../images/logo-2x.png); } } @media screen and (min-width: 0\0) { select { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg=="); } } @media screen and (max-width: 0), screen and (min-width: 40em) { .show-for-small-only { display: none !important; } } @media screen and (max-width: 39.9375em), screen and (min-width: 64em) { .show-for-medium-only { display: none !important; } } @media screen and (min-width: 40em) { .medium-1 { width: 8.3333333333%; } .medium-push-1 { position: relative; left: 8.3333333333%; } .medium-pull-1 { position: relative; left: -8.3333333333%; } .medium-offset-0 { margin-left: 0; } .medium-2 { width: 16.6666666667%; } .medium-push-2 { position: relative; left: 16.6666666667%; } .medium-pull-2 { position: relative; left: -16.6666666667%; } .medium-offset-1 { margin-left: 8.3333333333%; } .medium-3 { width: 25%; } .medium-push-3 { position: relative; left: 25%; } .medium-pull-3 { position: relative; left: -25%; } .medium-offset-2 { margin-left: 16.6666666667%; } .medium-4 { width: 33.3333333333%; } .medium-push-4 { position: relative; left: 33.3333333333%; } .medium-pull-4 { position: relative; left: -33.3333333333%; } .medium-offset-3 { margin-left: 25%; } .medium-5 { width: 41.6666666667%; } .medium-push-5 { position: relative; left: 41.6666666667%; } .medium-pull-5 { position: relative; left: -41.6666666667%; } .medium-offset-4 { margin-left: 33.3333333333%; } .medium-6 { width: 50%; } .medium-push-6 { position: relative; left: 50%; } .medium-pull-6 { position: relative; left: -50%; } .medium-offset-5 { margin-left: 41.6666666667%; } .medium-7 { width: 58.3333333333%; } .medium-push-7 { position: relative; left: 58.3333333333%; } .medium-pull-7 { position: relative; left: -58.3333333333%; } .medium-offset-6 { margin-left: 50%; } .medium-8 { width: 66.6666666667%; } .medium-push-8 { position: relative; left: 66.6666666667%; } .medium-pull-8 { position: relative; left: -66.6666666667%; } .medium-offset-7 { margin-left: 58.3333333333%; } .medium-9 { width: 75%; } .medium-push-9 { position: relative; left: 75%; } .medium-pull-9 { position: relative; left: -75%; } .medium-offset-8 { margin-left: 66.6666666667%; } .medium-10 { width: 83.3333333333%; } .medium-push-10 { position: relative; left: 83.3333333333%; } .medium-pull-10 { position: relative; left: -83.3333333333%; } .medium-offset-9 { margin-left: 75%; } .medium-11 { width: 91.6666666667%; } .medium-push-11 { position: relative; left: 91.6666666667%; } .medium-pull-11 { position: relative; left: -91.6666666667%; } .medium-offset-10 { margin-left: 83.3333333333%; } .medium-12 { width: 100%; } .medium-offset-11 { margin-left: 91.6666666667%; } .medium-up-1 > .column, .medium-up-1 > .columns { width: 100%; float: left; } .medium-up-1 > .column:nth-of-type(1n), .medium-up-1 > .columns:nth-of-type(1n) { clear: none; } .medium-up-1 > .column:nth-of-type(1n+1), .medium-up-1 > .columns:nth-of-type(1n+1) { clear: both; } .medium-up-1 > .column:last-child, .medium-up-1 > .columns:last-child { float: left; } .medium-up-2 > .column, .medium-up-2 > .columns { width: 50%; float: left; } .medium-up-2 > .column:nth-of-type(1n), .medium-up-2 > .columns:nth-of-type(1n) { clear: none; } .medium-up-2 > .column:nth-of-type(2n+1), .medium-up-2 > .columns:nth-of-type(2n+1) { clear: both; } .medium-up-2 > .column:last-child, .medium-up-2 > .columns:last-child { float: left; } .medium-up-3 > .column, .medium-up-3 > .columns { width: 33.3333333333%; float: left; } .medium-up-3 > .column:nth-of-type(1n), .medium-up-3 > .columns:nth-of-type(1n) { clear: none; } .medium-up-3 > .column:nth-of-type(3n+1), .medium-up-3 > .columns:nth-of-type(3n+1) { clear: both; } .medium-up-3 > .column:last-child, .medium-up-3 > .columns:last-child { float: left; } .medium-up-4 > .column, .medium-up-4 > .columns { width: 25%; float: left; } .medium-up-4 > .column:nth-of-type(1n), .medium-up-4 > .columns:nth-of-type(1n) { clear: none; } .medium-up-4 > .column:nth-of-type(4n+1), .medium-up-4 > .columns:nth-of-type(4n+1) { clear: both; } .medium-up-4 > .column:last-child, .medium-up-4 > .columns:last-child { float: left; } .medium-up-5 > .column, .medium-up-5 > .columns { width: 20%; float: left; } .medium-up-5 > .column:nth-of-type(1n), .medium-up-5 > .columns:nth-of-type(1n) { clear: none; } .medium-up-5 > .column:nth-of-type(5n+1), .medium-up-5 > .columns:nth-of-type(5n+1) { clear: both; } .medium-up-5 > .column:last-child, .medium-up-5 > .columns:last-child { float: left; } .medium-up-6 > .column, .medium-up-6 > .columns { width: 16.6666666667%; float: left; } .medium-up-6 > .column:nth-of-type(1n), .medium-up-6 > .columns:nth-of-type(1n) { clear: none; } .medium-up-6 > .column:nth-of-type(6n+1), .medium-up-6 > .columns:nth-of-type(6n+1) { clear: both; } .medium-up-6 > .column:last-child, .medium-up-6 > .columns:last-child { float: left; } .medium-up-7 > .column, .medium-up-7 > .columns { width: 14.2857142857%; float: left; } .medium-up-7 > .column:nth-of-type(1n), .medium-up-7 > .columns:nth-of-type(1n) { clear: none; } .medium-up-7 > .column:nth-of-type(7n+1), .medium-up-7 > .columns:nth-of-type(7n+1) { clear: both; } .medium-up-7 > .column:last-child, .medium-up-7 > .columns:last-child { float: left; } .medium-up-8 > .column, .medium-up-8 > .columns { width: 12.5%; float: left; } .medium-up-8 > .column:nth-of-type(1n), .medium-up-8 > .columns:nth-of-type(1n) { clear: none; } .medium-up-8 > .column:nth-of-type(8n+1), .medium-up-8 > .columns:nth-of-type(8n+1) { clear: both; } .medium-up-8 > .column:last-child, .medium-up-8 > .columns:last-child { float: left; } .medium-collapse > .column, .medium-collapse > .columns { padding-left: 0; padding-right: 0; } .medium-collapse .row, .expanded.row .medium-collapse.row { margin-left: 0; margin-right: 0; } .medium-uncollapse > .column, .medium-uncollapse > .columns { padding-left: .9375rem; padding-right: .9375rem; } .medium-centered { float: none; margin-left: auto; margin-right: auto; } .medium-uncentered, .medium-push-0, .medium-pull-0 { position: static; margin-left: 0; margin-right: 0; float: left; } h1 { font-size: 2.1875rem; } h2 { font-size: 1.5625rem; } h3 { font-size: 1.5rem; } h4 { font-size: 1.4375rem; } h5 { font-size: 1.25rem; } h6 { font-size: 1.0625rem; } .medium-text-left { text-align: left; } .medium-text-right { text-align: right; } .medium-text-center { text-align: center; } .medium-text-justify { text-align: justify; } .hide-for-medium { display: none !important; } .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu { left: auto; right: 0; top: 100%; } .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu { right: auto; left: 0; top: 100%; } .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a { padding-right: 1.5rem; position: relative; } .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after { content: ""; display: block; width: 0; height: 0; border: inset 5px; border-color: #bdeeff transparent transparent; border-top-style: solid; border-bottom-width: 0; right: 5px; margin-top: -2px; } .dropdown.menu.medium-vertical > li .is-dropdown-submenu { top: 0; } .dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu { left: auto; right: 100%; } .dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu { right: auto; left: 100%; } .dropdown.menu.medium-vertical > li > a::after { right: 14px; margin-top: -3px; } .dropdown.menu.medium-vertical > li.opens-left > a::after { content: ""; display: block; width: 0; height: 0; border: inset 5px; border-color: transparent #bdeeff transparent transparent; border-right-style: solid; border-left-width: 0; } .dropdown.menu.medium-vertical > li.opens-right > a::after { content: ""; display: block; width: 0; height: 0; border: inset 5px; border-color: transparent transparent transparent #bdeeff; border-left-style: solid; border-right-width: 0; } .menu.medium-horizontal > li { display: table-cell; } .menu.medium-vertical > li { display: block; } .top-bar .top-bar-left, .top-bar .top-bar-right { width: auto; } .medium-order-1 { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .medium-order-2 { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .medium-order-3 { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } .medium-order-4 { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; } .medium-order-5 { -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5; } .medium-order-6 { -webkit-box-ordinal-group: 7; -webkit-order: 6; -ms-flex-order: 6; order: 6; } .medium-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.3333333333%; -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .medium-offset-0 { margin-left: 0; } .medium-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.6666666667%; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .medium-offset-1 { margin-left: 8.3333333333%; } .medium-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .medium-offset-2 { margin-left: 16.6666666667%; } .medium-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.3333333333%; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .medium-offset-3 { margin-left: 25%; } .medium-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.6666666667%; -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .medium-offset-4 { margin-left: 33.3333333333%; } .medium-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .medium-offset-5 { margin-left: 41.6666666667%; } .medium-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.3333333333%; -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .medium-offset-6 { margin-left: 50%; } .medium-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.6666666667%; -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .medium-offset-7 { margin-left: 58.3333333333%; } .medium-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .medium-offset-8 { margin-left: 66.6666666667%; } .medium-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.3333333333%; -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .medium-offset-9 { margin-left: 75%; } .medium-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.6666666667%; -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .medium-offset-10 { margin-left: 83.3333333333%; } .medium-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .medium-offset-11 { margin-left: 91.6666666667%; } .medium-order-1 { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .medium-order-2 { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .medium-order-3 { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } .medium-order-4 { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; } .medium-order-5 { -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5; } .medium-order-6 { -webkit-box-ordinal-group: 7; -webkit-order: 6; -ms-flex-order: 6; order: 6; } .medium-up-1 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .medium-up-1 > .column, .medium-up-1 > .columns { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .medium-up-2 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .medium-up-2 > .column, .medium-up-2 > .columns { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .medium-up-3 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .medium-up-3 > .column, .medium-up-3 > .columns { -webkit-box-flex: 0; -webkit-flex: 0 0 33.3333333333%; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .medium-up-4 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .medium-up-4 > .column, .medium-up-4 > .columns { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .medium-up-5 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .medium-up-5 > .column, .medium-up-5 > .columns { -webkit-box-flex: 0; -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .medium-up-6 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .medium-up-6 > .column, .medium-up-6 > .columns { -webkit-box-flex: 0; -webkit-flex: 0 0 16.6666666667%; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .medium-up-7 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .medium-up-7 > .column, .medium-up-7 > .columns { -webkit-box-flex: 0; -webkit-flex: 0 0 14.2857142857%; -ms-flex: 0 0 14.2857142857%; flex: 0 0 14.2857142857%; max-width: 14.2857142857%; } .medium-up-8 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .medium-up-8 > .column, .medium-up-8 > .columns { -webkit-box-flex: 0; -webkit-flex: 0 0 12.5%; -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%; } .row.medium-unstack > .column, .row.medium-unstack > .columns { -webkit-box-flex: 1; -webkit-flex: 1 1 0; -ms-flex: 1 1 0; flex: 1 1 0; } .medium-collapse > .column, .medium-collapse > .columns { padding-left: 0; padding-right: 0; } .medium-uncollapse > .column, .medium-uncollapse > .columns { padding-left: .9375rem; padding-right: .9375rem; } main { padding: 78px 0; } .box { background: #fff url(../images/bg-box.png) repeat-x 50% 0; min-height: 550px; padding: 37px; margin-bottom: 40px; } .box:before { display: none; } .box p { line-height: 1.6; } .box.intro { padding-top: 48px; } .box.intro .headline { margin-bottom: 124px; padding: 0 0 34px; } .headline { margin-bottom: 45px; } .headline .logo-holder { margin: 0 0 11px 45px; display: inline-block; vertical-align: top; } .headline h1 { width: 200px; text-align: left; line-height: 50px; letter-spacing: -1px; border-width: 0 0 0 2px; margin: 12px 0 12px 3px; } .headline p { line-height: 1.6; } .thx-message { padding: 111px 0 0; } input[type="text"] + .button, input[type="password"] + .button, input[type="email"] + .button { margin-top: 95px; } .checkbox { margin-bottom: 38px; } .top-bar .menu { margin: 0 150px; } .top-bar .menu li { margin: 0 9px; display: inline-block; vertical-align: top; border: none; } #main-menu { position: static; width: auto; background: none; } .footer p { margin: 10px 0 0; } .footer > .row { padding-top: 44px; padding-bottom: 44px; } .footer .logo-holder { margin: 0; text-align: inherit; } } @media screen and (min-width: 40em) and (max-width: 63.9375em) { .hide-for-medium-only { display: none !important; } } @media screen and (min-width: 40em) and (min-width: 40em) { .medium-expand { -webkit-box-flex: 1; -webkit-flex: 1 1 0; -ms-flex: 1 1 0; flex: 1 1 0; } } @media screen and (max-width: 63.9375em), screen and (min-width: 75em) { .show-for-large-only { display: none !important; } } @media screen and (min-width: 64em) { .large-1 { width: 8.3333333333%; } .large-push-1 { position: relative; left: 8.3333333333%; } .large-pull-1 { position: relative; left: -8.3333333333%; } .large-offset-0 { margin-left: 0; } .large-2 { width: 16.6666666667%; } .large-push-2 { position: relative; left: 16.6666666667%; } .large-pull-2 { position: relative; left: -16.6666666667%; } .large-offset-1 { margin-left: 8.3333333333%; } .large-3 { width: 25%; } .large-push-3 { position: relative; left: 25%; } .large-pull-3 { position: relative; left: -25%; } .large-offset-2 { margin-left: 16.6666666667%; } .large-4 { width: 33.3333333333%; } .large-push-4 { position: relative; left: 33.3333333333%; } .large-pull-4 { position: relative; left: -33.3333333333%; } .large-offset-3 { margin-left: 25%; } .large-5 { width: 41.6666666667%; } .large-push-5 { position: relative; left: 41.6666666667%; } .large-pull-5 { position: relative; left: -41.6666666667%; } .large-offset-4 { margin-left: 33.3333333333%; } .large-6 { width: 50%; } .large-push-6 { position: relative; left: 50%; } .large-pull-6 { position: relative; left: -50%; } .large-offset-5 { margin-left: 41.6666666667%; } .large-7 { width: 58.3333333333%; } .large-push-7 { position: relative; left: 58.3333333333%; } .large-pull-7 { position: relative; left: -58.3333333333%; } .large-offset-6 { margin-left: 50%; } .large-8 { width: 66.6666666667%; } .large-push-8 { position: relative; left: 66.6666666667%; } .large-pull-8 { position: relative; left: -66.6666666667%; } .large-offset-7 { margin-left: 58.3333333333%; } .large-9 { width: 75%; } .large-push-9 { position: relative; left: 75%; } .large-pull-9 { position: relative; left: -75%; } .large-offset-8 { margin-left: 66.6666666667%; } .large-10 { width: 83.3333333333%; } .large-push-10 { position: relative; left: 83.3333333333%; } .large-pull-10 { position: relative; left: -83.3333333333%; } .large-offset-9 { margin-left: 75%; } .large-11 { width: 91.6666666667%; } .large-push-11 { position: relative; left: 91.6666666667%; } .large-pull-11 { position: relative; left: -91.6666666667%; } .large-offset-10 { margin-left: 83.3333333333%; } .large-12 { width: 100%; } .large-offset-11 { margin-left: 91.6666666667%; } .large-up-1 > .column, .large-up-1 > .columns { width: 100%; float: left; } .large-up-1 > .column:nth-of-type(1n), .large-up-1 > .columns:nth-of-type(1n) { clear: none; } .large-up-1 > .column:nth-of-type(1n+1), .large-up-1 > .columns:nth-of-type(1n+1) { clear: both; } .large-up-1 > .column:last-child, .large-up-1 > .columns:last-child { float: left; } .large-up-2 > .column, .large-up-2 > .columns { width: 50%; float: left; } .large-up-2 > .column:nth-of-type(1n), .large-up-2 > .columns:nth-of-type(1n) { clear: none; } .large-up-2 > .column:nth-of-type(2n+1), .large-up-2 > .columns:nth-of-type(2n+1) { clear: both; } .large-up-2 > .column:last-child, .large-up-2 > .columns:last-child { float: left; } .large-up-3 > .column, .large-up-3 > .columns { width: 33.3333333333%; float: left; } .large-up-3 > .column:nth-of-type(1n), .large-up-3 > .columns:nth-of-type(1n) { clear: none; } .large-up-3 > .column:nth-of-type(3n+1), .large-up-3 > .columns:nth-of-type(3n+1) { clear: both; } .large-up-3 > .column:last-child, .large-up-3 > .columns:last-child { float: left; } .large-up-4 > .column, .large-up-4 > .columns { width: 25%; float: left; } .large-up-4 > .column:nth-of-type(1n), .large-up-4 > .columns:nth-of-type(1n) { clear: none; } .large-up-4 > .column:nth-of-type(4n+1), .large-up-4 > .columns:nth-of-type(4n+1) { clear: both; } .large-up-4 > .column:last-child, .large-up-4 > .columns:last-child { float: left; } .large-up-5 > .column, .large-up-5 > .columns { width: 20%; float: left; } .large-up-5 > .column:nth-of-type(1n), .large-up-5 > .columns:nth-of-type(1n) { clear: none; } .large-up-5 > .column:nth-of-type(5n+1), .large-up-5 > .columns:nth-of-type(5n+1) { clear: both; } .large-up-5 > .column:last-child, .large-up-5 > .columns:last-child { float: left; } .large-up-6 > .column, .large-up-6 > .columns { width: 16.6666666667%; float: left; } .large-up-6 > .column:nth-of-type(1n), .large-up-6 > .columns:nth-of-type(1n) { clear: none; } .large-up-6 > .column:nth-of-type(6n+1), .large-up-6 > .columns:nth-of-type(6n+1) { clear: both; } .large-up-6 > .column:last-child, .large-up-6 > .columns:last-child { float: left; } .large-up-7 > .column, .large-up-7 > .columns { width: 14.2857142857%; float: left; } .large-up-7 > .column:nth-of-type(1n), .large-up-7 > .columns:nth-of-type(1n) { clear: none; } .large-up-7 > .column:nth-of-type(7n+1), .large-up-7 > .columns:nth-of-type(7n+1) { clear: both; } .large-up-7 > .column:last-child, .large-up-7 > .columns:last-child { float: left; } .large-up-8 > .column, .large-up-8 > .columns { width: 12.5%; float: left; } .large-up-8 > .column:nth-of-type(1n), .large-up-8 > .columns:nth-of-type(1n) { clear: none; } .large-up-8 > .column:nth-of-type(8n+1), .large-up-8 > .columns:nth-of-type(8n+1) { clear: both; } .large-up-8 > .column:last-child, .large-up-8 > .columns:last-child { float: left; } .large-collapse > .column, .large-collapse > .columns { padding-left: 0; padding-right: 0; } .large-collapse .row, .expanded.row .large-collapse.row { margin-left: 0; margin-right: 0; } .large-uncollapse > .column, .large-uncollapse > .columns { padding-left: .9375rem; padding-right: .9375rem; } .large-centered { float: none; margin-left: auto; margin-right: auto; } .large-uncentered, .large-push-0, .large-pull-0 { position: static; margin-left: 0; margin-right: 0; float: left; } .large-text-left { text-align: left; } .large-text-right { text-align: right; } .large-text-center { text-align: center; } .large-text-justify { text-align: justify; } .hide-for-large { display: none !important; } .dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu { left: auto; right: 0; top: 100%; } .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu { right: auto; left: 0; top: 100%; } .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a { padding-right: 1.5rem; position: relative; } .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after { content: ""; display: block; width: 0; height: 0; border: inset 5px; border-color: #bdeeff transparent transparent; border-top-style: solid; border-bottom-width: 0; right: 5px; margin-top: -2px; } .dropdown.menu.large-vertical > li .is-dropdown-submenu { top: 0; } .dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu { left: auto; right: 100%; } .dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu { right: auto; left: 100%; } .dropdown.menu.large-vertical > li > a::after { right: 14px; margin-top: -3px; } .dropdown.menu.large-vertical > li.opens-left > a::after { content: ""; display: block; width: 0; height: 0; border: inset 5px; border-color: transparent #bdeeff transparent transparent; border-right-style: solid; border-left-width: 0; } .dropdown.menu.large-vertical > li.opens-right > a::after { content: ""; display: block; width: 0; height: 0; border: inset 5px; border-color: transparent transparent transparent #bdeeff; border-left-style: solid; border-right-width: 0; } .menu.large-horizontal > li { display: table-cell; } .menu.large-vertical > li { display: block; } .large-order-1 { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .large-order-2 { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .large-order-3 { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } .large-order-4 { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; } .large-order-5 { -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5; } .large-order-6 { -webkit-box-ordinal-group: 7; -webkit-order: 6; -ms-flex-order: 6; order: 6; } .large-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.3333333333%; -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .large-offset-0 { margin-left: 0; } .large-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.6666666667%; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .large-offset-1 { margin-left: 8.3333333333%; } .large-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .large-offset-2 { margin-left: 16.6666666667%; } .large-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.3333333333%; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .large-offset-3 { margin-left: 25%; } .large-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.6666666667%; -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .large-offset-4 { margin-left: 33.3333333333%; } .large-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .large-offset-5 { margin-left: 41.6666666667%; } .large-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.3333333333%; -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .large-offset-6 { margin-left: 50%; } .large-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.6666666667%; -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .large-offset-7 { margin-left: 58.3333333333%; } .large-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .large-offset-8 { margin-left: 66.6666666667%; } .large-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.3333333333%; -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .large-offset-9 { margin-left: 75%; } .large-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.6666666667%; -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .large-offset-10 { margin-left: 83.3333333333%; } .large-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .large-offset-11 { margin-left: 91.6666666667%; } .large-order-1 { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .large-order-2 { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .large-order-3 { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } .large-order-4 { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; } .large-order-5 { -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5; } .large-order-6 { -webkit-box-ordinal-group: 7; -webkit-order: 6; -ms-flex-order: 6; order: 6; } .large-up-1 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .large-up-1 > .column, .large-up-1 > .columns { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .large-up-2 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .large-up-2 > .column, .large-up-2 > .columns { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .large-up-3 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .large-up-3 > .column, .large-up-3 > .columns { -webkit-box-flex: 0; -webkit-flex: 0 0 33.3333333333%; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .large-up-4 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .large-up-4 > .column, .large-up-4 > .columns { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .large-up-5 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .large-up-5 > .column, .large-up-5 > .columns { -webkit-box-flex: 0; -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .large-up-6 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .large-up-6 > .column, .large-up-6 > .columns { -webkit-box-flex: 0; -webkit-flex: 0 0 16.6666666667%; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .large-up-7 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .large-up-7 > .column, .large-up-7 > .columns { -webkit-box-flex: 0; -webkit-flex: 0 0 14.2857142857%; -ms-flex: 0 0 14.2857142857%; flex: 0 0 14.2857142857%; max-width: 14.2857142857%; } .large-up-8 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .large-up-8 > .column, .large-up-8 > .columns { -webkit-box-flex: 0; -webkit-flex: 0 0 12.5%; -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%; } .row.large-unstack > .column, .row.large-unstack > .columns { -webkit-box-flex: 1; -webkit-flex: 1 1 0; -ms-flex: 1 1 0; flex: 1 1 0; } .large-collapse > .column, .large-collapse > .columns { padding-left: 0; padding-right: 0; } .large-uncollapse > .column, .large-uncollapse > .columns { padding-left: .9375rem; padding-right: .9375rem; } } @media screen and (min-width: 64em) and (max-width: 74.9375em) { .hide-for-large-only { display: none !important; } } @media screen and (min-width: 64em) and (min-width: 64em) { .large-expand { -webkit-box-flex: 1; -webkit-flex: 1 1 0; -ms-flex: 1 1 0; flex: 1 1 0; } } @media screen and (max-width: 74.9375em) { .top-bar.stacked-for-large .top-bar-left, .top-bar.stacked-for-large .top-bar-right { width: 100%; } } @media screen and (max-width: 63.9375em) { .show-for-large { display: none !important; } .top-bar.stacked-for-medium .top-bar-left, .top-bar.stacked-for-medium .top-bar-right { width: 100%; } } @media screen and (max-width: 39.9375em) { .hide-for-small-only { display: none !important; } .show-for-medium { display: none !important; } } @media print { * { background: transparent !important; color: black !important; box-shadow: none !important; text-shadow: none !important; } .show-for-print { display: block !important; } .hide-for-print { display: none !important; } 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 { display: table-cell !important; } th.show-for-print { display: table-cell !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } abbr[title]:after { content: " (" attr(title) ")"; } pre, blockquote { border: 1px solid #7e868f; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } @-webkit-keyframes shake-7 { 0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% { -webkit-transform: translateX(7%); transform: translateX(7%); } 5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% { -webkit-transform: translateX(-7%); transform: translateX(-7%); } } @keyframes shake-7 { 0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% { -webkit-transform: translateX(7%); transform: translateX(7%); } 5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% { -webkit-transform: translateX(-7%); transform: translateX(-7%); } } @-webkit-keyframes spin-cw-1turn { 0% { -webkit-transform: rotate(-1turn); transform: rotate(-1turn); } 100% { -webkit-transform: rotate(0); transform: rotate(0); } } @keyframes spin-cw-1turn { 0% { -webkit-transform: rotate(-1turn); transform: rotate(-1turn); } 100% { -webkit-transform: rotate(0); transform: rotate(0); } } @keyframes spin-cw-1turn { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(1turn); transform: rotate(1turn); } } @-webkit-keyframes wiggle-7deg { 40%, 50%, 60% { -webkit-transform: rotate(7deg); transform: rotate(7deg); } 35%, 45%, 55%, 65% { -webkit-transform: rotate(-7deg); transform: rotate(-7deg); } 0%, 30%, 70%, 100% { -webkit-transform: rotate(0); transform: rotate(0); } } @keyframes wiggle-7deg { 40%, 50%, 60% { -webkit-transform: rotate(7deg); transform: rotate(7deg); } 35%, 45%, 55%, 65% { -webkit-transform: rotate(-7deg); transform: rotate(-7deg); } 0%, 30%, 70%, 100% { -webkit-transform: rotate(0); transform: rotate(0); } } @keyframes shake-7 { 0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% { -webkit-transform: translateX(7%); transform: translateX(7%); } 5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% { -webkit-transform: translateX(-7%); transform: translateX(-7%); } } @keyframes spin-cw-1turn { 0% { -webkit-transform: rotate(-1turn); transform: rotate(-1turn); } 100% { -webkit-transform: rotate(0); transform: rotate(0); } } @keyframes spin-cw-1turn { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(1turn); transform: rotate(1turn); } } @keyframes wiggle-7deg { 40%, 50%, 60% { -webkit-transform: rotate(7deg); transform: rotate(7deg); } 35%, 45%, 55%, 65% { -webkit-transform: rotate(-7deg); transform: rotate(-7deg); } 0%, 30%, 70%, 100% { -webkit-transform: rotate(0); transform: rotate(0); } }