@import 'https://fonts.googleapis.com/css?family=Lato:300,300i,400,700,900&display=swap';
@import url(../js/mediaplayer/mediaelementplayer.css);
.light, .reveal h1, .reveal h2 { font-family: 'Lato', sans-serif; font-weight: 300; font-style: normal; }

i { font-family: 'Lato', sans-serif; font-weight: 300; font-style: italic; }

.callout.sound-card .inner-card p, .all-comments .comment, .all-comments .comment .r-column p { font-family: 'Lato', sans-serif; font-weight: 400; font-style: normal; }

ul li, .bold, .main-nav, .all-comments .comment .card-actions-container li span { font-family: 'Lato', sans-serif; font-weight: 700; font-style: normal; }

.pagination, .callout.sound-card .inner-card h1 { font-family: 'Lato', sans-serif; font-weight: 900; font-style: normal; }

/* @include css-gradient(#dfdfdf,#f8f8f8); */
.image-replacement { text-indent: 100%; white-space: nowrap; overflow: hidden; }

span.amp { font-family: Baskerville,'Goudy Old Style',Palatino,'Book Antiqua',serif !important; font-style: italic; }

.valign-middle { display: table; height: rem-calc(375); }

.valign-middle .columns { display: table-cell; vertical-align: middle; }

.valign-middle .columns, .valign-middle [class*="column"] + [class*="column"]:last-child { float: none; }

.center-image, .single-app .mascot { display: block; margin: 0 auto; }

/** Foundation for Sites by ZURB Version 6.2.3 foundation.zurb.com Licensed under MIT Open Source */
.slide-in-down.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: translateY(-100%); transition-property: transform, opacity; backface-visibility: hidden; }

.slide-in-down.mui-enter.mui-enter-active { transform: translateY(0); }

.slide-in-left.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: translateX(-100%); transition-property: transform, opacity; backface-visibility: hidden; }

.slide-in-left.mui-enter.mui-enter-active { transform: translateX(0); }

.slide-in-up.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: translateY(100%); transition-property: transform, opacity; backface-visibility: hidden; }

.slide-in-up.mui-enter.mui-enter-active { transform: translateY(0); }

.slide-in-right.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: translateX(100%); transition-property: transform, opacity; backface-visibility: hidden; }

.slide-in-right.mui-enter.mui-enter-active { transform: translateX(0); }

.slide-out-down.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: translateY(0); transition-property: transform, opacity; backface-visibility: hidden; }

.slide-out-down.mui-leave.mui-leave-active { transform: translateY(100%); }

.slide-out-right.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: translateX(0); transition-property: transform, opacity; backface-visibility: hidden; }

.slide-out-right.mui-leave.mui-leave-active { transform: translateX(100%); }

.slide-out-up.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: translateY(0); transition-property: transform, opacity; backface-visibility: hidden; }

.slide-out-up.mui-leave.mui-leave-active { transform: translateY(-100%); }

.slide-out-left.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: translateX(0); transition-property: transform, opacity; backface-visibility: hidden; }

.slide-out-left.mui-leave.mui-leave-active { transform: translateX(-100%); }

.fade-in.mui-enter { transition-duration: 500ms; transition-timing-function: linear; opacity: 0; transition-property: opacity; }

.fade-in.mui-enter.mui-enter-active { opacity: 1; }

.fade-out.mui-leave { transition-duration: 500ms; transition-timing-function: linear; opacity: 1; transition-property: opacity; }

.fade-out.mui-leave.mui-leave-active { opacity: 0; }

.hinge-in-from-top.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotateX(-90deg); transform-origin: top; transition-property: transform, opacity; opacity: 0; }

.hinge-in-from-top.mui-enter.mui-enter-active { transform: perspective(2000px) rotate(0deg); opacity: 1; }

.hinge-in-from-right.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotateY(-90deg); transform-origin: right; transition-property: transform, opacity; opacity: 0; }

.hinge-in-from-right.mui-enter.mui-enter-active { transform: perspective(2000px) rotate(0deg); opacity: 1; }

.hinge-in-from-bottom.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotateX(90deg); transform-origin: bottom; transition-property: transform, opacity; opacity: 0; }

.hinge-in-from-bottom.mui-enter.mui-enter-active { transform: perspective(2000px) rotate(0deg); opacity: 1; }

.hinge-in-from-left.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotateY(90deg); transform-origin: left; transition-property: transform, opacity; opacity: 0; }

.hinge-in-from-left.mui-enter.mui-enter-active { transform: perspective(2000px) rotate(0deg); opacity: 1; }

.hinge-in-from-middle-x.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotateX(-90deg); transform-origin: center; transition-property: transform, opacity; opacity: 0; }

.hinge-in-from-middle-x.mui-enter.mui-enter-active { transform: perspective(2000px) rotate(0deg); opacity: 1; }

.hinge-in-from-middle-y.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotateY(-90deg); transform-origin: center; transition-property: transform, opacity; opacity: 0; }

.hinge-in-from-middle-y.mui-enter.mui-enter-active { transform: perspective(2000px) rotate(0deg); opacity: 1; }

.hinge-out-from-top.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotate(0deg); transform-origin: top; transition-property: transform, opacity; opacity: 1; }

.hinge-out-from-top.mui-leave.mui-leave-active { transform: perspective(2000px) rotateX(-90deg); opacity: 0; }

.hinge-out-from-right.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotate(0deg); transform-origin: right; transition-property: transform, opacity; opacity: 1; }

.hinge-out-from-right.mui-leave.mui-leave-active { transform: perspective(2000px) rotateY(-90deg); opacity: 0; }

.hinge-out-from-bottom.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotate(0deg); transform-origin: bottom; transition-property: transform, opacity; opacity: 1; }

.hinge-out-from-bottom.mui-leave.mui-leave-active { transform: perspective(2000px) rotateX(90deg); opacity: 0; }

.hinge-out-from-left.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotate(0deg); transform-origin: left; transition-property: transform, opacity; opacity: 1; }

.hinge-out-from-left.mui-leave.mui-leave-active { transform: perspective(2000px) rotateY(90deg); opacity: 0; }

.hinge-out-from-middle-x.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotate(0deg); transform-origin: center; transition-property: transform, opacity; opacity: 1; }

.hinge-out-from-middle-x.mui-leave.mui-leave-active { transform: perspective(2000px) rotateX(-90deg); opacity: 0; }

.hinge-out-from-middle-y.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotate(0deg); transform-origin: center; transition-property: transform, opacity; opacity: 1; }

.hinge-out-from-middle-y.mui-leave.mui-leave-active { transform: perspective(2000px) rotateY(-90deg); opacity: 0; }

.scale-in-up.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: scale(0.5); transition-property: transform, opacity; opacity: 0; }

.scale-in-up.mui-enter.mui-enter-active { transform: scale(1); opacity: 1; }

.scale-in-down.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: scale(1.5); transition-property: transform, opacity; opacity: 0; }

.scale-in-down.mui-enter.mui-enter-active { transform: scale(1); opacity: 1; }

.scale-out-up.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: scale(1); transition-property: transform, opacity; opacity: 1; }

.scale-out-up.mui-leave.mui-leave-active { transform: scale(1.5); opacity: 0; }

.scale-out-down.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: scale(1); transition-property: transform, opacity; opacity: 1; }

.scale-out-down.mui-leave.mui-leave-active { transform: scale(0.5); opacity: 0; }

.spin-in.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: rotate(-0.75turn); transition-property: transform, opacity; opacity: 0; }

.spin-in.mui-enter.mui-enter-active { transform: rotate(0); opacity: 1; }

.spin-out.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: rotate(0); transition-property: transform, opacity; opacity: 1; }

.spin-out.mui-leave.mui-leave-active { transform: rotate(0.75turn); opacity: 0; }

.spin-in-ccw.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: rotate(0.75turn); transition-property: transform, opacity; opacity: 0; }

.spin-in-ccw.mui-enter.mui-enter-active { transform: rotate(0); opacity: 1; }

.spin-out-ccw.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: rotate(0); transition-property: transform, opacity; opacity: 1; }

.spin-out-ccw.mui-leave.mui-leave-active { transform: rotate(-0.75turn); opacity: 0; }

.slow { transition-duration: 750ms !important; }

.fast { transition-duration: 250ms !important; }

.linear { transition-timing-function: linear !important; }

.ease { transition-timing-function: ease !important; }

.ease-in { transition-timing-function: ease-in !important; }

.ease-out { transition-timing-function: ease-out !important; }

.ease-in-out { transition-timing-function: ease-in-out !important; }

.bounce-in { transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; }

.bounce-out { transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; }

.bounce-in-out { transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; }

.short-delay { transition-delay: 300ms !important; }

.long-delay { transition-delay: 700ms !important; }

.shake { animation-name: shake-7; }

@keyframes shake-7 { 0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% { transform: translateX(7%); }
  5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% { transform: translateX(-7%); } }

.spin-cw { animation-name: spin-cw-1turn; }

@keyframes spin-cw-1turn { 0% { transform: rotate(-1turn); }
  100% { transform: rotate(0); } }

.spin-ccw { animation-name: spin-cw-1turn; }

@keyframes spin-cw-1turn { 0% { transform: rotate(0); }
  100% { transform: rotate(1turn); } }

.wiggle { animation-name: wiggle-7deg; }

@keyframes wiggle-7deg { 40%, 50%, 60% { transform: rotate(7deg); }
  35%, 45%, 55%, 65% { transform: rotate(-7deg); }
  0%, 30%, 70%, 100% { transform: rotate(0); } }

.shake, .spin-cw, .spin-ccw, .wiggle { animation-duration: 500ms; }

.infinite { animation-iteration-count: infinite; }

.slow { animation-duration: 750ms !important; }

.fast { animation-duration: 250ms !important; }

.linear { animation-timing-function: linear !important; }

.ease { animation-timing-function: ease !important; }

.ease-in { animation-timing-function: ease-in !important; }

.ease-out { animation-timing-function: ease-out !important; }

.ease-in-out { animation-timing-function: ease-in-out !important; }

.bounce-in { animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; }

.bounce-out { animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; }

.bounce-in-out { animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; }

.short-delay { animation-delay: 300ms !important; }

.long-delay { 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: 0.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: -0.5em; }

sub { bottom: -0.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 <fieldset> 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: "Lato", sans-serif; font-weight: 300; line-height: 1.5; color: #4a4e61; background: #fff; -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: 73.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: -0.625rem; margin-right: -0.625rem; }

.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: 0.625rem; padding-right: 0.625rem; }

.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: 6.25%; }

.small-push-1 { position: relative; left: 6.25%; }

.small-pull-1 { position: relative; left: -6.25%; }

.small-offset-0 { margin-left: 0%; }

.small-2 { width: 12.5%; }

.small-push-2 { position: relative; left: 12.5%; }

.small-pull-2 { position: relative; left: -12.5%; }

.small-offset-1 { margin-left: 6.25%; }

.small-3 { width: 18.75%; }

.small-push-3 { position: relative; left: 18.75%; }

.small-pull-3 { position: relative; left: -18.75%; }

.small-offset-2 { margin-left: 12.5%; }

.small-4 { width: 25%; }

.small-push-4 { position: relative; left: 25%; }

.small-pull-4 { position: relative; left: -25%; }

.small-offset-3 { margin-left: 18.75%; }

.small-5 { width: 31.25%; }

.small-push-5 { position: relative; left: 31.25%; }

.small-pull-5 { position: relative; left: -31.25%; }

.small-offset-4 { margin-left: 25%; }

.small-6 { width: 37.5%; }

.small-push-6 { position: relative; left: 37.5%; }

.small-pull-6 { position: relative; left: -37.5%; }

.small-offset-5 { margin-left: 31.25%; }

.small-7 { width: 43.75%; }

.small-push-7 { position: relative; left: 43.75%; }

.small-pull-7 { position: relative; left: -43.75%; }

.small-offset-6 { margin-left: 37.5%; }

.small-8 { width: 50%; }

.small-push-8 { position: relative; left: 50%; }

.small-pull-8 { position: relative; left: -50%; }

.small-offset-7 { margin-left: 43.75%; }

.small-9 { width: 56.25%; }

.small-push-9 { position: relative; left: 56.25%; }

.small-pull-9 { position: relative; left: -56.25%; }

.small-offset-8 { margin-left: 50%; }

.small-10 { width: 62.5%; }

.small-push-10 { position: relative; left: 62.5%; }

.small-pull-10 { position: relative; left: -62.5%; }

.small-offset-9 { margin-left: 56.25%; }

.small-11 { width: 68.75%; }

.small-push-11 { position: relative; left: 68.75%; }

.small-pull-11 { position: relative; left: -68.75%; }

.small-offset-10 { margin-left: 62.5%; }

.small-12 { width: 75%; }

.small-push-12 { position: relative; left: 75%; }

.small-pull-12 { position: relative; left: -75%; }

.small-offset-11 { margin-left: 68.75%; }

.small-13 { width: 81.25%; }

.small-push-13 { position: relative; left: 81.25%; }

.small-pull-13 { position: relative; left: -81.25%; }

.small-offset-12 { margin-left: 75%; }

.small-14 { width: 87.5%; }

.small-push-14 { position: relative; left: 87.5%; }

.small-pull-14 { position: relative; left: -87.5%; }

.small-offset-13 { margin-left: 81.25%; }

.small-15 { width: 93.75%; }

.small-push-15 { position: relative; left: 93.75%; }

.small-pull-15 { position: relative; left: -93.75%; }

.small-offset-14 { margin-left: 87.5%; }

.small-16 { width: 100%; }

.small-offset-15 { margin-left: 93.75%; }

.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.33333%; 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.66667%; 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-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: 0.625rem; padding-right: 0.625rem; }

.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; }

@media screen and (min-width: 40em) { .medium-1 { width: 6.25%; }
  .medium-push-1 { position: relative; left: 6.25%; }
  .medium-pull-1 { position: relative; left: -6.25%; }
  .medium-offset-0 { margin-left: 0%; }
  .medium-2 { width: 12.5%; }
  .medium-push-2 { position: relative; left: 12.5%; }
  .medium-pull-2 { position: relative; left: -12.5%; }
  .medium-offset-1 { margin-left: 6.25%; }
  .medium-3 { width: 18.75%; }
  .medium-push-3 { position: relative; left: 18.75%; }
  .medium-pull-3 { position: relative; left: -18.75%; }
  .medium-offset-2 { margin-left: 12.5%; }
  .medium-4 { width: 25%; }
  .medium-push-4 { position: relative; left: 25%; }
  .medium-pull-4 { position: relative; left: -25%; }
  .medium-offset-3 { margin-left: 18.75%; }
  .medium-5 { width: 31.25%; }
  .medium-push-5 { position: relative; left: 31.25%; }
  .medium-pull-5 { position: relative; left: -31.25%; }
  .medium-offset-4 { margin-left: 25%; }
  .medium-6 { width: 37.5%; }
  .medium-push-6 { position: relative; left: 37.5%; }
  .medium-pull-6 { position: relative; left: -37.5%; }
  .medium-offset-5 { margin-left: 31.25%; }
  .medium-7 { width: 43.75%; }
  .medium-push-7 { position: relative; left: 43.75%; }
  .medium-pull-7 { position: relative; left: -43.75%; }
  .medium-offset-6 { margin-left: 37.5%; }
  .medium-8 { width: 50%; }
  .medium-push-8 { position: relative; left: 50%; }
  .medium-pull-8 { position: relative; left: -50%; }
  .medium-offset-7 { margin-left: 43.75%; }
  .medium-9 { width: 56.25%; }
  .medium-push-9 { position: relative; left: 56.25%; }
  .medium-pull-9 { position: relative; left: -56.25%; }
  .medium-offset-8 { margin-left: 50%; }
  .medium-10 { width: 62.5%; }
  .medium-push-10 { position: relative; left: 62.5%; }
  .medium-pull-10 { position: relative; left: -62.5%; }
  .medium-offset-9 { margin-left: 56.25%; }
  .medium-11 { width: 68.75%; }
  .medium-push-11 { position: relative; left: 68.75%; }
  .medium-pull-11 { position: relative; left: -68.75%; }
  .medium-offset-10 { margin-left: 62.5%; }
  .medium-12 { width: 75%; }
  .medium-push-12 { position: relative; left: 75%; }
  .medium-pull-12 { position: relative; left: -75%; }
  .medium-offset-11 { margin-left: 68.75%; }
  .medium-13 { width: 81.25%; }
  .medium-push-13 { position: relative; left: 81.25%; }
  .medium-pull-13 { position: relative; left: -81.25%; }
  .medium-offset-12 { margin-left: 75%; }
  .medium-14 { width: 87.5%; }
  .medium-push-14 { position: relative; left: 87.5%; }
  .medium-pull-14 { position: relative; left: -87.5%; }
  .medium-offset-13 { margin-left: 81.25%; }
  .medium-15 { width: 93.75%; }
  .medium-push-15 { position: relative; left: 93.75%; }
  .medium-pull-15 { position: relative; left: -93.75%; }
  .medium-offset-14 { margin-left: 87.5%; }
  .medium-16 { width: 100%; }
  .medium-offset-15 { margin-left: 93.75%; }
  .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.33333%; 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.66667%; 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-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: 0.625rem; padding-right: 0.625rem; }
  .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; } }

@media screen and (min-width: 64em) { .large-1 { width: 6.25%; }
  .large-push-1 { position: relative; left: 6.25%; }
  .large-pull-1 { position: relative; left: -6.25%; }
  .large-offset-0 { margin-left: 0%; }
  .large-2 { width: 12.5%; }
  .large-push-2 { position: relative; left: 12.5%; }
  .large-pull-2 { position: relative; left: -12.5%; }
  .large-offset-1 { margin-left: 6.25%; }
  .large-3 { width: 18.75%; }
  .large-push-3 { position: relative; left: 18.75%; }
  .large-pull-3 { position: relative; left: -18.75%; }
  .large-offset-2 { margin-left: 12.5%; }
  .large-4 { width: 25%; }
  .large-push-4 { position: relative; left: 25%; }
  .large-pull-4 { position: relative; left: -25%; }
  .large-offset-3 { margin-left: 18.75%; }
  .large-5 { width: 31.25%; }
  .large-push-5 { position: relative; left: 31.25%; }
  .large-pull-5 { position: relative; left: -31.25%; }
  .large-offset-4 { margin-left: 25%; }
  .large-6 { width: 37.5%; }
  .large-push-6 { position: relative; left: 37.5%; }
  .large-pull-6 { position: relative; left: -37.5%; }
  .large-offset-5 { margin-left: 31.25%; }
  .large-7 { width: 43.75%; }
  .large-push-7 { position: relative; left: 43.75%; }
  .large-pull-7 { position: relative; left: -43.75%; }
  .large-offset-6 { margin-left: 37.5%; }
  .large-8 { width: 50%; }
  .large-push-8 { position: relative; left: 50%; }
  .large-pull-8 { position: relative; left: -50%; }
  .large-offset-7 { margin-left: 43.75%; }
  .large-9 { width: 56.25%; }
  .large-push-9 { position: relative; left: 56.25%; }
  .large-pull-9 { position: relative; left: -56.25%; }
  .large-offset-8 { margin-left: 50%; }
  .large-10 { width: 62.5%; }
  .large-push-10 { position: relative; left: 62.5%; }
  .large-pull-10 { position: relative; left: -62.5%; }
  .large-offset-9 { margin-left: 56.25%; }
  .large-11 { width: 68.75%; }
  .large-push-11 { position: relative; left: 68.75%; }
  .large-pull-11 { position: relative; left: -68.75%; }
  .large-offset-10 { margin-left: 62.5%; }
  .large-12 { width: 75%; }
  .large-push-12 { position: relative; left: 75%; }
  .large-pull-12 { position: relative; left: -75%; }
  .large-offset-11 { margin-left: 68.75%; }
  .large-13 { width: 81.25%; }
  .large-push-13 { position: relative; left: 81.25%; }
  .large-pull-13 { position: relative; left: -81.25%; }
  .large-offset-12 { margin-left: 75%; }
  .large-14 { width: 87.5%; }
  .large-push-14 { position: relative; left: 87.5%; }
  .large-pull-14 { position: relative; left: -87.5%; }
  .large-offset-13 { margin-left: 81.25%; }
  .large-15 { width: 93.75%; }
  .large-push-15 { position: relative; left: 93.75%; }
  .large-pull-15 { position: relative; left: -93.75%; }
  .large-offset-14 { margin-left: 87.5%; }
  .large-16 { width: 100%; }
  .large-offset-15 { margin-left: 93.75%; }
  .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.33333%; 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.66667%; 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-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: 0.625rem; padding-right: 0.625rem; }
  .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; } }

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.6; 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: "Lato", sans-serif; font-weight: 700; font-style: normal; color: #4a4e61; text-rendering: optimizeLegibility; margin-top: 0; margin-bottom: 0.5rem; line-height: 1.4; }

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { color: rgba(74, 78, 97, 0.55); line-height: 0; }

h1 { font-size: 1.5rem; }

h2 { font-size: 1.25rem; }

h3 { font-size: 1.375rem; }

h4 { font-size: 1.125rem; }

h5 { font-size: 1.0625rem; }

h6 { font-size: 1.125rem; }

@media screen and (min-width: 40em) { h1 { font-size: 3rem; }
  h2 { font-size: 2.5rem; }
  h3 { font-size: 2.25rem; }
  h4 { font-size: 1.5625rem; }
  h5 { font-size: 1.25rem; }
  h6 { font-size: 1.125rem; } }

a { color: #87518a; text-decoration: none; line-height: inherit; cursor: pointer; }

a:hover, a:focus { color: #744677; }

a img { border: 0; }

hr { max-width: 73.75rem; height: 0; border-right: 0; border-top: 0; border-left: 0; margin: 1.5625rem auto; clear: both; }

ul, ol, dl { line-height: 1.6; margin-bottom: 0; list-style-position: outside; }

li { font-size: inherit; }

ul { list-style-type: none; margin-left: 0; }

ol { margin-left: 0; }

ul ul, ol ul, ul ol, ol ol { margin-left: 1.25rem; margin-bottom: 0; }

dl { margin-bottom: 1rem; }

dl dt { margin-bottom: 0.3rem; font-weight: bold; }

blockquote { margin: 0 0 1rem; padding: 0.5625rem 1.25rem 0 1.1875rem; border-left: 1px solid #f7f7f7; }

blockquote, blockquote p { line-height: 1.6; color: #8a8a8a; }

cite { display: block; font-size: 0.8125rem; color: #8a8a8a; }

cite:before { content: '\2014 \0020'; }

abbr { color: #4a4e61; cursor: help; border-bottom: 1px dotted #0a0a0a; }

code { font-family: "Lato", sans-serif; font-weight: 700; color: #4a4e61; background-color: #e6e6e6; border: 1px solid #f7f7f7; padding: 0.125rem 0.3125rem 0.0625rem; }

kbd { padding: 0.125rem 0.25rem 0; margin: 0; background-color: #e6e6e6; color: #0a0a0a; font-family: Consolas, "Liberation Mono", Courier, monospace; }

.subheader { margin-top: 0.2rem; margin-bottom: 0.5rem; font-weight: 300; line-height: 1.4; color: #8a8a8a; }

.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; }

@media screen and (min-width: 40em) { .medium-text-left { text-align: left; }
  .medium-text-right { text-align: right; }
  .medium-text-center { text-align: center; }
  .medium-text-justify { text-align: justify; } }

@media screen and (min-width: 64em) { .large-text-left { text-align: left; }
  .large-text-right { text-align: right; }
  .large-text-center { text-align: center; }
  .large-text-justify { text-align: justify; } }

.show-for-print { 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 #8a8a8a; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; } }

.button { display: inline-block; text-align: center; line-height: 1; cursor: pointer; -webkit-appearance: none; transition: background-color 0.25s ease-out, color 0.25s ease-out; vertical-align: middle; border: 1px solid transparent; border-radius: 0.1875rem; padding: 1.25rem 1.875rem; margin: 0; font-size: 0.9rem; background-color: #87518a; color: #fff; }

[data-whatinput='mouse'] .button { outline: 0; }

.button:hover, .button:focus { background-color: #734575; color: #fff; }

.button.tiny { font-size: 0.6rem; }

.button.small { font-size: 0.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: 0.25; cursor: not-allowed; }

.button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { background-color: #87518a; color: #fff; }

.button.dropdown::after { content: ''; display: block; width: 0; height: 0; border: inset 0.4em; border-color: #fff transparent transparent; border-top-style: solid; border-bottom-width: 0; position: relative; top: 0.4em; float: right; margin-left: 1.875rem; display: inline-block; }

.button.arrow-only::after { margin-left: 0; float: none; top: -0.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.75rem; padding: 0.5rem; border: 2px solid #d8e1e6; margin: 0 0 1rem; font-family: inherit; font-size: 1.3125rem; color: #455a64; background-color: #fff; box-shadow: inset 0 0 0 rgba(10, 10, 10, 0); border-radius: 0.3125rem; transition: box-shadow 0.5s, border-color 0.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: 2px solid #88528b; background-color: #fff; outline: none; box-shadow: 0 0 0 #f7f7f7; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }

textarea { max-width: 100%; }

textarea[rows] { height: auto; }

input::placeholder, textarea::placeholder { color: #f7f7f7; }

input:disabled, input[readonly], textarea:disabled, textarea[readonly] { background-color: #eef1f2; cursor: default; }

[type='submit'], [type='button'] { border-radius: 0.1875rem; -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: 0.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: 0.5rem; }

[type='file'] { width: 100%; }

label { display: block; margin: 0; font-size: 1.0625rem; font-weight: 400; line-height: 1.5625rem; color: #546e7a; }

label.middle { margin: 0 0 1rem; padding: 0.625rem 0; }

.help-text { margin-top: -0.5rem; font-size: 1rem; font-style: normal; color: #546e7a; }

.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: #0a0a0a; border: 1px solid #f7f7f7; 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.8125rem; }

.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: 0.5rem; max-width: 100%; }

.fieldset { border: 1px solid #f7f7f7; padding: 1.25rem; margin: 1.125rem 0; }

.fieldset legend { background: #fff; padding: 0 0.1875rem; margin: 0; margin-left: -0.1875rem; }

select { height: 2.75rem; padding: 0.5rem; border: 2px solid #d8e1e6; margin: 0 0 1rem; font-size: 1.3125rem; font-family: inherit; line-height: normal; color: #455a64; background-color: #fafafa; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%2851, 51, 51%29'></polygon></svg>"); background-size: 9px 6px; background-position: right -1rem center; background-origin: content-box; background-repeat: no-repeat; padding-right: 1.5rem; }

@media screen and (min-width: 0\0) { select { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg=="); } }

select:disabled { background-color: #eef1f2; cursor: default; }

select::-ms-expand { display: none; }

select[multiple] { height: auto; background-image: none; }

.is-invalid-input:not(:focus) { background-color: rgba(231, 76, 72, 0.1); border-color: #e74c48; }

.is-invalid-label { color: #e74c48; }

.form-error { display: none; margin-top: -0.5rem; margin-bottom: 1rem; font-size: 0.75rem; font-weight: bold; color: #e74c48; }

.form-error.is-visible { display: block; }

.hide { display: none !important; }

.invisible { visibility: hidden; }

@media screen and (max-width: 39.9375em) { .hide-for-small-only { display: none !important; } }

@media screen and (max-width: 0em), screen and (min-width: 40em) { .show-for-small-only { display: none !important; } }

@media screen and (min-width: 40em) { .hide-for-medium { display: none !important; } }

@media screen and (max-width: 39.9375em) { .show-for-medium { display: none !important; } }

@media screen and (min-width: 40em) and (max-width: 63.9375em) { .hide-for-medium-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: 64em) { .hide-for-large { display: none !important; } }

@media screen and (max-width: 63.9375em) { .show-for-large { display: none !important; } }

@media screen and (min-width: 64em) and (max-width: 74.9375em) { .hide-for-large-only { display: none !important; } }

@media screen and (max-width: 63.9375em), screen and (min-width: 75em) { .show-for-large-only { display: none !important; } }

.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; }

@media screen and (orientation: landscape) { .show-for-landscape, .hide-for-portrait { display: block !important; } }

@media screen and (orientation: portrait) { .show-for-landscape, .hide-for-portrait { display: none !important; } }

.hide-for-landscape, .show-for-portrait { display: none !important; }

@media screen and (orientation: landscape) { .hide-for-landscape, .show-for-portrait { display: none !important; } }

@media screen and (orientation: portrait) { .hide-for-landscape, .show-for-portrait { display: block !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; }

.accordion { list-style-type: none; background: rgba(255, 255, 255, 0); margin-left: 0; }

.accordion-item:first-child > :first-child { border-radius: 0 0 0 0; }

.accordion-item:last-child > :last-child { border-radius: 0 0 0 0; }

.accordion-title { display: block; padding: 1.25rem 0.25rem; line-height: 1; font-size: 0.75rem; color: #87518a; position: relative; border: 0px solid #e6e6e6; border-bottom: 0; }

:last-child:not(.is-active) > .accordion-title { border-radius: 0 0 0 0; border-bottom: 0px solid #e6e6e6; }

.accordion-title:hover, .accordion-title:focus { background-color: rgba(236, 239, 241, 0); }

.accordion-content { padding: 0.3125rem 0 2.1875rem; display: none; border: 0px solid #e6e6e6; border-bottom: 0; background-color: rgba(255, 255, 255, 0); color: #4a4e61; }

:last-child > .accordion-content:last-child { border-bottom: 0px solid #e6e6e6; }

.is-accordion-submenu-parent > a { position: relative; }

.is-accordion-submenu-parent > a::after { content: ''; display: block; width: 0; height: 0; border: inset 6px; border-color: #2199e8 transparent transparent; border-top-style: solid; border-bottom-width: 0; position: absolute; top: 50%; margin-top: -4px; right: 1rem; }

.is-accordion-submenu-parent[aria-expanded='true'] > a::after { transform-origin: 50% 50%; transform: scaleY(-1); }

.badge { display: inline-block; padding: 0.3em; min-width: 2.1em; font-size: 0.6rem; text-align: center; border-radius: 50%; background: #87518a; color: #fff; }

.badge.secondary { background: #777; color: #fff; }

.badge.success { background: #3adb76; color: #fff; }

.badge.warning { background: #ffae00; color: #fff; }

.badge.alert { background: #ec5840; color: #fff; }

.breadcrumbs { list-style: none; margin: 0 0 1rem 0; }

.breadcrumbs::before, .breadcrumbs::after { content: ' '; display: table; }

.breadcrumbs::after { clear: both; }

.breadcrumbs li { float: left; color: #0a0a0a; font-size: 0.6875rem; cursor: default; text-transform: uppercase; }

.breadcrumbs li:not(:last-child)::after { color: #f7f7f7; content: "/"; margin: 0 0.75rem; position: relative; top: 1px; opacity: 1; }

.breadcrumbs a { color: #87518a; }

.breadcrumbs a:hover { text-decoration: underline; }

.breadcrumbs .disabled { color: #f7f7f7; cursor: not-allowed; }

.button-group { margin-bottom: 1rem; font-size: 0; }

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

.button-group::after { clear: both; }

.button-group .button { margin: 0; margin-right: 1px; margin-bottom: 1px; font-size: 0.9rem; }

.button-group .button:last-child { margin-right: 0; }

.button-group.tiny .button { font-size: 0.6rem; }

.button-group.small .button { font-size: 0.75rem; }

.button-group.large .button { font-size: 1.25rem; }

.button-group.expanded { margin-right: -1px; }

.button-group.expanded::before, .button-group.expanded::after { display: none; }

.button-group.expanded .button:first-child:nth-last-child(2), .button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button { display: inline-block; width: calc(50% - 1px); margin-right: 1px; }

.button-group.expanded .button:first-child:nth-last-child(2):last-child, .button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button:last-child { margin-right: -6px; }

.button-group.expanded .button:first-child:nth-last-child(3), .button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button { display: inline-block; width: calc(33.33333% - 1px); margin-right: 1px; }

.button-group.expanded .button:first-child:nth-last-child(3):last-child, .button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button:last-child { margin-right: -6px; }

.button-group.expanded .button:first-child:nth-last-child(4), .button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button { display: inline-block; width: calc(25% - 1px); margin-right: 1px; }

.button-group.expanded .button:first-child:nth-last-child(4):last-child, .button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button:last-child { margin-right: -6px; }

.button-group.expanded .button:first-child:nth-last-child(5), .button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button { display: inline-block; width: calc(20% - 1px); margin-right: 1px; }

.button-group.expanded .button:first-child:nth-last-child(5):last-child, .button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button:last-child { margin-right: -6px; }

.button-group.expanded .button:first-child:nth-last-child(6), .button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button { display: inline-block; width: calc(16.66667% - 1px); margin-right: 1px; }

.button-group.expanded .button:first-child:nth-last-child(6):last-child, .button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button:last-child { margin-right: -6px; }

.button-group.primary .button { background-color: #2199e8; color: #fff; }

.button-group.primary .button:hover, .button-group.primary .button:focus { background-color: #147cc0; color: #fff; }

.button-group.secondary .button { background-color: #777; color: #fff; }

.button-group.secondary .button:hover, .button-group.secondary .button:focus { background-color: #5f5f5f; color: #fff; }

.button-group.success .button { background-color: #3adb76; color: #fff; }

.button-group.success .button:hover, .button-group.success .button:focus { background-color: #22bb5b; color: #fff; }

.button-group.warning .button { background-color: #ffae00; color: #fff; }

.button-group.warning .button:hover, .button-group.warning .button:focus { background-color: #cc8b00; color: #fff; }

.button-group.alert .button { background-color: #ec5840; color: #fff; }

.button-group.alert .button:hover, .button-group.alert .button:focus { background-color: #da3116; color: #fff; }

.button-group.stacked .button, .button-group.stacked-for-small .button, .button-group.stacked-for-medium .button { width: 100%; }

.button-group.stacked .button:last-child, .button-group.stacked-for-small .button:last-child, .button-group.stacked-for-medium .button:last-child { margin-bottom: 0; }

@media screen and (min-width: 40em) { .button-group.stacked-for-small .button { width: auto; margin-bottom: 0; } }

@media screen and (min-width: 64em) { .button-group.stacked-for-medium .button { width: auto; margin-bottom: 0; } }

@media screen and (max-width: 39.9375em) { .button-group.stacked-for-small.expanded { display: block; }
  .button-group.stacked-for-small.expanded .button { display: block; margin-right: 0; } }

.callout { margin: 0 0 1rem 0; padding: 1.25rem 1.875rem 1.5625rem; border: 0px solid rgba(10, 10, 10, 0.25); border-radius: 0; position: relative; color: #4a4e61; background-color: white; }

.callout > :first-child { margin-top: 0; }

.callout > :last-child { margin-bottom: 0; }

.callout.primary { background-color: #def0fc; }

.callout.secondary { background-color: #ebebeb; }

.callout.success { background-color: #e1faea; }

.callout.warning { background-color: #fff3d9; }

.callout.alert { background-color: #fce6e2; }

.callout.small { padding-top: 0.5rem; padding-right: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.5rem; }

.callout.large { padding-top: 3rem; padding-right: 3rem; padding-bottom: 3rem; padding-left: 3rem; }

.close-button { position: absolute; color: #87518a; right: 1rem; top: 0.5rem; font-size: 2em; line-height: 1; cursor: pointer; }

[data-whatinput='mouse'] .close-button { outline: 0; }

.close-button:hover, .close-button:focus { color: #9b5d9e; }

.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; transition: transform 0.15s linear; }

.is-drilldown-submenu.is-active { z-index: 1; display: block; transform: translateX(-100%); }

.is-drilldown-submenu.is-closing { 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: 0.75rem; }

.dropdown-pane { background-color: #fff; border: 1px solid #f7f7f7; 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: #87518a 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 #87518a 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 #87518a; border-left-style: solid; border-right-width: 0; }

@media screen and (min-width: 40em) { .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: #87518a 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 #87518a 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 #87518a; border-left-style: solid; border-right-width: 0; } }

@media screen and (min-width: 64em) { .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: #87518a 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 #87518a 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 #87518a; 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: #87518a; border: 1px solid #9b5d9e; }

.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 #87518a 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 #87518a; 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; }

.flex-video { position: relative; height: 0; padding-bottom: 75%; margin-bottom: 1rem; overflow: hidden; }

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

.flex-video.widescreen { padding-bottom: 56.25%; }

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

.label { display: inline-block; padding: 0.33333rem 0.5rem; font-size: 0.8rem; line-height: 1; white-space: nowrap; cursor: default; border-radius: 0; background: #87518a; color: #fff; }

.label.secondary { background: #777; color: #fff; }

.label.success { background: #3adb76; color: #fff; }

.label.warning { background: #ffae00; color: #fff; }

.label.alert { background: #ec5840; color: #fff; }

.media-object { margin-bottom: 1rem; display: block; }

.media-object img { max-width: none; }

@media screen and (max-width: 39.9375em) { .media-object.stack-for-small .media-object-section { padding: 0; padding-bottom: 1rem; display: block; }
  .media-object.stack-for-small .media-object-section img { width: 100%; } }

.media-object-section { display: table-cell; vertical-align: top; }

.media-object-section:first-child { padding-right: 1rem; }

.media-object-section:last-child:not(:nth-child(2)) { padding-left: 1rem; }

.media-object-section > :last-child { margin-bottom: 0; }

.media-object-section.middle { vertical-align: middle; }

.media-object-section.bottom { vertical-align: bottom; }

.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: 0.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: 0.25rem; display: inline-block; }

.menu > li { display: table-cell; }

.menu.vertical > li { display: block; }

@media screen and (min-width: 40em) { .menu.medium-horizontal > li { display: table-cell; }
  .menu.medium-vertical > li { display: block; } }

@media screen and (min-width: 64em) { .menu.large-horizontal > li { display: table-cell; }
  .menu.large-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 0.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: 0.7rem 1rem; }

.menu-centered { text-align: center; }

.menu-centered > .menu { display: inline-block; }

.no-js [data-responsive-menu] ul { display: none; }

html, body { height: 100%; }

.off-canvas-wrapper { width: 100%; overflow-x: hidden; position: relative; backface-visibility: hidden; -webkit-overflow-scrolling: auto; }

.off-canvas-wrapper-inner { position: relative; width: 100%; transition: transform 0.5s ease; }

.off-canvas-wrapper-inner::before, .off-canvas-wrapper-inner::after { content: ' '; display: table; }

.off-canvas-wrapper-inner::after { clear: both; }

.off-canvas-content, .off-canvas-content { min-height: 100%; background: #fff; transition: transform 0.5s ease; backface-visibility: hidden; z-index: 1; padding-bottom: 0.1px; box-shadow: 0 0 10px rgba(10, 10, 10, 0.5); }

.js-off-canvas-exit { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.25); cursor: pointer; transition: background 0.5s ease; }

.off-canvas { position: absolute; background: #e6e6e6; z-index: -1; max-height: 100%; overflow-y: auto; transform: translateX(0); }

[data-whatinput='mouse'] .off-canvas { outline: 0; }

.off-canvas.position-left { left: -250px; top: 0; width: 250px; }

.is-open-left { transform: translateX(250px); }

.off-canvas.position-right { right: -250px; top: 0; width: 250px; }

.is-open-right { transform: translateX(-250px); }

@media screen and (min-width: 40em) { .position-left.reveal-for-medium { left: 0; z-index: auto; position: fixed; }
  .position-left.reveal-for-medium ~ .off-canvas-content { margin-left: 250px; }
  .position-right.reveal-for-medium { right: 0; z-index: auto; position: fixed; }
  .position-right.reveal-for-medium ~ .off-canvas-content { margin-right: 250px; } }

@media screen and (min-width: 64em) { .position-left.reveal-for-large { left: 0; z-index: auto; position: fixed; }
  .position-left.reveal-for-large ~ .off-canvas-content { margin-left: 250px; }
  .position-right.reveal-for-large { right: 0; z-index: auto; position: fixed; }
  .position-right.reveal-for-large ~ .off-canvas-content { margin-right: 250px; } }

.orbit { position: relative; }

.orbit-container { position: relative; margin: 0; overflow: hidden; list-style: none; }

.orbit-slide { width: 100%; max-height: 100%; }

.orbit-slide.no-motionui.is-active { top: 0; left: 0; }

.orbit-figure { margin: 0; }

.orbit-image { margin: 0; width: 100%; max-width: 100%; }

.orbit-caption { position: absolute; bottom: 0; width: 100%; padding: 1rem; margin-bottom: 0; color: #fff; background-color: rgba(10, 10, 10, 0.5); }

.orbit-previous, .orbit-next { position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; padding: 1rem; color: #fff; }

[data-whatinput='mouse'] .orbit-previous, [data-whatinput='mouse'] .orbit-next { outline: 0; }

.orbit-previous:hover, .orbit-next:hover, .orbit-previous:active, .orbit-next:active, .orbit-previous:focus, .orbit-next:focus { background-color: rgba(10, 10, 10, 0.5); }

.orbit-previous { left: 0; }

.orbit-next { left: auto; right: 0; }

.orbit-bullets { position: relative; margin-top: 0.8rem; margin-bottom: 0.8rem; text-align: center; }

[data-whatinput='mouse'] .orbit-bullets { outline: 0; }

.orbit-bullets button { width: 1.2rem; height: 1.2rem; margin: 0.1rem; background-color: #f7f7f7; border-radius: 50%; }

.orbit-bullets button:hover { background-color: #8a8a8a; }

.orbit-bullets button.is-active { background-color: #8a8a8a; }

.pagination { margin-left: 0; margin-bottom: 1rem; }

.pagination::before, .pagination::after { content: ' '; display: table; }

.pagination::after { clear: both; }

.pagination li { font-size: 1rem; margin-right: 0.3125rem; border-radius: 0.3125rem; display: none; }

.pagination li:last-child, .pagination li:first-child { display: inline-block; }

@media screen and (min-width: 40em) { .pagination li { display: inline-block; } }

.pagination a, .pagination button { color: #4a4e61; display: block; padding: 0.1875rem 0.625rem; border-radius: 0; }

.pagination a:hover, .pagination button:hover { background: #87518a; }

.pagination .current { padding: 0.1875rem 0.625rem; background: #87518a; color: #fff; cursor: default; }

.pagination .disabled { padding: 0.1875rem 0.625rem; color: #b2b5bb; cursor: not-allowed; }

.pagination .disabled:hover { background: transparent; }

.pagination .ellipsis::after { content: '\2026'; padding: 0.1875rem 0.625rem; color: #b2b5bb; }

.pagination-previous a::before, .pagination-previous.disabled::before { content: '\00ab'; display: inline-block; margin-right: 0.5rem; }

.pagination-next a::after, .pagination-next.disabled::after { content: '\00bb'; display: inline-block; margin-left: 0.5rem; }

.progress { background-color: #f7f7f7; height: 1rem; margin-bottom: 1rem; border-radius: 0; }

.progress.primary .progress-meter { background-color: #2199e8; }

.progress.secondary .progress-meter { background-color: #777; }

.progress.success .progress-meter { background-color: #3adb76; }

.progress.warning .progress-meter { background-color: #ffae00; }

.progress.alert .progress-meter { background-color: #ec5840; }

.progress-meter { position: relative; display: block; width: 0%; height: 100%; background-color: #87518a; }

.progress-meter-text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); position: absolute; margin: 0; font-size: 0.75rem; font-weight: bold; color: #fff; white-space: nowrap; }

.slider { position: relative; height: 0.5rem; margin-top: 1.25rem; margin-bottom: 2.25rem; background-color: #e6e6e6; cursor: pointer; user-select: none; touch-action: none; }

.slider-fill { position: absolute; top: 0; left: 0; display: inline-block; max-width: 100%; height: 0.5rem; background-color: #f7f7f7; transition: all 0.2s ease-in-out; }

.slider-fill.is-dragging { transition: all 0s linear; }

.slider-handle { position: absolute; top: 50%; transform: translateY(-50%); position: absolute; left: 0; z-index: 1; display: inline-block; width: 1.4rem; height: 1.4rem; background-color: #87518a; transition: all 0.2s ease-in-out; touch-action: manipulation; border-radius: 0; }

[data-whatinput='mouse'] .slider-handle { outline: 0; }

.slider-handle:hover { background-color: #734575; }

.slider-handle.is-dragging { transition: all 0s linear; }

.slider.disabled, .slider[disabled] { opacity: 0.25; cursor: not-allowed; }

.slider.vertical { display: inline-block; width: 0.5rem; height: 12.5rem; margin: 0 1.25rem; transform: scale(1, -1); }

.slider.vertical .slider-fill { top: 0; width: 0.5rem; max-height: 100%; }

.slider.vertical .slider-handle { position: absolute; top: 0; left: 50%; width: 1.4rem; height: 1.4rem; transform: translateX(-50%); }

.sticky-container { position: relative; }

.sticky { position: absolute; z-index: 0; transform: translate3d(0, 0, 0); }

.sticky.is-stuck { position: fixed; z-index: 5; }

.sticky.is-stuck.is-at-top { top: 0; }

.sticky.is-stuck.is-at-bottom { bottom: 0; }

.sticky.is-anchored { position: absolute; left: auto; right: auto; }

.sticky.is-anchored.is-at-bottom { bottom: 0; }

body.is-reveal-open { overflow: hidden; }

html.is-reveal-open, html.is-reveal-open body { height: 100%; overflow: hidden; user-select: none; }

.reveal-overlay { display: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 1005; background-color: rgba(135, 81, 138, 0.65); overflow-y: scroll; }

.reveal { display: none; z-index: 1006; padding: 0.9375rem 2.1875rem 2.8125rem; border: 0px solid #f7f7f7; background-color: #fff; border-radius: 0.3125rem; position: relative; top: 100px; margin-left: auto; margin-right: auto; overflow-y: auto; }

[data-whatinput='mouse'] .reveal { outline: 0; }

@media screen and (min-width: 40em) { .reveal { min-height: 0; } }

.reveal .column, .reveal .columns, .reveal .columns { min-width: 0; }

.reveal > :last-child { margin-bottom: 0; }

@media screen and (min-width: 40em) { .reveal { width: 600px; max-width: 73.75rem; } }

@media screen and (min-width: 40em) { .reveal .reveal { left: auto; right: auto; margin: 0 auto; } }

.reveal.collapse { padding: 0; }

@media screen and (min-width: 40em) { .reveal.tiny { width: 30%; max-width: 73.75rem; } }

@media screen and (min-width: 40em) { .reveal.small { width: 50%; max-width: 73.75rem; } }

@media screen and (min-width: 40em) { .reveal.large { width: 90%; max-width: 73.75rem; } }

.reveal.full { top: 0; left: 0; width: 100%; height: 100%; height: 100vh; min-height: 100vh; max-width: none; margin-left: 0; border: 0; border-radius: 0; }

@media screen and (max-width: 39.9375em) { .reveal { top: 0; left: 0; width: 100%; height: 100%; height: 100vh; min-height: 100vh; max-width: none; margin-left: 0; border: 0; border-radius: 0; } }

.reveal.without-overlay { position: fixed; }

.switch { margin-bottom: 1rem; outline: 0; position: relative; user-select: none; color: #fff; font-weight: bold; font-size: 0.875rem; }

.switch-input { opacity: 0; position: absolute; }

.switch-paddle { background: #ccc; cursor: pointer; display: block; position: relative; width: 4rem; height: 2rem; transition: all 0.25s ease-out; border-radius: 0.1875rem; color: inherit; font-weight: inherit; }

input + .switch-paddle { margin: 0; }

.switch-paddle::after { background: #fff; content: ''; display: block; position: absolute; height: 1.5rem; left: 0.25rem; top: 0.25rem; width: 1.5rem; transition: all 0.25s ease-out; transform: translate3d(0, 0, 0); border-radius: 0; }

input:checked ~ .switch-paddle { background: #87518a; }

input:checked ~ .switch-paddle::after { left: 2.25rem; }

[data-whatinput='mouse'] input:focus ~ .switch-paddle { outline: 0; }

.switch-active, .switch-inactive { position: absolute; top: 50%; transform: translateY(-50%); }

.switch-active { left: 8%; display: none; }

input:checked + label > .switch-active { display: block; }

.switch-inactive { right: 15%; }

input:checked + label > .switch-inactive { display: none; }

.switch.tiny .switch-paddle { width: 3rem; height: 1.5rem; font-size: 0.625rem; }

.switch.tiny .switch-paddle::after { width: 1rem; height: 1rem; }

.switch.tiny input:checked ~ .switch-paddle::after { left: 1.75rem; }

.switch.small .switch-paddle { width: 3.5rem; height: 1.75rem; font-size: 0.75rem; }

.switch.small .switch-paddle::after { width: 1.25rem; height: 1.25rem; }

.switch.small input:checked ~ .switch-paddle::after { left: 2rem; }

.switch.large .switch-paddle { width: 5rem; height: 2.5rem; font-size: 1rem; }

.switch.large .switch-paddle::after { width: 2rem; height: 2rem; }

.switch.large input:checked ~ .switch-paddle::after { left: 2.75rem; }

table { width: 100%; margin-bottom: 1rem; border-radius: 0; }

thead, tbody, tfoot { border: 1px solid rgba(242, 242, 242, 0); background-color: rgba(255, 255, 255, 0); }

caption { font-weight: bold; padding: 0.5rem 0.625rem 0.625rem; }

thead, tfoot { background: rgba(249, 249, 249, 0); color: #4a4e61; }

thead tr, tfoot tr { background: transparent; }

thead th, thead td, tfoot th, tfoot td { padding: 0.5rem 0.625rem 0.625rem; font-weight: bold; text-align: left; }

tbody tr:nth-child(even) { background-color: rgba(242, 242, 242, 0); }

tbody th, tbody td { padding: 0.5rem 0.625rem 0.625rem; }

@media screen and (max-width: 63.9375em) { table.stack thead { display: none; }
  table.stack tfoot { display: none; }
  table.stack tr, table.stack th, table.stack td { display: block; }
  table.stack td { border-top: 0; } }

table.scroll { display: block; width: 100%; overflow-x: auto; }

table.hover tr:hover { background-color: rgba(250, 250, 250, 0); }

table.hover tr:nth-of-type(even):hover { background-color: rgba(237, 237, 237, 0); }

.table-scroll { overflow-x: auto; }

.table-scroll table { width: auto; }

.tabs { margin: 0; list-style-type: none; background: rgba(255, 255, 255, 0); border: 1px solid 0 none; }

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

.tabs::after { clear: both; }

.tabs.vertical > li { width: auto; float: none; display: block; }

.tabs.simple > li > a { padding: 0; }

.tabs.simple > li > a:hover { background: transparent; }

.tabs.primary { background: #2199e8; }

.tabs.primary > li > a { color: #fff; }

.tabs.primary > li > a:hover, .tabs.primary > li > a:focus { background: #1893e4; }

.tabs-title { float: left; }

.tabs-title > a { display: block; padding: 1.25rem 1.5rem; line-height: 1; font-size: 0.75rem; }

.tabs-title > a:hover { background: #fff; }

.tabs-title > a:focus, .tabs-title > a[aria-selected='true'] { background: #87518a; }

.tabs-content { background: rgba(255, 255, 255, 0); transition: all 0.5s ease; border: 1px solid 0 none; border-top: 0; }

.tabs-content.vertical { border: 1px solid 0 none; border-left: 0; }

.tabs-panel { display: none; padding: 0; }

.tabs-panel.is-active { display: block; }

.thumbnail { border: solid 4px #fff; box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2); display: inline-block; line-height: 0; max-width: 100%; transition: box-shadow 200ms ease-out; border-radius: 0; margin-bottom: 1rem; }

.thumbnail:hover, .thumbnail:focus { box-shadow: 0 0 6px 1px rgba(135, 81, 138, 0.5); }

.title-bar { background: #0a0a0a; color: #fff; padding: 0.5rem; }

.title-bar::before, .title-bar::after { content: ' '; display: table; }

.title-bar::after { clear: both; }

.title-bar .menu-icon { margin-left: 0.25rem; margin-right: 0.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: #0a0a0a; top: 0; left: 0; box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a; }

.menu-icon.dark:hover::after { background: #8a8a8a; box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a; }

.has-tip { border-bottom: dotted 1px #8a8a8a; font-weight: bold; position: relative; display: inline-block; cursor: help; }

.tooltip { background-color: #87518a; color: #fff; font-size: 80%; padding: 0.75rem; position: absolute; z-index: 10; top: calc(100% + 0.6495rem); max-width: 10rem !important; border-radius: 0; }

.tooltip::before { content: ''; display: block; width: 0; height: 0; border: inset 0.75rem; border-color: transparent transparent #87518a; border-bottom-style: solid; border-top-width: 0; bottom: 100%; position: absolute; left: 50%; transform: translateX(-50%); }

.tooltip.top::before { content: ''; display: block; width: 0; height: 0; border: inset 0.75rem; border-color: #87518a transparent transparent; border-top-style: solid; border-bottom-width: 0; top: 100%; bottom: auto; }

.tooltip.left::before { content: ''; display: block; width: 0; height: 0; border: inset 0.75rem; border-color: transparent transparent transparent #87518a; border-left-style: solid; border-right-width: 0; bottom: auto; left: 100%; top: 50%; transform: translateY(-50%); }

.tooltip.right::before { content: ''; display: block; width: 0; height: 0; border: inset 0.75rem; border-color: transparent #87518a transparent transparent; border-right-style: solid; border-left-width: 0; bottom: auto; left: auto; right: 100%; top: 50%; transform: translateY(-50%); }

.top-bar { padding: 0.5rem; }

.top-bar::before, .top-bar::after { content: ' '; display: table; }

.top-bar::after { clear: both; }

.top-bar, .top-bar ul { background-color: #eee; }

.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%; }

@media screen and (min-width: 40em) { .top-bar .top-bar-left, .top-bar .top-bar-right { width: auto; } }

@media screen and (max-width: 63.9375em) { .top-bar.stacked-for-medium .top-bar-left, .top-bar.stacked-for-medium .top-bar-right { width: 100%; } }

@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%; } }

.top-bar-title { float: left; margin-right: 1rem; }

.top-bar-left { float: left; }

.top-bar-right { float: right; }

/*
  Stylesheet: Retina Screens & Devices Stylesheet

  When handling retina screens you need to make adjustments, especially
  if you're not using font icons. Here you can add them in one neat
  place.
*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { /*

EXAMPLE
Let's say you have an image and you need to make sure it looks ok
on retina screens. Let's say we have an icon which dimension are
24px x 24px. In your regular stylesheets, it would look something
like this:

.icon {
	width: 24px;
	height: 24px;
	background: url(img/test.png) no-repeat;
}

For retina screens, we have to make some adjustments, so that image
doesn't look blurry. So, taking into account the image above and the
dimensions, this is what we would put in our retina stylesheet:

.icon {
	background: url(img/test@2x.png) no-repeat;
	background-size: 24px 24px;
}

So, you would create the same icon, but at double the resolution, meaning
it would be 48px x 48px. You'd name it the same, but with a @2x at the end
(this is pretty standard practice). Set the background image so it matches
the original dimensions and you are good to go.

*/ }

/*
Theme Name:
Theme URI:          http://
Description:
Version:            1.0.0
Author:             Joao Alberto
Author URI:         http://jalberto.blacksheepz.org
*/
::-moz-selection { background: #fdd835; color: #87518a; text-shadow: none; }

::selection { background: #fdd835; color: #87518a; text-shadow: none; }

::-webkit-input-placeholder { color: #546e7a; font-size: 1.125rem; }

:-moz-placeholder { color: #546e7a; font-size: 1.125rem; }

::-moz-placeholder { color: #546e7a; font-size: 1.125rem; }

:-ms-input-placeholder { color: #546e7a; font-size: 1.125rem; }

body, .reveal, .bg-pattern-white { background: url("../images/backgrounds/main-bg.png") top left; }

.bg-pattern-purple { background: url("../images/backgrounds/header-bg.png") top left; }

/*
 BASIC TEXT
*/
a { -webkit-transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; -ms-transition: all 0.1s ease-in; -o-transition: all 0.1s ease-in; transition: all 0.1s ease-in; }

code { margin: 0 0.25rem; }

p { font-size: 1.125rem; }

.small-text { font-size: 1rem; line-height: 1rem; }

.uppercase { text-transform: uppercase; }

h3.app-download-title { color: #87518a; font-weight: 700; margin-top: 0.9375rem; margin-bottom: 2.5rem; font-size: 2rem; }

@media screen and (max-width: 39.9375em) { h3.app-download-title { font-size: 1.1875rem; } }

h4.download-social-title { color: #87518a; margin-top: 1.5625rem; margin-bottom: 1.25rem; }

h5, h6 { font-weight: 300; }

h5 strong, h6 strong { font-weight: 400; }

h5 a, h6 a { font-weight: 400; color: #4a4e61; }

h5 a:hover, h5 a:active, h5 a:focus, h6 a:hover, h6 a:active, h6 a:focus { color: #87518a; }

p .text-right, a .text-right { float: right; }

.small-up-1 .column, .small-up-1 .columns { margin-bottom: 1.875rem; }

.small-up-1 .column h3, .small-up-1 .columns h3 { font-weight: 300; color: #87518a; }

.small-up-1 .column p, .small-up-1 .columns p { margin-bottom: 0.3125rem; }

@media screen and (min-width: 64em) { .hide-for-large-only { display: none; } }

.center-list { text-align: center; }

.center-list li { display: inline-block; }

.flag-only-list { text-align: left; margin-top: 1.5625rem; }

@media screen and (max-width: 39.9375em) { .flag-only-list { text-align: center; } }

.flag-only-list li { display: inline-block; margin-right: 0.4375rem; margin-bottom: 0.4375rem; }

@media screen and (min-width: 64em) { .flag-only-list li { margin-right: 0.9375rem; } }

.flag-only-list li a:hover, .flag-only-list li a:active, .flag-only-list li a:focus { opacity: 0.5; filter: alpha(opactiy=50); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; -khtml-opacity: 0.5; -moz-opacity: 0.5; }

ul li { margin-right: 1.875rem; }

ul li:last-child { margin-right: 0; }

ul li a { color: #4a4e61; }

ul li a:hover, ul li a:active, ul li a:focus { color: #87518a; }

code { font-size: 0.9375rem; }

.grey-text { color: #455a64; }

.purple-text { color: #87518a; }

.green-text { color: #43a047; font-size: 0.9375rem; font-weight: 400; margin-top: 0.9375rem; }

@media screen and (min-width: 64em) { .green-text { margin-top: 0; } }

.green-text img { padding-right: 0.3125rem; }

.red-text { color: #e74c48; font-size: 0.9375rem; font-weight: 400; }

h1, h2 { font-weight: 300; color: #87518a; }

.reveal h1, .reveal h2 { color: #87518a; }

.reveal h1.modal-title, .reveal h2.modal-title { margin-bottom: 1.5625rem; }

.reveal .close-button { font-weight: 900; }

strong { font-weight: 700; }

/*
 BASIC IMAGES
*/
.center-image, .single-app .mascot { display: block; margin: 0 auto; }

/*
 BASIC BUTTONS
*/
.button.purple { background: #87518a; font-weight: 700; color: #fff; }

.button.rounded { -webkit-border-radius: 35px; -moz-border-radius: 35px; -ms-border-radius: 35px; -o-border-radius: 35px; border-radius: 35px; }

a.button { width: 100%; }

@media screen and (min-width: 40em) { a.button { width: 350px; } }

.button-group .button { display: inline-block; width: auto !important; padding: 0.8125rem 1.875rem; margin-right: 0.4375rem; }

.button-group .button.success { background-color: #6fb944; }

.button-group .button.success:hover, .button-group .button.success:active, .button-group .button.success:focus { background-color: #66aa3f; }

.button-group .button.alert { background-color: #e74c48; }

.button { display: block; font-size: 1.125rem; font-weight: 700; }

.button.center { margin: 0 auto; }

.button.purple:hover, .button.purple:active, .button.purple:focus { background-color: #734575; }

.button.red { background: #e74c48; font-weight: 700; color: #fff; }

.button.red:hover, .button.red:active, .button.red:focus { background-color: #e53f3b; }

.button.hollow { border-width: 2px; border-style: solid; background-color: rgba(255, 255, 255, 0); padding: 0.9375rem 0.3125rem; }

.button.hollow.purple { border-color: #87518a; color: #87518a; }

.button.hollow.purple:hover, .button.hollow.purple:active, .button.hollow.purple:focus { background-color: #734575; color: #fff; }

.button.hollow.white { border-color: #fff; color: #fff; }

.button.hollow.white:hover, .button.hollow.white:active, .button.hollow.white:focus { background-color: #fff; color: #4a4e61; }

/*
 BASIC FORMS
*/
form [type="text"], form [type="password"], form [type="date"], form [type="datetime"], form [type="datetime-local"], form [type="month"], form [type="week"], form [type="email"], form [type="number"], form [type="tel"], form [type="time"], form [type="url"], form [type="color"] { height: 3.75rem; padding: 0.875rem 1.25rem 0.9375rem; }

form textarea { height: 8.75rem; padding: 0.3125rem 0.625rem; resize: vertical; font-size: 1.1875rem; }

form [type="search"] { padding: 0.3125rem 2.875rem 0.375rem 0.625rem; }

form.small-centered-form { width: 100%; margin: 0 auto; }

@media screen and (min-width: 40em) { form.small-centered-form { width: 50%; } }

form .button.center, form .button, form [type="submit"] { margin: 1.5625rem auto 2.1875rem; }

form .button.center.inline, form .button.inline, form [type="submit"].inline { margin: 0 auto; }

form label span { padding-left: 0.4375rem; font-size: 1rem; }

form label, form h4.purple-text { margin: 0 0 0.5rem; padding-left: 0.1875rem; }

form h5 { margin: 1.25rem 0 1.5625rem; }

form hr { margin: 0.3125rem 0 0.9375rem 0; border-color: #eceff1; }

form.search-form { position: relative; margin-bottom: 2.1875rem; }

form.search-form [type="submit"] { margin: 0; position: absolute; top: 2px; right: 2px; background: #f6f8f9; padding: 0.6875rem 0.8125rem 0.4375rem; -moz-border-radius: 0px 5px 5px 0px; -webkit-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px; }

form.search-form [type="submit"]:hover svg path, form.search-form [type="submit"]:active svg path, form.search-form [type="submit"]:focus svg path { fill: #87518a; }

.button-checkbox input[type=radio], .button-checkbox input[type=checkbox] { display: none; }

.button-checkbox input[type=radio] + label, .button-checkbox input[type=checkbox] + label { display: inline-block; margin: 0; text-align: center; vertical-align: middle; cursor: pointer; font-size: 1.125rem; font-weight: 700; padding: 1rem 0.625rem; -webkit-box-shadow: 0 -4px 0 0 rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 -4px 0 0 rgba(0, 0, 0, 0.1) inset; box-shadow: 0 -4px 0 0 rgba(0, 0, 0, 0.1) inset; width: 100%; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; color: #fff; background: #87518a; }

.button-checkbox input[type=radio]:checked + label, .button-checkbox input[type=checkbox]:checked + label { -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2) inset; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2) inset; opacity: 0.7; filter: alpha(opactiy=70); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; -khtml-opacity: 0.7; -moz-opacity: 0.7; }

label i, .button i { margin: 0.625rem 0.625rem 0 0; vertical-align: middle; }

p.credit-info { font-weight: 700; font-size: 1rem; margin: 0; text-align: center; color: #87518a; }

.select2-container { box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle; }

.select2-container .select2-selection--single { box-sizing: border-box; cursor: pointer; display: block; height: 60px; user-select: none; -webkit-user-select: none; }

.select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 20px; padding-right: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1rem; font-weight: 700; }

.select2-container .select2-selection--single .select2-selection__clear { position: relative; }

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 20px; padding-left: 40px; }

.select2-container .select2-selection--multiple { box-sizing: border-box; cursor: pointer; display: block; min-height: 32px; user-select: none; -webkit-user-select: none; }

.select2-container .select2-selection--multiple .select2-selection__rendered { display: inline-block; overflow: hidden; padding-left: 8px; text-overflow: ellipsis; white-space: nowrap; }

.select2-container .select2-search--inline { float: left; }

.select2-container .select2-search--inline .select2-search__field { box-sizing: border-box; border: none; font-size: 100%; margin-top: 5px; padding: 0; }

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; }

.select2-dropdown { background-color: white; border: 2px solid #d8e1e6; border-radius: 5px; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051; }

.select2-results { display: block; }

.select2-results__options { list-style: none; margin: 0; padding: 0; }

.select2-results__option { padding: 6px; user-select: none; -webkit-user-select: none; }

.select2-results__option[aria-selected] { cursor: pointer; }

.select2-container--open .select2-dropdown { left: 0; }

.select2-container--open .select2-dropdown--above { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }

.select2-container--open .select2-dropdown--below { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; }

.select2-search--dropdown { display: block; padding: 4px; }

.select2-search--dropdown .select2-search__field { padding: 4px; width: 100%; box-sizing: border-box; }

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; }

.select2-search--dropdown.select2-search--hide { display: none; }

.select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=0); }

.select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; }

.select2-container--default .select2-selection--single { background-color: #fff; border: 2px solid #d8e1e6; border-radius: 5px; }

.select2-container--default .select2-selection--single .select2-selection__rendered { color: #455a64; line-height: 55px; }

.select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; }

.select2-container--default .select2-selection--single .select2-selection__placeholder { color: #546e7a; }

.select2-container--default .select2-selection--single .select2-selection__arrow { height: 58px; position: absolute; top: 1px; right: 11px; width: 20px; }

.select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #455a64 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow { left: 1px; right: auto; }

.select2-container--default.select2-container--disabled .select2-selection--single { background-color: #eee; cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display: none; }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; }

.select2-container--default .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; }

.select2-container--default .select2-selection--multiple .select2-selection__rendered { box-sizing: border-box; list-style: none; margin: 0; padding: 0 5px; width: 100%; }

.select2-container--default .select2-selection--multiple .select2-selection__rendered li { list-style: none; }

.select2-container--default .select2-selection--multiple .select2-selection__placeholder { color: #999; margin-top: 5px; float: left; }

.select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-top: 5px; margin-right: 10px; }

.select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; }

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #999; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; }

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #333; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline { float: right; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; }

.select2-container--default.select2-container--focus .select2-selection--multiple { border: solid black 1px; outline: 0; }

.select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: #eee; cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection__choice__remove { display: none; }

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { border-top-left-radius: 0; border-top-right-radius: 0; }

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }

.select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; }

.select2-container--default .select2-search--inline .select2-search__field { background: transparent; border: none; outline: 0; box-shadow: none; -webkit-appearance: textfield; }

.select2-container--default .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; }

.select2-container--default .select2-results__option[role=group] { padding: 0; }

.select2-container--default .select2-results__option[aria-disabled=true] { color: #999; }

.select2-container--default .select2-results__option[aria-selected=true] { background-color: #ddd; }

.select2-container--default .select2-results__option .select2-results__option { padding-left: 1em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -4em; padding-left: 5em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -5em; padding-left: 6em; }

.select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #87518a; color: white; }

.select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px; }

.select2-container--classic .select2-selection--single { background-color: #f7f7f7; border: 1px solid #aaa; border-radius: 4px; outline: 0; background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%); background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%); background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }

.select2-container--classic .select2-selection--single:focus { border: 1px solid #87518a; }

.select2-container--classic .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; }

.select2-container--classic .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-right: 10px; }

.select2-container--classic .select2-selection--single .select2-selection__placeholder { color: #999; }

.select2-container--classic .select2-selection--single .select2-selection__arrow { background-color: #ddd; border: none; border-left: 1px solid #aaa; border-top-right-radius: 4px; border-bottom-right-radius: 4px; height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%); background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%); background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); }

.select2-container--classic .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow { border: none; border-right: 1px solid #aaa; border-radius: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; left: 1px; right: auto; }

.select2-container--classic.select2-container--open .select2-selection--single { border: 1px solid #87518a; }

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow { background: transparent; border: none; }

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%); background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%); background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%); background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%); background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); }

.select2-container--classic .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; outline: 0; }

.select2-container--classic .select2-selection--multiple:focus { border: 1px solid #87518a; }

.select2-container--classic .select2-selection--multiple .select2-selection__rendered { list-style: none; margin: 0; padding: 0 5px; }

.select2-container--classic .select2-selection--multiple .select2-selection__clear { display: none; }

.select2-container--classic .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; }

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove { color: #888; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; }

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover { color: #555; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { float: right; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; }

.select2-container--classic.select2-container--open .select2-selection--multiple { border: 1px solid #87518a; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }

.select2-container--classic .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; outline: 0; }

.select2-container--classic .select2-search--inline .select2-search__field { outline: 0; box-shadow: none; }

.select2-container--classic .select2-dropdown { background-color: white; border: 1px solid transparent; }

.select2-container--classic .select2-dropdown--above { border-bottom: none; }

.select2-container--classic .select2-dropdown--below { border-top: none; }

.select2-container--classic .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; }

.select2-container--classic .select2-results__option[role=group] { padding: 0; }

.select2-container--classic .select2-results__option[aria-disabled=true] { color: grey; }

.select2-container--classic .select2-results__option--highlighted[aria-selected] { background-color: #3875d7; color: white; }

.select2-container--classic .select2-results__group { cursor: default; display: block; padding: 6px; }

.select2-container--classic.select2-container--open .select2-dropdown { border-color: #87518a; }

.select2 { margin: 0 0 1rem; width: 100% !important; }

.select2-results ul li { margin: 0; padding: 0.8125rem 1.25rem; }

.callout { -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; font-size: 1rem; margin: 0.9375rem 0; background-color: #f5f5f5; color: #87518a; }

.callout label, .callout p { font-size: 1rem; color: #87518a; }

.callout .description { color: #fff; }

.callout.secondary { background-color: #edd1ef; color: #87518a; }

.callout.secondary label, .callout.secondary p { color: #87518a; }

/*CUSTOM CHECKBOXES*/
.callout .control__indicator { background: #fff; }

.callout .control:hover input ~ .control__indicator, .callout .control input:focus ~ .control__indicator { background: #fff; }

.control { display: block; position: relative; padding-left: 1.875rem; margin-bottom: 0.4375rem; cursor: pointer; font-size: 1rem; }

.control input { position: absolute; z-index: -1; opacity: 0; }

.control__indicator { position: absolute; top: 2px; left: 0; height: 20px; width: 20px; background: #eceff1; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }

.control--radio .control__indicator { border-radius: 50%; }

.control:hover input ~ .control__indicator, .control input:focus ~ .control__indicator { background: #cfd8dc; }

.control input:checked ~ .control__indicator { background: #87518a; }

.control:hover input:not([disabled]):checked ~ .control__indicator, .control input:checked:focus ~ .control__indicator { background: #87518a; }

.control input:disabled ~ .control__indicator { background: #e6e6e6; opacity: 0.6; pointer-events: none; }

.control__indicator:after { content: ''; position: absolute; display: none; }

.control input:checked ~ .control__indicator:after { display: block; }

.control--checkbox .control__indicator:after { left: 8px; top: 4px; width: 5px; height: 11px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); }

.control--checkbox input:disabled ~ .control__indicator:after { border-color: #7b7b7b; }

.control--radio .control__indicator:after { left: 7px; top: 7px; height: 6px; width: 6px; border-radius: 50%; background: #fff; }

.control--radio input:disabled ~ .control__indicator:after { background: #7b7b7b; }

.select { position: relative; display: inline-block; margin-bottom: 15px; width: 100%; }

.select select { display: inline-block; width: 100%; cursor: pointer; padding: 10px 15px; outline: 0; border: 0; border-radius: 0; background: #e6e6e6; color: #7b7b7b; appearance: none; -webkit-appearance: none; -moz-appearance: none; }

.select select::-ms-expand { display: none; }

.select select:hover, .select select:focus { color: #000; background: #ccc; }

.select select:disabled { opacity: 0.5; pointer-events: none; }

.select__arrow { position: absolute; top: 16px; right: 15px; width: 0; height: 0; pointer-events: none; border-style: solid; border-width: 8px 5px 0 5px; border-color: #7b7b7b transparent transparent transparent; }

.select select:hover ~ .select__arrow, .select select:focus ~ .select__arrow { border-top-color: #000; }

.select select:disabled ~ .select__arrow { border-top-color: #ccc; }

.form-helper-text { color: #546e7a; margin: 1.5625rem 0; }

.help-text.purple { font-style: italic; color: #87518a; }

/*
 HELPERS
*/
.faq-item { margin-top: 1.5625rem; }

.margin-top-25, .margin-top-45 { margin-top: 2.8125rem; }

hr.spacer { border: 3px solid rgba(255, 255, 255, 0); }

/*
 FRONTPAGE HEADER
*/
.frontpage-header { background: url("../images/backgrounds/header-bg.png") top left; color: #fff; padding-bottom: 4.375rem; margin-bottom: 3.75rem; }

.frontpage-header .main-nav { padding: 1.25rem 0 1.5625rem; }

.frontpage-header .language-selector { padding: 1.375rem 0.9375rem 0.625rem; }

@media screen and (max-width: 39.9375em) { .frontpage-header .language-selector { padding: 1.375rem 0 0; } }

/*
 INNERPAGES HEADER
*/
.innerpage-header { background: url("../images/backgrounds/header-bg.png") top left; }

.innerpage-header .hor-logo { display: block; margin: 0.9375rem auto; }

@media screen and (max-width: 39.9375em) { .innerpage-header .hor-logo { margin: 2.1875rem 0 0; } }

@media screen and (min-width: 40em) and (max-width: 63.9375em) { .innerpage-header .hor-logo { margin: 1.5625rem 0 0; } }

.innerpage-header .main-nav { padding: 1.75rem 0 1.5625rem; }

@media screen and (max-width: 39.9375em) { .innerpage-header .main-nav { padding: 1.25rem 0 1.5625rem; } }

.innerpage-header .language-selector { padding: 2.0625rem 0.9375rem 1.8125rem; }

@media screen and (max-width: 39.9375em) { .innerpage-header .language-selector { padding: 1.375rem 0 0; } }

/*
 SINGLE APPS HEADER
*/
.app-header { padding: 5rem 0; }

.app-header .button { font-size: 0.9375rem; padding: 0.8125rem 2.5rem; margin: 3.125rem auto 0; }

/*
 HEADER MARGIN REPLACEMENT
*/
.content-wrap { margin-top: 3.75rem; }

.menu > li > a { padding: 0.5rem 0.625rem; }

.menu > li > ul > li > a { padding: 0.6875rem 1rem; }

/*
 MENU
*/
.main-nav { float: left; }

.main-nav a { color: #fff; }

.main-nav a:hover, .main-nav a:active, .main-nav a:focus, .main-nav a.active { color: #fdd835; }

@media screen and (min-width: 64em) { .main-nav { float: right; } }

.credit-display { background: #87518a; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; margin-left: 0.3125rem; margin-right: 0.3125rem; }

.logout:hover svg g, .logout:active svg g, .logout:focus svg g { fill: #fdd835; }

/*
 INNER PAGE MENU
*/
.inner-nav { background-color: #f6f8f9; margin-bottom: 2.1875rem; }

@media screen and (max-width: 39.9375em) { .inner-nav li { display: block; margin: 0.625rem 0 0; } }

.inner-nav li a { padding: 0.625rem 0 0.4375rem; display: inline-block; border-bottom: 3px solid #f6f8f9; }

.inner-nav li a:hover, .inner-nav li a:active, .inner-nav li a:focus, .inner-nav li a.active { border-bottom: 3px solid #bdc6cd; }

/*
 MOBILE MENU
*/
/*
 MOBILE MENU
*/
#mobile-menu { display: none; margin: 0; }

@media screen and (max-width: 64em) { #main-menu { display: none; }
  #mobile-menu { display: block; width: 100%; float: left; } }

.slicknav_menutxt img { width: 50px; }

.slicknav_btn { position: absolute; padding: 0; }

@media screen and (min-width: 40em) and (max-width: 63.9375em) { .inner-header .slicknav_btn { top: 1.75rem; } }

.slicknav_nav { width: 100%; list-style-type: none; text-align: center; margin: 0; text-transform: uppercase; position: absolute; top: 5.875rem; left: 0; background: #87518a; padding: 1.875rem; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; }

.slicknav_nav li { margin: 0 0 0.625rem 0; }

.slicknav_arrow { display: none; }

.slicknav_menu { background: transparent; padding: 0; }

.slicknav_menu .slicknav_icon { display: none; }

.slicknav_btn { background-color: transparent; border-radius: 0; margin: 0; text-decoration: none; text-shadow: 0 none; right: 90px; top: 23px; }

.slicknav_nav a { color: #fff; padding: 0.3125rem; display: block; -webkit-transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; -ms-transition: all 0.1s ease-in; -o-transition: all 0.1s ease-in; transition: all 0.1s ease-in; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }

.slicknav_nav a:hover, .slicknav_nav a:active, .slicknav_nav a:focus { background: #9b5d9e; color: #fdd835; }

@media screen and (max-width: 39.9375em) { .is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu { left: 0; right: auto; top: 100%; width: 100%; } }

@media screen and (min-width: 40em) and (max-width: 63.9375em) { .is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu { left: 0; right: auto; top: 100%; width: 100%; } }

/*
  LANGUAGE SELECTION
*/
.language-selector { background: #87518a; float: right; margin-left: 20px; }

@media screen and (max-width: 39.9375em) { .language-selector { background: rgba(135, 81, 138, 0); } }

ul.modal-language-list { text-align: left; margin-top: 0.625rem; padding: 0.3125rem 0.5rem 1.25rem; }

ul.modal-language-list li { display: inline-block; margin: 0.625rem 0.9375rem 0.625rem 0; }

@media screen and (max-width: 39.9375em) { ul.modal-language-list li { display: block; } }

ul.modal-language-list li:first-child { margin-left: 0; }

ul.modal-language-list li a { font-weight: 700; font-size: 0.875rem; color: #4a4e61; }

ul.modal-language-list li a:hover, ul.modal-language-list li a:active, ul.modal-language-list li a:focus { color: #9b5d9e; }

/*
  LOGO & ILLUSTRATION
*/
.header-cta { margin-top: 1.25rem; }

.header-cta img { display: block; margin: 0 auto; }

.header-cta img.large-logo { margin-top: 1.875rem; }

@media screen and (max-width: 39.9375em) { .header-cta img.large-logo { margin-top: 0; margin-bottom: 2.1875rem; } }

.cta { margin-bottom: 3.75rem; }

.cta h5 { margin-bottom: 2.5rem; }

.cta .button { font-size: 1.5rem; padding: 1.25rem 6.25rem; }

.spoof-text { background: #00a9e0; }

.spoof-mail { background: #e74c48; }

.spoof-phone { background: #534868; }

.spoof-chat { background: #660080; }

.trash-mobile { background: #6fb944; }

.trash-phone { background: #e35956; }

.trash-mailer { background: #0ca4d9; }

.fake-whatsapp { background: #3b3b57; }

.fake-imessage { background: #4dd0e1; }

.app-grid-horizontal { padding: 5.3125rem 0; }

.app-grid-horizontal.pad-bottom-0 { padding-bottom: 0; }

@media screen and (max-width: 39.9375em) { .single-app .button { width: 100%; margin-bottom: 2.1875rem; } }

@media screen and (min-width: 64em) { .single-app.right { text-align: right; }
  .single-app.right .button { float: right; } }

@media screen and (max-width: 39.9375em) { .single-app .logo { display: block; margin: 0 auto; } }

.description { margin: 1.875rem 0 2.5rem; color: #fff; font-size: 1rem; font-weight: 400; }

footer.main-footer { padding-top: 6.25rem; }

footer.main-footer .copyright { margin: 2.5rem 0 0.4375rem; font-weight: 400; }

footer.main-footer .copyright .small-text { font-size: 0.8125rem; }

footer.main-footer .copyright a { color: #4a4e61; }

footer.main-footer .copyright a:hover, footer.main-footer .copyright a:active, footer.main-footer .copyright a:focus { color: #87518a; }

@media screen and (max-width: 39.9375em) { footer.main-footer .footer-nav li { display: block; margin: 0.625rem 0; } }

.social { margin-top: 1.5625rem; }

.social svg { fill: #87518a; -webkit-transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; -ms-transition: all 0.1s ease-in; -o-transition: all 0.1s ease-in; transition: all 0.1s ease-in; }

.social svg:hover, .social svg:active, .social svg:focus { opacity: 0.92; filter: alpha(opactiy=92); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=92)"; -khtml-opacity: 0.92; -moz-opacity: 0.92; }

.support-mascot { margin: 0.9375rem auto 1rem; }

.sc-open-ticket .button { margin-bottom: 1.5625rem; }

form#add-reply { margin-top: 1.5625rem; }

.faq-item:first-of-type { margin-top: 2.1875rem; }

#buy-credits { background: url("../images/backgrounds/header-bg.png") top left; padding: 3.125rem 0; border-top: 3px solid #87518a; }

.tabs { border: 0 none; margin-bottom: 2.1875rem; }

.tabs li.tabs-title { float: none; display: inline-block; margin-right: 0; }

@media screen and (max-width: 39.9375em) { .tabs li.tabs-title { margin-bottom: 0.9375rem; display: block; } }

.tabs li.tabs-title a { font-size: 1.0625rem; padding: 0.5rem 2.1875rem; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; color: #546e7a; }

.tabs li.tabs-title.is-active a { color: #fff; }

.tabs.smaller-tabs { margin-bottom: 1.5625rem; margin-top: 0.9375rem; }

.tabs.smaller-tabs li.tabs-title { display: inline-block; }

.tabs.smaller-tabs li.tabs-title a { font-size: 0.8125rem; padding: 0.375rem 1.875rem; }

table thead { border: 1px solid #eaedef; }

table thead tr th { color: #4a4e61; font-weight: 700; text-align: center; }

table tbody tr { border-bottom: 1px solid #eaedef; }

@media screen and (max-width: 39.9375em) { table tbody tr { padding-top: 0.9375rem; padding-bottom: 0.9375rem; } }

table tbody tr td { text-align: center; padding: 0.3125rem 0.625rem; }

@media screen and (min-width: 64em) { table tbody tr td { padding: 0.9375rem 0.625rem; } }

.pagination { text-align: center; margin: 1.25rem 0 0; }

.pagination li { border: 2px solid #d8e1e6; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }

.pagination li.current, .pagination li.disabled { padding: 0.625rem 1.5625rem; }

.pagination li.current { border: 0 none; }

.pagination li.ellipsis { border: 0 none; color: #87518a; }

.pagination li a { padding: 0.625rem 1.5625rem; -webkit-transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; -ms-transition: all 0.1s ease-in; -o-transition: all 0.1s ease-in; transition: all 0.1s ease-in; }

.pagination li a:hover, .pagination li a:active, .pagination li a:focus { color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }

.flex-video { margin: 1.875rem 0 2.8125rem; }

.mascot-video img { margin: 1.5625rem auto 2.8125rem; }

.dashboard-box { -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; padding: 2.8125rem 1.875rem 2.5rem; -webkit-box-shadow: 0 -6px 0 0 rgba(0, 0, 0, 0.13) inset; -moz-box-shadow: 0 -6px 0 0 rgba(0, 0, 0, 0.13) inset; box-shadow: 0 -6px 0 0 rgba(0, 0, 0, 0.13) inset; }

.dashboard-box img { margin-bottom: 2.1875rem; }

.dashboard-box img.logo { max-height: 4.375rem; }

.dashboard-box img.mascot { max-height: 15.3125rem; }

.dashboard-box .button { width: 70%; margin: 1.875rem auto 0; }

/*
 // TOP NAVIGATION
*/
.single-app-nav { font-size: 1.125rem; }

.single-app-nav ul li { margin-right: 0; }

@media screen and (max-width: 39.9375em) { .single-app-nav ul li { display: block; } }

.single-app-nav ul li a { display: inline-block; color: #fff; padding: 0.625rem 2.1875rem; }

@media screen and (max-width: 39.9375em) { .single-app-nav ul li a { display: block; } }

.single-app-nav.spoof-text { background: #009acc; }

.single-app-nav.spoof-text a:hover, .single-app-nav.spoof-text a:active, .single-app-nav.spoof-text a:focus, .single-app-nav.spoof-text a.active { background: #008ab7; }

.single-app-nav.spoof-mail { background: #e53a36; }

.single-app-nav.spoof-mail a:hover, .single-app-nav.spoof-mail a:active, .single-app-nav.spoof-mail a:focus, .single-app-nav.spoof-mail a.active { background: #e22924; }

.single-app-nav.spoof-phone { background: #49405c; }

.single-app-nav.spoof-phone a:hover, .single-app-nav.spoof-phone a:active, .single-app-nav.spoof-phone a:focus, .single-app-nav.spoof-phone a.active { background: #403750; }

.single-app-nav.spoof-chat { background: #56006c; }

.single-app-nav.spoof-chat a:hover, .single-app-nav.spoof-chat a:active, .single-app-nav.spoof-chat a:focus, .single-app-nav.spoof-chat a.active { background: #450057; }

.single-app-nav.trash-mobile { background: #66aa3f; }

.single-app-nav.trash-mobile a:hover, .single-app-nav.trash-mobile a:active, .single-app-nav.trash-mobile a:focus, .single-app-nav.trash-mobile a.active { background: #5d9b39; }

.single-app-nav.trash-phone { background: #e04844; }

.single-app-nav.trash-phone a:hover, .single-app-nav.trash-phone a:active, .single-app-nav.trash-phone a:focus, .single-app-nav.trash-phone a.active { background: #dd3733; }

.single-app-nav.trash-mailer { background: #0b95c6; }

.single-app-nav.trash-mailer a:hover, .single-app-nav.trash-mailer a:active, .single-app-nav.trash-mailer a:focus, .single-app-nav.trash-mailer a.active { background: #0a87b2; }

.single-app-nav.fake-whatsapp { background: #33334b; }

.single-app-nav.fake-whatsapp a:hover, .single-app-nav.fake-whatsapp a:active, .single-app-nav.fake-whatsapp a:focus, .single-app-nav.fake-whatsapp a.active { background: #2b2b3f; }

.single-app-nav.fake-imessage { background: #3ccbde; }

.single-app-nav.fake-imessage a:hover, .single-app-nav.fake-imessage a:active, .single-app-nav.fake-imessage a:focus, .single-app-nav.fake-imessage a.active { background: #2ac7db; }

.single-app-nav.net-finder { background: #135bae; }

.single-app-nav.net-finder a:hover, .single-app-nav.net-finder a:active, .single-app-nav.net-finder a:focus, .single-app-nav.net-finder a.active { background: #11529b; }

.single-app-nav.phone-checker { background: #00d26c; }

.single-app-nav.phone-checker a:hover, .single-app-nav.phone-checker a:active, .single-app-nav.phone-checker a:focus, .single-app-nav.phone-checker a.active { background: #00bd61; }

.single-app-nav.fake-image-location { background: #414555; }

.single-app-nav.fake-image-location a:hover, .single-app-nav.fake-image-location a:active, .single-app-nav.fake-image-location a:focus, .single-app-nav.fake-image-location a.active { background: #383b4a; }

.single-app-nav.find-caller-name { background: #a5c0c8; }

.single-app-nav.find-caller-name a:hover, .single-app-nav.find-caller-name a:active, .single-app-nav.find-caller-name a:focus, .single-app-nav.find-caller-name a.active { background: #99b7c1; }

.single-app-nav.spooffax { background: #4abfaa; }

.single-app-nav.spooffax a:hover, .single-app-nav.spooffax a:active, .single-app-nav.spooffax a:focus, .single-app-nav.spooffax a.active { background: #40b4a0; }

.single-app-nav.callforward { background: #2b85bd; }

.single-app-nav.callforward a:hover, .single-app-nav.callforward a:active, .single-app-nav.callforward a:focus, .single-app-nav.callforward a.active { background: #277aad; }

.single-app-nav.stalk-scan { background: #7dc1f8; }

.single-app-nav.stalk-scan a:hover, .single-app-nav.stalk-scan a:active, .single-app-nav.stalk-scan a:focus, .single-app-nav.stalk-scan a.active { background: #69b8f7; }

.single-app-nav.exif-writer { background: #ff1d49; }

.single-app-nav.exif-writer a:hover, .single-app-nav.exif-writer a:active, .single-app-nav.exif-writer a:focus, .single-app-nav.exif-writer a.active { background: #ff0838; }

.single-app-nav.image-editor { background: #1e272c; }

.single-app-nav.image-editor a:hover, .single-app-nav.image-editor a:active, .single-app-nav.image-editor a:focus, .single-app-nav.image-editor a.active { background: #161c20; }

.single-app-nav.prank-calls { background: #f8ac12; }

.single-app-nav.prank-calls a:hover, .single-app-nav.prank-calls a:active, .single-app-nav.prank-calls a:focus, .single-app-nav.prank-calls a.active { background: #f4a507; }

.single-app-nav.virtual-phone { background: #4d2c92; }

.single-app-nav.virtual-phone a:hover, .single-app-nav.virtual-phone a:active, .single-app-nav.virtual-phone a:focus, .single-app-nav.virtual-phone a.active { background: #43267e; }

/*
 // SPOOF MY TEXT FLAG INPUTS
*/
/** Variables declared here can be overridden by consuming applications, with the help of the `!default` flag. @example // overriding $hoverColor $hoverColor: rgba(red, 0.05); // overriding image path $flagsImagePath: "images/"; // import the scss file after the overrides @import "bower_component/intl-tel-input/src/css/intlTelInput"; */
.intl-tel-input.allow-dropdown input, .intl-tel-input.allow-dropdown input[type="text"], .intl-tel-input.allow-dropdown input[type="tel"] { height: 3.75rem; }

.intl-tel-input.allow-dropdown .selected-flag { width: 3.4375rem; }

.intl-tel-input { position: relative; display: inline-block; width: 100%; margin-bottom: 1rem; }

.intl-tel-input * { box-sizing: border-box; -moz-box-sizing: border-box; }

.intl-tel-input .hide { display: none; }

.intl-tel-input .v-hide { visibility: hidden; }

.intl-tel-input input, .intl-tel-input input[type=text], .intl-tel-input input[type=tel] { position: relative; z-index: 0; margin-top: 0 !important; margin-bottom: 0 !important; padding-right: 50px; margin-right: 0; }

.intl-tel-input .flag-container { position: absolute; top: 0; bottom: 0; right: 0; padding: 1px; }

.intl-tel-input .selected-flag { z-index: 1; position: relative; width: 50px; height: 100%; padding: 0 0 0 15px; }

.intl-tel-input .selected-flag .iti-flag { position: absolute; top: 0; bottom: 0; margin: auto; }

.intl-tel-input .selected-flag .iti-arrow { position: absolute; top: 50%; margin-top: -2px; right: 6px; width: 0; height: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 4px solid #555; }

.intl-tel-input .selected-flag .iti-arrow.up { border-top: none; border-bottom: 4px solid #555; }

.intl-tel-input .country-list { position: absolute; z-index: 2; list-style: none; text-align: left; padding: 0; margin: 0 0 0 -1px; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); background-color: white; border: 1px solid #CCC; white-space: nowrap; max-height: 200px; overflow-y: scroll; }

.intl-tel-input .country-list.dropup { bottom: 100%; margin-bottom: -1px; }

.intl-tel-input .country-list .flag-box { display: inline-block; width: 20px; }

@media (max-width: 500px) { .intl-tel-input .country-list { white-space: normal; } }

.intl-tel-input .country-list .divider { padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #CCC; }

.intl-tel-input .country-list .country { padding: 5px 10px; }

.intl-tel-input .country-list .country .dial-code { color: #999; }

.intl-tel-input .country-list .country.highlight { background-color: rgba(0, 0, 0, 0.05); }

.intl-tel-input .country-list .flag-box, .intl-tel-input .country-list .country-name, .intl-tel-input .country-list .dial-code { vertical-align: middle; }

.intl-tel-input .country-list .flag-box, .intl-tel-input .country-list .country-name { margin-right: 6px; }

.intl-tel-input.allow-dropdown input, .intl-tel-input.allow-dropdown input[type=text], .intl-tel-input.allow-dropdown input[type=tel] { padding-right: 6px; padding-left: 63px; margin-left: 0; }

.intl-tel-input.allow-dropdown .flag-container { right: auto; left: 0; }

.intl-tel-input.allow-dropdown .selected-flag { width: 57px; }

.intl-tel-input.allow-dropdown .flag-container:hover { cursor: pointer; }

.intl-tel-input.allow-dropdown .flag-container:hover .selected-flag { background-color: rgba(0, 0, 0, 0.05); }

.intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover, .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover { cursor: default; }

.intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover .selected-flag, .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover .selected-flag { background-color: transparent; }

.intl-tel-input.allow-dropdown.separate-dial-code .selected-flag { background-color: rgba(0, 0, 0, 0.05); display: table; }

.intl-tel-input.allow-dropdown.separate-dial-code .selected-dial-code { display: table-cell; vertical-align: middle; padding-left: 35px; }

.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 input, .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 input[type=text], .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 input[type=tel] { padding-left: 94px; }

.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 .selected-flag { width: 88px; }

.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input, .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input[type=text], .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input[type=tel] { padding-left: 102px; }

.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 .selected-flag { width: 96px; }

.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 input, .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 input[type=text], .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 input[type=tel] { padding-left: 110px; }

.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 .selected-flag { width: 104px; }

.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 input, .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 input[type=text], .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 input[type=tel] { padding-left: 118px; }

.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 .selected-flag { width: 112px; }

.intl-tel-input.iti-container { position: absolute; top: -1000px; left: -1000px; z-index: 1060; padding: 1px; }

.intl-tel-input.iti-container:hover { cursor: pointer; }

.iti-mobile .intl-tel-input.iti-container { top: 30px; bottom: 30px; left: 30px; right: 30px; position: fixed; }

.iti-mobile .intl-tel-input .country-list { max-height: 100%; width: 100%; }

.iti-mobile .intl-tel-input .country-list .country { padding: 10px 10px; line-height: 1.5em; }

.iti-flag { width: 20px; }

.iti-flag.be { width: 18px; }

.iti-flag.ch { width: 15px; }

.iti-flag.mc { width: 19px; }

.iti-flag.ne { width: 18px; }

.iti-flag.np { width: 13px; }

.iti-flag.va { width: 15px; }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .iti-flag { background-size: 5630px 15px; } }

.iti-flag.ac { height: 10px; background-position: 0px 0px; }

.iti-flag.ad { height: 14px; background-position: -22px 0px; }

.iti-flag.ae { height: 10px; background-position: -44px 0px; }

.iti-flag.af { height: 14px; background-position: -66px 0px; }

.iti-flag.ag { height: 14px; background-position: -88px 0px; }

.iti-flag.ai { height: 10px; background-position: -110px 0px; }

.iti-flag.al { height: 15px; background-position: -132px 0px; }

.iti-flag.am { height: 10px; background-position: -154px 0px; }

.iti-flag.ao { height: 14px; background-position: -176px 0px; }

.iti-flag.aq { height: 14px; background-position: -198px 0px; }

.iti-flag.ar { height: 13px; background-position: -220px 0px; }

.iti-flag.as { height: 10px; background-position: -242px 0px; }

.iti-flag.at { height: 14px; background-position: -264px 0px; }

.iti-flag.au { height: 10px; background-position: -286px 0px; }

.iti-flag.aw { height: 14px; background-position: -308px 0px; }

.iti-flag.ax { height: 13px; background-position: -330px 0px; }

.iti-flag.az { height: 10px; background-position: -352px 0px; }

.iti-flag.ba { height: 10px; background-position: -374px 0px; }

.iti-flag.bb { height: 14px; background-position: -396px 0px; }

.iti-flag.bd { height: 12px; background-position: -418px 0px; }

.iti-flag.be { height: 15px; background-position: -440px 0px; }

.iti-flag.bf { height: 14px; background-position: -460px 0px; }

.iti-flag.bg { height: 12px; background-position: -482px 0px; }

.iti-flag.bh { height: 12px; background-position: -504px 0px; }

.iti-flag.bi { height: 12px; background-position: -526px 0px; }

.iti-flag.bj { height: 14px; background-position: -548px 0px; }

.iti-flag.bl { height: 14px; background-position: -570px 0px; }

.iti-flag.bm { height: 10px; background-position: -592px 0px; }

.iti-flag.bn { height: 10px; background-position: -614px 0px; }

.iti-flag.bo { height: 14px; background-position: -636px 0px; }

.iti-flag.bq { height: 14px; background-position: -658px 0px; }

.iti-flag.br { height: 14px; background-position: -680px 0px; }

.iti-flag.bs { height: 10px; background-position: -702px 0px; }

.iti-flag.bt { height: 14px; background-position: -724px 0px; }

.iti-flag.bv { height: 15px; background-position: -746px 0px; }

.iti-flag.bw { height: 14px; background-position: -768px 0px; }

.iti-flag.by { height: 10px; background-position: -790px 0px; }

.iti-flag.bz { height: 14px; background-position: -812px 0px; }

.iti-flag.ca { height: 10px; background-position: -834px 0px; }

.iti-flag.cc { height: 10px; background-position: -856px 0px; }

.iti-flag.cd { height: 15px; background-position: -878px 0px; }

.iti-flag.cf { height: 14px; background-position: -900px 0px; }

.iti-flag.cg { height: 14px; background-position: -922px 0px; }

.iti-flag.ch { height: 15px; background-position: -944px 0px; }

.iti-flag.ci { height: 14px; background-position: -961px 0px; }

.iti-flag.ck { height: 10px; background-position: -983px 0px; }

.iti-flag.cl { height: 14px; background-position: -1005px 0px; }

.iti-flag.cm { height: 14px; background-position: -1027px 0px; }

.iti-flag.cn { height: 14px; background-position: -1049px 0px; }

.iti-flag.co { height: 14px; background-position: -1071px 0px; }

.iti-flag.cp { height: 14px; background-position: -1093px 0px; }

.iti-flag.cr { height: 12px; background-position: -1115px 0px; }

.iti-flag.cu { height: 10px; background-position: -1137px 0px; }

.iti-flag.cv { height: 12px; background-position: -1159px 0px; }

.iti-flag.cw { height: 14px; background-position: -1181px 0px; }

.iti-flag.cx { height: 10px; background-position: -1203px 0px; }

.iti-flag.cy { height: 13px; background-position: -1225px 0px; }

.iti-flag.cz { height: 14px; background-position: -1247px 0px; }

.iti-flag.de { height: 12px; background-position: -1269px 0px; }

.iti-flag.dg { height: 10px; background-position: -1291px 0px; }

.iti-flag.dj { height: 14px; background-position: -1313px 0px; }

.iti-flag.dk { height: 15px; background-position: -1335px 0px; }

.iti-flag.dm { height: 10px; background-position: -1357px 0px; }

.iti-flag.do { height: 13px; background-position: -1379px 0px; }

.iti-flag.dz { height: 14px; background-position: -1401px 0px; }

.iti-flag.ea { height: 14px; background-position: -1423px 0px; }

.iti-flag.ec { height: 14px; background-position: -1445px 0px; }

.iti-flag.ee { height: 13px; background-position: -1467px 0px; }

.iti-flag.eg { height: 14px; background-position: -1489px 0px; }

.iti-flag.eh { height: 10px; background-position: -1511px 0px; }

.iti-flag.er { height: 10px; background-position: -1533px 0px; }

.iti-flag.es { height: 14px; background-position: -1555px 0px; }

.iti-flag.et { height: 10px; background-position: -1577px 0px; }

.iti-flag.eu { height: 14px; background-position: -1599px 0px; }

.iti-flag.fi { height: 12px; background-position: -1621px 0px; }

.iti-flag.fj { height: 10px; background-position: -1643px 0px; }

.iti-flag.fk { height: 10px; background-position: -1665px 0px; }

.iti-flag.fm { height: 11px; background-position: -1687px 0px; }

.iti-flag.fo { height: 15px; background-position: -1709px 0px; }

.iti-flag.fr { height: 14px; background-position: -1731px 0px; }

.iti-flag.ga { height: 15px; background-position: -1753px 0px; }

.iti-flag.gb { height: 10px; background-position: -1775px 0px; }

.iti-flag.gd { height: 12px; background-position: -1797px 0px; }

.iti-flag.ge { height: 14px; background-position: -1819px 0px; }

.iti-flag.gf { height: 14px; background-position: -1841px 0px; }

.iti-flag.gg { height: 14px; background-position: -1863px 0px; }

.iti-flag.gh { height: 14px; background-position: -1885px 0px; }

.iti-flag.gi { height: 10px; background-position: -1907px 0px; }

.iti-flag.gl { height: 14px; background-position: -1929px 0px; }

.iti-flag.gm { height: 14px; background-position: -1951px 0px; }

.iti-flag.gn { height: 14px; background-position: -1973px 0px; }

.iti-flag.gp { height: 14px; background-position: -1995px 0px; }

.iti-flag.gq { height: 14px; background-position: -2017px 0px; }

.iti-flag.gr { height: 14px; background-position: -2039px 0px; }

.iti-flag.gs { height: 10px; background-position: -2061px 0px; }

.iti-flag.gt { height: 13px; background-position: -2083px 0px; }

.iti-flag.gu { height: 11px; background-position: -2105px 0px; }

.iti-flag.gw { height: 10px; background-position: -2127px 0px; }

.iti-flag.gy { height: 12px; background-position: -2149px 0px; }

.iti-flag.hk { height: 14px; background-position: -2171px 0px; }

.iti-flag.hm { height: 10px; background-position: -2193px 0px; }

.iti-flag.hn { height: 10px; background-position: -2215px 0px; }

.iti-flag.hr { height: 10px; background-position: -2237px 0px; }

.iti-flag.ht { height: 12px; background-position: -2259px 0px; }

.iti-flag.hu { height: 10px; background-position: -2281px 0px; }

.iti-flag.ic { height: 14px; background-position: -2303px 0px; }

.iti-flag.id { height: 14px; background-position: -2325px 0px; }

.iti-flag.ie { height: 10px; background-position: -2347px 0px; }

.iti-flag.il { height: 15px; background-position: -2369px 0px; }

.iti-flag.im { height: 10px; background-position: -2391px 0px; }

.iti-flag.in { height: 14px; background-position: -2413px 0px; }

.iti-flag.io { height: 10px; background-position: -2435px 0px; }

.iti-flag.iq { height: 14px; background-position: -2457px 0px; }

.iti-flag.ir { height: 12px; background-position: -2479px 0px; }

.iti-flag.is { height: 15px; background-position: -2501px 0px; }

.iti-flag.it { height: 14px; background-position: -2523px 0px; }

.iti-flag.je { height: 12px; background-position: -2545px 0px; }

.iti-flag.jm { height: 10px; background-position: -2567px 0px; }

.iti-flag.jo { height: 10px; background-position: -2589px 0px; }

.iti-flag.jp { height: 14px; background-position: -2611px 0px; }

.iti-flag.ke { height: 14px; background-position: -2633px 0px; }

.iti-flag.kg { height: 12px; background-position: -2655px 0px; }

.iti-flag.kh { height: 13px; background-position: -2677px 0px; }

.iti-flag.ki { height: 10px; background-position: -2699px 0px; }

.iti-flag.km { height: 12px; background-position: -2721px 0px; }

.iti-flag.kn { height: 14px; background-position: -2743px 0px; }

.iti-flag.kp { height: 10px; background-position: -2765px 0px; }

.iti-flag.kr { height: 14px; background-position: -2787px 0px; }

.iti-flag.kw { height: 10px; background-position: -2809px 0px; }

.iti-flag.ky { height: 10px; background-position: -2831px 0px; }

.iti-flag.kz { height: 10px; background-position: -2853px 0px; }

.iti-flag.la { height: 14px; background-position: -2875px 0px; }

.iti-flag.lb { height: 14px; background-position: -2897px 0px; }

.iti-flag.lc { height: 10px; background-position: -2919px 0px; }

.iti-flag.li { height: 12px; background-position: -2941px 0px; }

.iti-flag.lk { height: 10px; background-position: -2963px 0px; }

.iti-flag.lr { height: 11px; background-position: -2985px 0px; }

.iti-flag.ls { height: 14px; background-position: -3007px 0px; }

.iti-flag.lt { height: 12px; background-position: -3029px 0px; }

.iti-flag.lu { height: 12px; background-position: -3051px 0px; }

.iti-flag.lv { height: 10px; background-position: -3073px 0px; }

.iti-flag.ly { height: 10px; background-position: -3095px 0px; }

.iti-flag.ma { height: 14px; background-position: -3117px 0px; }

.iti-flag.mc { height: 15px; background-position: -3139px 0px; }

.iti-flag.md { height: 10px; background-position: -3160px 0px; }

.iti-flag.me { height: 10px; background-position: -3182px 0px; }

.iti-flag.mf { height: 14px; background-position: -3204px 0px; }

.iti-flag.mg { height: 14px; background-position: -3226px 0px; }

.iti-flag.mh { height: 11px; background-position: -3248px 0px; }

.iti-flag.mk { height: 10px; background-position: -3270px 0px; }

.iti-flag.ml { height: 14px; background-position: -3292px 0px; }

.iti-flag.mm { height: 14px; background-position: -3314px 0px; }

.iti-flag.mn { height: 10px; background-position: -3336px 0px; }

.iti-flag.mo { height: 14px; background-position: -3358px 0px; }

.iti-flag.mp { height: 10px; background-position: -3380px 0px; }

.iti-flag.mq { height: 14px; background-position: -3402px 0px; }

.iti-flag.mr { height: 14px; background-position: -3424px 0px; }

.iti-flag.ms { height: 10px; background-position: -3446px 0px; }

.iti-flag.mt { height: 14px; background-position: -3468px 0px; }

.iti-flag.mu { height: 14px; background-position: -3490px 0px; }

.iti-flag.mv { height: 14px; background-position: -3512px 0px; }

.iti-flag.mw { height: 14px; background-position: -3534px 0px; }

.iti-flag.mx { height: 12px; background-position: -3556px 0px; }

.iti-flag.my { height: 10px; background-position: -3578px 0px; }

.iti-flag.mz { height: 14px; background-position: -3600px 0px; }

.iti-flag.na { height: 14px; background-position: -3622px 0px; }

.iti-flag.nc { height: 10px; background-position: -3644px 0px; }

.iti-flag.ne { height: 15px; background-position: -3666px 0px; }

.iti-flag.nf { height: 10px; background-position: -3686px 0px; }

.iti-flag.ng { height: 10px; background-position: -3708px 0px; }

.iti-flag.ni { height: 12px; background-position: -3730px 0px; }

.iti-flag.nl { height: 14px; background-position: -3752px 0px; }

.iti-flag.no { height: 15px; background-position: -3774px 0px; }

.iti-flag.np { height: 15px; background-position: -3796px 0px; }

.iti-flag.nr { height: 10px; background-position: -3811px 0px; }

.iti-flag.nu { height: 10px; background-position: -3833px 0px; }

.iti-flag.nz { height: 10px; background-position: -3855px 0px; }

.iti-flag.om { height: 10px; background-position: -3877px 0px; }

.iti-flag.pa { height: 14px; background-position: -3899px 0px; }

.iti-flag.pe { height: 14px; background-position: -3921px 0px; }

.iti-flag.pf { height: 14px; background-position: -3943px 0px; }

.iti-flag.pg { height: 15px; background-position: -3965px 0px; }

.iti-flag.ph { height: 10px; background-position: -3987px 0px; }

.iti-flag.pk { height: 14px; background-position: -4009px 0px; }

.iti-flag.pl { height: 13px; background-position: -4031px 0px; }

.iti-flag.pm { height: 14px; background-position: -4053px 0px; }

.iti-flag.pn { height: 10px; background-position: -4075px 0px; }

.iti-flag.pr { height: 14px; background-position: -4097px 0px; }

.iti-flag.ps { height: 10px; background-position: -4119px 0px; }

.iti-flag.pt { height: 14px; background-position: -4141px 0px; }

.iti-flag.pw { height: 13px; background-position: -4163px 0px; }

.iti-flag.py { height: 11px; background-position: -4185px 0px; }

.iti-flag.qa { height: 8px; background-position: -4207px 0px; }

.iti-flag.re { height: 14px; background-position: -4229px 0px; }

.iti-flag.ro { height: 14px; background-position: -4251px 0px; }

.iti-flag.rs { height: 14px; background-position: -4273px 0px; }

.iti-flag.ru { height: 14px; background-position: -4295px 0px; }

.iti-flag.rw { height: 14px; background-position: -4317px 0px; }

.iti-flag.sa { height: 14px; background-position: -4339px 0px; }

.iti-flag.sb { height: 10px; background-position: -4361px 0px; }

.iti-flag.sc { height: 10px; background-position: -4383px 0px; }

.iti-flag.sd { height: 10px; background-position: -4405px 0px; }

.iti-flag.se { height: 13px; background-position: -4427px 0px; }

.iti-flag.sg { height: 14px; background-position: -4449px 0px; }

.iti-flag.sh { height: 10px; background-position: -4471px 0px; }

.iti-flag.si { height: 10px; background-position: -4493px 0px; }

.iti-flag.sj { height: 15px; background-position: -4515px 0px; }

.iti-flag.sk { height: 14px; background-position: -4537px 0px; }

.iti-flag.sl { height: 14px; background-position: -4559px 0px; }

.iti-flag.sm { height: 15px; background-position: -4581px 0px; }

.iti-flag.sn { height: 14px; background-position: -4603px 0px; }

.iti-flag.so { height: 14px; background-position: -4625px 0px; }

.iti-flag.sr { height: 14px; background-position: -4647px 0px; }

.iti-flag.ss { height: 10px; background-position: -4669px 0px; }

.iti-flag.st { height: 10px; background-position: -4691px 0px; }

.iti-flag.sv { height: 12px; background-position: -4713px 0px; }

.iti-flag.sx { height: 14px; background-position: -4735px 0px; }

.iti-flag.sy { height: 14px; background-position: -4757px 0px; }

.iti-flag.sz { height: 14px; background-position: -4779px 0px; }

.iti-flag.ta { height: 10px; background-position: -4801px 0px; }

.iti-flag.tc { height: 10px; background-position: -4823px 0px; }

.iti-flag.td { height: 14px; background-position: -4845px 0px; }

.iti-flag.tf { height: 14px; background-position: -4867px 0px; }

.iti-flag.tg { height: 13px; background-position: -4889px 0px; }

.iti-flag.th { height: 14px; background-position: -4911px 0px; }

.iti-flag.tj { height: 10px; background-position: -4933px 0px; }

.iti-flag.tk { height: 10px; background-position: -4955px 0px; }

.iti-flag.tl { height: 10px; background-position: -4977px 0px; }

.iti-flag.tm { height: 14px; background-position: -4999px 0px; }

.iti-flag.tn { height: 14px; background-position: -5021px 0px; }

.iti-flag.to { height: 10px; background-position: -5043px 0px; }

.iti-flag.tr { height: 14px; background-position: -5065px 0px; }

.iti-flag.tt { height: 12px; background-position: -5087px 0px; }

.iti-flag.tv { height: 10px; background-position: -5109px 0px; }

.iti-flag.tw { height: 14px; background-position: -5131px 0px; }

.iti-flag.tz { height: 14px; background-position: -5153px 0px; }

.iti-flag.ua { height: 14px; background-position: -5175px 0px; }

.iti-flag.ug { height: 14px; background-position: -5197px 0px; }

.iti-flag.um { height: 11px; background-position: -5219px 0px; }

.iti-flag.us { height: 11px; background-position: -5241px 0px; }

.iti-flag.uy { height: 14px; background-position: -5263px 0px; }

.iti-flag.uz { height: 10px; background-position: -5285px 0px; }

.iti-flag.va { height: 15px; background-position: -5307px 0px; }

.iti-flag.vc { height: 14px; background-position: -5324px 0px; }

.iti-flag.ve { height: 14px; background-position: -5346px 0px; }

.iti-flag.vg { height: 10px; background-position: -5368px 0px; }

.iti-flag.vi { height: 14px; background-position: -5390px 0px; }

.iti-flag.vn { height: 14px; background-position: -5412px 0px; }

.iti-flag.vu { height: 12px; background-position: -5434px 0px; }

.iti-flag.wf { height: 14px; background-position: -5456px 0px; }

.iti-flag.ws { height: 10px; background-position: -5478px 0px; }

.iti-flag.xk { height: 15px; background-position: -5500px 0px; }

.iti-flag.ye { height: 14px; background-position: -5522px 0px; }

.iti-flag.yt { height: 14px; background-position: -5544px 0px; }

.iti-flag.za { height: 14px; background-position: -5566px 0px; }

.iti-flag.zm { height: 14px; background-position: -5588px 0px; }

.iti-flag.zw { height: 10px; background-position: -5610px 0px; }

.iti-flag { width: 20px; height: 15px; box-shadow: 0px 0px 1px 0px #888; background-image: url("../images/flags/flags.png"); background-repeat: no-repeat; background-color: #DBDBDB; background-position: 20px 0; }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .iti-flag { background-image: url("../images/flags/flags@2x.png"); } }

.iti-flag.np { background-color: transparent; }

/*
 // DATE TIME PICKER
*/
/* ----------------------------------------------------------------------------- jQuery DateTimePicker - Responsive flat design jQuery DateTime Picker plugin for Web & Mobile Version 0.1.26 Copyright (c)2016 Curious Solutions LLP and Neha Kadam http://curioussolutions.github.io/DateTimePicker https://github.com/CuriousSolutions/DateTimePicker ----------------------------------------------------------------------------- */
.dtpicker-overlay { z-index: 2000; display: none; min-width: 300px; background: rgba(0, 0, 0, 0.2); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.dtpicker-mobile { position: fixed; top: 0; left: 0; width: 100%; height: 100%; }

.dtpicker-overlay * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-tap-highlight-color: transparent; }

.dtpicker-bg { width: 100%; height: 100%; }

.dtpicker-cont { border: 1px solid #ECF0F1; }

.dtpicker-mobile .dtpicker-cont { position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); border: none; }

.dtpicker-content { margin: 0 auto; padding: 1em 0; max-width: 500px; background: #fff; }

.dtpicker-mobile .dtpicker-content { width: 97%; }

.dtpicker-subcontent { position: relative; }

.dtpicker-header { margin: 0.2em 1em; }

.dtpicker-header .dtpicker-title { color: #87518a; text-align: center; font-size: 1.1em; }

.dtpicker-header .dtpicker-close { position: absolute; top: -0.7em; right: 0.3em; padding: 0.5em 0.5em 1em 1em; color: #87518a; font-size: 1.5em; cursor: pointer; }

.dtpicker-header .dtpicker-close:hover { color: #87518a; }

.dtpicker-header .dtpicker-value { padding: 0.8em 0.2em 0.2em 0.2em; color: #87518a; text-align: center; font-size: 1.4em; }

.dtpicker-components { overflow: hidden; margin: 1em 1em; font-size: 1.3em; }

.dtpicker-components * { margin: 0; padding: 0; }

.dtpicker-components .dtpicker-compOutline { display: inline-block; float: left; }

.dtpicker-comp2 { width: 50%; }

.dtpicker-comp3 { width: 33.3%; }

.dtpicker-comp4 { width: 25%; }

.dtpicker-comp5 { width: 20%; }

.dtpicker-comp6 { width: 16.66%; }

.dtpicker-comp7 { width: 14.285%; }

.dtpicker-components .dtpicker-comp { margin: 2%; text-align: center; }

.dtpicker-components .dtpicker-comp > * { display: block; height: 30px; color: #87518a; text-align: center; line-height: 30px; }

.dtpicker-components .dtpicker-comp > *:hover { color: #87518a; }

.dtpicker-components .dtpicker-compButtonEnable { opacity: 1; }

.dtpicker-components .dtpicker-compButtonDisable { opacity: 0.5; }

.dtpicker-components .dtpicker-compButton { background: #FFFFFF; font-size: 140%; cursor: pointer; }

.dtpicker-components .dtpicker-compValue { margin: 0.4em 0; width: 100%; border: none; background: #FFFFFF; font-size: 100%; -webkit-appearance: none; -moz-appearance: none; }

.dtpicker-overlay .dtpicker-compValue:focus { outline: none; background: #F2FCFF; }

.dtpicker-buttonCont { overflow: hidden; margin: 0.2em 1em; }

.dtpicker-buttonCont .dtpicker-button { display: block; padding: 0.6em 0; width: 47%; background: #87518a; color: #FFFFFF; text-align: center; font-size: 1.3em; cursor: pointer; }

.dtpicker-buttonCont .dtpicker-button:hover { color: #FFFFFF; }

.dtpicker-singleButton .dtpicker-button { margin: 0.2em auto; }

.dtpicker-twoButtons .dtpicker-buttonSet { float: left; }

.dtpicker-twoButtons .dtpicker-buttonClear { float: right; }

.dtpicker-components input { padding: 0; }

input.datepicker { font-weight: 700; font-size: 1rem; }

input.datepicker[readonly] { background: #fff; }

input.datepicker[readonly]:hover, input.datepicker[readonly]:active, input.datepicker[readonly]:focus { cursor: pointer; }

.messages-title { border-bottom: 3px solid #eceff1; padding-bottom: 1.25rem; margin-bottom: 0; }

.accordion { margin-bottom: 2.1875rem; }

.accordion li { margin-right: 0; border-bottom: 3px solid #eceff1; }

.accordion li.is-active .accordion-title { color: #87518a; }

.accordion .accordion-title { font-size: 1rem; font-weight: 700; color: #4a4e61; }

.accordion .accordion-title:hover { color: #87518a; }

.accordion .accordion-title .text-right { float: right; font-weight: 400; }

.message { font-size: 1rem; background: #b37bb6; color: #fff; -moz-border-radius: 3px 3px 0px 3px; -webkit-border-radius: 3px 3px 0px 3px; border-radius: 3px 3px 0px 3px; padding: 0.625rem 1.25rem 0.9375rem; width: 75%; margin-left: 20%; margin-top: 1.25rem; }

@media screen and (max-width: 39.9375em) { .message { width: 87%; margin-left: 5%; } }

.message.sent { background: #87518a; width: 75%; margin-left: 22%; }

@media screen and (max-width: 39.9375em) { .message.sent { width: 90%; margin-left: 7%; } }

.message p { font-size: 1rem; font-weight: 400; margin-bottom: 0.5rem; }

.message p.timestamp { font-size: 0.6875rem; margin: 0; }

.triangle { background: url("../images/icons/message-triangle.png") no-repeat bottom right; float: right; height: 13px; margin-right: 3%; width: 17px; }

.reply-form { width: 75%; margin-left: 22%; }

.reply-form textarea { font-weight: 300; }

.reply-button { display: block; margin-top: 1.5625rem; margin-right: 3%; margin-bottom: 0.9375rem; }

.open-contacts svg { margin-top: 0.8125rem; }

.cart-icon { font-weight: 700; }

.cart-icon svg { vertical-align: middle; margin-right: 0.4375rem; }

.cart-icon:hover, .cart-icon:active, .cart-icon:focus { opacity: 0.85; filter: alpha(opactiy=85); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; -khtml-opacity: 0.85; -moz-opacity: 0.85; }

.renew-icon:hover, .renew-icon:active, .renew-icon:focus { opacity: 0.75; filter: alpha(opactiy=75); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; -khtml-opacity: 0.75; -moz-opacity: 0.75; }

.renew-icon svg { vertical-align: middle; margin-left: 0.4375rem; }

.delete-icon:hover, .delete-icon:active, .delete-icon:focus { opacity: 0.75; filter: alpha(opactiy=75); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; -khtml-opacity: 0.75; -moz-opacity: 0.75; }

.delete-icon svg { vertical-align: middle; }

/*
.navigation{
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  list-style: none;
  padding: 0;
  margin: 0;
  overflow-x: auto;
  background: $white;
  border-bottom: 2px solid $green;
  .navigation__item{
    padding: 20px 30px;
    color: $text-color;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 700;
    &:hover{
      color: $green;
      }
  }
}*/
.external-website { height: 100%; }

.external-website object { width: 100%; height: 100%; }

/**PRANK CALLS ADDITIONAL CSS**/
/*
  COLOURS
*/
.prank-calls { background: #F9B630; }

.app-header.prank-calls { padding: 1.25rem 0; }

/*
  CARDS
*/
.callout.sound-card { background: #fff; border: 1px solid #D2DBE0; padding: 0; margin: 0; }

.callout.sound-card .inner-card { padding: 0.8125rem 0.9375rem 1.25rem; color: #4A4E61; }

.callout.sound-card .inner-card h1 { font-size: 1.4375rem; color: #4A4E61; margin-bottom: 0.3125rem; }

.callout.sound-card .inner-card p { color: #4A4E61; font-size: 1rem; line-height: 1.375rem; margin-bottom: 0.9375rem; }

.callout.sound-card .inner-card hr { border-color: transparent transparent #D2DBE0; border-style: none none solid; border-width: 0 0 1px; clear: both; height: 0; margin: 0.625rem 0; width: 100%; }

.prank-illustration { position: relative; }

.prank-illustration svg { position: absolute; top: 30%; left: 35%; }

.prank-illustration svg:hover path, .prank-illustration svg:active path, .prank-illustration svg:focus path { fill: #875189; }

.prank-illustration svg:hover circle, .prank-illustration svg:active circle, .prank-illustration svg:focus circle { fill: rgba(255, 255, 255, 0.5); }

ul.card-options li { display: inline-block; margin-right: 0.625rem; }

ul.card-options li svg { display: inline-block; vertical-align: sub; }

ul.card-options li span { display: inline-block; margin-left: 0.25rem; }

ul.card-options li a:hover svg path, ul.card-options li a:active svg path, ul.card-options li a:focus svg path { fill: #875189; }

ul.card-options li a.upvote.voted { color: #6EB578; }

ul.card-options li a.upvote.voted svg path { fill: #6EB578; }

ul.card-options li a.downvote.voted { color: #EF5350; }

ul.card-options li a.downvote.voted svg path { fill: #EF5350; }

/*
  MEDIA PLAYER
*/
.mejs__container { position: absolute; margin-top: -70px; }

.mejs__container::before, .mejs__container::after { content: ' '; display: table; }

.mejs__container::after { clear: both; }

/*
  SMALL BLOCKS
*/
.audiopiece-container { position: relative; height: 2.5rem; /* Start: Play/Pause/Stop */ }

.audiopiece-container .mejs__container { position: absolute; margin-top: 16px; width: 85% !important; }

.audiopiece-container .mejs__container::before, .audiopiece-container .mejs__container::after { content: ' '; display: table; }

.audiopiece-container .mejs__container::after { clear: both; }

.audiopiece-container .mejs__play > button { /*background-position: 0 0;*/ background: url("../images/icons/prank-icon-play-button.svg") no-repeat top left; width: 51px; height: 51px; }

.audiopiece-container .mejs__pause > button { /*background-position: -20px 0;*/ background: url("../images/icons/prank-icon-pause-button.svg") no-repeat top left; width: 51px; height: 51px; }

.audiopiece-container .mejs__replay > button { /*background-position: -160px 0;*/ background: url("../images/icons/prank-icon-replay-button.svg") no-repeat top left; width: 51px; height: 51px; }

.audiopiece-container .mejs__button { width: 51px; height: 51px; margin-top: 4px; margin-right: 10px; }

.sendcontainer { width: 15%; float: left; }

/*
  SOUND BLOCKS
*/
.audio-pieces { margin: 1.5625rem 0; }

.audio-pieces::before, .audio-pieces::after { content: ' '; display: table; }

.audio-pieces::after { clear: both; }

.sound-container { background: #fff url("../images/icons/prank-wave.png") no-repeat 45% bottom; padding: 0.9375rem 0; border: 1px solid #D2DBE0; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; position: relative; margin-bottom: 0.9375rem; }

.sound-container .play-button, .sound-container button.playback { background: url("../images/icons/prank-icon-play-button.svg") no-repeat top left; display: block; width: 40px; height: 40px; }

.sound-container .pause-button { background: url("../images/icons/prank-icon-pause-button.svg") no-repeat top left; display: block; width: 40px; height: 40px; }

.sound-container .playbackcontainer { margin-left: 0.875rem; }

.sound-container .send-audio-piece { position: absolute; right: 1rem; top: 0; }

.frontpage-audio { position: relative; }

.frontpage-audio .mejs__container { margin-top: -45px; }

/*
  FORMS
*/
.tabs.small-tabs { margin-bottom: 0.9375rem; margin-left: 0.625rem; }

.tabs.small-tabs li a { font-size: 0.8125rem; }

.button-checkbox.small-button-checkbox { width: 100%; }

@media screen and (min-width: 40em) { .button-checkbox.small-button-checkbox { width: 45%; } }

@media screen and (min-width: 64em) { .button-checkbox.small-button-checkbox { width: 30%; } }

/*
  COMMENTS
*/
.comments hr { border-color: transparent transparent #D2DBE0; border-style: none none solid; border-width: 0 0 1px; clear: both; height: 0; margin: 0.625rem 0 1.25rem; width: 100%; }

.comments hr.spacer { border: 3px solid rgba(255, 255, 255, 0); margin: 0.625rem 0; }

.comments .comment::before, .comments .comment::after { content: ' '; display: table; }

.comments .comment::after { clear: both; }

.comments .comment-count { font-size: 1.125rem; font-weight: 900; }

.comments .new-comment { margin-top: 1.25rem; }

.comments .new-comment::before, .comments .new-comment::after { content: ' '; display: table; }

.comments .new-comment::after { clear: both; }

.comments .new-comment img { float: left; width: 4%; margin-right: 1%; }

.comments .new-comment form { float: left; width: 95%; }

.comments .new-comment form textarea { height: 5rem; border-width: 1px; }

.load-comments { text-align: center; font-size: 1rem; font-weight: 700; display: block; color: #4A4E61; margin-bottom: 1.25rem; }

.load-comments:hover, .load-comments:active, .load-comments:focus { color: #87518a; }

.w-50 { width: 50%; display: block; float: left; }

.w-100 { width: 100%; display: block; float: left; }

.all-comments { display: none; }

.all-comments .comment { color: #4A4E61; font-size: 1rem; line-height: 1.375rem; margin-bottom: 0.9375rem; }

.all-comments .comment .l-column { float: left; width: 5%; margin-right: 1%; }

@media screen and (max-width: 63.9375em) { .all-comments .comment .l-column { width: 10%; } }

.all-comments .comment .r-column { float: left; width: 94%; }

.all-comments .comment .r-column p { color: #4A4E61; font-size: 1rem; line-height: 1.375rem; margin-bottom: 0.3125rem; }

.all-comments .comment .r-column p.meta { font-size: 0.875rem; font-weight: 700; margin-top: 0.625rem; }

@media screen and (max-width: 63.9375em) { .all-comments .comment .r-column { width: 89%; } }

@media screen and (max-width: 63.9375em) { .all-comments .comment .r-column .w-50 { width: 100%; text-align: left; } }

.all-comments .comment .card-actions-container li { display: inline-block; font-size: 0.9375rem; font-weight: 700; margin-right: 0.625rem; }

.all-comments .comment .card-actions-container li span { margin-left: 0.3125rem; color: #4a4e61; font-size: 0.8125rem; line-height: 40px; vertical-align: middle; }

.all-comments .comment .card-actions-container li a svg { vertical-align: -7%; }

.all-comments .comment .card-actions-container li a svg path { fill: #4a4e61; }

.all-comments .comment .card-actions-container li a:hover svg path, .all-comments .comment .card-actions-container li a:active svg path, .all-comments .comment .card-actions-container li a.active svg path { fill: #87518a; }

.all-comments .comment .card-actions-container li a:hover span, .all-comments .comment .card-actions-container li a:active span, .all-comments .comment .card-actions-container li a.active span { color: #87518a; }

.nested-comments { display: none; }

.nested-comments .nested-comment { margin-top: 0.9375rem; }

.nested-comments .nested-comment::before, .nested-comments .nested-comment::after { content: ' '; display: table; }

.nested-comments .nested-comment::after { clear: both; }

.comment-reply { display: none; margin-top: 1.5625rem; float: left; width: 100%; }

.comment-reply textarea { height: 5rem; border-width: 1px; }

.small-prank { font-size: 1rem; padding: 0.8125rem 1.875rem; margin: 0 0 0.9375rem 0 !important; }

.small-prank.right { float: right; }

/**PRANK CALLS ADDITIONAL CSS**/
/**VIRTUAL PHONE ADDITIONAL CSS**/
/*
  COLOURS
*/
.virtual-phone { background: #5E35B1; }

.app-header.virtual-phone { padding: 1.25rem 0; }

#virtualphone-tabs { margin-top: 0.9375rem; }

/*
  // MESSAGES TAB
*/
.vp-message-list { margin-bottom: 2.1875rem; border-top: 3px solid #eceff1; }

.vp-message-list li.vp-message-list-item { margin-right: 0; border-bottom: 3px solid #eceff1; }

.vp-message-list li.vp-message-list-item svg { margin-right: 0.4375rem; -webkit-transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; -ms-transition: all 0.1s ease-in; -o-transition: all 0.1s ease-in; transition: all 0.1s ease-in; vertical-align: middle; }

.vp-message-list li.vp-message-list-item:hover svg path, .vp-message-list li.vp-message-list-item:active svg path, .vp-message-list li.vp-message-list-item:focus svg path { -webkit-transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; -ms-transition: all 0.1s ease-in; -o-transition: all 0.1s ease-in; transition: all 0.1s ease-in; fill: #87518a; }

.vp-message-list .vp-message-list-title { font-size: 1rem; font-weight: 700; color: #4a4e61; padding: 1.25rem 0.25rem; display: block; }

.vp-message-list .vp-message-list-title:hover { color: #87518a; }

.vp-message-list .vp-message-list-title .text-right { float: right; font-weight: 400; }

.vp-messages .messages-container { height: auto; max-height: 400px; overflow-y: scroll; }

.vp-messages .message { margin-left: 10%; }

@media screen and (max-width: 39.9375em) { .vp-messages .message { margin-left: 5%; } }

.vp-messages .message.sent { margin-left: 13%; }

@media screen and (max-width: 39.9375em) { .vp-messages .message.sent { margin-left: 7%; } }

.vp-messages form { width: 75%; margin-left: 10%; margin-top: 0.9375rem; }

.vp-messages form p { font-weight: 700; font-size: 1rem; margin: 0.625rem 0 0.4375rem; }

.vp-messages form textarea { font-weight: 300; }

.vp-messages .triangle { margin-right: 12%; }

/*
  // CUSTOM PHONE TAB
*/
/*
  Hangup & Mic Buttons
*/
.hangup { width: 75%; float: left; margin: 0.3125rem 0.625rem 0 0 !important; }

@media screen and (max-width: 39.9375em) { .hangup { width: 70%; } }

@media screen and (min-width: 64em) { .hangup { width: 78%; } }

#tmute { background: #F6F6F6; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px; cursor: pointer; padding: 20px 15px; text-align: center; height: 70px; width: 70px; float: left; -webkit-transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; -ms-transition: all 0.1s ease-in; -o-transition: all 0.1s ease-in; transition: all 0.1s ease-in; }

#tmute:hover, #tmute:active, #tmute:focus { -webkit-box-shadow: 0px 0 7px 0 rgba(0, 0, 0, 0.1) ; -moz-box-shadow: 0px 0 7px 0 rgba(0, 0, 0, 0.1) ; box-shadow: 0px 0 7px 0 rgba(0, 0, 0, 0.1) ; }

/*
  Inbound Calls Section
*/
#inboundCalls::before, #inboundCalls::after { content: ' '; display: table; }

#inboundCalls::after { clear: both; }

#inboundCalls ul { margin: 0 auto; text-align: center; width: 100%; float: left; }

#inboundCalls li { padding: 1.0625rem 2.8125rem; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px; color: #fff; cursor: pointer; -webkit-transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; -ms-transition: all 0.1s ease-in; -o-transition: all 0.1s ease-in; transition: all 0.1s ease-in; width: 100%; float: left; margin-bottom: 0.9375rem; }

@media screen and (min-width: 64em) { #inboundCalls li { width: 30%; padding: 0.5rem 2.8125rem; } }

#inboundCalls #inboundAccept { background: #00C853; }

#inboundCalls #inboundAccept:hover, #inboundCalls #inboundAccept:active, #inboundCalls #inboundAccept:focus { background: #00a946; }

#inboundCalls #inboundReject { background: #FFA646; }

#inboundCalls #inboundReject:hover, #inboundCalls #inboundReject:active, #inboundCalls #inboundReject:focus { background: #ff9727; }

#inboundCalls #outboundHangup { background: #e74c48; }

#inboundCalls #outboundHangup:hover, #inboundCalls #outboundHangup:active, #inboundCalls #outboundHangup:focus { background: #e3322d; }

/*
  Rec Player Section
*/
#recPlayerLayout ul { margin: 0; }

#recPlayerLayout li { width: 100%; margin: 0 0 0.625rem; padding: 0.5rem 2.8125rem; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px; color: #fff; cursor: pointer; -webkit-transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; -ms-transition: all 0.1s ease-in; -o-transition: all 0.1s ease-in; transition: all 0.1s ease-in; }

@media screen and (min-width: 40em) { #recPlayerLayout li { width: 45%; }
  #recPlayerLayout li:first-child { margin-right: 1%; } }

#recPlayerLayout #audioDownload { background: #87518a; }

#recPlayerLayout #audioDownload:hover, #recPlayerLayout #audioDownload:active, #recPlayerLayout #audioDownload:focus { background: #744677; }

#recPlayerLayout #clearRecPlayer { background: #ECECEC; color: #4A4E61; }

#recPlayerLayout #clearRecPlayer:hover, #recPlayerLayout #clearRecPlayer:active, #recPlayerLayout #clearRecPlayer:focus { background: #dddddd; }

/*
  Logout
*/
#uiLogout { cursor: pointer; }

#phonestatus.online { color: #00C853; }

.online-green { color: #00C853; }

/*
  // Hide Login Box after logged in (Demo ONLY)
*/
body.userloggedin #login { display: none; }

.small-button { background: #87518a; padding: 0.4375rem 0.9375rem; margin: 0 0 0.9375rem; color: #fff; font-weight: 700; font-size: 0.875rem; -webkit-transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; -ms-transition: all 0.1s ease-in; -o-transition: all 0.1s ease-in; transition: all 0.1s ease-in; }

.small-button:hover, .small-button:active, .small-button:focus { background-color: #744677; }

.small-button.green { background: #6fb944; margin-top: 0.625rem; }

.small-button.green:hover, .small-button.green:active, .small-button.green:focus { background-color: #62a33c; }

.p-body-top { background: #0B0E0E; height: 4.0625rem; -moz-border-radius: 50px 50px 0 0; -webkit-border-radius: 50px 50px 0 0; border-radius: 50px 50px 0 0; }

.p-body-bottom { background: #0B0E0E; height: 4.0625rem; -moz-border-radius: 0 0 50px 50px; -webkit-border-radius: 0 0 50px 50px; border-radius: 0 0 50px 50px; margin-bottom: 1.5625rem; }

.p-body { background: #0B0E0E; min-height: 6.25rem; padding: 0 0.625rem; }

.p-body .p-screen { min-height: 6.25rem; background: #ECECEC; padding-bottom: 1.5625rem; }

.p-body .p-screen .p-top-bar { background: #212121; padding: 0.1875rem 0.4375rem 0.125rem; margin: 0; }

.p-body .p-screen .p-top-bar .left p { font-size: 0.625rem; margin: 0; color: #fff; line-height: 0.625rem; }

.p-body .p-screen .p-top-bar .right ul { text-align: right; margin: 0; }

.p-body .p-screen .p-top-bar .right ul li { display: inline-block; margin: 0; }

.p-body .p-screen .p-top-bar .right ul li.icon-battery { margin: 0 0.3125rem 0 0.5rem; }

.p-body .p-screen .p-top-bar .right .p-clock { margin: 0; color: #fff; font-size: 0.875rem; font-weight: 700; }

.callinfo { text-align: left; }

.callinfo ul { margin: 0; }

.callinfo li { display: inline-block; font-weight: 700; color: #546E7A; line-height: 1.25rem; font-size: 0.875rem; }

.callinfo li#callNum { font-weight: 400; color: #7C929D; }

.callinfo li:first-child { margin-right: 0.1875rem; }

.status-info { background: #fff; padding: 0.3125rem 0.625rem; }

.status-info p { font-weight: 700; color: #546E7A; margin: 0; line-height: 1.25rem; font-size: 0.875rem; }

.status-info p span { font-weight: 400; color: #7C929D; }

.status-info p.online-green { color: #00C853; font-size: 1rem; }

.status-info #vp-menu span { display: block; margin-top: 0.3125rem; }

.status-info .toggle { color: #fff; display: block; float: right; height: 45px; line-height: 45px; text-align: center; width: 45px; }

.status-info .menu { background: #fff; border-radius: 3px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 8px 0 rgba(0, 0, 0, 0.12); color: #546E7A; font-size: 16px; padding: 10px 0; position: absolute; top: 48px; transform: scale(0); transition: transform 0.2s; z-index: 96; }

.status-info .menu.show { transform: scale(1); }

.status-info .menu.menu--right { transform-origin: top right; }

.status-info .menu.menu--left { transform-origin: top left; }

.status-info .menu li { display: block; min-height: 32px; line-height: 16px; margin: 8px 0; padding: 0 16px; width: 100%; }

.status-info .menu li.menu-separator { background: #eee; height: 1px; min-height: 0; margin: 12px 0; padding: 0; }

.status-info .menu li:hover, .status-info .menu li:active, .status-info .menu li:focus { background: #eee; }

.status-info .menu li:first-child { margin-top: 0; }

.status-info .menu li:last-child { margin-bottom: 0; }

.status-info .menu a { color: inherit; display: block; height: 2.5rem; line-height: 2.5rem; padding: 0; text-decoration: none; width: 100%; white-space: nowrap; padding: 0 0.9375rem 0 0.3125rem; }

.status-info .menu a:hover, .status-info .menu a:active, .status-info .menu a:focus { color: #444; }

.status-info .menu a svg { margin-right: 0.9375rem; }

.number-input { background: #F6F6F6; padding: 1.125rem 0.3125rem; margin-bottom: 0.9375rem; }

.number-input input { margin: 0; border: 0 none; background-color: rgba(246, 246, 246, 0); color: #89969D; font-size: 2.1875rem !important; font-weight: 400; height: auto; text-align: center; }

.number-input input:hover, .number-input input:active, .number-input input:focus { border: 0 none; background-color: rgba(246, 246, 246, 0); }

.number-input input::placeholder { color: #89969D; font-size: 1.875rem; }

.number-input input::-webkit-input-placeholder { color: #89969D; font-size: 1.875rem; }

.number-input input:-moz-placeholder { color: #89969D; font-size: 1.875rem; }

.number-input input ::-moz-placeholder { color: #89969D; font-size: 1.875rem; }

.number-input input:-ms-input-placeholder { color: #89969D; font-size: 1.875rem; }

.call-buttons { float: left; width: 100%; margin-top: 0.9375rem; }

/**IMPORTED FROM DEMO**/
.phone-panel { margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); border-color: white; }

.phone { margin-top: 15px; background: rgba(150, 209, 150, 0.09); }

.keyboard { margin: 0.625rem 1.25rem; }

.num { border: 2px solid rgba(135, 81, 138, 0.2); -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; border-radius: 100px; height: 6.5625rem; cursor: pointer; color: #87518a; margin: 0.625rem 0; }

.num:hover { background-color: #87518a; border: 2px solid #87518a; color: #fff; transition-property: background-color .2s linear 0s; -moz-transition: background-color .2s linear 0s; -webkit-transition: background-color .2s linear 0s; -o-transition: background-color .2s linear 0s; }

.num.single-num { border: 2px solid rgba(135, 81, 138, 0); }

.txt { font-size: 2.9375rem; text-align: center; line-height: 1.875rem; font-weight: 300; margin-top: 1.25rem; }

.txt.larger { font-size: 5.625rem; line-height: 5.625rem; margin-top: 1.25rem; }

.txt.hash { margin-top: 1.875rem; }

span.small p { margin: 0.4375rem 0 0; font-size: 0.6875rem; }

.metrics { margin-bottom: 10px; padding: 10px; /*z-index: 10000;*/ /*display: inline-block;*/ /*background: rgba(0,153,204,0.93);*/ background: rgba(244, 67, 54, 0.75); /*border: 1px solid #006b8f;*/ color: #fff; font-size: 13px; text-align: center; border-radius: 3px; padding-top: 8px; padding-bottom: 8px; outline: 0; /*position: fixed;*/ top: 0; /*left: 0;*/ right: 0; font-family: monospace; }

.alertmsg { /*width: 20%;*/ }

.alertmsg .callout { padding: 0.8125rem 0.625rem; }

.alertmsg .callout p { font-size: 1rem; color: #4A4E61; text-align: center; margin: 0; font-weight: 700; }

.alertmsg .callout .close-button { font-weight: 900; font-size: 1.375rem; }

#recPlayerLayout, .hangup, .inboundBeforeAnswer, .outboundBeforeAnswer, .AfterAnswer, .callinfo, #uiLogout, .lowQualityRadios, .feedback, .loader, .fadein-effect { display: none; }

.white { color: white; font-size: 20px; font-weight: 600; }

.white-icon { color: white; font-size: 20px; font-weight: 600; margin-left: 20px; cursor: pointer; }

.feedback { transform: rotate(90deg); position: absolute; top: 50%; left: -2%; }

.audioDevices { position: absolute; top: 20%; right: 0%; }

.googleLogin { background: url(signin_button.png) no-repeat 6px center; /*width: 100px;*/ height: 100px; display: block; }

.center-div { position: absolute; margin: auto; top: 0; right: 0; bottom: 0; left: 0; width: 15%; height: 100px; border-radius: 3px; }

.white-shadow { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }

.client-name { margin-left: 28%; position: absolute; /*font-size: 30px;*/ /*font-weight: 600;*/ color: gray; }

.lead { font-weight: 600; }

.loader { position: absolute; left: 50%; top: 50%; z-index: 1; width: 150px; height: 150px; margin: -75px 0 0 -75px; border: 16px solid #f3f3f3; border-radius: 50%; border-top: 16px solid #87518a; width: 120px; height: 120px; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; }

@-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); } }

@keyframes spin { 0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); } }

.btn-success { background-color: #00a848; border-color: rgba(0, 0, 0, 0.0001); }

.log-missed { font-size: 25px; color: red; }

.log-call { width: 100%; display: block; }

.log-call svg { margin-top: 0.3125rem; }

.log-call:hover, .log-call:active, .log-call:focus { cursor: pointer; opacity: 0.8; filter: alpha(opactiy=80); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; -khtml-opacity: 0.8; -moz-opacity: 0.8; -webkit-transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; -ms-transition: all 0.1s ease-in; -o-transition: all 0.1s ease-in; transition: all 0.1s ease-in; }

/* Rating Star Widgets Style */
.rating-stars ul { list-style-type: none; padding: 0; -moz-user-select: none; -webkit-user-select: none; }

.rating-stars ul > li.star { display: inline-block; }

/* Idle State of the stars */
.rating-stars ul > li.star > i.fa { font-size: 2.5em; /* Change the size of the stars */ color: #ccc; /* Color on idle state */ }

/* Hover state of the stars */
.rating-stars ul > li.star.hover > i.fa { color: #FFCC36; }

/* Selected state of the stars */
.rating-stars ul > li.star.selected > i.fa { color: #FF912C; }

body#style-guide { /* // BADGES & LABELS */ }

body#style-guide .style-guide-nav { background: #fafafa; }

@media screen and (min-width: 64em) { body#style-guide .style-guide-nav { position: fixed; top: 0; left: 0; overflow-y: scroll; height: 100%; } }

body#style-guide .style-guide-nav ul { padding: 0 1.25rem 1.25rem; }

body#style-guide .style-guide-nav ul li h5 { margin-top: 1.5625rem; }

body#style-guide .style-guide-nav ul a { display: block; width: 100%; padding: 0.625rem; }

body#style-guide .style-guide-nav ul a:hover, body#style-guide .style-guide-nav ul a:active, body#style-guide .style-guide-nav ul a:focus { background: rgba(0, 0, 0, 0.05); }

body#style-guide .badge, body#style-guide .label { font-size: 0.75rem; font-weight: 700; margin: 0 0.1875rem; }

body#style-guide #buttons .button { display: inline-block; margin-bottom: 1.875rem; }

body#style-guide .padding-25 { padding: 0.625rem 1.5625rem; }

body#style-guide hr { max-width: 100%; }

body#style-guide .pagination { text-align: left; }

body#style-guide #colors ul li { margin: 0.625rem 0; padding: 0.625rem; }

body#style-guide svg path { fill: #87518a; }

body#style-guide i svg path { fill: #fff; }