/* variables - all color and font declarations to go in this file and no where else */
/**
 * Mixins
 *
 * We use mixins to replicate some of the used styling for specific layouts or
 * for browser vendor prefixes.
 *
 * Weight: -8
 *
 * Styleguide: Mixins
 */
/**
 * Miscellaneous
 *
 * Styleguide: Mixins - Misc
 */
/* Custom mixins for the site */
/* Typography Variables for .type mixin */
/**
 * Animations
 *
 * Styleguide: Mixins - Animations

 * .animated
 *
 * An override for the `.animated` class by Dan Eden (`animate.css`)
 * to define a duration for it.
 *
 * @duration - The duration of the animation
 *
 * Styleguide: Mixins - Animations - .animated
 */
.no-animation {
  -webkit-animation: none;
  animation: none;
}
/**
 * .animation
 *
 * **VENDOR PREFIX**
 *
 * Vendor prefix for the `animation` property.
 *
 * @name                 - The name of the animation.
 * @duration             - The duration of the animation.
 * @delay                - The delay of the animation to run.
 * @ease                 - The timing function of the animation.
 * @iteration-count      - How many times the animation will run.
 * @animation-fill-mode  - The `animation-fill-mode` value.
 * @animation-direction  - The `animation-direction` value.
 *
 * Styleguide: Mixins - Animations - .animation
 */
/**
 * .animation-delay - DEPRECATED
 *
 * **VENDOR PREFIX**
 *
 * Vendor prefix for the `animation-delay` property.
 *
 * Styleguide: Deprecated - Mixins - Animations - .animation-delay
 */
/**
 * .keyframes - DEPRECATED
 *
 * **VENDOR PREFIX**
 *
 * Vendor prefix for the `@keyframes` rule.
 *
 * Styleguide: Deprecated - Mixins - Animations - .keyframes
 */
/**
 * Transitions
 *
 * Styleguide: Mixins - Transitions
 */
/**
 * .transition - DEPRECATED
 *
 * **VENDOR PREFIX**
 *
 * Vendor prefix for the `transition` property.
 *
 * Styleguide: Deprecated - Mixins - Transitions - .transition
 */
/**
 * .no-transition - DEPRECATED
 *
 * **VENDOR PREFIX**
 *
 * Vendor prefix for the `transition` property to be set to `none`.
 *
 * Styleguide: Deprecated - Mixins - Transitions - .no-transition
 */
.no-transition {
  -webkit-transition: none;
  transition: none;
}
/**
 * .transition-delay - DEPRECATED
 *
 * **VENDOR PREFIX**
 *
 * Vendor prefix for the `transition-delay` property.
 *
 * @delay - The amount of delay to be set.
 *
 * Styleguide: Deprecated - Mixins - Transitions - .transition-delay
 */
/**
 * Transforms
 *
 * These mixins are essentially vendor prefixes for `transform` property and
 * its values.
 *
 * Styleguide: Mixins - Transforms
 */
/**
 * .perspective - DEPRECATED
 *
 * **VENDOR PREFIX**
 *
 * Vendor prefix for the `perspective` property.
 *
 * @arguments - Any values that are valid for `perspective`
 *
 * Styleguide: Deprecated - Mixins - Transforms - .perspective
 */
/**
 * .transform - DEPRECATED
 *
 * **VENDOR PREFIX**
 *
 * Vendor prefix for the `transform` property.
 *
 * @arguments - Any values that are valid in `transform`
 *
 * Styleguide: Deprecated - Mixins - Transforms - .transform
 */
/**
 * .translate - DEPRECATED
 *
 * **VENDOR PREFIX**
 *
 * Vendor prefix for the `transform: translate()` property.
 *
 * @xpos - The x position.
 * @ypos - The y position.
 *
 * Styleguide: Deprecated - Mixins - Transforms - .translate
 */
/**
 * .rotation
 *
 * **VENDOR PREFIX**
 *
 * Vendor prefix for the `transform: rotate()` property.
 *
 * @deg - The amount of degree.
 *
 * Styleguide: Mixins - Transforms - .rotation
 */
/**
 * .scale
 *
 * **VENDOR PREFIX**
 *
 * Vendor prefix for the `transform: scale()` property.
 *
 * @ratio - The ratio of the scale.
 *
 * Styleguide: Mixins - Transforms - .scale
 */
/**
 * .transform-origin - DEPRECATED
 *
 * **VENDOR PREFIX**
 *
 * Vendor prefix for the `transform-origin` property.
 *
 * @origin - The origin of the transform.
 *
 * Styleguide: Deprecated - Mixins - Transforms - .transform-origin
 */
/**
 * .transition-timing-function  - DEPRECATED
 *
 * **VENDOR PREFIX**
 *
 * Vendor prefix for the `transition-timing-function` property.
 *
 * @timing - The timing function.
 *
 * Styleguide: Deprecated - Mixins - Transforms - .transition-timing-function
 */
/**
 * .transform-perspective - DEPRECATED
 *
 * **VENDOR PREFIX**
 *
 * Vendor prefix for the `transform: perspective()` property.
 *
 * Deprecated: As the mixin affects the rotateY() value as well, we need to
 * refactor this properly first.
 *
 * @perspective - The perspective() value.
 * @rotateY     - The rotateY() value.
 *
 * Styleguide: Deprecated - Mixins - Transforms - .transform-perspective
 */
/**
 * .transform-style - DEPRECATED
 *
 * **VENDOR PREFIX**
 *
 * Vendor prefix for the `transform-style` property.
 *
 * @value - The value.
 *
 * Styleguide: Deprecated - Mixins - Transforms - .transform-style
 */
.hyphens {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
/**
 * .text-wrap
 *
 * Adds `word-break` and `word-wrap` as well as hyphens for cross-compatibility
 * in word breaking. Perfect for user inputs.
 *
 * Styleguide: Mixins - Misc. - .text-wrap
 */
/**
 * Flexbox
 *
 * These mixins are responsible for the vendor prefixes for flexbox support.
 *
 * Styleguide: Deprecated - Mixins - Flexbox
 */
/**
 * .flex - DEPRECATED
 *
 * **VENDOR PREFIX**
 *
 * Vendor prefix for the `display: flex` and `display: flex-inline`
 * declarations.
 *
 * @flexDisplay - `flex` or `inline-flex`.
 *
 * Styleguide: Deprecated - Mixins - Flexbox - .flex
 */
/**
 * .flex-justify - DEPRECATED
 *
 * ** VENDOR PREFIX**
 *
 * Vendor prefix for the `justify-content` property.
 *
 * @justifyStyle - The value for `justify-content`.
 *
 * Styleguide: Deprecated - Mixins - Flexbox - .flex-justify
 */
/**
 * .flex-direction - DEPRECATED
 *
 * **VENDOR PREFIX**
 *
 * Vendor prefix for the `flex-direction` property.
 *
 * @direction - The value for `flex-direction`.
 *
 * Styleguide: Deprecated - Mixins - Flexbox - .flex-direction
 */
/**
 * .flex-align-items - DEPRECATED
 *
 * **VENDOR PREFIX**
 *
 * Vendor prefix for the `align-items` property.
 *
 * @alignStyle - The value for `align-items`.
 *
 * Styleguide: Deprecated - Mixins - Flexbox - .flex-align-items
 */
/**
 * .flex-align-content - DEPRECATED
 *
 * **VENDOR PREFIX**
 *
 * Vendor prefix for the `align-content` property.
 *
 * @alignStyle - The value for `align-content`.
 *
 * Styleguide: Deprecated - Mixins - Flexbox - .flex-align-content
 */
/**
 * .flex-align-self - DEPRECATED
 *
 * **VENDOR PREFIX**
 *
 * Vendor prefix for the `align-self` property.
 *
 * @selfAlignStyle - The value for `align-self`.
 *
 * Styleguide: Deprecated - Mixins - Flexbox - .flex-align-self
 */
/**
 * .flex-order - DEPRECATED
 *
 * **VENDOR PREFIX**
 *
 * Vendor prefix for the `order` property.
 *
 * @order - The order value.
 *
 * Styleguide: Deprecated - Mixins - Flexbox - .flex-order
 */
/**
 * .flex-wrap - DEPRECATED
 *
 * **VENDOR PREFIX**
 *
 * Vendor prefix for the `flex-wrap` property.
 *
 * @wrap - `wrap` or `nowrap`.
 *
 * Styleguide: Deprecated - Mixins - Flexbox - .flex-wrap
 */
/**
 * .flex-grow - DEPRECATED
 *
 * **VENDOR PREFIX**
 *
 * Vendor prefix for the `flex-grow` property.
 *
 * @proportion - The proportion factor of the element to grow.
 *
 * Styleguide: Deprecated - Mixins - Flexbox - .flex-grow
 */
/**
 * .flex-shrink - DEPRECATED
 *
 * **VENDOR PREFIX**
 *
 * Vendor prefix for the `flex-shrink` property.
 *
 * @proportion - The proportion factor of the element to shrink.
 *
 * Styleguide: Deprecated - Mixins - Flexbox - .flex-shrink
 */
/**
 * .flex-basis - DEPRECATED
 *
 * **VENDOR PREFIX**
 *
 * Vendor prefix for the `flex-basis` property.
 *
 * @value - The basis value.
 *
 * Styleguide: Deprecated - Mixins - Flexbox - .flex-basis
 */
/* These are the conditional mixins for the different syntaxes Flexbox */
/**
 * .flex-shorthand - DEPRECATED
 *
 * **VENDOR PREFIX**
 *
 * Vendor prefix for the `flex` property.
 *
 * @flexGrow     - the `flex-grow` value
 * @flexShrink   - the `flex-shrink` value
 * @flexBasis    - the `flex-basis` value
 *
 * Styleguide: Deprecated - Mixins - Flexbox - .flex-shorthand
 */
/**
 * .appearance - NON STANDARD FEATURE
 *
 * **VENDOR PREFIX**
 *
 * Vendor prefix for the `appearance` property.
 *
 * @type - The appearance value.
 *
 * Styleguide: Mixins - Misc - .appearance
 */
/**
 * .box-shadow - DEPRECATED
 *
 * **VENDOR PREFIX**
 *
 * Vendor prefix for the `box-shadow` property.
 *
 * Deprecated: Browser support is good enough. We don't need this anymore.
 * ([FED-312](https: *jira.flnltd.com/browse/FED-312))
 *
 * @shadow - The box-shadow value.
 *
 * Styleguide: Deprecated - Mixins - Misc - .box-shadow
 */
/**
 * .inner-shadow - DEPRECATED
 *
 * **VENDOR PREFIX**
 *
 * Vendor prefix for the `box-shadow` property with the `inset` value.
 *
 * Deprecated: Browser support is good enough. We don't need this anymore.
 * ([FED-312](https: *jira.flnltd.com/browse/FED-312))
 *
 * @horizontal - The horizontal offset value.
 * @vertical   - The vertical offset value.
 * @blur       - The blur value.
 * @alpha      - The alpha value of the black used for the shadow color.
 *
 * Styleguide: Mixins - Misc - .inner-shadow
 */
/**
 * .list-unstyled
 *
 * Remove the default styling for `<ul>` and `<ol>` elements (bullet points).
 *
 * @margin   - The margin for the unstyled list. Defaults to `0`.
 * @padding  - The padding for the unstyled list. Defaults to `0`.
 *
 * Styleguide: Mixins - Misc - .list-unstyled
 */
/**
 * Gradients
 *
 * Mixins range from the different gradient types to the gradients normally
 * used in different sections.
 *
 * Styleguide: Mixins - Gradients
 */
/**
 * .gradient - DEPRECATED
 *
 * **VENDOR PREFIX**
 *
 * Vendor prefix for a linear gradient.
 *
 * Deprecated: This mixin is similar to .linear-gradient. Until we can refactor
 * or phase this out, do not use this mixin.
 *
 * @color     - The fallback color for older browsers that don't support
 *              gradients at all.
 * @start     - The starting color.
 * @stop      - The ending color.
 *
 * Styleguide: Deprecated - Mixins - Gradients - .gradient
 */
/**
 * .linear-gradient - DEPRECATED
 *
 * **VENDOR PREFIX**
 *
 * Vendor prefix for a linear gradient.
 *
 * @direction        - The direction of the linear gradient.
 * @startColor       - The starting color.
 * @endColor         - The ending color.
 *
 * Styleguide: Deprecated - Mixins - Gradients - .linear-gradient
 */
/**
 * .radial-gradient - DEPRECATED
 *
 * **VENDOR PREFIX**
 *
 * Vendor prefix for a linear gradient.
 *
 * @direction        - The direction of the linear gradient.
 * @startColor       - The starting color.
 * @endColor         - The ending color.
 *
 * Styleguide: Deprecated - Mixins - Gradients - .linear-gradient
 */
/**
 * .hero-section-bg - DEPRECATED
 *
 * Generates the hero section radial gradient background.
 *
 * Deprecated: this is an old mixin for old pages.
 *
 * Styleguide: Deprecated - Mixins - Gradients - .hero-section-bg
 */
.hero-section-bg {
  background: #6597b0;
  /* Old browsers */
  background: -webkit-radial-gradient(
    center,
    ellipse cover,
    #a0c5d5 0%,
    #6597b0 100%
  );
  /* Chrome10+,Safari5.1+ */
  background: radial-gradient(ellipse at center, #a0c5d5 0%, #6597b0 100%);
  /* W3C */
}
/**
 * .HeroBackground
 *
 * Generates the hero background bootstrapping declarations to position a
 * background image to the container.
 *
 * This mixin should be applied to the parent sectioning container with the
 * `background-image` declaration being set in the layout file.
 *
 * @height    - The height of the hero section
 * @bg-color  - Fallback color for the hero section
 *
 * Styleguide: Mixins - Misc - .HeroBackground
 */
/**
 * CSS Triangle
 *
 * These mixins relate to creating triangles with CSS.
 *
 * Styleguide: Mixins - Misc - Triangle
 */
/**
 * .createTriangle
 *
 * A constructor mixin to create a triangle. Use it in pseudo-elements or
 * empty elements.
 *
 * @triangleOrientation - The orientation of the triangle.
 * @triangleColor       - The color of the triangle.
 * @arrowSize           - The size of the triangle.
 *
 * Styleguide: Mixins - Misc - Triangle - .createTriangle
 */
/**
 * .createArrow
 *
 * A constructor mixin to create an arrow.
 *
 * @arrowSize             - The size of the arrow.
 * @arrowOrientation      - The orientation of the arrow.
 * @arrowColor            - The color of the arrow.
 * @arrowWeight           - The weight of the arrow.
 *
 * Styleguide: Mixins - Misc - Triangle - .createArrow
 */
/**
 * .triangle
 *
 * Generates triangle bootstrapping declarations. This mixin must be used in
 * pseudo-elements and an explicit `border-color` and `border-width` must be set
 * along with the mixin usage.
 *
 *
 * Styleguide: Mixins - Misc - Triangle - .triangle
 */
.triangle {
  position: absolute;
  width: 0px;
  height: 0px;
  border-style: solid;
  content: "";
  -moz-transform: scale(0.9999);
}
/**
 * .no-triangle
 *
 * Cancels out the .triangle mixin by setting the element's `::before`
 * and `::after` `border-style` and `border-width` to 0.
 *
 * Styleguide: Mixins - Misc - Triangle - .no-triangle
 */
.no-triangle:before,
.no-triangle:after {
  border-style: none;
  border-width: 0;
}
/**
 * .roundedMask
 *
 * Creates a rounded mask on the element.
 *
 * @diameter - The diameter.
 *
 * Styleguide: Mixins - Misc - .roundedMask
 */
/**
 * .circle
 *
 * Creates a circle.
 *
 * @diameter - The diameter.
 *
 * Styleguide: Mixins - Misc - .circle
 */
/**
 * .vertical-align
 *
 * Vertically align the element with `transform` and absolute positioning.
 *
 * @pos        - The `position` value. Defaults to `absolute`.
 * @translateY - The `transform: translateY()` value.
 *
 * Styleguide: Mixins - Misc - .vertical-align
 */
/**
 * .horizontal-align
 *
 * Horizontally align the element with `transform` and absolute positioning.
 *
 * @pos        - The `position` value. Defaults to `absolute`.
 *
 * Styleguide: Mixins - Misc - .horizontal-align
 */
/**
 * .horizontal-vertical-align
 *
 * Horizontally and vertically align the element with `transform` and absolute
 * positioning.
 *
 * @pos        - The `position` value. Defaults to `absolute`.
 *
 * Styleguide: Mixins - Misc - .horizontal-vertical-align
 */
/**
 * .absolute-cover
 *
 * Sets the element to `position: absolute` with the `top`, `right`, `bottom`
 * and `left` values to 0 to cover the parent element entirely.
 *
 * Styleguide: Mixins - Misc - .absolute-cover
 */
.absolute-cover {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
/*************************************************/
/* Image Sets */
.spritemap {
  background-image: url("/static/css/images/spritemap-var02.png");
}
.spritemap-payment {
  background-image: url("/static/css/images/sprite-payment.png");
}
.gamification-rewards-spritemap {
  background-image: url("/static/css/images/sprite-game-icons.png");
}
.gamification-items-spritemap {
  background-image: url("/static/css/images/sprite-game-items.png");
}
.gamification-spritemap {
  background-image: url("/static/css/images/sprite-game.png");
}
.gamification-badges-small-spritemap {
  background-image: url("/static/css/images/sprite-game-badges-small-var02.png");
}
.zlecenia-przez-logo-stylised {
  display: inline-block;
  background-image: url("/static/css/images/spritemap-var02.png");
  width: 56px;
  height: 36px;
  background-position: 0px -200px;
}
/**
 * Typography
 *
 * These mixins govern the important parts of the site typography.
 *
 * Styleguide: Mixins - Typography
 */
/**
 * Fonts
 *
 * Mixins to set the font choices.
 *
 * Styleguide: Mixins - Typography - Fonts
 */
/**
 * .primary-font
 *
 * Sets the primary font family of the site as well as setting the
 * font-smoothing value.
 *
 * Styleguide: Mixins - Typography - Fonts - .primary-font
 */
.primary-font {
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/**
 * .secondary-font
 *
 * Sets the secondary font family of the site.
 *
 * Deprecated: We have no secondary fonts at the moment.
 *
 * Styleguide: Mixins - Typography - Fonts - .secondary-font
 */
.secondary-font {
  font-family: "museo_sans", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* font size mixn */
/**
 * Typography Styles - DEPRECATED
 *
 * Typography based on type hierarchy from design team.
 * Only applicable to h1 and h2.
 *
 * Styleguide: Deprecated - Mixins - Typography - Styles
 */
/**
 * .heading-form - DEPRECATED
 *
 * The heading for forms. 18px in size and bold weighted with a line-height of
 * 1.3.
 *
 * Styleguide: Deprecated - Mixins - Typography - Styles - .heading-form
 */
.heading-form {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.3;
  font-weight: bold;
}
/**
 * .body-text - DEPRECATED
 *
 * The body text. 15px in size with a line-height of 1.6.
 *
 * Styleguide: Deprecated - Mixins - Typography - Styles - .body-text
 */
.body-text {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.6;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400;
  letter-spacing: 0.02em;
  line-height: 1.2;
  font-size: 12px;
  font-size: 0.85714286rem;
  line-height: 1.43;
  font-weight: normal;
}
/**
 * .dark-link-color
 *
 * Sets a link color and the hover color for the element.
 *
 * @baseColor   - The color of the link.
 * @hoverColor  - The hover color of the link.
 *
 * Styleguide: Mixins - Misc - .dark-link-color
 */
/**
 * Sections
 *
 * Sections generator mixins.
 *
 * Styleguide: Mixins - Sections
 */
/**
 * .site-section-inner
 *
 * Creates an inner section based on the container widths that we set.
 * This is useful to limit the content to use the container width used
 * globally.
 *
 * @width             - The fixed width for the container in fixed pages.
 *                      Defaults to @breakpoint-desktop-small.
 * @padding           - The padding to add in the container. Defaults to
 *                      @site-section-padding.
 * @width--responsive - The width for the container in responsive pages.
 *                      Defaults to @breakpoint-desktop-large.
 *
 * Styleguide: Mixins - Sections - .site-section-inner
 */
/**
 * .fadedBorderX
 *
 * Creates a faded horizontal line that spans from transparent to
 * `rgba(147, 147, 147, 1)` to transparent again.
 *
 * Styleguide: Mixins - Misc - .fadedBorderX
 */
.fadedBorderX {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: linear-gradient(
    to right,
    rgba(0, 0, 0, 0) 0%,
    #939393 50%,
    rgba(0, 0, 0, 0) 100%
  );
}
/**
 * .calc - DEPRECATED
 *
 * **VENDOR PREFIX**
 *
 * Vendor prefix for the CSS `calc()` function value.
 *
 * @calcProperty - The property to use `calc()` on.
 *                 Write the value as ~"[value]".
 * @calcValue    - The arguments on the `calc()` function.
 *                 Write the value as ~"[value]".
 *
 * Styleguide: Deprecated - Mixins - Misc - .calc
 */
/**
 * Card
 *
 * Mixins for card styling.
 *
 * Styleguide: Mixins - Card
 */
/**
 * .card
 *
 * Create a card styling for the element.
 *
 * @drop-shadow - The drop shadow color value. Defaults to @card-shadow.
 *
 * Styleguide: Mixins - Card - .card
 */
/**
 * .background-clip - DEPRECATED
 *
 * **VENDOR PREFIX**
 *
 * Vendor prefix for the `background-clip` property.
 *
 * @argument - The value for `background-clip`.
 *
 * Styleguide: Deprecated - Mixins - Misc - .background-clip
 */
/**
 * .border-radius - DEPRECATED
 *
 * **VENDOR PREFIX**
 *
 * Vendor prefix for the `border-radius` property.
 *
 * @topleft        - The top left radius.
 * @bottomright    - The bottom right radius.
 * @bottomleft     - The bottom left radius.
 * @topleft        - The top left radius.
 *
 * Styleguide: Deprecated - Mixins - Misc - .border-radius
 */
/**
 * .rounded - DEPRECATED
 *
 * **VENDOR PREFIX**
 *
 * Vendor prefix for defaulting the `border-radius` property to all sides.
 *
 * @radius - The radius for all sides.
 *
 * Styleguide: Deprecated - Mixins - Misc - .rounded
 */
/**
 * .opacity - DEPRECATED
 *
 * **VENDOR PREFIX**
 *
 * Vendor prefix for the `opacity` property.
 *
 * Deprecated: Browser support is good enough. We don't need this anymore.
 * ([FED-312](https://jira.flnltd.com/browse/FED-312))
 *
 * @opacity - The opacity value.
 *
 * Styleguide: Mixins - Misc - .opacity
 */
/**
 * .drop-shadow - DEPRECATED
 *
 * **VENDOR PREFIX**
 *
 * Vendor prefix for the `box-shadow` property for drop shadow effect.
 *
 * Deprecated: Browser support is good enough. We don't need this anymore.
 * ([FED-312](https://jira.flnltd.com/browse/FED-312))
 *
 * @x-axis - The horizontal offset value.
 * @y-axis - The vertical offset value.
 * @blur   - The blur value.
 * @alpha  - The alpha value of the black used for the shadow color.
 *
 * Styleguide: Deprecated - Mixins - Misc - .drop-shadow
 */
/**
 * .user-select - DEPRECATED
 *
 * **VENDOR PREFIX**
 *
 * Vendor prefix for the `user-select` property.
 *
 * @argument - The value for `user-select`.
 *
 * Styleguide: Deprecated - Mixins - Misc - .user-select
 */
/**
 * .columns
 *
 * **VENDOR PREFIX**
 *
 * Vendor prefix for the CSS columns syntax.
 *
 * @colwidth             - The column width
 * @colcount             - The column count
 * @colgap               - The column gap
 * @columnRuleColor      - The column rule color
 * @columnRuleStyle      - The column rule style
 * @columnRuleWidth      - The column rule width
 *
 * Styleguide: Mixins - Misc - .columns
 */
/**
 * .visibly-hidden
 *
 * A mixin to visibly hide the element from the viewport but screen readers
 * can still pick them up and read them up. Useful for accessibility.
 *
 * Styleguide: Mixins - Misc - .visibly-hidden
 */
/**
 * .dropdown-indicator
 *
 * A mixin that adds an arrow to indicate that it is a dropdown
 */
/**
* .truncate
*
* A mixin to truncate the element at a certain width so that we don't end up
* adding a new line or going over the width of the parent element.
*/
/**
 * Container
 *
 * Containers are for the container of content or a starting point of the Grid
 * module. This puts the content to be in the center with a maximum width of
 * either the standard size of 1200px, or larger, or smaller.
 *
 * .Container--tablet - Set the size to be 768px.
 * .Container--desktopSmall - Set the size to be 960px.
 * .Container--desktopXLarge - Set the size to be 1400px.
 * .Container--fluid - Set the size to be 100% of the width.
 *
 * Markup: container.html
 *
 * Styleguide: Grid System - Container
 */
.Container {
  width: 100%;
  /* Flexbox compatibility */
  max-width: 1224px;
  margin: 0 auto;
  padding: 0 12px;
}
@media (min-width: 768px) {
  .Container {
    padding: 0 12px;
  }
}
.Container--tablet {
  max-width: 768px;
}
.Container--desktopSmall {
  max-width: 960px;
}
.Container--desktopXLarge {
  max-width: 1400px;
}
.Container--fluid {
  max-width: none;
}
/**
 * Grid
 *
 * The grid system in TopYourThree is a 12 column based Flexbox grid system.
 *
 * The grid system follows the same concept as Bootstrap 4's implementation
 * of the grid system in flexbox. If you're familiar with the Bootstrap's
 * grid system usage, then you'll be able to pick up the concepts of the grid
 * system in no time.
 *
 * Styleguide Grid System - Grid
 */
/**
 * Parent Container and Basic Grid Usage
 *
 * Every usage of the Grid needs to start off with a `.Grid` class first to
 * encapsulate all the columns inside.
 *
 * Columns use `.Grid-col` combined with the size of the column from 1 to 12
 * using `.Grid-col--[column size]`. Bear in mind all columns are 12 columns
 * in width by default if you don't specify the size.
 *
 * Columns also overflow to the next row with the columns filling in from
 * left to right.
 *
 * Markup: grid-simple.html
 *
 * Styleguide Grid System - Grid - Basic
 */
/**
 * Grid Columns in Different Breakpoints
 *
 * Just like the Bootstrap grid system, we have different classes to set
 * different column sizes on different breakpoints.
 *
 * The syntax is `.Grid-col--[breakpoint name]-[column size]` where
 * the breakpoint name is a camel case version of the naming convention we
 * have for breakpoints.
 *
 * You can stack the breakpoint classes together to get different behaviours
 * on different breakpoints.
 *
 * Try resizing the browser to see the behaviours below.
 *
 * Markup: grid-breakpoints.html
 *
 * Styleguide Grid System - Grid - Breakpoints
 */
/**
 * Grid Container Modifiers
 *
 * The grid container `.Grid` class allow modifiers as well.
 *
 * * `.Grid--horizontalCenter`: allows you to center the grid. This is useful
 *   when you want to center the grid in general. Usually with Bootstrap you
 *   offsset the grid but this modifier eliminates the use of offsets entirely.
 * * `.Grid--horizontalRight`: puts the whole grid to the right side.
 * * `.Grid--verticalCenter`: centers the whole grid vertically.
 * * `.Grid--verticalStretch`: stretches the grid columns vertically so they
 *   are the same height.
 * * `.Grid--overflow`: makes the grid not overflow to the next row. Rarely
 *   you want to use this.
 *
 * Markup: grid-container-modifiers.html
 *
 * Styleguide Grid System - Grid - Container Modifiers
 */
/**
 * Grid Column Modifiers
 *
 * The grid columns have modifiers for other things apart from the column sizes.
 *
 * * `.Grid-col--flushRight`: puts the grid column flush to the right, adding
 *   as much space as possible between the column and the column before it.
 * * `.Grid-col--flushLeft`: same as `.Grid-col--flushRight` but flushes to the
 *   left instead. Useful for reversed layouts.
 * * `.Grid-col--flexContainer`: makes the grid column a flex container.
 *
 * Markup: grid-column-modifiers.html
 *
 * Styleguide Grid System - Grid - Grid Column Modifiers
 */
/**
 * Grid Full Frame
 *
 * The grid system can stretch to the entire browser viewport with
 * `.Grid--frame`.
 *
 * Markup: grid-full-frame.html
 *
 * Styleguide Grid System - Grid - Grid Full Frame
 */
.Grid {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  margin: 0 -12px;
  /* Columns */
}
@media (min-width: 768px) {
  .Grid {
    margin: 0 -12px;
  }
}
.Grid--horizontalCenter {
  justify-content: center;
}
.Grid--horizontalRight {
  justify-content: flex-end;
}
.Grid--horizontalRight.Grid--overflow > .Grid-col {
  /* IE sucks at overflowing a justify-content: flex-end to the right,
               instead doing it to the left. Let's do a graceful fallback to
               shrink the columns so it fits instead. */
  -ms-flex-negative: 1;
}
.Grid--verticalBottom {
  align-items: flex-end;
}
.Grid--verticalCenter {
  align-items: center;
}
.Grid--verticalStretch {
  align-items: stretch;
}
.Grid--overflow {
  flex-flow: row nowrap;
}
.Grid--frame {
  width: 100vw;
  min-height: 100vh;
}
.Grid-col {
  flex: 0 0 100%;
  max-width: 100%;
  padding: 0 12px;
  /* Column ordering */
  /* Tablet breakpoint columns */
  /* Desktop small breakpoint columns */
  /* Desktop large breakpoint columns */
}
@media (min-width: 768px) {
  .Grid-col {
    padding: 0 12px;
  }
}
.Grid-col--1 {
  flex-basis: 8.33333333%;
  max-width: 8.33333333%;
}
.Grid-col--2 {
  flex-basis: 16.66666667%;
  max-width: 16.66666667%;
}
.Grid-col--3 {
  flex-basis: 25%;
  max-width: 25%;
}
.Grid-col--4 {
  flex-basis: 33.33333333%;
  max-width: 33.33333333%;
}
.Grid-col--5 {
  flex-basis: 41.66666667%;
  max-width: 41.66666667%;
}
.Grid-col--6 {
  flex-basis: 50%;
  max-width: 50%;
}
.Grid-col--7 {
  flex-basis: 58.33333333%;
  max-width: 58.33333333%;
}
.Grid-col--8 {
  flex-basis: 66.66666667%;
  max-width: 66.66666667%;
}
.Grid-col--9 {
  flex-basis: 75%;
  max-width: 75%;
}
.Grid-col--10 {
  flex-basis: 83.33333333%;
  max-width: 83.33333333%;
}
.Grid-col--11 {
  flex-basis: 91.66666667%;
  max-width: 91.66666667%;
}
.Grid-col--12 {
  flex-basis: 100%;
  max-width: 100%;
}
.Grid-col--order-1 {
  order: 1;
}
.Grid-col--order-2 {
  order: 2;
}
.Grid-col--order-3 {
  order: 3;
}
@media (min-width: 768px) {
  .Grid-col {
    /* Column ordering */
  }
  .Grid-col--tablet-1 {
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }
  .Grid-col--tablet-2 {
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }
  .Grid-col--tablet-3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .Grid-col--tablet-4 {
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }
  .Grid-col--tablet-5 {
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }
  .Grid-col--tablet-6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .Grid-col--tablet-7 {
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }
  .Grid-col--tablet-8 {
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }
  .Grid-col--tablet-9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .Grid-col--tablet-10 {
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }
  .Grid-col--tablet-11 {
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }
  .Grid-col--tablet-12 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .Grid-col--tabletOrder-1 {
    order: 1;
  }
  .Grid-col--tabletOrder-2 {
    order: 2;
  }
  .Grid-col--tabletOrder-3 {
    order: 3;
  }
}
@media (min-width: 960px) {
  .Grid-col {
    /* Column ordering */
  }
  .Grid-col--desktopSmall-1 {
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }
  .Grid-col--desktopSmall-2 {
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }
  .Grid-col--desktopSmall-3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .Grid-col--desktopSmall-4 {
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }
  .Grid-col--desktopSmall-5 {
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }
  .Grid-col--desktopSmall-6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .Grid-col--desktopSmall-7 {
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }
  .Grid-col--desktopSmall-8 {
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }
  .Grid-col--desktopSmall-9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .Grid-col--desktopSmall-10 {
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }
  .Grid-col--desktopSmall-11 {
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }
  .Grid-col--desktopSmall-12 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .Grid-col--desktopSmallOrder-1 {
    order: 1;
  }
  .Grid-col--desktopSmallOrder-2 {
    order: 2;
  }
  .Grid-col--desktopSmallOrder-3 {
    order: 3;
  }
}
@media (min-width: 1200px) {
  .Grid-col {
    /* Column ordering */
  }
  .Grid-col--desktopLarge-1 {
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }
  .Grid-col--desktopLarge-2 {
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }
  .Grid-col--desktopLarge-3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .Grid-col--desktopLarge-4 {
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }
  .Grid-col--desktopLarge-5 {
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }
  .Grid-col--desktopLarge-6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .Grid-col--desktopLarge-7 {
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }
  .Grid-col--desktopLarge-8 {
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }
  .Grid-col--desktopLarge-9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .Grid-col--desktopLarge-10 {
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }
  .Grid-col--desktopLarge-11 {
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }
  .Grid-col--desktopLarge-12 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .Grid-col--desktopLargeOrder-1 {
    order: 1;
  }
  .Grid-col--desktopLargeOrder-2 {
    order: 2;
  }
  .Grid-col--desktopLargeOrder-3 {
    order: 3;
  }
}
.Grid-col--flushRight {
  margin-left: auto;
}
.Grid-col--flushLeft {
  margin-right: auto;
}
.Grid-col--flexContainer {
  display: flex;
}
/* -----------------------
Only to be edited by the design team - style changes here echo across the whole
site.
-------------------------- */
/* Overrides for compatibility issues on us transitioning from Normalize v2 to
   v4 start here */
/* Our figure elements are used to having no margins at all from v2 */
figure {
  margin: 0;
}
/* -webkit-input-placeholder was set to have a color of #999 somewhere. Disable
   the opacity: 0.54 rule for now and set a base color for inputs everywhere */
::-webkit-input-placeholder {
  opacity: 1;
}
/* Normalize v2's removal of most spacing between table cells. */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* Override -webkit-appearance- as it has broken some non-overridden buttons
   to show the default styling. */
html [type="button"] {
  -webkit-appearance: none;
}
/* Normalize v4 overrides stop here */
*,
*::before,
*::after {
  box-sizing: border-box;
}
html,
body {
  margin: 0;
  padding: 0;
}
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  min-width: 960px;
  line-height: 1.4;
  background-color: #fff;
}
.is-mobile-first body {
  min-width: 320px;
}
main,
.main-content {
  zoom: 1;
  display: block;
  min-height: 70vh;
  font-size: 14px;
  line-height: 1.4;
  color: #0e1724;
  background: #fcfcfd;
}
main:before,
.main-content:before,
main:after,
.main-content:after {
  content: "";
  display: table;
}
main:after,
.main-content:after {
  clear: both;
}
main:before,
.main-content:before,
main:after,
.main-content:after {
  content: "";
  display: table;
}
main:after,
.main-content:after {
  clear: both;
}
fieldset {
  padding: 0;
  border-color: transparent;
}
strong {
  font-weight: bold;
}
/*  1. Don't go below 12px for fonts */
small {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400;
  letter-spacing: 0.02em;
  line-height: 1.2;
  font-size: 12px;
  font-size: 0.85714286rem;
  line-height: 1.43;
  /* 1. */
}
h1 {
  margin-top: 0;
  font-weight: bold;
}
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
}
hr {
  width: 100%;
  margin: 30px 0;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #e5e7eb;
}
code {
  font-weight: bold;
}
[class*="fl-icon-"] {
  -webkit-transition: all color 0.1s ease-out linear;
  transition: all color 0.1s ease-out linear;
}
legend {
  font-weight: bold;
}
textarea,
input {
  -webkit-font-smoothing: antialiased;
}
textarea:focus,
input:focus {
  outline: 0;
}
*:focus {
  outline: 0;
}
.LandingHeading {
  line-height: 1.2;
  font-size: 48px;
  font-size: 3.42857143rem;
  line-height: 1.17;
}
.LandingByline {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 300;
  letter-spacing: -0.015em;
  line-height: 1.2;
  font-size: 24px;
  font-size: 1.71428571rem;
  line-height: 1.33;
}
.Byline {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.2;
  font-size: 24px;
  font-size: 1.71428571rem;
  line-height: 1.4;
}
a {
  text-decoration: none;
  color: #1772eb;
  cursor: pointer;
  transition: color 0.1s ease-out;
}
a:hover {
  text-decoration: underline;
  color: #115cc0;
}
a:focus {
  outline: 1px dotted #1772eb;
  outline-offset: -1px;
}
a:hover,
a:active {
  outline: 0;
}
h1 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 300;
  letter-spacing: -0.02em;
  line-height: 1.2;
  font-size: 32px;
  font-size: 2.28571429rem;
  line-height: 1.37;
  margin-bottom: 26px;
  font-weight: bold;
}
h2 {
  margin-bottom: 22px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 300;
  letter-spacing: -0.02em;
  line-height: 1.2;
  font-size: 32px;
  font-size: 2.28571429rem;
  line-height: 1.37;
}
h3 {
  margin-bottom: 20px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.2;
  font-size: 24px;
  font-size: 1.71428571rem;
  line-height: 1.4;
  font-weight: bold;
}
h4 {
  margin-bottom: 18px;
  font-size: 22px;
}
h5 {
  margin-bottom: 16px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.2;
  font-size: 24px;
  font-size: 1.71428571rem;
  line-height: 1.4;
}
h6 {
  margin-bottom: 14px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1.2;
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.4;
}
p {
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  margin-bottom: 24px;
  line-height: 1.4;
}
sup {
  font-size: 55%;
  vertical-align: middle;
}
.text-list {
  margin-bottom: 24px;
  padding: 0 0 0 16px;
  line-height: 1.4;
}
.text-list li {
  margin-bottom: 8px;
}
.large-text {
  font-size: 1.1rem;
}
.uppercase-text {
  text-transform: uppercase;
}
/**
 * Input template.
 * This standardises the color of the placeholder text.
 */
html:not(:empty) ::placeholder {
  opacity: 1;
  color: #999999;
}
:root {
  --input-autofill-bg: #ffffff;
  --input-autofill-text: #111827;
}
html.dark {
  --input-autofill-bg: #0f172a;
  --input-autofill-text: #f9fafb;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: var(--input-autofill-text) !important;
  caret-color: var(--input-autofill-text);
  box-shadow: 0 0 0 1000px var(--input-autofill-bg) inset !important;
  -webkit-box-shadow: 0 0 0 1000px var(--input-autofill-bg) inset !important;
}
.flag-sprite,
[data-flag="true"],
.small-flag,
.afghanistan,
.aland-islands,
.albania,
.algeria,
.american-samoa,
.andorra,
.angola,
.anguilla,
.antarctica,
.antigua-and-barbuda,
.argintina,
.argentina,
.armenia,
.aruba,
.australia,
.austria,
.azerbaijan,
.bahamas,
.bahrain,
.bangladesh,
.barbados,
.belarus,
.belgium,
.belize,
.benin,
.bermuda,
.bhutan,
.bolivia,
.bonaire-saint-eustatius-and-saba,
.bosnia-and-herzegovina,
.botswana,
.bouvet-island,
.brazil,
.british-indian-ocean-territory,
.brunei-darussalam,
.bulgaria,
.burkina-faso,
.burundi,
.cambodia,
.cameroon,
.canada,
.cape-verde,
.cayman-islands,
.central-african-republic,
.chad,
.chile,
.china,
.christmas-island,
.cocos-keeling-islands,
.colombia,
.comoros,
.congo,
.congo-the-democratic-republic-of-the,
.cook-islands,
.costarica,
.costa-rica,
.cote-divoire,
.croatia,
.cuba,
.curacao,
.cyprus,
.cz,
.czech-republic,
.denmark,
.djibouti,
.dominica,
.d-republic,
.dominican-republic,
.eduador,
.ecuador,
.egypt,
.el-salvador,
.equatorial-guinea,
.eritrea,
.estonia,
.ethiopia,
.falkland-islands-malvinas,
.faroe-islands,
.fiji,
.finland,
.france,
.french-guiana,
.french-polynesia,
.french-southern-territories,
.gabon,
.gambia,
.georgia,
.germany,
.ghana,
.gibraltar,
.greece,
.greenland,
.grenada,
.guadeloupe,
.guam,
.guatemala,
.guernsey,
.guinea,
.guinea-bissau,
.guyana,
.haiti,
.heard-island-and-mcdonald-islands,
.holy-see-vatican-city-state,
.honduras,
.hk,
.hong-kong,
.hungary,
.iceland,
.india,
.indo,
.indonesia,
.iran-islamic-republic-of,
.iraq,
.ireland,
.isle-of-man,
.israel,
.italy,
.jamaica,
.japan,
.jersey,
.jordan,
.kazakhstan,
.kenya,
.kiribati,
.korea-democratic-peoples-republic-of,
.korea-republic-of,
.kosovo,
.kuwait,
.kyrgyzstan,
.lao-peoples-democratic-republic,
.latvia,
.lebanon,
.lesotho,
.liberia,
.libya,
.liechtenstein,
.lithuania,
.luxembourg,
.macau,
.macedonia,
.madagascar,
.malawi,
.malaysia,
.maldives,
.mali,
.malta,
.marshall-islands,
.martinique,
.mauritania,
.mauritius,
.mayotte,
.mexico,
.micronesia-federated-states-of,
.moldova-republic-of,
.monaco,
.mongolia,
.montenegro,
.montserrat,
.morocco,
.mozambique,
.myanmar,
.namibia,
.nauru,
.nepal,
.netherlands,
.new-caledonia,
.nz,
.new-zealand,
.nicaragua,
.niger,
.nigeria,
.niue,
.norfolk-island,
.northern-mariana-islands,
.norway,
.oman,
.pakistan,
.palau,
.palestinian-territory,
.panama,
.papua-new-guinea,
.paraguay,
.peru,
.philippines,
.pitcairn-islands,
.poland,
.portugal,
.puerto-rico,
.qatar,
.reunion,
.romania,
.russia,
.russian-federation,
.rwanda,
.saint-barthele-my,
.saint-helena,
.saint-kitts-and-nevis,
.saint-lucia,
.saint-martin,
.saint-pierre-and-miquelon,
.saint-vincent-and-the-grenadines,
.samoa,
.san-marino,
.sao-tome-and-principe,
.saudi-arabia,
.senegal,
.serbia,
.seychelles,
.sierra-leone,
.singapore,
.sint-maarten-dutch-part,
.slovakia,
.slovenia,
.solomon-islands,
.somalia,
.south-africa,
.south-georgia-and-the-south-sandwich-islands,
.spain,
.sri-lanka,
.sudan,
.suriname,
.svalbard-and-jan-mayen,
.swaziland,
.sweden,
.switzerland,
.syrian-arab-republic,
.taiwan,
.tajikistan,
.tanzania-united-republic-of,
.thailand,
.timor-leste,
.togo,
.tokelau,
.tonga,
.trinidad-and-tobago,
.tunisia,
.turkey,
.turkmenistan,
.turks-and-caicos-islands,
.tuvalu,
.uganda,
.ukraine,
.united-arab-emirates,
.uk,
.united-kingdom,
.usa,
.united-states,
.united-states-minor-outlying-islands,
.uruguay,
.uzbekistan,
.vanuatu,
.venezuela,
.vietnam,
.virgin-islands-british,
.virgin-islands-us,
.wallis-and-futuna,
.western-sahara,
.yemen,
.zambia,
.zimbabwe,
.eu,
.europe-union {
  background-image: url("/static/css/images/sprite-flag-var02.png");
}
.small-flag {
  display: inline-block;
  height: 13px;
  width: 18px;
}
.afghanistan {
  background-position: 0 0px;
}
.aland-islands {
  background-position: 0 -13px;
}
.albania {
  background-position: 0 -26px;
}
.algeria {
  background-position: 0 -39px;
}
.american-samoa {
  background-position: 0 -52px;
}
.andorra {
  background-position: 0 -65px;
}
.angola {
  background-position: 0 -78px;
}
.anguilla {
  background-position: 0 -91px;
}
.antarctica {
  background-position: 0 -104px;
}
.antigua-and-barbuda {
  background-position: 0 -117px;
}
.argintina,
.argentina {
  background-position: 0 -130px;
}
.armenia {
  background-position: 0 -143px;
}
.aruba {
  background-position: 0 -156px;
}
.australia {
  background-position: 0 -169px;
}
.austria {
  background-position: 0 -182px;
}
.azerbaijan {
  background-position: 0 -195px;
}
.bahamas {
  background-position: 0 -208px;
}
.bahrain {
  background-position: 0 -221px;
}
.bangladesh {
  background-position: 0 -234px;
}
.barbados {
  background-position: 0 -247px;
}
.belarus {
  background-position: 0 -260px;
}
.belgium {
  background-position: 0 -273px;
}
.belize {
  background-position: 0 -286px;
}
.benin {
  background-position: 0 -299px;
}
.bermuda {
  background-position: 0 -312px;
}
.bhutan {
  background-position: 0 -325px;
}
.bolivia {
  background-position: 0 -338px;
}
.bonaire-saint-eustatius-and-saba {
  background-position: 0 -351px;
}
.bosnia-and-herzegovina {
  background-position: 0 -364px;
}
.botswana {
  background-position: 0 -377px;
}
.bouvet-island {
  background-position: 0 -390px;
}
.brazil {
  background-position: 0 -403px;
}
.british-indian-ocean-territory {
  background-position: 0 -416px;
}
.brunei-darussalam {
  background-position: 0 -429px;
}
.bulgaria {
  background-position: 0 -442px;
}
.burkina-faso {
  background-position: 0 -455px;
}
.burundi {
  background-position: 0 -468px;
}
.cambodia {
  background-position: 0 -481px;
}
.cameroon {
  background-position: 0 -494px;
}
.canada {
  background-position: 0 -507px;
}
.cape-verde {
  background-position: 0 -520px;
}
.cayman-islands {
  background-position: 0 -533px;
}
.central-african-republic {
  background-position: 0 -546px;
}
.chad {
  background-position: 0 -559px;
}
.chile {
  background-position: 0 -572px;
}
.china {
  background-position: 0 -585px;
}
.christmas-island {
  background-position: 0 -598px;
}
.cocos-keeling-islands {
  background-position: 0 -611px;
}
.colombia {
  background-position: 0 -624px;
}
.comoros {
  background-position: 0 -637px;
}
.congo {
  background-position: 0 -650px;
}
.congo-the-democratic-republic-of-the {
  background-position: 0 -663px;
}
.cook-islands {
  background-position: 0 -676px;
}
.costarica,
.costa-rica {
  background-position: 0 -689px;
}
.cote-divoire {
  background-position: 0 -702px;
}
.croatia {
  background-position: 0 -715px;
}
.cuba {
  background-position: 0 -728px;
}
.curacao {
  background-position: 0 -741px;
}
.cyprus {
  background-position: 0 -754px;
}
.cz,
.czech-republic {
  background-position: 0 -767px;
}
.denmark {
  background-position: 0 -780px;
}
.djibouti {
  background-position: 0 -793px;
}
.dominica {
  background-position: 0 -806px;
}
.d-republic,
.dominican-republic {
  background-position: 0 -819px;
}
.eduador,
.ecuador {
  background-position: 0 -832px;
}
.egypt {
  background-position: 0 -845px;
}
.el-salvador {
  background-position: 0 -858px;
}
.equatorial-guinea {
  background-position: 0 -871px;
}
.eritrea {
  background-position: 0 -884px;
}
.estonia {
  background-position: 0 -897px;
}
.ethiopia {
  background-position: 0 -910px;
}
.falkland-islands-malvinas {
  background-position: 0 -923px;
}
.faroe-islands {
  background-position: 0 -936px;
}
.fiji {
  background-position: 0 -949px;
}
.finland {
  background-position: 0 -962px;
}
.france {
  background-position: 0 -975px;
}
.french-guiana {
  background-position: 0 -988px;
}
.french-polynesia {
  background-position: 0 -1001px;
}
.french-southern-territories {
  background-position: 0 -1014px;
}
.gabon {
  background-position: 0 -1027px;
}
.gambia {
  background-position: 0 -1040px;
}
.georgia {
  background-position: 0 -1053px;
}
.germany {
  background-position: 0 -1066px;
}
.ghana {
  background-position: 0 -1079px;
}
.gibraltar {
  background-position: 0 -1092px;
}
.greece {
  background-position: 0 -1105px;
}
.greenland {
  background-position: 0 -1118px;
}
.grenada {
  background-position: 0 -1131px;
}
.guadeloupe {
  background-position: 0 -1144px;
}
.guam {
  background-position: 0 -1157px;
}
.guatemala {
  background-position: 0 -1170px;
}
.guernsey {
  background-position: 0 -1183px;
}
.guinea {
  background-position: 0 -1196px;
}
.guinea-bissau {
  background-position: 0 -1209px;
}
.guyana {
  background-position: 0 -1222px;
}
.haiti {
  background-position: 0 -1235px;
}
.heard-island-and-mcdonald-islands {
  background-position: 0 -1248px;
}
.holy-see-vatican-city-state {
  background-position: 0 -1261px;
}
.honduras {
  background-position: 0 -1274px;
}
.hk,
.hong-kong {
  background-position: 0 -1287px;
}
.hungary {
  background-position: 0 -1300px;
}
.iceland {
  background-position: 0 -1313px;
}
.india {
  background-position: 0 -1326px;
}
.indo,
.indonesia {
  background-position: 0 -1339px;
}
.iran-islamic-republic-of {
  background-position: 0 -1352px;
}
.iraq {
  background-position: 0 -1365px;
}
.ireland {
  background-position: 0 -1378px;
}
.isle-of-man {
  background-position: 0 -1391px;
}
.israel {
  background-position: 0 -1404px;
}
.italy {
  background-position: 0 -1417px;
}
.jamaica {
  background-position: 0 -1430px;
}
.japan {
  background-position: 0 -1443px;
}
.jersey {
  background-position: 0 -1456px;
}
.jordan {
  background-position: 0 -1469px;
}
.kazakhstan {
  background-position: 0 -1482px;
}
.kenya {
  background-position: 0 -1495px;
}
.kiribati {
  background-position: 0 -1508px;
}
.korea-democratic-peoples-republic-of {
  background-position: 0 -1521px;
}
.korea-republic-of {
  background-position: 0 -1534px;
}
.kosovo {
  background-position: 0 -1547px;
}
.kuwait {
  background-position: 0 -1560px;
}
.kyrgyzstan {
  background-position: 0 -1573px;
}
.lao-peoples-democratic-republic {
  background-position: 0 -1586px;
}
.latvia {
  background-position: 0 -1599px;
}
.lebanon {
  background-position: 0 -1612px;
}
.lesotho {
  background-position: 0 -1625px;
}
.liberia {
  background-position: 0 -1638px;
}
.libya {
  background-position: 0 -1651px;
}
.liechtenstein {
  background-position: 0 -1664px;
}
.lithuania {
  background-position: 0 -1677px;
}
.luxembourg {
  background-position: 0 -1690px;
}
.macau {
  background-position: 0 -1703px;
}
.macedonia {
  background-position: 0 -1716px;
}
.madagascar {
  background-position: 0 -1729px;
}
.malawi {
  background-position: 0 -1742px;
}
.malaysia {
  background-position: 0 -1755px;
}
.maldives {
  background-position: 0 -1768px;
}
.mali {
  background-position: 0 -1781px;
}
.malta {
  background-position: 0 -1794px;
}
.marshall-islands {
  background-position: 0 -1807px;
}
.martinique {
  background-position: 0 -1820px;
}
.mauritania {
  background-position: 0 -1833px;
}
.mauritius {
  background-position: 0 -1846px;
}
.mayotte {
  background-position: 0 -1859px;
}
.mexico {
  background-position: 0 -1872px;
}
.micronesia-federated-states-of {
  background-position: 0 -1885px;
}
.moldova-republic-of {
  background-position: 0 -1898px;
}
.monaco {
  background-position: 0 -1911px;
}
.mongolia {
  background-position: 0 -1924px;
}
.montenegro {
  background-position: 0 -1937px;
}
.montserrat {
  background-position: 0 -1950px;
}
.morocco {
  background-position: 0 -1963px;
}
.mozambique {
  background-position: 0 -1976px;
}
.myanmar {
  background-position: 0 -1989px;
}
.namibia {
  background-position: 0 -2002px;
}
.nauru {
  background-position: 0 -2015px;
}
.nepal {
  background-position: 0 -2028px;
}
.netherlands {
  background-position: 0 -2041px;
}
.new-caledonia {
  background-position: 0 -2054px;
}
.nz,
.new-zealand {
  background-position: 0 -2067px;
}
.nicaragua {
  background-position: 0 -2080px;
}
.niger {
  background-position: 0 -2093px;
}
.nigeria {
  background-position: 0 -2106px;
}
.niue {
  background-position: 0 -2119px;
}
.norfolk-island {
  background-position: 0 -2132px;
}
.northern-mariana-islands {
  background-position: 0 -2145px;
}
.norway {
  background-position: 0 -2158px;
}
.oman {
  background-position: 0 -2171px;
}
.pakistan {
  background-position: 0 -2184px;
}
.palau {
  background-position: 0 -2197px;
}
.palestinian-territory {
  background-position: 0 -2210px;
}
.panama {
  background-position: 0 -2223px;
}
.papua-new-guinea {
  background-position: 0 -2236px;
}
.paraguay {
  background-position: 0 -2249px;
}
.peru {
  background-position: 0 -2262px;
}
.philippines {
  background-position: 0 -2275px;
}
.pitcairn-islands {
  background-position: 0 -2288px;
}
.poland {
  background-position: 0 -2301px;
}
.portugal {
  background-position: 0 -2314px;
}
.puerto-rico {
  background-position: 0 -2327px;
}
.qatar {
  background-position: 0 -2340px;
}
.reunion {
  background-position: 0 -2353px;
}
.romania {
  background-position: 0 -2366px;
}
.russia,
.russian-federation {
  background-position: 0 -2379px;
}
.rwanda {
  background-position: 0 -2392px;
}
.saint-barthele-my {
  background-position: 0 -2405px;
}
.saint-helena {
  background-position: 0 -2418px;
}
.saint-kitts-and-nevis {
  background-position: 0 -2431px;
}
.saint-lucia {
  background-position: 0 -2444px;
}
.saint-martin {
  background-position: 0 -2457px;
}
.saint-pierre-and-miquelon {
  background-position: 0 -2470px;
}
.saint-vincent-and-the-grenadines {
  background-position: 0 -2483px;
}
.samoa {
  background-position: 0 -2496px;
}
.san-marino {
  background-position: 0 -2509px;
}
.sao-tome-and-principe {
  background-position: 0 -2522px;
}
.saudi-arabia {
  background-position: 0 -2535px;
}
.senegal {
  background-position: 0 -2548px;
}
.serbia {
  background-position: 0 -2561px;
}
.seychelles {
  background-position: 0 -2574px;
}
.sierra-leone {
  background-position: 0 -2587px;
}
.singapore {
  background-position: 0 -2600px;
}
.sint-maarten-dutch-part {
  background-position: 0 -2613px;
}
.slovakia {
  background-position: 0 -2626px;
}
.slovenia {
  background-position: 0 -2639px;
}
.solomon-islands {
  background-position: 0 -2652px;
}
.somalia {
  background-position: 0 -2665px;
}
.south-africa {
  background-position: 0 -2678px;
}
.south-georgia-and-the-south-sandwich-islands {
  background-position: 0 -2691px;
}
.spain {
  background-position: 0 -2704px;
}
.sri-lanka {
  background-position: 0 -2717px;
}
.sudan {
  background-position: 0 -2730px;
}
.suriname {
  background-position: 0 -2743px;
}
.svalbard-and-jan-mayen {
  background-position: 0 -2756px;
}
.swaziland {
  background-position: 0 -2769px;
}
.sweden {
  background-position: 0 -2782px;
}
.switzerland {
  background-position: 0 -2795px;
}
.syrian-arab-republic {
  background-position: 0 -2808px;
}
.taiwan {
  background-position: 0 -2821px;
}
.tajikistan {
  background-position: 0 -2834px;
}
.tanzania-united-republic-of {
  background-position: 0 -2847px;
}
.thailand {
  background-position: 0 -2860px;
}
.timor-leste {
  background-position: 0 -2873px;
}
.togo {
  background-position: 0 -2886px;
}
.tokelau {
  background-position: 0 -2899px;
}
.tonga {
  background-position: 0 -2912px;
}
.trinidad-and-tobago {
  background-position: 0 -2925px;
}
.tunisia {
  background-position: 0 -2938px;
}
.turkey {
  background-position: 0 -2951px;
}
.turkmenistan {
  background-position: 0 -2964px;
}
.turks-and-caicos-islands {
  background-position: 0 -2977px;
}
.tuvalu {
  background-position: 0 -2990px;
}
.uganda {
  background-position: 0 -3003px;
}
.ukraine {
  background-position: 0 -3016px;
}
.united-arab-emirates {
  background-position: 0 -3029px;
}
.uk,
.united-kingdom {
  background-position: 0 -3042px;
}
.usa,
.united-states {
  background-position: 0 -3055px;
}
.united-states-minor-outlying-islands {
  background-position: 0 -3068px;
}
.uruguay {
  background-position: 0 -3081px;
}
.uzbekistan {
  background-position: 0 -3094px;
}
.vanuatu {
  background-position: 0 -3107px;
}
.venezuela {
  background-position: 0 -3120px;
}
.vietnam {
  background-position: 0 -3133px;
}
.virgin-islands-british {
  background-position: 0 -3146px;
}
.virgin-islands-us {
  background-position: 0 -3159px;
}
.wallis-and-futuna {
  background-position: 0 -3172px;
}
.western-sahara {
  background-position: 0 -3185px;
}
.yemen {
  background-position: 0 -3198px;
}
.zambia {
  background-position: 0 -3211px;
}
.zimbabwe {
  background-position: 0 -3224px;
}
.eu,
.europe-union {
  background-position: 0 -3237px;
}
/**
 * Buttons
 *
 * .btn can be applied to `<a>`, `<button>` and  `<label>` elements.
 *
 * Styleguide: Buttons
 */
/**
 * Base styles & states
 *
 * :hover    - Hover state of the button
 * [disabled] - Dims the button when disabled
 * .btn-primary - A button to show the primary action in a component
 * .btn-info - Primary button
 * .btn-success - A button for positive actions
 * .btn-danger - Warning button
 * .btn-plain - Button with a transparent background and border
 * .btn-plain-alt - Button with a transparent background and border for light backgrounds
 * .hireme-btn - For when a employer wants to hire a topyourthree
 * .processing - For when a button is processing a request
 *
 * Markup: default-button.html
 *
 * Weight: -10
 *
 * Styleguide: Buttons - Base Styles
 */
/**
 * Button sizes
 *
 * Different available button sizes
 *
 * .btn-mini - A mini sized version of the button
 * .btn-small -  A small version of the button
 * .btn-large -  A large version of the button
 * .btn-xlarge -  A extra large version of the button
 * .btn-xxlarge -  A double xl sized version of the button
 *
 * Markup: default-button.html
 *
 * Weight: -10
 *
 * Styleguide: Buttons - Sizes
 */
/**
 * Button Styles
 *
 * Different styles of buttons for different purposes.
 *
 * Weight: 1
 *
 * Styleguide: Buttons - Styles
 */
/**
 * Hire me button
 *
 * For when a employer wants to hire a topyourthree
 *
 * Markup: hireme-button.html
 *
 * Styleguide: Buttons - Styles - Hire Me
 */
.btn {
  background: #fafafa;
  border: 1px solid #d9d9d9;
  color: #999999;
  font-weight: bold;
  text-shadow: 0 -1px transparent;
  padding: 8px 18px;
  line-height: 1.2;
  font-size: 14px;
  font-size: 1rem;
  background-clip: border-box;
  border-radius: 3px;
  cursor: pointer;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  line-height: 18px;
  text-align: center;
}
.btn:hover {
  background: #f2f2f2;
  border-color: #d9d9d9;
  color: #999999;
}
.btn:active {
  background: #f5f5f5;
}
.btn.is-selectedBtn {
  background: #f5f5f5;
  border-color: #f5f5f5;
}
.btn:hover {
  text-decoration: none;
}
.btn [class*="fl-icon-"],
.btn [class*="flicon-"] {
  margin-right: 7px;
  margin-top: -3px;
}
.btn.fl-bt-skin {
  padding-bottom: 8px;
  padding-left: 47.6px;
  padding-top: 8px;
}
.btn:hover {
  text-decoration: none;
}
.btn [class*="fl-icon-"],
.btn [class*="flicon-"] {
  display: inline-block;
  font-size: 16px;
  height: 12px;
  line-height: 12px;
  vertical-align: middle;
}
.btn [class*="fl-icon-"].fl-icon-alt,
.btn [class*="flicon-"].fl-icon-alt {
  margin-left: 0;
  margin-right: 0;
}
.btn [class*="fl-icon-"].btn-mini,
.btn [class*="flicon-"].btn-mini {
  margin-top: -2px;
}
.btn [class*="flicon-"] {
  display: inline-block;
  height: 18px;
  vertical-align: middle;
  width: 18px;
}
.btn.fl-bt-skin [class*="fl-icon-"],
.btn.fl-bt-skin::after {
  width: 38px;
}
.btn::after {
  background-image: url("../img/loader/ajax-loader-med-dark.gif");
  content: "";
  z-index: -1;
}
.btn:focus {
  outline-color: #b0b0b0;
}
.btn input[type="radio"] {
  margin-left: -7px;
  margin-right: 7px;
}
.btn[disabled],
.btn.disabled {
  background: #f2f2f2;
  border: 1px solid #d9d9d9;
  color: #bfbfbf;
  font-weight: bold;
  text-shadow: 0 -1px transparent;
  cursor: not-allowed;
  opacity: 0.5;
  transition: none;
}
.btn[disabled]:hover,
.btn.disabled:hover {
  background: #f2f2f2;
  border-color: #d9d9d9;
  color: #bfbfbf;
}
.btn[disabled]:active,
.btn.disabled:active {
  background: #ededed;
}
.btn[disabled].is-selectedBtn,
.btn.disabled.is-selectedBtn {
  background: #ededed;
  border-color: #ededed;
}
.btn[disabled]:hover,
.btn.disabled:hover,
.btn[disabled]:active,
.btn.disabled:active {
  box-shadow: none;
}
.btn[disabled].processing,
.btn.disabled.processing {
  color: #e0e0e0;
}
.btn.btn-plain,
.btn.btn-plain-alt {
  border-style: solid;
  border-width: 1px;
  box-shadow: none;
  text-shadow: none;
}
.btn.btn-plain:hover,
.btn.btn-plain-alt:hover {
  box-shadow: none;
  text-shadow: none;
}
.btn-mini {
  padding: 4px 12px;
  line-height: 1.2;
  font-size: 12px;
  font-size: 0.85714286rem;
  border-radius: 3px;
  font-weight: normal;
}
.btn-mini:hover {
  text-decoration: none;
}
.btn-mini [class*="fl-icon-"],
.btn-mini [class*="flicon-"] {
  margin-right: 3px;
  margin-top: -1px;
}
.btn-mini.fl-bt-skin {
  padding-bottom: 4px;
  padding-left: 36.4px;
  padding-top: 4px;
}
.btn-mini [class*="fl-icon-"] {
  line-height: 1.2;
  font-size: 12px;
  font-size: 0.85714286rem;
}
.btn-small {
  padding: 6px 13px;
  line-height: 1.2;
  font-size: 14px;
  font-size: 1rem;
  border-radius: 3px;
}
.btn-small:hover {
  text-decoration: none;
}
.btn-small [class*="fl-icon-"],
.btn-small [class*="flicon-"] {
  margin-right: 5px;
  margin-top: -2px;
}
.btn-small.fl-bt-skin {
  padding-bottom: 6px;
  padding-left: 42px;
  padding-top: 6px;
}
.btn-small [class*="fl-icon-"] {
  line-height: 1.2;
  font-size: 14px;
  font-size: 1rem;
}
.btn-large {
  padding: 13px 22px;
  line-height: 1.2;
  font-size: 24px;
  font-size: 1.71428571rem;
  border-radius: 3px;
  font-weight: bold;
}
.btn-large:hover {
  text-decoration: none;
}
.btn-large [class*="fl-icon-"],
.btn-large [class*="flicon-"] {
  margin-right: 9px;
  margin-top: -4px;
}
.btn-large.fl-bt-skin {
  padding-bottom: 13px;
  padding-left: 61.6px;
  padding-top: 13px;
}
.btn-large [class*="fl-icon-"] {
  line-height: 1.2;
  font-size: 24px;
  font-size: 1.71428571rem;
}
.btn-large.btn-plain,
.btn-large.btn-plain-alt,
.btn-large.btn-plain[disabled]:active,
.btn-large.btn-plain-alt[disabled]:active {
  border-width: 2px;
  padding: 12px 21px;
}
.btn-xlarge {
  line-height: 1.2;
  font-size: 24px;
  font-size: 1.71428571rem;
  padding: 18px 26px;
  border-radius: 3px;
  font-weight: bold;
}
.btn-xlarge:hover {
  text-decoration: none;
}
.btn-xlarge [class*="fl-icon-"],
.btn-xlarge [class*="flicon-"] {
  margin-right: 9px;
  margin-top: -5px;
}
.btn-xlarge.fl-bt-skin {
  padding-bottom: 18px;
  padding-left: 75.6px;
  padding-top: 18px;
}
.btn-xlarge [class*="fl-icon-"] {
  font-size: 21px;
}
.btn-xlarge.btn-plain,
.btn-xlarge.btn-plain-alt,
.btn-xlarge.btn-plain[disabled]:active,
.btn-xlarge.btn-plain-alt[disabled]:active {
  border-width: 2px;
  padding: 17px 25px;
}
.btn-xxlarge {
  padding: 22px 26px;
  line-height: 1.2;
  font-size: 24px;
  font-size: 1.71428571rem;
  border-radius: 3px;
  font-weight: bold;
}
.btn-xxlarge:hover {
  text-decoration: none;
}
.btn-xxlarge [class*="fl-icon-"],
.btn-xxlarge [class*="flicon-"] {
  margin-right: 9px;
  margin-top: -5px;
}
.btn-xxlarge.fl-bt-skin {
  padding-bottom: 22px;
  padding-left: 86.8px;
  padding-top: 22px;
}
.btn-xxlarge [class*="fl-icon-"] {
  line-height: 1.2;
  font-size: 24px;
  font-size: 1.71428571rem;
}
.btn-xxlarge.btn-plain,
.btn-xxlarge.btn-plain-alt,
.btn-xxlarge.btn-plain[disabled]:active,
.btn-xxlarge.btn-plain-alt[disabled]:active {
  border-width: 2px;
  padding: 21px 25px;
}
.btn-link {
  background: none;
  border: none;
  box-shadow: none;
  color: #1772eb;
  cursor: pointer;
  font-size: inherit;
  font-weight: inherit;
  padding: 4px 12px;
}
.btn-link:hover {
  background: none;
  border: none;
  color: #1772eb;
  text-decoration: underline;
}
.btn-link:active {
  box-shadow: none;
}
.btn-link.processing {
  background: none;
  border: none;
  color: transparent;
}
.btn-link.processing:hover {
  background: none;
  border: none;
  color: transparent;
}
.Button--basic {
  background: none;
  border: none;
  box-shadow: none;
  cursor: pointer;
  padding: 0;
}
.Button--basic:hover {
  background: none;
  border: none;
}
.Button--basic:active {
  box-shadow: none;
}
.small-branded-button {
  padding: 6px 13px;
  padding-left: 43px;
  position: relative;
}
.small-branded-button:hover {
  text-decoration: none;
}
.small-branded-button [class*="fl-icon-"],
.small-branded-button [class*="flicon-"] {
  margin-right: 5px;
  margin-top: 0;
}
.small-branded-button.fl-bt-skin {
  padding-bottom: 6px;
  padding-left: 42px;
  padding-top: 6px;
}
.small-branded-button::before {
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  top: 0;
  width: 31px;
  z-index: 1;
}
.small-branded-button [class*="fl-icon-"] {
  left: 13px;
  position: absolute;
  top: 8px;
  z-index: 2;
}
.small-button-alt {
  padding: 28px 13px;
  border-radius: 17px;
  line-height: 1.2;
  font-size: 16px;
  font-size: 1.14285714rem;
}
.small-button-alt:hover {
  text-decoration: none;
}
.small-button-alt [class*="fl-icon-"],
.small-button-alt [class*="flicon-"] {
  margin-right: 24px;
  margin-top: 0;
}
.small-button-alt.fl-bt-skin {
  padding-bottom: 28px;
  padding-left: 103.6px;
  padding-top: 28px;
}
.small-button-alt [class*="fl-icon-"] {
  font-size: 20px;
}
.btn-primary {
  background: #f05a28;
  border: 1px solid #f05a28;
  color: #ffffff;
  font-weight: rgba(255, 255, 255, 0.2);
  text-shadow: 0 -1px transparent;
}
.btn-primary:hover {
  background: #f3774e;
  border-color: #f3774e;
  color: #ffffff;
}
.btn-primary:active {
  background: #ef531e;
}
.btn-primary.is-selectedBtn {
  background: #ef531e;
  border-color: #ef531e;
}
.btn-info {
  background: #0064ba;
  border: 1px solid #0064ba;
  color: #ffffff;
  font-weight: bold;
  text-shadow: 0 -1px transparent;
}
.btn-info:hover {
  background: #007fed;
  border-color: #007fed;
  color: #ffffff;
}
.btn-info:active {
  background: #005eb0;
}
.btn-info.is-selectedBtn {
  background: #005eb0;
  border-color: #005eb0;
}
.btn-success {
  background: #1f9d57;
  border: 1px solid #1f9d57;
  color: #ffffff;
  font-weight: bold;
  text-shadow: 0 -1px transparent;
}
.btn-success:hover {
  background: #28c76f;
  border-color: #28c76f;
  color: #ffffff;
}
.btn-success:active {
  background: #1e9453;
}
.btn-success.is-selectedBtn {
  background: #1e9453;
  border-color: #1e9453;
}
.btn-danger {
  background: transparent;
  border: 1px solid #d9d9d9;
  color: #525c6a;
  font-weight: bold;
  text-shadow: 0 -1px transparent;
  background: none;
}
.btn-danger:hover {
  background: #fbe3e0;
  border-color: #cd2a19;
  color: #ffffff;
}
.btn-danger:active {
  background: rgba(0, 0, 0, 0);
}
.btn-danger.is-selectedBtn {
  background: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
}
.btn-danger:hover {
  background: #fbe3e0;
  border-color: #e74c3c;
}
/**
 * Facebook button
 *
 * For any button whose action relates to facebook
 *
 * Markup: facebook-button.html
 *
 * Styleguide: Buttons - Styles - Facebook
 */
.btn-facebook {
  background: #0d6ae4;
  border: 1px solid #0d6ae4;
  color: #ffffff;
  font-weight: bold;
  text-shadow: 0 -1px transparent;
}
.btn-facebook:hover {
  background: #1877f2;
  border-color: #0d6ae4;
  color: #ffffff;
}
.btn-facebook:active {
  background: #0c66da;
}
.btn-facebook.is-selectedBtn {
  background: #0c66da;
  border-color: #0c66da;
}
.btn-facebook [class*="flicon"] {
  fill: #ffffff;
  stroke: transparent;
}
.btn-facebook--hasIcon {
  align-items: center;
  display: inline-flex;
}
.btn-facebook-icon {
  line-height: 1;
  margin-right: 8px;
}
/**
 * LinkedIn button
 *
 * For any button whose action relates to LinkedIn
 *
 * Styleguide: Buttons - Styles - Facebook
 */
.btn-linkedin {
  background: #0a66c2;
  border: 1px solid transparent;
  color: #ffffff;
  font-weight: bold;
  text-shadow: 0 -1px transparent;
}
.btn-linkedin:hover {
  background: #084c91;
  border-color: transparent;
  color: #ffffff;
}
.btn-linkedin:active {
  background: #0961b8;
}
.btn-linkedin.is-selectedBtn {
  background: #0961b8;
  border-color: #0961b8;
}
.btn-plain {
  background: transparent;
  border: 1px solid #bfbfbf;
  color: #999999;
  font-weight: bold;
  text-shadow: 0 -1px transparent;
}
.btn-plain:hover {
  background: transparent;
  border-color: #999999;
  color: #0e1724;
}
.btn-plain:active {
  background: rgba(0, 0, 0, 0);
}
.btn-plain.is-selectedBtn {
  background: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
}
.btn-plain.is-active {
  background: #222222;
  border: 1px solid #222222;
  color: #fff;
  font-weight: bold;
  text-shadow: 0 -1px transparent;
  cursor: default;
}
.btn-plain.is-active:hover {
  background: #222222;
  border-color: #222222;
  color: #fff;
}
.btn-plain.is-active:active {
  background: #1d1d1d;
}
.btn-plain.is-active.is-selectedBtn {
  background: #1d1d1d;
  border-color: #1d1d1d;
}
.btn-plain-alt {
  background: transparent;
  border: 1px solid #fff;
  color: #fff;
  font-weight: bold;
  text-shadow: 0 -1px transparent;
  background: none;
}
.btn-plain-alt:hover {
  background: rgba(255, 255, 255, 0.2);
  border-color: #fff;
  color: #fff;
}
.btn-plain-alt:active {
  background: rgba(0, 0, 0, 0);
}
.btn-plain-alt.is-selectedBtn {
  background: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
}
.btn-plain-alt:hover {
  background: rgba(255, 255, 255, 0.2);
}
.btn-caution {
  background: #e53935;
  border: 1px solid #e53935;
  color: #ffffff;
  font-weight: bold;
  text-shadow: 0 -1px transparent;
}
.btn-caution:hover {
  background: #ff6b6b;
  border-color: #ff6b6b;
  color: #ffffff;
}
.btn-caution:active {
  background: #e4302c;
}
.btn-caution.is-selectedBtn {
  background: #e4302c;
  border-color: #e4302c;
}
/**
 * Toggle button
 *
 * A toggle switch. Wraps around .switch-light
 *
 * Markup: checkbox-switch.html
 *
 * Styleguide: Forms - Form Elements - Toggle Button
 */
.btn-toggle {
  background: #363f4d;
  border: 1px solid transparent;
  color: #ffffff;
  font-weight: bold;
  text-shadow: 0 -1px transparent;
}
.btn-toggle:hover {
  background: #999999;
  border-color: transparent;
  color: #ffffff;
}
.btn-toggle:active {
  background: #323a47;
}
.btn-toggle.is-selectedBtn {
  background: #323a47;
  border-color: #323a47;
}
/* edit bt */
.btn-edit {
  background: #2196f3;
  border: 1px solid #2196f3;
  color: #ffffff;
  font-weight: bold;
  text-shadow: 0 -1px transparent;
}
.btn-edit:hover {
  background: #64b5f6;
  border-color: #64b5f6;
  color: #ffffff;
}
.btn-edit:active {
  background: #1791f2;
}
.btn-edit.is-selectedBtn {
  background: #1791f2;
  border-color: #1791f2;
}
.btn-edit {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 62%;
  height: 30px;
  padding: 0;
  width: 30px;
}
.btn-edit.btn-small {
  height: 20px;
  width: 20px;
}
.btn-toggle {
  line-height: 0;
}
.btn-toggle-name {
  display: inline-block;
  margin: 10px 0 0 2px;
  vertical-align: top;
}
.hireme-btn {
  background: #0064ba;
  border: 1px solid #0064ba;
  color: #ffffff;
  font-weight: bold;
  text-shadow: 0 -1px transparent;
}
.hireme-btn:hover {
  background: #007fed;
  border-color: #007fed;
  color: #ffffff;
}
.hireme-btn:active {
  background: #005eb0;
}
.hireme-btn.is-selectedBtn {
  background: #005eb0;
  border-color: #005eb0;
}
.button-reset {
  background: none;
  border: none;
  padding: 0;
}
.processing {
  background: #f2f2f2;
  border: 1px solid #d9d9d9;
  color: #bfbfbf;
  font-weight: bold;
  text-shadow: 0 -1px transparent;
  color: #e0e0e0;
  position: relative;
}
.processing:hover {
  background: #f2f2f2;
  border-color: #d9d9d9;
  color: #bfbfbf;
}
.processing:active {
  background: #ededed;
}
.processing.is-selectedBtn {
  background: #ededed;
  border-color: #ededed;
}
.processing:hover {
  color: #e0e0e0;
  cursor: default;
}
.processing::after {
  background-image: url("../img/loader/ajax-loader-med-dark.gif");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0.75;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 99;
}
/**
 * Button group
 *
 * Used to show a group of related actions
 *
 * .btn-small - A small version
 * .btn-large - A large version
 *
 * Markup: btn-group.html
 *
 * Styleguide: Buttons - Button Group
 */
/**
 * Radio group
 *
 * Used to show a group of related actions where only one can be chosen.
 *
 * Markup: radio-group.html
 *
 * Styleguide: Buttons - Radio Group
 */
/* 1. used the combat using display:block on labels as a shim for ie9 < inability to display placeholders */
.button-group {
  display: block;
  position: relative;
}
.button-group > .btn {
  margin-bottom: 0;
  position: relative;
  /* Retain left border, and hide below sibling instead */
}
.button-group > .btn:not(:first-child):not(:last-of-type) {
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 0;
}
.button-group > .btn:first-child {
  margin-right: 0;
}
.button-group > .btn:first-child:not(:last-of-type) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.button-group > .btn:last-of-type {
  margin-left: 0;
}
.button-group > .btn:last-of-type:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.button-group > .btn.dropdown-toggle {
  border-radius: 0 3px 3px 0;
  border-right-style: solid;
  margin-left: 0;
}
.button-group > .btn + .btn {
  margin-left: -1px;
}
.button-group input {
  z-index: 1;
}
.button-group input:checked::before {
  background: transparent;
  bottom: 0;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.15);
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
/**
 * Dropdown button
 *
 * Button with primary clickable action, and secondary action in dropdown
 *
 * .btn-small - A small version
 * .btn-large - A large version
 *
 * Markup: button-dropdown.html
 *
 * Styleguide: Buttons - Dropdown Button
 */
.btn-dropdown {
  display: block;
  display: inline-flex;
  position: relative;
}
.btn-dropdown > .btn {
  margin-bottom: 0;
  position: relative;
  /* Retain left border, and hide below sibling instead */
}
.btn-dropdown > .btn:not(:first-child):not(:last-of-type) {
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 0;
}
.btn-dropdown > .btn:first-child {
  margin-right: 0;
}
.btn-dropdown > .btn:first-child:not(:last-of-type) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.btn-dropdown > .btn:last-of-type {
  margin-left: 0;
}
.btn-dropdown > .btn:last-of-type:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.btn-dropdown > .btn.dropdown-toggle {
  border-radius: 0 3px 3px 0;
  border-right-style: solid;
  margin-left: 0;
}
.btn-dropdown > .btn + .btn {
  margin-left: -1px;
}
.btn-dropdown input {
  z-index: 1;
}
.btn-dropdown input:checked::before {
  background: transparent;
  bottom: 0;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.15);
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.btn-dropdown.is-open .btn-dropdown-trigger::before {
  -webkit-transform: rotate(180deg);
  /* Chrome, Safari, Opera */
  transform: rotate(180deg);
}
.btn-dropdown.is-open .btn-dropdown-options {
  display: block;
}
.btn-dropdown .btn {
  position: static;
  /* Corrects IE Flexbug */
}
.btn-dropdown .btn:first-child {
  flex: 0 1 auto;
}
.btn-dropdown-trigger::before {
  -webkit-transition: all 0.1s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -moz-transition: all 0.1s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -ms-transition: all 0.1s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -o-transition: all 0.1s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition: all 0.1s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  border-color: #999999 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 5px 0;
  content: "";
  display: inline-block;
  height: 0;
  vertical-align: middle;
  width: 0;
}
.btn-dropdown-trigger.btn-small::before {
  border-width: 4px 4px 0;
}
.btn-dropdown-trigger.btn-large::before {
  border-width: 6px 6px 0;
}
.btn-dropdown-trigger.btn-info::before {
  border-color: #fff transparent transparent transparent;
}
.btn-dropdown-options {
  -webkit-animation-duration: 0.22s;
  animation-duration: 0.22s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  background-color: rgba(255, 255, 255, 0.985);
  border: 1px solid #e5e7eb;
  display: none;
  padding: 12px 0;
  position: absolute;
  text-align: left;
  width: 250px;
  z-index: 1000;
  left: 0;
  top: 100%;
  width: auto;
}
.btn-dropdown-options a {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400;
  letter-spacing: 0.02em;
  line-height: 1.2;
  font-size: 12px;
  font-size: 0.85714286rem;
  line-height: 1.43;
  color: #0e1724;
  cursor: pointer;
  display: block;
  letter-spacing: normal;
  padding: 8px 16px;
  position: relative;
  transition: all 0.1s ease-in;
  width: 100%;
  z-index: 1000;
  white-space: nowrap;
}
.btn-dropdown-options a .promotion-tag {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400;
  letter-spacing: 0.02em;
  line-height: 1.2;
  font-size: 12px;
  font-size: 0.85714286rem;
  line-height: 1.43;
  color: #e53935;
  display: inline-block;
  font-weight: bold;
  text-align: right;
  text-transform: uppercase;
  width: 30%;
}
.btn-dropdown-options a:hover {
  background: #e0e0e0;
  color: #0e1724;
  text-decoration: none;
  transition: all 0.05s ease-in;
}
.btn-dropdown-options--reverse {
  left: auto;
  right: 0;
}
.btn-block {
  display: block;
  width: 100%;
}
.Button-icon {
  line-height: 0;
  margin-right: 0.3em;
}
/**
 * Recruiter buttons
**/
.btn-recruiter {
  background: #2ecc71;
  border: 1px solid transparent;
  color: #ffffff;
  font-weight: bold;
  text-shadow: 0 -1px transparent;
}
.btn-recruiter:hover {
  background: #2ecc71;
  border-color: transparent;
  color: #ffffff;
}
.btn-recruiter:active {
  background: #2cc46c;
}
.btn-recruiter.is-selectedBtn {
  background: #2cc46c;
  border-color: #2cc46c;
}
.btn-plain-recruiter {
  background: transparent;
  border: 1px solid #bfbfbf;
  color: #999999;
  font-weight: bold;
  text-shadow: 0 -1px transparent;
  border-color: #2ecc71;
  color: #2ecc71;
}
.btn-plain-recruiter:hover {
  background: transparent;
  border-color: #999999;
  color: #0e1724;
}
.btn-plain-recruiter:active {
  background: rgba(0, 0, 0, 0);
}
.btn-plain-recruiter.is-selectedBtn {
  background: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
}
.btn-plain-recruiter:hover {
  border-color: #25a25a;
  color: #25a25a;
}
/*  TopYourThree branded bootstrap button
    Default is flat, add .fl-bt-3d-skin to make it 3D.
    Sizings are controlled by regular bootstrap classes
*/
.btn.fl-bt-skin {
  position: relative;
  box-shadow: none;
  border: 1px solid #007fed;
  background: #007fed;
  background-image: none;
  color: #fff;
  transition: none;
  /* Pressed state for all buttons.
        1. Applies a shadow.
    */
  /* Disabled state for buttons.
        1. Ensures the button is the same colour when hovered and in a disabled state.
    */
  /* TopYourThree bird icon.
        1. Applies a gradient to the background.
        2. Inserts a small arrow next to the icon using :after.
    */
  /* Border around TopYourThree bird icon.
        1. Applies a light blue border on the left hand side of the button to override the darker blue border.
    */
  /* TopYourThree bird icon overrides.
        1. Applied to different sizes of the button to resize the bird icon.
        2. Different arrow sizes are also included in :after.
    */
}
.btn.fl-bt-skin:hover {
  background-color: #0064ba;
  border: 1px solid #0064ba;
  color: #fff;
}
.btn.fl-bt-skin:hover [class*="fl-icon-"] {
  background-color: #fff;
  transition: background-color 0.1s ease-out;
}
.btn.fl-bt-skin:hover [class*="fl-icon-"]::after {
  border-color: transparent transparent transparent #fff;
  right: -6px;
  transition: border-color 0.1s ease-out;
}
.btn.fl-bt-skin:active,
.btn.fl-bt-skin:active [class*="fl-icon-"] {
  box-shadow:
    inset 2px 2px 4px rgba(0, 0, 0, 0.15),
    2px 1px 2px rgba(0, 0, 0, 0.05);
  outline: 0;
}
.btn.fl-bt-skin.disabled,
.btn.fl-bt-skin[disabled] {
  border: 1px solid #007fed;
  background-color: #007fed;
}
.btn.fl-bt-skin.disabled [class*="fl-icon-"],
.btn.fl-bt-skin[disabled] [class*="fl-icon-"] {
  background-color: #e6f2ff;
}
.btn.fl-bt-skin [class*="fl-icon-"] {
  display: inline;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  margin: 0;
  width: 36px;
  height: auto;
  background-color: #e6f2ff;
  border-radius: 2px 0 0 2px;
  color: #007fed;
  text-align: center;
  text-shadow: 0 0 transparent;
  line-height: 40px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 300;
  letter-spacing: -0.015em;
  line-height: 1.2;
  font-size: 24px;
  font-size: 1.71428571rem;
  line-height: 1.33;
  transition: background-color 0.1s ease-out;
}
.btn.fl-bt-skin [class*="fl-icon-"]::after {
  position: absolute;
  right: -6px;
  top: 50%;
  content: "";
  width: 0px;
  height: 0px;
  margin-top: -7px;
  border-style: solid;
  border-width: 6px 0 6px 6px;
  border-color: transparent transparent transparent #e6f2ff;
  transition: border-color 0.1s ease-out;
}
.btn.fl-bt-skin::after {
  display: block;
  position: absolute;
  z-index: 3;
  top: -1px;
  bottom: -1px;
  left: -1px;
  border: 1px solid #0064ba;
  border-right: 0 none;
  border-radius: 3px 0 0 3px;
  background-image: none;
  content: "";
}
.btn.fl-bt-skin.btn-mini [class*="fl-icon-"] {
  width: 24px;
  line-height: 28px;
  font-size: 17px;
  margin-top: 0;
}
.btn.fl-bt-skin.btn-mini [class*="fl-icon-"]::after {
  right: -5px;
  margin-top: -4px;
  border-width: 4px 0 4px 5px;
}
.btn.fl-bt-skin.btn-small [class*="fl-icon-"] {
  width: 30px;
  line-height: 32px;
  font-size: 20px;
}
.btn.fl-bt-skin.btn-small [class*="fl-icon-"]::after {
  right: -5px;
  border-width: 4px 0 4px 5px;
  margin-top: -4px;
}
.btn.fl-bt-skin.btn-large [class*="fl-icon-"] {
  width: 44px;
  line-height: 46px;
  font-size: 28px;
}
.btn.fl-bt-skin.btn-xlarge [class*="fl-icon-"] {
  width: 54px;
  line-height: 58px;
  font-size: 40px;
}
.btn.fl-bt-skin.btn-xlarge [class*="fl-icon-"]::after {
  right: -8px;
  margin-top: -9px;
  border-width: 8px 0 8px 8px;
}
.btn.fl-bt-skin.btn-xxlarge [class*="fl-icon-"] {
  width: 62px;
  line-height: 66px;
  font-size: 44px;
}
.btn.fl-bt-skin.btn-xxlarge [class*="fl-icon-"]::after {
  right: -8px;
  margin-top: -9px;
  border-width: 8px 0 8px 8px;
}
/* this is the basic styling and fallback for svg icons not the icomoon font icon */
@-webkit-keyframes spinner {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes spinner {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes spinner {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
[class*="flicon-"] {
  display: inline-block;
  width: 24px;
  height: 24px;
  fill: transparent;
  stroke: #999999;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.2px;
}
[class*="flicon-"] polygon,
[class*="flicon-"] path,
[class*="flicon-"] polyline,
[class*="flicon-"] rect,
[class*="flicon-"] circle,
[class*="flicon-"] line,
[class*="flicon-"] ellipse {
  vector-effect: non-scaling-stroke;
}
.has-compact-flicon [class*="flicon-"] .flicon-default {
  display: none;
}
.has-compact-flicon [class*="flicon-"] .flicon-compact {
  display: block;
  fill: #999999;
  stroke-width: 0;
}
.has-fill [class*="flicon-"] {
  fill: #f2f2f2;
  stroke-width: 0;
  /* 8. */
}
.has-fill [class*="flicon-"] [fill="none"] {
  /* 8. */
  stroke-width: 1.2px;
}
[class*="flicon-"] .flicon-compact {
  display: none;
}
.is-animated .flicon-uploading .has-animation {
  position: absolute;
  -webkit-animation: spinner 1.5s 0s linear infinite none normal;
  animation: spinner 1.5s 0s linear infinite none normal;
  -moz-animation: none !important;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
/**
 * Icon
 *
 * Handles displaying of icons. Use appropriate templating tag to insert the SVG
 * for the icon you wish to use on production.
 *
 * .Icon--light - White version of the icon.
 *
 * Markup: icon.html
 *
 * Styleguide: Icons - Icon
 */
/**
 * Icon Library
 *
 * Library of current icons. **This as a reference only, do not use the markup
 * provided here**. Refer to **Icon** above for usage. **Hover** over a
 * particular icon to show its file name, all icons are stored in
 * public/htm/icons/.
 *
 * Markup: icon-library.html
 *
 * Styleguide: Icons - Icon Library
 */
.Icon {
  display: inline-block;
  fill: #3c3c3c;
  vertical-align: middle;
}
.Icon-image {
  height: 24px;
  vertical-align: middle;
  width: 24px;
}
.Icon--light {
  fill: #ffffff;
}
.Icon--transparent {
  fill: transparent;
}
.Icon--mid {
  fill: #cccccc;
}
.Icon--small .Icon-image {
  height: 16px;
  width: 16px;
}
.Icon--large .Icon-image {
  height: 32px;
  width: 32px;
}
.Icon.is-success {
  fill: #28c76f;
}
.Icon.is-warning {
  fill: #0d47a1;
}
.Icon.is-error {
  fill: #e74c3c;
}
.Icon.is-highLight {
  fill: #007fed;
}
.Icon.is-light {
  fill: #fff;
}
.Breadcrumbs {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1.2;
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.4;
  color: #525c6a;
  margin-bottom: 16px;
  word-break: break-word;
  word-wrap: break-word;
}
.Breadcrumbs-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.Breadcrumbs-item {
  display: inline-block;
  margin-left: 12px;
}
.Breadcrumbs-item::after {
  content: "\203A";
  display: inline-block;
  margin-left: 12px;
}
.Breadcrumbs-item:first-child {
  margin-left: 0;
}
.Breadcrumbs.Breadcrumbs--untrailed .Breadcrumbs-item:last-child::after {
  content: none;
}
.Breadcrumbs .Breadcrumbs-link {
  color: inherit;
}
.Breadcrumbs .Breadcrumbs-link--last {
  display: inline-block;
  margin-left: 12px;
  text-decoration: none;
}
.Breadcrumbs [class*="flicon"] {
  fill: currentColor;
  margin-top: -8px;
  stroke: transparent;
  vertical-align: middle;
}
.Breadcrumbs--alignCenter {
  text-align: center;
}
/**
 * Loader
 *
 * A loader in pure CSS.
 * There will be a possibility to move the loader to an SVG based loader in
 * the future.
 *
 * Markup:
 * <div class="Loader {{modifier_class}}"></div>
 *
 * .Loader--large        - A larger variant of the loader.
 * .Loader--small        - A smaller variant of the loader.
 * .Loader--mini         - An even smaller variant of the loader.
 * .Loader--contained    - Add a background to the loader for the purpose of
 *                         overlaying it to a "crowded" background for better
 *                         visual clarity.
 * .Loader--full         - Turn the loader to a block element so it is centered.
 *
 * Styleguide: Loaders - Loader
 */
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* Private variables */
/* Private mixin to construct sizes */
.Loader {
  display: inline-block;
  position: relative;
  width: 48px;
  height: 48px;
  padding: 5px;
  /* So .Loader--contained will have a gap between the spinner and the parent element */
  border-radius: 5px;
  vertical-align: middle;
  /* Spinners are made with the pseudoelements. ::before for the gray border and ::after for the spinning blue bar */
  /* Size modifiers */
  /* Modifier to put a container behind the loader */
  /* Modifier to make the loader white */
  /* Modifier to convert loader to block and center with margin: 0 auto */
}
.Loader::before,
.Loader::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 5px;
  border-radius: 50%;
  content: "";
}
.Loader::before {
  border: 1px solid #e5e7eb;
}
.Loader::after {
  border: 3px solid transparent;
  border-top-color: #007fed;
  -webkit-animation: spin 1.5s linear 0s infinite none normal;
  animation: spin 1.5s linear 0s infinite none normal;
}
.Loader--large {
  width: 64px;
  height: 64px;
}
.Loader--large::after {
  border-width: 4px;
}
.Loader--small {
  width: 24px;
  height: 24px;
}
.Loader--small::after {
  border-width: 2px;
}
.Loader--mini {
  width: 12px;
  height: 12px;
}
.Loader--mini::after {
  border-width: 2px;
}
.Loader--contained {
  background: #007fed;
}
.Loader--contained::before,
.Loader--contained::after {
  border-top-color: #fff;
}
.Loader--white::before,
.Loader--white::after {
  border-top-color: #fff;
}
.Loader--full {
  display: block;
  margin: 0 auto;
}
/**
 * ImageThumbnail
 *
 * This module is used for styling avatars and profile pictures. By default
 * it has a 48x48 size.
 *
 * .ImageThumbnail-link is an optional subcomponent that can be added to the
 * module to have a link for the module and enable the hover state.
 *
 * Documentation of this module from the Design team can be found
 * [here](https://confluence.flnltd.com/display/FREEL/Avatar).
 *
 * Markup: ImageThumbnail.html
 *
 * .ImageThumbnail--xsmall     - A 16x16 size.
 * .ImageThumbnail--small      - A 32x32 size.
 * .ImageThumbnail--large      - A 64x64 size.
 * .ImageThumbnail--xlarge     - A 96x96 size.
 * .ImageThumbnail--fluid      - Make the module span 100% width of the
 *                               container.
 * .ImageThumbnail--circle     - Make the module round.
 * .ImageThumbnail--inline     - Make the module function as an inline element.
 * .ImageThumbnail--clickable  - A helper modifier to enable the hover state
 *                               without .ImageThumbnail-link. Should **only**
 *                               be used when the module is clickable and
 *                               the interaction is handled by JavaScript.
 *
 * Styleguide Thumbnails - ImageThumbnail
 */
/* Private constructor mixin */
.ImageThumbnail {
  background: url("/static/img/legacy_public_img/avatar-placeholder.svg")
    no-repeat center / cover;
  border-radius: 3px;
  margin: 0 auto;
  position: relative;
  height: 48px;
  width: 48px;
  /* Positional modifiers */
  /* Size modifiers */
  /* Behavior modifiers */
}
.ImageThumbnail--corporate {
  background: url("/static/img/legacy_public_img/avatar-placeholder-corporate.svg")
    no-repeat center / cover;
}
.ImageThumbnail::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 3px;
  box-shadow: inset 0 0 0 1px rgba(34, 34, 34, 0.12);
  content: "";
}
.ImageThumbnail-link {
  border-radius: inherit;
  display: block;
  position: relative;
}
.ImageThumbnail-image {
  border-radius: inherit;
  display: block;
  overflow: hidden;
  width: 100%;
  /* Use thumbnail as background image */
}
.ImageThumbnail-image--background {
  object-fit: cover;
}
.ImageThumbnail--inline {
  display: inline-block;
  margin: 0;
  vertical-align: middle;
}
.ImageThumbnail--xsmall {
  height: 16px;
  width: 16px;
}
.ImageThumbnail--small {
  height: 32px;
  width: 32px;
}
.ImageThumbnail--mid {
  height: 40px;
  width: 40px;
}
.ImageThumbnail--large {
  height: 64px;
  width: 64px;
}
.ImageThumbnail--xlarge {
  height: 96px;
  width: 96px;
}
.ImageThumbnail--fluid {
  height: auto;
  width: 100%;
}
.ImageThumbnail--clickable,
.ImageThumbnail-link {
  /* Adds a hover state to indicate it is clickable
        This is just so that we can apply the module on certain use cases
        where the module is in a link instead of having a &-link element inside. */
}
.ImageThumbnail--clickable::before,
.ImageThumbnail-link::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #2a2a2a;
  border-radius: inherit;
  content: "";
  cursor: pointer;
  -webkit-transition: all all 0.2s ease-in linear;
  transition: all all 0.2s ease-in linear;
  opacity: 0;
  z-index: 0;
}
.ImageThumbnail--clickable:hover::before,
.ImageThumbnail-link:hover::before {
  opacity: 0.4;
}
.ImageThumbnail--circle {
  border-radius: 50%;
}
.ImageThumbnail--circle::before {
  border-radius: 50%;
}
.ImageThumbnail--online {
  border: 2px solid #28c76f;
}
/**
 * Responsive Embed
 *
 * Allows video dimensions to properly scale on mobile devices
 * by using an intrinsic ratio.
 *
 * (Credit: Nicolas Gallagher, SUIT CSS and Bootstrap)
 *
 * .ResponsiveEmbed--21by9  - 21:9 aspect ratio
 * .ResponsiveEmbed--16by9  - 16:9 aspect ratio
 * .ResponsiveEmbed--4by3   - 4:3 aspect ratio
 * .ResponsiveEmbed--1by1   - 1:1 aspect ratio
 *
 * Markup: responsive-embed.html
 *
 * Styleguide: Responsive Embed
 */
.ResponsiveEmbed {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.ResponsiveEmbed-item,
.ResponsiveEmbed iframe,
.ResponsiveEmbed embed,
.ResponsiveEmbed object,
.ResponsiveEmbed video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.ResponsiveEmbed--21by9 {
  padding-bottom: 42.85714286%;
}
.ResponsiveEmbed--16by9 {
  padding-bottom: 56.25%;
}
.ResponsiveEmbed--4by3 {
  padding-bottom: 75%;
}
.ResponsiveEmbed--1by1 {
  padding-bottom: 100%;
}
/* References */
.search-table,
.site-section-inner,
.section-inner {
  width: 960px;
  min-width: 960px;
  margin: 0 auto;
  padding-left: 60px;
  padding-right: 60px;
}
@media (min-width: 1080px) {
  html:not(.is-responsive) .search-table,
  html:not(.is-responsive) .site-section-inner,
  html:not(.is-responsive) .section-inner {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 960px) {
  html.is-responsive .search-table,
  html.is-responsive .site-section-inner,
  html.is-responsive .section-inner {
    width: 100%;
    max-width: 1200px;
  }
}
@media (min-width: 1320px) {
  html.is-responsive .search-table,
  html.is-responsive .site-section-inner,
  html.is-responsive .section-inner {
    padding-left: 0;
    padding-right: 0;
  }
}
html.is-mobile-first .search-table,
html.is-mobile-first .site-section-inner,
html.is-mobile-first .section-inner {
  width: 100%;
  min-width: 0;
  max-width: 1200px;
}
html.is-mobile-first:not(.is-responsive) .search-table,
html.is-mobile-first:not(.is-responsive) .site-section-inner,
html.is-mobile-first:not(.is-responsive) .section-inner {
  padding-left: 60px;
  padding-right: 60px;
}
@media (min-width: 1080px) {
  html:not(.is-responsive) .search-table,
  html:not(.is-responsive) .site-section-inner,
  html:not(.is-responsive) .section-inner {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 960px) {
  html.is-responsive .search-table,
  html.is-responsive .site-section-inner,
  html.is-responsive .section-inner {
    width: 100%;
    max-width: 1200px;
  }
}
@media (min-width: 1320px) {
  html.is-responsive .search-table,
  html.is-responsive .site-section-inner,
  html.is-responsive .section-inner {
    padding-left: 0;
    padding-right: 0;
  }
}
html.is-mobile-first .search-table,
html.is-mobile-first .site-section-inner,
html.is-mobile-first .section-inner {
  width: 100%;
  min-width: 0;
  max-width: 1200px;
}
html.is-mobile-first:not(.is-responsive) .search-table,
html.is-mobile-first:not(.is-responsive) .site-section-inner,
html.is-mobile-first:not(.is-responsive) .section-inner {
  padding-left: 60px;
  padding-right: 60px;
}
@media (min-width: 1080px) {
  html:not(.is-responsive) .search-table,
  html:not(.is-responsive) .site-section-inner,
  html:not(.is-responsive) .section-inner {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 960px) {
  html.is-responsive .search-table,
  html.is-responsive .site-section-inner,
  html.is-responsive .section-inner {
    width: 100%;
    max-width: 1200px;
  }
}
@media (min-width: 1320px) {
  html.is-responsive .search-table,
  html.is-responsive .site-section-inner,
  html.is-responsive .section-inner {
    padding-left: 0;
    padding-right: 0;
  }
}
html.is-mobile-first .search-table,
html.is-mobile-first .site-section-inner,
html.is-mobile-first .section-inner {
  width: 100%;
  min-width: 0;
  max-width: 1200px;
}
html.is-mobile-first:not(.is-responsive) .search-table,
html.is-mobile-first:not(.is-responsive) .site-section-inner,
html.is-mobile-first:not(.is-responsive) .section-inner {
  padding-left: 60px;
  padding-right: 60px;
}
/**
 * Announcement Bars
 *
 * A module used to present important messaging such as verifications, membership changes,
 * server downtimes etc.
 *
 * .AnnouncementBar--dark - A dark version of of this module
 * .is-AnnouncementBar-success - Communicate a saccessfull action
 * .is-AnnouncementBar-error - Communicate that something went wrong
 *
 * Markup: announcement-bar.html
 *
 * Styleguide: Alerts - Announcement Bars
 */
/**
 * 1. Required for allowing element to shrink in IE.
 */
.AnnouncementBar {
  background-color: #0064ba;
  color: #ffffff;
  padding: 20px 0;
}
.AnnouncementBar * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.AnnouncementBar-inner {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (min-width: 480px) {
  .AnnouncementBar-inner {
    flex-direction: row;
  }
}
.AnnouncementBar-content {
  align-items: center;
  display: flex;
  flex: 1 1 auto;
}
.AnnouncementBar-icon {
  align-items: center;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  display: flex;
  flex: 0 0 auto;
  justify-content: center;
  margin-right: 12px;
  padding: 12px;
}
.AnnouncementBar-icon [class*="flicon-"] {
  height: 24px;
  stroke: #fff;
  width: 24px;
}
.AnnouncementBar-copy {
  display: block;
  /* 1. */
  flex: 1 1 auto;
}
.AnnouncementBar-copy a {
  color: #ffffff;
  text-decoration: underline;
}
.AnnouncementBar-copy a:hover {
  color: #ffffff;
  text-decoration: none;
}
.AnnouncementBar-heading {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1.2;
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: bold;
}
.AnnouncementBar-message {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1.2;
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.4;
}
.AnnouncementBar-message-icon {
  display: inline-block;
  margin: 2px 0 0 8px;
  vertical-align: middle;
}
.AnnouncementBar-message-icon > svg {
  height: 16px;
  stroke: #fff;
  stroke-width: 2px;
  width: 16px;
}
.AnnouncementBar-buttons {
  display: flex;
}
.AnnouncementBar-control {
  background: transparent;
  border: none;
  cursor: pointer;
  flex: 0 0 auto;
  margin-left: 20px;
  margin-top: 16px;
}
.AnnouncementBar-control:last-child {
  display: none;
}
@media (min-width: 480px) {
  .AnnouncementBar-control:last-child {
    display: block;
  }
}
@media (min-width: 480px) {
  .AnnouncementBar-control {
    margin-top: 0;
  }
}
.AnnouncementBar-control .flicon-close {
  height: 12px;
  stroke: rgba(255, 255, 255, 0.8);
  width: 12px;
}
.AnnouncementBar-control:hover .flicon-close {
  stroke: #fff;
}
.AnnouncementBar--dark {
  background-color: #2a2a2a;
}
.AnnouncementBar--nubelo {
  background-color: #2bb673;
}
.AnnouncementBar.is-AnnouncementBar-success {
  background-color: #1f9d57;
}
.AnnouncementBar.is-AnnouncementBar-error {
  background-color: #cd2a19;
}
.LoginSection tyt-login-signup-angular {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0px;
  width: 100px;
}
.LoginSection-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px 8px;
  color: #fff;
  text-decoration: none;
  background-color: #2b2b2b;
  border: 1px solid #4a4a4a;
  border-radius: 4px;
  cursor: pointer;
  transition:
    background-color 0.2s ease,
    border-color 0.2s ease;
}
.LoginSection-btn:hover {
  background-color: #3a3a3a;
  border-color: #6b6b6b;
}
.LoginSection-btn p {
  margin: 0;
  color: inherit;
  font-size: 13px;
  line-height: 1.3;
}
.LoginSection-btn {
  border-radius: 0;
}
.LoginSection-btn:first-of-type {
  border-radius: 4px 4px 0 0;
}
.LoginSection-btn:last-of-type {
  border-radius: 0 0 4px 4px;
  border-top: 0;
}
/**
 * Card
 *
 * The basic card module
 *
 * .Card--simpleHeader - Header without seperating border.
 * .Card--simpleFooter - Footer without seperating border.
 *
 * Markup: card.html
 *
 * Styleguide: Cards - Card
 */
.Card {
  box-shadow:
    0 0 4px 0 0 1px 3px rgba(0, 0, 0, 0.12),
    0 1px 2px rgba(0, 0, 0, 0.24),
    0 2px 4px 0 0 1px 3px rgba(0, 0, 0, 0.08),
    0 1px 2px rgba(0, 0, 0, 0.14);
  border-radius: 3px;
  background: #fff;
}
.Card-header,
.Card-footer {
  margin: 0 24px;
}
.Card-header {
  padding: 24px 0 12px 0;
  border-bottom: 1px solid #e5e7eb;
}
.Card-heading {
  margin: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.2;
  font-size: 24px;
  font-size: 1.71428571rem;
  line-height: 1.4;
  font-weight: bold;
}
.Card-body {
  padding: 24px 24px;
}
.Card-footer {
  padding: 12px 0 24px 0;
  border-top: 1px solid #e5e7eb;
}
.Card--simpleHeader .Card-header {
  padding-bottom: 0;
  border: 0;
}
.Card--simpleFooter .Card-footer {
  padding-top: 0;
  border: 0;
}
.Login-Card {
  box-shadow:
    0 0 4px 0 0 1px 3px rgba(0, 0, 0, 0.12),
    0 1px 2px rgba(0, 0, 0, 0.24),
    0 2px 4px 0 0 1px 3px rgba(0, 0, 0, 0.08),
    0 1px 2px rgba(0, 0, 0, 0.14);
  border-radius: 3px;
  background: #fff;
}
.Login-Card-header,
.Login-Card-footer {
  margin: 0 24px;
}
.Login-Card-header {
  padding: 24px 0 12px 0;
  border-bottom: 1px solid #e5e7eb;
}
.Login-Card-heading {
  margin: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.2;
  font-size: 24px;
  font-size: 1.71428571rem;
  line-height: 1.4;
  font-weight: bold;
}
.Login-Card-body {
  padding: 24px 24px;
}
.Login-Card-footer {
  padding: 12px 0 24px 0;
  border-top: 1px solid #e5e7eb;
}
.Login-Card--simpleHeader .Login-Card-header {
  padding-bottom: 0;
  border: 0;
}
.Login-Card--simpleFooter .Login-Card-footer {
  padding-top: 0;
  border: 0;
}
.SiteStat-name {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400;
  letter-spacing: 0.02em;
  line-height: 1.2;
  font-size: 12px;
  font-size: 0.85714286rem;
  line-height: 1.43;
  display: block;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.SiteStat-name-text,
.SiteStat-name-icon {
  color: #7f8c8d;
  display: inline-block;
  vertical-align: middle;
}
.SiteStat-name-icon {
  background: none;
  border: 0;
  cursor: pointer;
  display: none;
  line-height: 0;
  padding: 0;
  text-transform: none;
}
@media (min-width: 768px) {
  .SiteStat-name-icon {
    display: inline-block;
  }
}
.SiteStat-value {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 300;
  letter-spacing: -0.015em;
  line-height: 1.2;
  font-size: 24px;
  font-size: 1.71428571rem;
  line-height: 1.33;
  font-weight: bold;
  margin-bottom: 8px;
}
/**
 * Forms
 *
 * Here is an example form with the validations.
 *
 * Markup: form-mockup.html
 *
 * Styleguide: Forms
 */
/**
 * Form Elements
 *
 * Styleguide: Forms - Elements
 */
/* 1. set the gutter width for semantic grid to 0 for just inside the forms */
/**
 * Radio and checkbox - DEPRECATED
 *
 * **Deprecated**
 *
 * Markup: checkboxes-radios.html
 *
 * Styleguide: Deprecated - Forms
 */
/* Animations */
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
/* 1. */
/* component for fieldset number */
/*************************************************/
/* field states */
/**
 * Form Types
 *
 * Styleguide: Forms - Types
 */
/**
 * Default form and variations
 *
 * The standard form used on the website. Always use form-step for wrapping
 * label, form error and the input. Validation is dictated on form-step,
 * is-valid/ is-invalid mutator classes belong to form-step class.
 *
 * .is-simple-form - The simple form hides the labels and reduces the gap between form steps.
 * .has-numbers - Adds numbers to each fieldset
 * .small-form - A small version of the form.
 * .large-form - A large version of the form.
 *
 * Markup: default-form.html
 *
 * Weight: -999
 *
 * Styleguide: Forms - Types - Default
 */
/**
 * Default form /w numbers
 *
 * A submodule of the default form, adds numbers to each fieldset.
 *
 * Markup: default-form-with-numbers.html
 *
 * Styleguide: Forms - Types - With Numbers
 */
.tyt-form {
  /* 1. accept label still still show even for simple forms */
  /*  1. inputs fade in in sequence - we shouldn't need to delay more than 9 as we wouldn't be able to show more on the page at once
    */
  /* 1. Don't bold checkbox/radio labels etc */
  /* form help */
  /* form input help */
  /* used on feedback result of form */
}
.tyt-form.is-simple-form fieldset {
  margin-bottom: 40px;
}
.tyt-form.is-simple-form legend {
  margin-bottom: 10px;
  border-bottom: none;
}
.tyt-form.is-simple-form legend [class*="fl-icon-"] {
  margin-right: 10px;
}
.tyt-form.is-simple-form .form-step {
  padding-bottom: 16px !important;
}
.tyt-form.is-simple-form .form-step > label:first-child {
  display: none;
}
.tyt-form.is-simple-form .form-step.has-label label:first-child {
  display: block;
}
.tyt-form.is-simple-form ::-ms-input-placeholder {
  color: #bfbfbf !important;
}
.tyt-form.is-simple-form ::-webkit-input-placeholder {
  color: #999999;
}
.tyt-form.is-simple-form ::-moz-placeholder {
  color: #bfbfbf;
}
.tyt-form.is-simple-form :-ms-input-placeholder {
  color: #bfbfbf !important;
}
.tyt-form legend {
  width: 100%;
  margin-bottom: 20px;
  padding: 0;
  font-size: 20px;
  line-height: 1.2;
  font-weight: 300;
}
.tyt-form ol {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.tyt-form fieldset {
  position: relative;
  margin: 0 0 50px;
}
.tyt-form fieldset > ol {
  list-style: none;
}
.tyt-form.has-numbers > ol {
  margin: 0;
  padding: 0;
  list-style-type: decimal;
}
.tyt-form.has-numbers > ol > li {
  position: relative;
  list-style: none;
  counter-increment: li;
}
.tyt-form.has-numbers > ol > li::before {
  position: absolute;
  top: -3px;
  left: 0px;
  content: counter(li);
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  line-height: 30px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  background: #2198ff;
}
.tyt-form.has-numbers > ol > li.is-submit::before {
  display: none;
}
.tyt-form.has-numbers > ol > li ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.tyt-form.has-numbers > ol legend {
  padding-left: 40px;
  border: none;
}
.tyt-form.has-numbers > ol .is-submit::before,
.tyt-form.has-numbers > ol .is-accept::before {
  display: none;
}
.tyt-form .is-accept label {
  display: block !important;
  /* 1. */
}
.tyt-form .form-accept {
  position: relative;
  margin-top: 5px;
  padding-left: 30px;
  font-weight: normal;
  cursor: pointer;
}
.tyt-form .form-accept input[type="checkbox"] {
  position: absolute;
  top: 3px;
  left: 3px;
}
.tyt-form .form-step {
  /* 2 */
  position: relative;
  margin-bottom: 0 !important;
  padding-bottom: 20px;
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  /* 4 */
}
.tyt-form .form-step.has-inline label:not(:first-child) {
  display: inline-block;
  margin-right: 30px;
}
.tyt-form .form-step:last-child .tyt-form .form-step:not(.is-hidden) {
  margin: 0;
}
.tyt-form .form-step.is-valid label,
.tyt-form .form-step.is-valid [class*="fl-icon-"] {
  color: #28c76f;
}
.tyt-form .form-step.is-valid [type="text"],
.tyt-form .form-step.is-valid [type="password"],
.tyt-form .form-step.is-valid [type="email"],
.tyt-form .form-step.is-valid [type="number"],
.tyt-form .form-step.is-valid [type="tel"],
.tyt-form .form-step.is-valid textarea,
.tyt-form .form-step.is-valid select {
  border-color: #28c76f;
  color: #28c76f;
}
.tyt-form .form-step.is-valid [type="text"]:focus,
.tyt-form .form-step.is-valid [type="password"]:focus,
.tyt-form .form-step.is-valid [type="email"]:focus,
.tyt-form .form-step.is-valid [type="number"]:focus,
.tyt-form .form-step.is-valid [type="tel"]:focus,
.tyt-form .form-step.is-valid textarea:focus,
.tyt-form .form-step.is-valid select:focus {
  border-color: #28c76f;
  box-shadow: 0 0 0 1px #28c76f;
  color: #28c76f;
}
.tyt-form .form-step.is-valid .form-error {
  display: none;
}
.tyt-form .form-step.is-valid .input-icon::before {
  color: #28c76f;
}
.tyt-form .form-step.is-invalid label,
.tyt-form .form-step.is-invalid [class*="fl-icon-"] {
  color: #ea5455;
}
.tyt-form .form-step.is-invalid [type="text"],
.tyt-form .form-step.is-invalid [type="password"],
.tyt-form .form-step.is-invalid [type="email"],
.tyt-form .form-step.is-invalid [type="number"],
.tyt-form .form-step.is-invalid [type="tel"],
.tyt-form .form-step.is-invalid textarea,
.tyt-form .form-step.is-invalid select {
  border-color: #ea5455;
  color: #ea5455;
}
.tyt-form .form-step.is-invalid [type="text"]:focus,
.tyt-form .form-step.is-invalid [type="password"]:focus,
.tyt-form .form-step.is-invalid [type="email"]:focus,
.tyt-form .form-step.is-invalid [type="number"]:focus,
.tyt-form .form-step.is-invalid [type="tel"]:focus,
.tyt-form .form-step.is-invalid textarea:focus,
.tyt-form .form-step.is-invalid select:focus {
  border-color: #ea5455;
  box-shadow: 0 0 0 1px #ea5455;
  color: #ea5455;
}
.tyt-form .form-step.is-invalid ::-webkit-input-placeholder {
  color: #ea5455;
}
.tyt-form .form-step.is-invalid ::-moz-placeholder {
  color: #ea5455;
}
.tyt-form .form-step.is-invalid :-ms-input-placeholder {
  color: #ea5455 !important;
}
.tyt-form .form-step.is-invalid .form-error {
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  display: block;
}
.tyt-form .form-step.is-invalid .input-icon::before {
  color: #ea5455;
}
.tyt-form .form-step.is-help .form-help {
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  display: block;
}
.tyt-form .form-step--multiFields {
  display: table;
  width: 100%;
}
.tyt-form .form-step-fieldContainer {
  display: table-cell;
}
.tyt-form .form-step-fieldContainer:not(:first-child) {
  padding-left: 10px;
}
.tyt-form label {
  display: block;
  margin-bottom: 10px;
  line-height: 1;
  font-weight: bold;
}
.tyt-form label + label {
  /* 1. */
  font-weight: normal;
}
.tyt-form label.btn {
  display: inline-block;
}
.tyt-form .checkbox {
  font-weight: normal;
}
.tyt-form [type="checkbox"],
.tyt-form [type="radio"] {
  margin-top: 1px;
  margin-right: 10px;
  vertical-align: top;
}
.tyt-form .input-group {
  display: table !important;
  position: relative;
  width: 100%;
  border-collapse: separate;
}
.tyt-form .input-group > input,
.tyt-form .input-group > select {
  display: table-cell;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.tyt-form .input-group > input + .add-on,
.tyt-form .input-group > select + .add-on {
  border-top-left-radius: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 0;
  border-left: none;
}
.tyt-form .input-group .add-on {
  display: table-cell;
  padding: 9px 12px;
  border: 1px solid #cccccc;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  line-height: 1;
  text-align: center;
  vertical-align: middle;
  color: #999999;
  background-color: #e0e0e0;
}
.tyt-form .input-group .add-on:first-child {
  border-right: 0;
}
.tyt-form .input-group .add-on + input,
.tyt-form .input-group .add-on + select {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.tyt-form .input-group .add-on--rightRoundedCorner + input {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.tyt-form .form-help {
  /* old webkit */
  /* webkit */
  /* firefox */
  /* old webkit */
  /* webkit */
  /* firefox */
  word-break: break-word;
  /* old webkit */
  word-wrap: break-word;
  /* webkit */
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  /* firefox */
  display: none;
  position: relative;
  min-height: 20px;
  margin-top: 10px;
  padding-top: 1px;
  padding-left: 37px;
  font-style: italic;
  line-height: 16px;
  color: #007fed;
}
.tyt-form .form-help::before {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1.2;
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.4;
  position: absolute;
  top: -1px;
  left: 9px;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  font-style: normal;
  line-height: 20px;
  font-weight: bold;
  text-align: center;
  color: #ffffff;
  background: #007fed;
  content: "?";
}
.tyt-form .form-success {
  display: none;
  margin: 5px 0;
  color: #28c76f;
}
.tyt-form .form-warning {
  display: none;
  margin: 5px 0;
  color: #ff9f43;
}
.tyt-form .form-error {
  display: none;
  margin: 5px 0;
  color: #ea5455;
}
.tyt-form .form-conditions {
  display: block;
  margin-bottom: 20px;
}
.tyt-form .form-feedback-success {
  border: 1px solid #28c76f;
  color: #15803d;
  background-color: #e8f9f1;
}
.tyt-form .form-feedback-error {
  border: 1px solid #ea5455;
  color: #9b1c1c;
  background-color: #fdeaea;
}
.tyt-form .form-feedback-error,
.tyt-form .form-feedback-success {
  margin-bottom: 10px;
  padding: 10px;
  border-radius: 3px;
  font-weight: bold;
}
/* Animations */
.large-form {
  font-size: 16px;
}
.large-form [type="text"],
.large-form [type="email"],
.large-form [type="password"],
.large-form [type="number"] {
  /* Needed for compatibility with fl-icon classes */
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1.2;
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.4;
  background: #fff;
  border: 1px solid #cccccc;
  border-radius: 3px;
  box-shadow: 0 0 0 1px transparent;
  color: #333333;
  display: inline-block;
  transition: all 0.1s linear;
  width: 100%;
  /* FIXME: This is necessary because IE 11 has issue with specificity of
    its placeholder color inherited from the input itself. */
  font-size: 16px;
  height: 46px;
  padding: 0 16px;
}
.large-form [type="text"]::placeholder,
.large-form [type="email"]::placeholder,
.large-form [type="password"]::placeholder,
.large-form [type="number"]::placeholder {
  color: #999999;
}
.large-form [type="text"]:focus,
.large-form [type="email"]:focus,
.large-form [type="password"]:focus,
.large-form [type="number"]:focus {
  border-color: #1f9bff;
  box-shadow: 0 0 0 1px #1f9bff;
  color: #333333;
}
.large-form [type="text"].error:focus,
.large-form [type="email"].error:focus,
.large-form [type="password"].error:focus,
.large-form [type="number"].error:focus {
  border-color: #ea5455;
  box-shadow: 0 0 0 1px #ea5455;
  color: #ea5455;
}
.large-form [type="text"][disabled],
.large-form [type="email"][disabled],
.large-form [type="password"][disabled],
.large-form [type="number"][disabled] {
  background: #f5f5f5;
  color: #333333;
  cursor: not-allowed;
}
.large-form [type="text"][type="number"],
.large-form [type="email"][type="number"],
.large-form [type="password"][type="number"],
.large-form [type="number"][type="number"] {
  padding-right: 0;
}
.large-form [type="text"] + .add-on,
.large-form [type="email"] + .add-on,
.large-form [type="password"] + .add-on,
.large-form [type="number"] + .add-on {
  border-radius: inherit inherit 0 0;
}
.large-form [type="checkbox"],
.large-form [type="radio"] {
  margin-top: 2px;
}
.large-form select {
  /* Needed for compatibility with fl-icon classes */
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1.2;
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.4;
  background: #fff;
  border: 1px solid #cccccc;
  border-radius: 3px;
  box-shadow: 0 0 0 1px transparent;
  color: #333333;
  display: inline-block;
  transition: all 0.1s linear;
  width: 100%;
  /* FIXME: This is necessary because IE 11 has issue with specificity of
    its placeholder color inherited from the input itself. */
  font-size: 16px;
  height: 46px;
  padding: 0 16px;
  padding-right: 0;
}
.large-form select::placeholder {
  color: #999999;
}
.large-form select:focus {
  border-color: #1f9bff;
  box-shadow: 0 0 0 1px #1f9bff;
  color: #333333;
}
.large-form select.error:focus {
  border-color: #ea5455;
  box-shadow: 0 0 0 1px #ea5455;
  color: #ea5455;
}
.large-form select[disabled] {
  background: #f5f5f5;
  color: #333333;
  cursor: not-allowed;
}
.large-form select[type="number"] {
  padding-right: 0;
}
.large-form select + .add-on {
  border-radius: inherit inherit 0 0;
}
.large-form textarea {
  /* Needed for compatibility with fl-icon classes */
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1.2;
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.4;
  background: #fff;
  border: 1px solid #cccccc;
  border-radius: 3px;
  box-shadow: 0 0 0 1px transparent;
  color: #333333;
  display: inline-block;
  transition: all 0.1s linear;
  width: 100%;
  /* FIXME: This is necessary because IE 11 has issue with specificity of
    its placeholder color inherited from the input itself. */
  line-height: 1.5;
  resize: vertical;
  text-indent: 0;
  font-size: 16px;
  min-height: 150px;
  padding: 10px 15px;
}
.large-form textarea::placeholder {
  color: #999999;
}
.large-form textarea:focus {
  border-color: #1f9bff;
  box-shadow: 0 0 0 1px #1f9bff;
  color: #333333;
}
.large-form textarea.error:focus {
  border-color: #ea5455;
  box-shadow: 0 0 0 1px #ea5455;
  color: #ea5455;
}
.large-form textarea[disabled] {
  background: #f5f5f5;
  color: #333333;
  cursor: not-allowed;
}
.large-form textarea[type="number"] {
  padding-right: 0;
}
.large-form textarea + .add-on {
  border-radius: inherit inherit 0 0;
}
.large-form .form-step {
  padding-bottom: 20px;
}
.large-form .form-step .form-invalid-icon {
  margin-top: 1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400;
  letter-spacing: 0.02em;
  line-height: 1.2;
  font-size: 12px;
  font-size: 0.85714286rem;
  line-height: 1.43;
}
.large-form .form-step .form-valid-icon {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1.2;
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.4;
}
.large-form .form-step .input-icon:before {
  font-size: 22px;
}
.large-form .add-on {
  font-size: 16px;
}
.large-form .form-help {
  padding-top: 0;
}
.large-form.has-numbers > ol > li::before {
  top: -2px;
  width: 30px;
  height: 30px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1.2;
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.4;
  line-height: 29px;
  font-weight: 900;
}
.large-form.has-numbers > ol > li legend {
  margin-bottom: 22px;
  font-size: 22px;
}
.NavigationLoggedOut-primary {
  box-shadow:
    0 0 4px 0 0 1px 3px rgba(0, 0, 0, 0.12),
    0 1px 2px rgba(0, 0, 0, 0.24),
    0 2px 4px 0 0 1px 3px rgba(0, 0, 0, 0.08),
    0 1px 2px rgba(0, 0, 0, 0.14);
  position: relative;
}
.NavigationLoggedOut-primary-content {
  width: 960px;
  min-width: 960px;
  margin: 0 auto;
  padding-left: 60px;
  padding-right: 60px;
  align-items: center;
  background: #fff;
  display: flex;
  flex-wrap: wrap;
  min-height: 64px;
  position: relative;
  z-index: 1;
}
@media (min-width: 1080px) {
  html:not(.is-responsive) .NavigationLoggedOut-primary-content {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 960px) {
  html.is-responsive .NavigationLoggedOut-primary-content {
    width: 100%;
    max-width: 1200px;
  }
}
@media (min-width: 1320px) {
  html.is-responsive .NavigationLoggedOut-primary-content {
    padding-left: 0;
    padding-right: 0;
  }
}
html.is-mobile-first .NavigationLoggedOut-primary-content {
  width: 100%;
  min-width: 0;
  max-width: 1200px;
}
html.is-mobile-first:not(.is-responsive) .NavigationLoggedOut-primary-content {
  padding-left: 60px;
  padding-right: 60px;
}
@media (min-width: 1080px) {
  html:not(.is-responsive) .NavigationLoggedOut-primary-content {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 960px) {
  html.is-responsive .NavigationLoggedOut-primary-content {
    width: 100%;
    max-width: 1200px;
  }
}
@media (min-width: 1320px) {
  html.is-responsive .NavigationLoggedOut-primary-content {
    padding-left: 0;
    padding-right: 0;
  }
}
html.is-mobile-first .NavigationLoggedOut-primary-content {
  width: 100%;
  min-width: 0;
  max-width: 1200px;
}
html.is-mobile-first:not(.is-responsive) .NavigationLoggedOut-primary-content {
  padding-left: 60px;
  padding-right: 60px;
}
@media (min-width: 1080px) {
  html:not(.is-responsive) .NavigationLoggedOut-primary-content {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 960px) {
  html.is-responsive .NavigationLoggedOut-primary-content {
    width: 100%;
    max-width: 1200px;
  }
}
@media (min-width: 1320px) {
  html.is-responsive .NavigationLoggedOut-primary-content {
    padding-left: 0;
    padding-right: 0;
  }
}
html.is-mobile-first .NavigationLoggedOut-primary-content {
  width: 100%;
  min-width: 0;
  max-width: 1200px;
}
html.is-mobile-first:not(.is-responsive) .NavigationLoggedOut-primary-content {
  padding-left: 60px;
  padding-right: 60px;
}
@media (min-width: 1080px) {
  html:not(.is-responsive) .NavigationLoggedOut-primary-content {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 960px) {
  html.is-responsive .NavigationLoggedOut-primary-content {
    width: 100%;
    max-width: 1200px;
  }
}
@media (min-width: 1320px) {
  html.is-responsive .NavigationLoggedOut-primary-content {
    padding-left: 0;
    padding-right: 0;
  }
}
html.is-mobile-first .NavigationLoggedOut-primary-content {
  width: 100%;
  min-width: 0;
  max-width: 1200px;
}
html.is-mobile-first:not(.is-responsive) .NavigationLoggedOut-primary-content {
  padding-left: 60px;
  padding-right: 60px;
}
@media (min-width: 1080px) {
  html:not(.is-responsive) .NavigationLoggedOut-primary-content {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 960px) {
  html.is-responsive .NavigationLoggedOut-primary-content {
    width: 100%;
    max-width: 1200px;
  }
}
@media (min-width: 1320px) {
  html.is-responsive .NavigationLoggedOut-primary-content {
    padding-left: 0;
    padding-right: 0;
  }
}
html.is-mobile-first .NavigationLoggedOut-primary-content {
  width: 100%;
  min-width: 0;
  max-width: 1200px;
}
html.is-mobile-first:not(.is-responsive) .NavigationLoggedOut-primary-content {
  padding-left: 60px;
  padding-right: 60px;
}
@media (min-width: 1080px) {
  html:not(.is-responsive) .NavigationLoggedOut-primary-content {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 960px) {
  html.is-responsive .NavigationLoggedOut-primary-content {
    width: 100%;
    max-width: 1200px;
  }
}
@media (min-width: 1320px) {
  html.is-responsive .NavigationLoggedOut-primary-content {
    padding-left: 0;
    padding-right: 0;
  }
}
html.is-mobile-first .NavigationLoggedOut-primary-content {
  width: 100%;
  min-width: 0;
  max-width: 1200px;
}
html.is-mobile-first:not(.is-responsive) .NavigationLoggedOut-primary-content {
  padding-left: 60px;
  padding-right: 60px;
}
.NavigationLoggedOut-primary--arrow {
  background: #222222;
  color: #fff;
}
.NavigationLoggedOut-primary--arrow .primary-navigation-section {
  background: #222222;
}
.NavigationLoggedOut-primary-signupBtn {
  display: none;
}
@media (min-width: 480px) {
  .NavigationLoggedOut-primary-signupBtn {
    display: block;
  }
}
.NavigationLoggedOut-primary-mobileNavbar {
  cursor: pointer;
}
.NavigationLoggedOut-primary-mobileNavbar-toggleControl {
  display: none;
}
.NavigationLoggedOut-primary-mobileNavbar-toggle {
  display: block;
}
@media (min-width: 960px) {
  .NavigationLoggedOut-primary-mobileNavbar-toggle {
    display: none;
  }
}
.NavigationLoggedOut-primary-mobileNavbar-toggle > span {
  background: #222222;
  display: block;
  height: 4px;
  opacity: 1;
  position: relative;
  transform-origin: 4px 0px;
  transition:
    transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1),
    background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1),
    opacity 0.55s ease;
  width: 33px;
  z-index: 1;
}
.NavigationLoggedOut-primary-mobileNavbar-toggle > span:first-child {
  transform-origin: 0% 0%;
}
.NavigationLoggedOut-primary-mobileNavbar-toggle > span:nth-last-child(2) {
  transform-origin: 0% 100%;
}
.NavigationLoggedOut-primary-mobileNavbar-toggle > span:not(:last-child) {
  margin-bottom: 5px;
}
.NavigationLoggedOut-primary-mobileNavbar-toggleControl:checked
  ~ .NavigationLoggedOut-primary
  .NavigationLoggedOut-primary-mobileNavbar-toggle
  > span {
  background: #222222;
  opacity: 1;
  transform: rotate(45deg) translate(-2px, -1px);
}
.NavigationLoggedOut-primary-mobileNavbar-toggleControl:checked
  ~ .NavigationLoggedOut-primary
  .NavigationLoggedOut-primary-mobileNavbar-toggle
  > span:nth-child(2) {
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}
.NavigationLoggedOut-primary-mobileNavbar-toggleControl:checked
  ~ .NavigationLoggedOut-primary
  .NavigationLoggedOut-primary-mobileNavbar-toggle
  > span:nth-child(3) {
  transform: rotate(-45deg) translate(-4px, -3px);
}
.NavigationLoggedOut-primary-mobileNavbar-toggleControl:checked
  ~ .NavigationLoggedOut-primary
  .NavigationLoggedOut-primary-mobileNavbar-container {
  display: block;
}
@media (min-width: 960px) {
  .NavigationLoggedOut-primary-mobileNavbar-toggleControl:checked
    ~ .NavigationLoggedOut-primary
    .NavigationLoggedOut-primary-mobileNavbar-container {
    display: none;
  }
}
.NavigationLoggedOut-primary-mobileNavbar-container {
  background-color: #f7f7f7;
  display: none;
  left: 0;
  margin: auto -60px;
  min-height: calc(100vh - 64px);
  order: 2;
  padding: 32px;
  scroll-behavior: smooth;
  top: 64px;
  width: 100vw;
  z-index: 1;
}
.NavigationLoggedOut-primary-mobileNavbar-container-divider {
  background: #e0e0e0;
  height: 1px;
  margin: 16px -32px;
}
.NavigationLoggedOut .NavigationLoggedOut-primary-mobileNavbar-signupBtn {
  display: flex;
}
@media (min-width: 480px) {
  .NavigationLoggedOut .NavigationLoggedOut-primary-mobileNavbar-signupBtn {
    display: none;
  }
}
.NavigationLoggedOut-primary-mobileNavbar-postBtn {
  margin-bottom: 12px;
  width: 100%;
}
.NavigationLoggedOut-primary-mobileNavbar-link {
  align-items: center;
  color: #0e1724;
  display: flex;
  fill: #0e1724;
  min-height: 28px;
  padding: 16px 0;
  text-decoration: none;
}
.NavigationLoggedOut-primary-mobileNavbar-link:hover > * {
  color: #0064ba;
  fill: #0064ba;
}
.NavigationLoggedOut-primary-mobileNavbar-link-title {
  color: #0e1724;
  line-height: 28px;
  margin-left: 16px;
  text-decoration: none;
  vertical-align: middle;
}
.NavigationLoggedOut-primary-mobileNavbar-link-icon {
  height: 20px;
  margin: 8px;
  width: 20px;
}
.NavigationLoggedOut-primary-mobileNavbar-link-anchorIcon {
  align-items: center;
  display: flex;
  fill: #2b3340;
  margin-left: auto;
}
.NavigationLoggedOut-primary-mobileNavbar-link-anchorIcon--alignLeft {
  margin-left: 0;
}
.NavigationLoggedOut-primary-mobileNavbar-link-anchorIcon .Icon-image {
  height: 28px;
  width: 28px;
}
.NavigationLoggedOut-primary-mobileNavbar-link--offsetLeft {
  margin-left: 28px;
}
.NavigationLoggedOut-primary-mobileNavbar-menuControl {
  display: none;
}
.NavigationLoggedOut-primary-mobileNavbar-menuControl:checked
  + .NavigationLoggedOut-primary-mobileNavbar-menu {
  display: block;
}
.NavigationLoggedOut-primary-mobileNavbar-menu {
  display: none;
}
.NavigationLoggedOut-primary-logoContainer {
  display: inline-block;
  line-height: 64px;
  margin-left: 12px;
  transition: all 0.2s ease-in;
}
@media (min-width: 480px) {
  .NavigationLoggedOut-primary-logoContainer {
    margin-left: 16px;
  }
}
.NavigationLoggedOut-primary-logoContainer .flicon-logo-fullcolor {
  height: auto;
  stroke-width: 0;
  vertical-align: middle;
  width: 120px;
}
@media (min-width: 480px) {
  .NavigationLoggedOut-primary-logoContainer .flicon-logo-fullcolor {
    width: 145px;
  }
}
.NavigationLoggedOut-primary-logoContainer .flicon-logo-fullcolor--arrow {
  width: 267px;
}
@media (min-width: 960px) {
  .NavigationLoggedOut-primary-logoContainer {
    margin: 0;
  }
}
.NavigationLoggedOut-primary-navItems {
  align-self: center;
  display: none;
}
.NavigationLoggedOut-primary-navItems-link {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0.01em;
  line-height: 1.2;
  font-size: 16px;
  font-size: 1.14285714rem;
  line-height: 1.5;
  color: #0e1724;
  letter-spacing: -0.024em;
  margin: 0 16px;
  position: relative;
}
.NavigationLoggedOut-primary-navItems-link:hover {
  color: #0064ba;
  text-decoration: none;
}
@media (min-width: 960px) {
  .NavigationLoggedOut-primary-navItems {
    display: flex;
  }
}
.NavigationLoggedOut-primary-loginSection {
  align-items: center;
  display: flex;
  margin-left: auto;
}
.NavigationLoggedOut-primary-loginSection-btnPost {
  display: none;
}
@media (min-width: 960px) {
  .NavigationLoggedOut-primary-loginSection-btnPost {
    display: block;
  }
}
.NavigationLoggedOut-secondary {
  background: #fafafa;
  display: none;
}
@media (min-width: 960px) {
  .NavigationLoggedOut-secondary {
    display: block;
  }
}
.NavigationLoggedOut-secondary-navItems {
  width: 960px;
  min-width: 960px;
  margin: 0 auto;
  padding-left: 60px;
  padding-right: 60px;
  align-items: stretch;
  display: flex;
}
@media (min-width: 1080px) {
  html:not(.is-responsive) .NavigationLoggedOut-secondary-navItems {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 960px) {
  html.is-responsive .NavigationLoggedOut-secondary-navItems {
    width: 100%;
    max-width: 1200px;
  }
}
@media (min-width: 1320px) {
  html.is-responsive .NavigationLoggedOut-secondary-navItems {
    padding-left: 0;
    padding-right: 0;
  }
}
html.is-mobile-first .NavigationLoggedOut-secondary-navItems {
  width: 100%;
  min-width: 0;
  max-width: 1200px;
}
html.is-mobile-first:not(.is-responsive)
  .NavigationLoggedOut-secondary-navItems {
  padding-left: 60px;
  padding-right: 60px;
}
@media (min-width: 1080px) {
  html:not(.is-responsive) .NavigationLoggedOut-secondary-navItems {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 960px) {
  html.is-responsive .NavigationLoggedOut-secondary-navItems {
    width: 100%;
    max-width: 1200px;
  }
}
@media (min-width: 1320px) {
  html.is-responsive .NavigationLoggedOut-secondary-navItems {
    padding-left: 0;
    padding-right: 0;
  }
}
html.is-mobile-first .NavigationLoggedOut-secondary-navItems {
  width: 100%;
  min-width: 0;
  max-width: 1200px;
}
html.is-mobile-first:not(.is-responsive)
  .NavigationLoggedOut-secondary-navItems {
  padding-left: 60px;
  padding-right: 60px;
}
@media (min-width: 1080px) {
  html:not(.is-responsive) .NavigationLoggedOut-secondary-navItems {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 960px) {
  html.is-responsive .NavigationLoggedOut-secondary-navItems {
    width: 100%;
    max-width: 1200px;
  }
}
@media (min-width: 1320px) {
  html.is-responsive .NavigationLoggedOut-secondary-navItems {
    padding-left: 0;
    padding-right: 0;
  }
}
html.is-mobile-first .NavigationLoggedOut-secondary-navItems {
  width: 100%;
  min-width: 0;
  max-width: 1200px;
}
html.is-mobile-first:not(.is-responsive)
  .NavigationLoggedOut-secondary-navItems {
  padding-left: 60px;
  padding-right: 60px;
}
@media (min-width: 1080px) {
  html:not(.is-responsive) .NavigationLoggedOut-secondary-navItems {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 960px) {
  html.is-responsive .NavigationLoggedOut-secondary-navItems {
    width: 100%;
    max-width: 1200px;
  }
}
@media (min-width: 1320px) {
  html.is-responsive .NavigationLoggedOut-secondary-navItems {
    padding-left: 0;
    padding-right: 0;
  }
}
html.is-mobile-first .NavigationLoggedOut-secondary-navItems {
  width: 100%;
  min-width: 0;
  max-width: 1200px;
}
html.is-mobile-first:not(.is-responsive)
  .NavigationLoggedOut-secondary-navItems {
  padding-left: 60px;
  padding-right: 60px;
}
@media (min-width: 1080px) {
  html:not(.is-responsive) .NavigationLoggedOut-secondary-navItems {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 960px) {
  html.is-responsive .NavigationLoggedOut-secondary-navItems {
    width: 100%;
    max-width: 1200px;
  }
}
@media (min-width: 1320px) {
  html.is-responsive .NavigationLoggedOut-secondary-navItems {
    padding-left: 0;
    padding-right: 0;
  }
}
html.is-mobile-first .NavigationLoggedOut-secondary-navItems {
  width: 100%;
  min-width: 0;
  max-width: 1200px;
}
html.is-mobile-first:not(.is-responsive)
  .NavigationLoggedOut-secondary-navItems {
  padding-left: 60px;
  padding-right: 60px;
}
@media (min-width: 1080px) {
  html:not(.is-responsive) .NavigationLoggedOut-secondary-navItems {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 960px) {
  html.is-responsive .NavigationLoggedOut-secondary-navItems {
    width: 100%;
    max-width: 1200px;
  }
}
@media (min-width: 1320px) {
  html.is-responsive .NavigationLoggedOut-secondary-navItems {
    padding-left: 0;
    padding-right: 0;
  }
}
html.is-mobile-first .NavigationLoggedOut-secondary-navItems {
  width: 100%;
  min-width: 0;
  max-width: 1200px;
}
html.is-mobile-first:not(.is-responsive)
  .NavigationLoggedOut-secondary-navItems {
  padding-left: 60px;
  padding-right: 60px;
}
.NavigationLoggedOut-secondary-navItem {
  align-items: center;
  display: flex;
  margin-right: 32px;
  min-height: 48px;
  padding: 0 16px;
  position: relative;
}
.NavigationLoggedOut-secondary-navItem:hover {
  border-bottom: 3px solid #2198ff;
  padding-top: 3px;
}
.NavigationLoggedOut-secondary-navItem-name {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0.01em;
  line-height: 1.2;
  font-size: 16px;
  font-size: 1.14285714rem;
  line-height: 1.5;
  color: #0e1724;
  cursor: pointer;
  letter-spacing: -0.024em;
}
.NavigationLoggedOut-secondary-navItem-name:hover {
  color: #0064ba;
  text-decoration: none;
}
.NavigationLoggedOut-secondary-navItem-dropdown {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400;
  letter-spacing: 0.02em;
  line-height: 1.2;
  font-size: 12px;
  font-size: 0.85714286rem;
  line-height: 1.43;
  box-shadow:
    0 0 6px 0 0 3px 6px rgba(0, 0, 0, 0.16),
    0 3px 6px rgba(0, 0, 0, 0.23),
    0 4px 10px 0 0 3px 6px rgba(0, 0, 0, 0.12),
    0 3px 6px rgba(0, 0, 0, 0.18);
  background-color: #f7f7f7;
  display: flex;
  flex-wrap: nowrap;
  left: 0;
  padding: 24px 0;
  position: absolute;
  top: 48px;
  z-index: 2;
}
.NavigationLoggedOut-secondary-navItem-dropdown-menuWrapper {
  display: none;
  min-width: 210px;
  position: relative;
}
.NavigationLoggedOut-secondary-navItem-dropdown-menuWrapper:not(
    :first-child
  )::before {
  border-left: 1px solid #e6e6e6;
  content: "";
  height: 100%;
  left: -1px;
  padding: 24px 0;
  position: absolute;
}
.NavigationLoggedOut-secondary-navItem-dropdown-menuWrapper.is-active {
  display: block;
}
.NavigationLoggedOut-secondary-navItem-dropdown-link {
  align-items: center;
  display: flex;
  justify-content: space-between;
  line-height: 1.6;
  padding: 8px 24px;
}
.NavigationLoggedOut-secondary-navItem-dropdown-link:first-child {
  padding-top: 0;
}
.NavigationLoggedOut-secondary-navItem-dropdown-link:last-child {
  padding-bottom: 0;
}
.NavigationLoggedOut-secondary-navItem-dropdown-link > * {
  color: #222222;
  cursor: pointer;
  text-decoration: none;
}
.NavigationLoggedOut-secondary-navItem-dropdown-link:hover > *,
.NavigationLoggedOut-secondary-navItem-dropdown-link.is-active > * {
  color: #0064ba;
  fill: #0064ba;
}
.NavigationLoggedOut-secondary-navItem-dropdown-link-anchorIcon {
  fill: #b0b0b0;
}
.NavigationLoggedOut-secondary-navItem-dropdown-link-anchorIcon .Icon-image {
  margin-right: -12px;
}
.NavigationLoggedOut-secondary-navItem:hover
  .NavigationLoggedOut-secondary-navItem-dropdown-menuWrapper:first-child {
  display: block;
}
.tyt-template {
  /* Mixin libraries */
  /* move down carets for tabs */
  /* - Legacy - styles for chunks of old html from the site waiting to be rewritten - to be phased out */
  /* old styling carried across to new design waiting to be updated */
  /* earnings bar */
  /*************************************************/
  /* utilities */
  /*************************************************/
  /* form themes */
  /*************************************************/
  /* search */
  /* Separation of CSS concerns as per the SMACSS methodology - http://smacss.com/ */
  /* - Bootstrap module overrides */
  /* Animations */
  /*************************************************/
  /* dropdown */
  /*************************************************/
  /* modal */
  /************************************************/
  /* popover */
  /************************************************/
  /* accordion */
  /************************************************/
  /* tooltip */
  /************************************************/
  /* navbar-widget */
  /* - Modules - Reusable HTML chunks */
  /*************************************************/
  /* country selector */
  /**
 * Input
 *
 * The standard select element
 *
 * .default-input - Default button
 * .small-input - Small variation
 * .large-input    - Large variation
 * .xlarge-input - Extra Large variation
 * .xxlarge-input - Extra Large variation
 *
 * Markup: default-input.html
 *
 * Styleguide: Forms - Form Elements - Input
 */
  /* Input sizes */
  /* add an icon to an input field */
  /**
 * Input w/ button - DEPRECATED
 *
 * **Deprecated** See New Input Combo http://patternlibrary.topyourthree.com/section-forms.html#kssref-forms-form-elements-input-combo
 *
 * Markup: input-btn-combo-default.html
 *
 * Styleguide: Forms - Form Elements - Inputs
 */
  /**
 * Input w/ button - DEPRECATED
 *
 * **Deprecated** See New Input Combo http://patternlibrary.topyourthree.com/section-forms.html#kssref-forms-form-elements-input-combo
 *
 * Markup: input-btn-combo-default.html
 *
 * Styleguide: Deprecated - Inputs
 */
  /*************************************************/
  /* text area */
  /*************************************************/
  /* loading icon */
  /* Requirements
    - our icomoon icon set to be loaded on the page
    - parent container to have relative positioning if you wish to use the position data-attr
*/
  /* header needs to be loaded on top to  display warning for legacy ie */
  /* Main Layout file for TopYourThree.com's header, the same CSS is used for logged-out version and landing version */
  /*
 * 1. Overrides pinhp's form element style
 * 2. Overrides fl-form styles
 * 3. Overrides forms.less input margins
 * 4. Overrides repsonsive-modal
 */
  /* 4. */
  /* secondary navigation */
  /* .has-sidebar : pushes nav to the left to make room for the sidebar on the right */
  /* header breakpoint on responsive page */
  /* Online Status indicator, used in chatbox, etc. */
  /*************************************************/
  /* tabbed section */
  /*************************************************/
  /* divider */
  /*************************************************/
  /* profile pic */
  /*************************************************/
  /*  Profile placeholder lets us place the users initial as their default profile img.
    The size of the initial has to be done manually per instance.
 */
  /*************************************************/
  /* user status */
  /* sizes */
  /***************************************/
  /* FL Social Media Icon
/***************************************/
  /**
 * Alerts
 *
 * Styleguide: Alerts
 */
  /**
 * Bootstrap alert
 *
 * Used to show alert the user to important information
 *
 * .alert-info - Gives information to the user.
 * .alert-success - Information for when the user performs a successful action.
 * .alert-warning - Information to warn the user of a pending action.
 * .alert-error - Warns the user when an error has occured.
 * .alert-bids - Information about a users bid.
 * .alert-common - This alert can be used when there is no suitable alternative from the above list.
 *
 * Markup: bootstrap-alert.html
 *
 * Styleguide: Alerts - Bootstrap Alert
 */
  /**
 * Bootstrap alert /w icon
 *
 * Sub-module of the bootstrap alert that includes an icon
 *
 * Markup: bootstrap-alert-with-icon.html
 *
 * Styleguide: Alerts - Bootstrap Alert with icon
 */
  /*
 * 1. Overrides pinhp's form element style
 * 2. Overrides fl-form styles
 * 3. Overrides forms.less input margins
 * 4. Overrides repsonsive-modal
 */
  /* 4. */
  /* - Layouts - HTML framework which house components */
  /*this is the abtesting for new footer, if it wins, it will move into flux*/
  /* Animations */
}
.tyt-template .pull-right {
  float: right;
}
.tyt-template .pull-left {
  float: left;
}
.tyt-template .hide {
  display: none;
}
.tyt-template .show {
  display: block;
}
.tyt-template .invisible {
  visibility: hidden;
}
.tyt-template .affix {
  position: fixed;
}
.tyt-template .fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -moz-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
  -webkit-transition: all opacity 0.15s linear linear;
  transition: all opacity 0.15s linear linear;
}
.tyt-template .fade.in {
  opacity: 1;
}
.tyt-template .collapse {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
  -moz-transition: height 0.35s ease;
  -o-transition: height 0.35s ease;
  transition: height 0.35s ease;
  -webkit-transition: all height 0.35s ease linear;
  transition: all height 0.35s ease linear;
}
.tyt-template .collapse.in {
  height: auto;
}
.tyt-template .dropup,
.tyt-template .dropdown {
  position: relative;
}
.tyt-template .dropdown-toggle {
  *margin-bottom: -3px;
}
.tyt-template .dropdown-toggle:active,
.tyt-template .open .dropdown-toggle {
  outline: 0;
}
.tyt-template .caret {
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: top;
  border-top: 4px solid #000;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  content: "";
}
.tyt-template .dropdown .caret {
  margin-top: 8px;
  margin-left: 2px;
}
.tyt-template .dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  border-radius: 0 6px 0 0;
  -moz-background-clip: padding-box;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
.tyt-template .dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.tyt-template .dropdown-menu .divider {
  *width: 100%;
  height: 1px;
  margin: 9px 1px;
  *margin: -5px 0 5px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid #ffffff;
}
.tyt-template .dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 20px;
  color: #333;
  white-space: nowrap;
}
.tyt-template .dropdown-menu > li > a:hover,
.tyt-template .dropdown-menu > li > a:focus,
.tyt-template .dropdown-submenu:hover > a,
.tyt-template .dropdown-submenu:focus > a {
  text-decoration: none;
  color: #ffffff;
  background-color: #007ab8;
  background-image: -moz-linear-gradient(top, #0081c2, #0070a9);
  background-image: -webkit-gradient(
    linear,
    0 0,
    0 100%,
    from(#0081c2),
    to(#0070a9)
  );
  background-image: -webkit-linear-gradient(top, #0081c2, #0070a9);
  background-image: -o-linear-gradient(top, #0081c2, #0070a9);
  background-image: linear-gradient(to bottom, #0081c2, #0070a9);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0081c2', endColorstr='#ff0070a9', GradientType=0);
}
.tyt-template .dropdown-menu > .active > a,
.tyt-template .dropdown-menu > .active > a:hover,
.tyt-template .dropdown-menu > .active > a:focus {
  color: #ffffff;
  text-decoration: none;
  outline: 0;
  background-color: #007ab8;
  background-image: -moz-linear-gradient(top, #0081c2, #0070a9);
  background-image: -webkit-gradient(
    linear,
    0 0,
    0 100%,
    from(#0081c2),
    to(#0070a9)
  );
  background-image: -webkit-linear-gradient(top, #0081c2, #0070a9);
  background-image: -o-linear-gradient(top, #0081c2, #0070a9);
  background-image: linear-gradient(to bottom, #0081c2, #0070a9);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0081c2', endColorstr='#ff0070a9', GradientType=0);
}
.tyt-template .dropdown-menu > .disabled > a,
.tyt-template .dropdown-menu > .disabled > a:hover,
.tyt-template .dropdown-menu > .disabled > a:focus {
  color: #999;
}
.tyt-template .dropdown-menu > .disabled > a:hover,
.tyt-template .dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: default;
}
.tyt-template .open {
  *z-index: 1000;
}
.tyt-template .open > .dropdown-menu {
  display: block;
}
.tyt-template .dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}
.tyt-template .pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.tyt-template .dropup .caret,
.tyt-template .navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px solid #000;
  content: "";
}
.tyt-template .dropup .dropdown-menu,
.tyt-template .navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px;
}
.tyt-template .dropdown-submenu {
  position: relative;
}
.tyt-template .dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px 6px;
  border-radius: 0 6px 6px 6px;
  border-radius: 0 0 6px 6px 6px 0 0;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.tyt-template .dropdown-submenu:hover > .dropdown-menu {
  display: block;
}
.tyt-template .dropup .dropdown-submenu > .dropdown-menu {
  top: auto;
  bottom: 0;
  margin-top: 0;
  margin-bottom: -2px;
  -webkit-border-radius: 5px 5px 5px 0;
  -moz-border-radius: 5px 5px 5px 0;
  border-radius: 5px 5px 5px 0;
  border-radius: 0 5px 5px 5px 0 0 0;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.tyt-template .dropdown-submenu > a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #cccccc;
  margin-top: 5px;
  margin-right: -10px;
}
.tyt-template .dropdown-submenu:hover > a:after {
  border-left-color: #ffffff;
}
.tyt-template .dropdown-submenu.pull-left {
  float: none;
}
.tyt-template .dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px;
  border-radius: 0 6px 0 6px 6px 0 0;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.tyt-template .dropdown .dropdown-menu .nav-header {
  padding-left: 20px;
  padding-right: 20px;
}
.tyt-template .typeahead {
  z-index: 1091;
  margin-top: 2px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border-radius: 0 4px 0 0;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.tyt-template .modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.tyt-template .modal-backdrop.fade {
  opacity: 0;
}
.tyt-template .modal-backdrop,
.tyt-template .modal-backdrop.fade.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
  opacity: 80;
}
.tyt-template .modal {
  position: fixed;
  top: 10%;
  left: 50%;
  z-index: 1050;
  width: 560px;
  margin-left: -280px;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.3);
  *border: 1px solid #999;
  /* IE6-7 */
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  border-radius: 0 6px 0 0;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  outline: none;
}
.tyt-template .modal.fade {
  -webkit-transition:
    opacity 0.3s linear,
    top 0.3s ease-out;
  -moz-transition:
    opacity 0.3s linear,
    top 0.3s ease-out;
  -o-transition:
    opacity 0.3s linear,
    top 0.3s ease-out;
  transition:
    opacity 0.3s linear,
    top 0.3s ease-out;
  -webkit-transition:
    all opacity 0.3s linear,
    top 0.3s ease-out linear;
  transition:
    all opacity 0.3s linear,
    top 0.3s ease-out linear;
  top: -25%;
}
.tyt-template .modal.fade.in {
  top: 10%;
}
.tyt-template .modal-header {
  padding: 9px 15px;
  border-bottom: 1px solid #eee;
}
.tyt-template .modal-header .close {
  margin-top: 2px;
}
.tyt-template .modal-header h3 {
  margin: 0;
  line-height: 30px;
}
.tyt-template .modal-body {
  position: relative;
  overflow-y: auto;
  /* This ensures the .modal-body will shrink when the content is too long for
  the viewport, otherwise it will be inaccessible as the modal does not allow
  scrolling */
  max-height: calc(100vh - 224px);
  padding: 15px;
}
.tyt-template .modal-form {
  margin-bottom: 0;
}
.tyt-template .modal-footer {
  padding: 14px 15px 15px;
  margin-bottom: 0;
  text-align: right;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  -webkit-box-shadow: inset 0 1px 0 #fff;
  -moz-box-shadow: inset 0 1px 0 #fff;
  box-shadow: inset 0 1px 0 #fff;
  *zoom: 1;
  zoom: 1;
}
.tyt-template .modal-footer:before,
.tyt-template .modal-footer:after {
  display: table;
  content: "";
  line-height: 0;
}
.tyt-template .modal-footer:after {
  clear: both;
}
.tyt-template .modal-footer:before,
.tyt-template .modal-footer:after {
  content: "";
  display: table;
}
.tyt-template .modal-footer:after {
  clear: both;
}
.tyt-template .modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.tyt-template .modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.tyt-template .modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.tyt-template .popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  display: none;
  max-width: 276px;
  padding: 1px;
  text-align: left;
  background-color: #ffffff;
  -moz-background-clip: padding;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 6px 6px 6px 6px;
  -moz-border-radius: 6px 6px 6px 6px;
  border-radius: 6px 6px 6px 6px;
  border-radius: 0 6px 6px 6px 6px 0 0;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  white-space: normal;
}
.tyt-template .popover.top {
  margin-top: -10px;
}
.tyt-template .popover.right {
  margin-left: 10px;
}
.tyt-template .popover.bottom {
  margin-top: 10px;
}
.tyt-template .popover.left {
  margin-left: -10px;
}
.tyt-template .popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  border-radius: 0 5px 5px 0 0 0 0;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.tyt-template .popover-title:empty {
  display: none;
}
.tyt-template .popover-content {
  padding: 9px 14px;
}
.tyt-template .popover .arrow,
.tyt-template .popover .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tyt-template .popover .arrow {
  border-width: 11px;
}
.tyt-template .popover .arrow:after {
  border-width: 10px;
  content: "";
}
.tyt-template .popover.top .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px;
}
.tyt-template .popover.top .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #ffffff;
}
.tyt-template .popover.right .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.tyt-template .popover.right .arrow:after {
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #ffffff;
}
.tyt-template .popover.bottom .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px;
}
.tyt-template .popover.bottom .arrow:after {
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #ffffff;
}
.tyt-template .popover.left .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.tyt-template .popover.left .arrow:after {
  right: 1px;
  border-right-width: 0;
  border-left-color: #ffffff;
  bottom: -10px;
}
.tyt-template .tooltip {
  position: absolute;
  z-index: 1020;
  display: block;
  visibility: visible;
  font-size: 11px;
  line-height: 1.4;
  filter: alpha(opacity=0);
  opacity: 0;
}
.tyt-template .tooltip.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
  opacity: 80;
}
.tyt-template .tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}
.tyt-template .tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}
.tyt-template .tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}
.tyt-template .tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}
.tyt-template .tooltip-inner {
  max-width: 200px;
  padding: 8px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #000;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border-radius: 0 4px 0 0;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.tyt-template .tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tyt-template .tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tyt-template .tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}
.tyt-template .tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}
.tyt-template .tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tyt-template .alert {
  padding: 8px 35px 8px 14px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border-radius: 0 4px 0 0;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.tyt-template .alert,
.tyt-template .alert h4 {
  color: #c09853;
}
.tyt-template .alert h4 {
  margin: 0;
}
.tyt-template .alert .close {
  position: relative;
  top: -2px;
  right: -21px;
  line-height: 20px;
}
.tyt-template .alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #468847;
}
.tyt-template .alert-success h4 {
  color: #468847;
}
.tyt-template .alert-danger,
.tyt-template .alert-error {
  background-color: #f2dede;
  border-color: #eed3d7;
  color: #b94a48;
}
.tyt-template .alert-danger h4,
.tyt-template .alert-error h4 {
  color: #b94a48;
}
.tyt-template .alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #3a87ad;
}
.tyt-template .alert-info h4 {
  color: #3a87ad;
}
.tyt-template .alert-block {
  padding-top: 14px;
  padding-bottom: 14px;
}
.tyt-template .alert-block > p,
.tyt-template .alert-block > ul {
  margin-bottom: 0;
}
.tyt-template .alert-block p + p {
  margin-top: 5px;
}
.tyt-template .close {
  float: right;
  font-size: 20px;
  font-weight: bold;
  line-height: 20px;
  color: #000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20);
  opacity: 20;
}
.tyt-template .close:hover,
.tyt-template .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  filter: alpha(opacity=40);
  opacity: 40;
}
.tyt-template button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.tyt-template .nav {
  margin-left: 0;
  margin-bottom: 20px;
  list-style: none;
}
.tyt-template .nav > li > a {
  display: block;
}
.tyt-template .nav > li > a:hover,
.tyt-template .nav > li > a:focus {
  text-decoration: none;
  background-color: #eee;
}
.tyt-template .nav > li > a > img {
  max-width: none;
}
.tyt-template .nav > .pull-right {
  float: right;
}
.tyt-template .nav-header {
  display: block;
  padding: 3px 15px;
  font-size: 11px;
  font-weight: bold;
  line-height: 20px;
  color: #999;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
}
.tyt-template .nav li + .nav-header {
  margin-top: 9px;
}
.tyt-template .nav-list {
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 0;
}
.tyt-template .nav-list > li > a,
.tyt-template .nav-list .nav-header {
  margin-left: -15px;
  margin-right: -15px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.tyt-template .nav-list > li > a {
  padding: 3px 15px;
}
.tyt-template .nav-list > .active > a,
.tyt-template .nav-list > .active > a:hover,
.tyt-template .nav-list > .active > a:focus {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  background-color: #589af0;
}
.tyt-template .nav-list [class^="icon-"],
.tyt-template .nav-list [class*=" icon-"] {
  margin-right: 2px;
}
.tyt-template .nav-list .divider {
  *width: 100%;
  height: 1px;
  margin: 9px 1px;
  *margin: -5px 0 5px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid #fff;
}
.tyt-template .nav-tabs,
.tyt-template .nav-pills {
  *zoom: 1;
  zoom: 1;
}
.tyt-template .nav-tabs:before,
.tyt-template .nav-pills:before,
.tyt-template .nav-tabs:after,
.tyt-template .nav-pills:after {
  display: table;
  content: "";
  line-height: 0;
}
.tyt-template .nav-tabs:after,
.tyt-template .nav-pills:after {
  clear: both;
}
.tyt-template .nav-tabs:before,
.tyt-template .nav-pills:before,
.tyt-template .nav-tabs:after,
.tyt-template .nav-pills:after {
  content: "";
  display: table;
}
.tyt-template .nav-tabs:after,
.tyt-template .nav-pills:after {
  clear: both;
}
.tyt-template .nav-tabs > li,
.tyt-template .nav-pills > li {
  float: left;
}
.tyt-template .nav-tabs > li > a,
.tyt-template .nav-pills > li > a {
  padding-right: 12px;
  padding-left: 12px;
  margin-right: 2px;
  line-height: 14px;
}
.tyt-template .nav-tabs {
  border-bottom: 1px solid #ddd;
}
.tyt-template .nav-tabs > li {
  margin-bottom: -1px;
}
.tyt-template .nav-tabs > li > a {
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: 20px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  border-radius: 0 4px 4px 0 0 0 0;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.tyt-template .nav-tabs > li > a:hover,
.tyt-template .nav-tabs > li > a:focus {
  border-color: #eee #eee #ddd;
}
.tyt-template .nav-tabs > .active > a,
.tyt-template .nav-tabs > .active > a:hover,
.tyt-template .nav-tabs > .active > a:focus {
  color: #555;
  background-color: #ffffff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: default;
}
.tyt-template .nav-pills > li > a {
  padding-top: 8px;
  padding-bottom: 8px;
  margin-top: 2px;
  margin-bottom: 2px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border-radius: 0 5px 0 0;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.tyt-template .nav-pills > .active > a,
.tyt-template .nav-pills > .active > a:hover,
.tyt-template .nav-pills > .active > a:focus {
  color: #fff;
  background-color: #589af0;
}
.tyt-template .nav-stacked > li {
  float: none;
}
.tyt-template .nav-stacked > li > a {
  margin-right: 0;
}
.tyt-template .nav-tabs.nav-stacked {
  border-bottom: 0;
}
.tyt-template .nav-tabs.nav-stacked > li > a {
  border: 1px solid #ddd;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border-radius: 0 0 0 0;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.tyt-template .nav-tabs.nav-stacked > li:first-child > a {
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
}
.tyt-template .nav-tabs.nav-stacked > li:last-child > a {
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left-radius: 4px;
}
.tyt-template .nav-tabs.nav-stacked > li > a:hover,
.tyt-template .nav-tabs.nav-stacked > li > a:focus {
  border-color: #ddd;
  z-index: 2;
}
.tyt-template .nav-pills.nav-stacked > li > a {
  margin-bottom: 3px;
}
.tyt-template .nav-pills.nav-stacked > li:last-child > a {
  margin-bottom: 1px;
}
.tyt-template .nav-tabs .dropdown-menu {
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  border-radius: 0 0 0 6px 6px 0 0;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.tyt-template .nav-pills .dropdown-menu {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  border-radius: 0 6px 0 0;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.tyt-template .nav .dropdown-toggle .caret {
  border-top-color: #589af0;
  border-bottom-color: #589af0;
  margin-top: 6px;
}
.tyt-template .nav .dropdown-toggle:hover .caret,
.tyt-template .nav .dropdown-toggle:focus .caret {
  border-top-color: #1570e7;
  border-bottom-color: #1570e7;
}
.tyt-template .nav-tabs .dropdown-toggle .caret {
  margin-top: 8px;
}
.tyt-template .nav .active .dropdown-toggle .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
}
.tyt-template .nav-tabs .active .dropdown-toggle .caret {
  border-top-color: #555;
  border-bottom-color: #555;
}
.tyt-template .nav > .dropdown.active > a:hover,
.tyt-template .nav > .dropdown.active > a:focus {
  cursor: pointer;
}
.tyt-template .nav-tabs .open .dropdown-toggle,
.tyt-template .nav-pills .open .dropdown-toggle,
.tyt-template .nav > li.dropdown.open.active > a:hover,
.tyt-template .nav > li.dropdown.open.active > a:focus {
  color: #fff;
  background-color: #999;
  border-color: #999;
}
.tyt-template .nav li.dropdown.open .caret,
.tyt-template .nav li.dropdown.open.active .caret,
.tyt-template .nav li.dropdown.open a:hover .caret,
.tyt-template .nav li.dropdown.open a:focus .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
  opacity: 1;
  filter: alpha(opacity=100);
  opacity: 100;
}
.tyt-template .tabs-stacked .open > a:hover,
.tyt-template .tabs-stacked .open > a:focus {
  border-color: #999;
}
.tyt-template .tabbable {
  *zoom: 1;
  zoom: 1;
}
.tyt-template .tabbable:before,
.tyt-template .tabbable:after {
  display: table;
  content: "";
  line-height: 0;
}
.tyt-template .tabbable:after {
  clear: both;
}
.tyt-template .tabbable:before,
.tyt-template .tabbable:after {
  content: "";
  display: table;
}
.tyt-template .tabbable:after {
  clear: both;
}
.tyt-template .tab-content {
  overflow: auto;
}
.tyt-template .tabs-below > .nav-tabs,
.tyt-template .tabs-right > .nav-tabs,
.tyt-template .tabs-left > .nav-tabs {
  border-bottom: 0;
}
.tyt-template .tab-content > .tab-pane,
.tyt-template .pill-content > .pill-pane {
  display: none;
}
.tyt-template .tab-content > .active,
.tyt-template .pill-content > .active {
  display: block;
}
.tyt-template .tabs-below > .nav-tabs {
  border-top: 1px solid #ddd;
}
.tyt-template .tabs-below > .nav-tabs > li {
  margin-top: -1px;
  margin-bottom: 0;
}
.tyt-template .tabs-below > .nav-tabs > li > a {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
  border-radius: 0 0 0 4px 4px 0 0;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.tyt-template .tabs-below > .nav-tabs > li > a:hover,
.tyt-template .tabs-below > .nav-tabs > li > a:focus {
  border-bottom-color: transparent;
  border-top-color: #ddd;
}
.tyt-template .tabs-below > .nav-tabs > .active > a,
.tyt-template .tabs-below > .nav-tabs > .active > a:hover,
.tyt-template .tabs-below > .nav-tabs > .active > a:focus {
  border-color: transparent #ddd #ddd #ddd;
}
.tyt-template .tabs-left > .nav-tabs > li,
.tyt-template .tabs-right > .nav-tabs > li {
  float: none;
}
.tyt-template .tabs-left > .nav-tabs > li > a,
.tyt-template .tabs-right > .nav-tabs > li > a {
  min-width: 74px;
  margin-right: 0;
  margin-bottom: 3px;
}
.tyt-template .tabs-left > .nav-tabs {
  float: left;
  margin-right: 19px;
  border-right: 1px solid #ddd;
}
.tyt-template .tabs-left > .nav-tabs > li > a {
  margin-right: -1px;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
  border-radius: 0 4px 0 0 4px 0 0;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.tyt-template .tabs-left > .nav-tabs > li > a:hover,
.tyt-template .tabs-left > .nav-tabs > li > a:focus {
  border-color: #eee #ddd #eee #eee;
}
.tyt-template .tabs-left > .nav-tabs .active > a,
.tyt-template .tabs-left > .nav-tabs .active > a:hover,
.tyt-template .tabs-left > .nav-tabs .active > a:focus {
  border-color: #ddd transparent #ddd #ddd;
  *border-right-color: #fff;
}
.tyt-template .tabs-right > .nav-tabs {
  float: right;
  margin-left: 19px;
  border-left: 1px solid #ddd;
}
.tyt-template .tabs-right > .nav-tabs > li > a {
  margin-left: -1px;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
  border-radius: 0 0 4px 4px 0 0 0;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.tyt-template .tabs-right > .nav-tabs > li > a:hover,
.tyt-template .tabs-right > .nav-tabs > li > a:focus {
  border-color: #eee #eee #eee #ddd;
}
.tyt-template .tabs-right > .nav-tabs .active > a,
.tyt-template .tabs-right > .nav-tabs .active > a:hover,
.tyt-template .tabs-right > .nav-tabs .active > a:focus {
  border-color: #ddd #ddd #ddd transparent;
  *border-left-color: #fff;
}
.tyt-template .nav > .disabled > a {
  color: #999;
}
.tyt-template .nav > .disabled > a:hover,
.tyt-template .nav > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  cursor: default;
}
.tyt-template .earnings {
  background: url(/static/css/images/sprite-global.png) no-repeat;
  background-position: 0 -1330px;
  width: 59px;
  height: 11px;
  position: relative;
  display: inline-block;
  float: none;
}
.tyt-template .earnings .active-earnings {
  background: url(/static/css/images/sprite-global.png) no-repeat;
  background-position: 0 -1312px;
  width: 59px;
  height: 11px;
  z-index: 100;
  position: absolute;
  top: 0;
  left: 0;
}
.tyt-template .triangle {
  position: absolute;
  width: 0px;
  height: 0px;
  border-style: solid;
  content: "";
  -moz-transform: scale(0.9999);
}
.tyt-template .oneline {
  /* stop text in an input dropping down onto another line */
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.tyt-template .icon-left {
  position: relative;
  padding-left: 34px;
}
.tyt-template .icon-left [class*="fl-icon-"] {
  position: absolute;
  right: 15px;
  top: 16px;
}
.tyt-template .icon-right {
  position: relative;
  padding-right: 34px;
}
.tyt-template .icon-right [class*="fl-icon-"] {
  position: absolute;
  right: 15px;
  top: 16px;
}
.tyt-template input::-webkit-input-placeholder {
  color: #999999;
}
.tyt-template input:-moz-placeholder {
  color: #999999;
}
.tyt-template input::-moz-placeholder {
  color: #999999;
}
.tyt-template input:-ms-input-placeholder {
  color: #999999;
}
.tyt-template .default-form-field {
  display: inline-block;
  width: 100%;
  height: 50px;
  padding: 4px 15px 0;
  border-style: solid;
  border-width: 1px;
  background-color: #ffffff;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1.2;
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.4;
  color: #333333;
}
.tyt-template .small-form-field {
  display: inline-block;
  width: 100%;
  height: 50px;
  padding: 4px 15px 0;
  border-style: solid;
  border-width: 1px;
  background-color: #ffffff;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1.2;
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.4;
  color: #333333;
  height: 38px;
  padding: 4px 9px 0;
}
.tyt-template .placeholder {
  padding-bottom: 10px;
}
.tyt-template .no-placeholder .placeholder {
  display: inline-block;
}
.tyt-template .default-field-skin {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border-radius: 0 3px 0 0;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-color: #cccccc;
  background-color: #fff;
}
.tyt-template .default-field-skin:focus {
  -webkit-box-shadow: 0 0 4px #1f9bff;
  -moz-box-shadow: 0 0 4px #1f9bff;
  box-shadow: 0 0 4px #1f9bff;
  border-color: #1f9bff;
  box-shadow: 0 0 0 1px #1f9bff;
  color: #1f9bff;
}
.tyt-template .default-field-skin .error:focus {
  -webkit-box-shadow: 0 0 4px #ea5455;
  -moz-box-shadow: 0 0 4px #ea5455;
  box-shadow: 0 0 4px #ea5455;
  border-color: #ea5455;
  box-shadow: 0 0 0 1px #ea5455;
  color: #ea5455;
}
.tyt-template .default-skin [type="text"],
.tyt-template .default-skin [type="password"] {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border-radius: 0 3px 0 0;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-color: #cccccc;
  background-color: #fff;
}
.tyt-template .default-skin [type="text"]:focus,
.tyt-template .default-skin [type="password"]:focus {
  -webkit-box-shadow: 0 0 4px #1f9bff;
  -moz-box-shadow: 0 0 4px #1f9bff;
  box-shadow: 0 0 4px #1f9bff;
  border-color: #1f9bff;
  box-shadow: 0 0 0 1px #1f9bff;
  color: #1f9bff;
}
.tyt-template .default-skin [type="text"] .error:focus,
.tyt-template .default-skin [type="password"] .error:focus {
  -webkit-box-shadow: 0 0 4px #ea5455;
  -moz-box-shadow: 0 0 4px #ea5455;
  box-shadow: 0 0 4px #ea5455;
  border-color: #ea5455;
  box-shadow: 0 0 0 1px #ea5455;
  color: #ea5455;
}
.tyt-template .default-skin .error [type="text"],
.tyt-template .default-skin .error [type="password"] {
  border-color: #ea5455;
  color: #ea5455;
}
.tyt-template .default-skin .placeholder {
  font-weight: bold;
}
.tyt-template .search-input {
  position: relative;
}
.tyt-template .search-input [type="search"],
.tyt-template .search-input [type="text"] {
  vertical-align: top;
  width: 100%;
  height: 34px;
  padding: 0 14px 0 34px;
  line-height: 24px;
  border-radius: 17px 17px 17px 17px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.tyt-template .search-input [class*="fl-icon-"] {
  position: absolute;
  left: 12px;
  top: 13px;
}
.tyt-template .search-input-small {
  position: relative;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400;
  letter-spacing: 0.02em;
  line-height: 1.2;
  font-size: 12px;
  font-size: 0.85714286rem;
  line-height: 1.43;
}
.tyt-template .search-input-small [type="search"],
.tyt-template .search-input-small [type="text"] {
  vertical-align: top;
  width: 100%;
  height: 34px;
  padding: 0 14px 0 34px;
  line-height: 24px;
  border-radius: 17px 17px 17px 17px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.tyt-template .search-input-small [class*="fl-icon-"] {
  position: absolute;
  left: 12px;
  top: 13px;
}
.tyt-template .search-input-small [type="search"],
.tyt-template .search-input-small [type="text"] {
  height: 23px;
  line-height: 23px;
  padding: 0 14px 0 22px;
  border-radius: 11px 11px 11px 11px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.tyt-template .search-input-small [class*="fl-icon-"] {
  position: absolute;
  left: 6px;
  top: 6px;
}
.tyt-template .default-form > fieldset > ol {
  padding: 0;
  list-style: none;
}
.tyt-template .default-form .form-step {
  margin-bottom: 20px;
}
.tyt-template .default-form [type="text"],
.tyt-template .default-form [type="password"] {
  display: inline-block;
  width: 100%;
  height: 50px;
  padding: 4px 15px 0;
  border-style: solid;
  border-width: 1px;
  background-color: #ffffff;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1.2;
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.4;
  color: #333333;
}
.tyt-template .default-form select {
  /* Needed for compatibility with fl-icon classes */
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1.2;
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.4;
  background: #fff;
  border: 1px solid #cccccc;
  border-radius: 3px;
  box-shadow: 0 0 0 1px transparent;
  color: #333333;
  display: inline-block;
  transition: all 0.1s linear;
  width: 100%;
  /* FIXME: This is necessary because IE 11 has issue with specificity of
    its placeholder color inherited from the input itself. */
  height: 36px;
  padding: 0 12px;
  padding-right: 0;
}
.tyt-template .default-form select::placeholder {
  color: #999999;
}
.tyt-template .default-form select:focus {
  border-color: #1f9bff;
  box-shadow: 0 0 0 1px #1f9bff;
  color: #333333;
}
.tyt-template .default-form select.error:focus {
  border-color: #ea5455;
  box-shadow: 0 0 0 1px #ea5455;
  color: #ea5455;
}
.tyt-template .default-form select[disabled] {
  background: #f5f5f5;
  color: #333333;
  cursor: not-allowed;
}
.tyt-template .default-form select[type="number"] {
  padding-right: 0;
}
.tyt-template .default-form select + .add-on {
  border-radius: inherit inherit 0 0;
}
.tyt-template .dropdown-menu {
  -webkit-animation-duration: 0.1s;
  animation-duration: 0.1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  font-size: 13px;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border-radius: 0 0 0 0;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.tyt-template .dropdown-menu a:hover {
  color: #0e1724 !important;
  background-image: none !important;
  background-color: rgba(0, 127, 237, 0.08) !important;
  filter: none !important;
}
.tyt-template .dropup .dropdown-menu {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
.ie8 .tyt-template .is-hidden,
.ie9 .tyt-template .is-hidden {
  display: none;
}
.tyt-template .modal-backdrop {
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.6);
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.tyt-template .modal {
  max-width: 600px;
  border-radius: 6px 6px 6px 6px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1.2;
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.4;
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
.tyt-template .modal-header {
  padding: 10px 20px;
  position: relative;
}
.tyt-template .modal-header .close {
  border: none;
  background-color: transparent;
  background-image: none;
  color: #0e1724;
}
.tyt-template .modal-header .close:hover {
  color: #525c6a;
}
.tyt-template .modal-header h3 {
  font-size: 16px;
}
.tyt-template .modal-body {
  padding: 20px;
}
.tyt-template .modal-footer {
  padding: 10px 20px;
  background: #e0e0e0;
}
.tyt-template .modal-title {
  margin: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.2;
  font-size: 24px;
  font-size: 1.71428571rem;
  line-height: 1.4;
  font-weight: bold;
}
.tyt-template .popover {
  box-shadow:
    0 0 6px 0 0 3px 6px rgba(0, 0, 0, 0.16),
    0 3px 6px rgba(0, 0, 0, 0.23),
    0 4px 10px 0 0 3px 6px rgba(0, 0, 0, 0.12),
    0 3px 6px rgba(0, 0, 0, 0.18);
}
.tyt-template .custom-popover {
  box-shadow:
    0 0 6px 0 0 3px 6px rgba(0, 0, 0, 0.16),
    0 3px 6px rgba(0, 0, 0, 0.23),
    0 4px 10px 0 0 3px 6px rgba(0, 0, 0, 0.12),
    0 3px 6px rgba(0, 0, 0, 0.18);
  max-width: none;
  padding: 0;
  color: #0e1724;
  background-color: #fff;
}
.tyt-template .custom-popover .popover-head {
  border-radius: 3px 3px 0 0;
}
.tyt-template .custom-popover .popover-content {
  padding: 0;
}
.tyt-template .accordion-group {
  border: none;
}
.tyt-template .tooltip .tooltip-inner {
  padding: 4px 15px;
  font-weight: bold;
}
.tyt-template .navbar-widget-arrow-design {
  position: absolute;
  content: "";
  display: inline-block;
  left: 50%;
  margin-left: -8px;
  border: 8px solid transparent;
  border-bottom: none;
  bottom: -8px;
}
.tyt-template .navbar-widget {
  padding: 0;
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
}
.tyt-template .navbar-widget li {
  float: left;
  margin-bottom: 0;
}
.tyt-template .navbar-widget li a {
  display: block;
  padding: 8px 10px;
  color: #999999;
  font-weight: bold;
  position: relative;
  font-size: 13px;
  text-align: center;
}
.tyt-template .navbar-widget li a:hover {
  background-color: #b0b0b0;
  color: #fff;
}
.tyt-template .navbar-widget li a:hover:after {
  position: absolute;
  content: "";
  display: inline-block;
  left: 50%;
  margin-left: -8px;
  border: 8px solid transparent;
  border-bottom: none;
  bottom: -8px;
  border-top-color: #b0b0b0;
}
.tyt-template .navbar-widget li a:hover:before {
  border: none;
}
.tyt-template .navbar-widget li a:before {
  content: "";
  display: inline-block;
  border-right: 1px solid #d9d9d9;
  position: absolute;
  min-height: 20px;
  right: -1px;
}
.tyt-template .navbar-widget li.active a {
  background-color: #222222;
  color: #fff;
}
.tyt-template .navbar-widget li.active a:hover {
  background-color: #b0b0b0;
  color: #fff;
}
.tyt-template .navbar-widget li.active a:hover:after {
  border-top-color: #b0b0b0;
}
.tyt-template .navbar-widget li.active a:hover:before {
  border: none;
}
.tyt-template .navbar-widget li.active a:after {
  position: absolute;
  content: "";
  display: inline-block;
  left: 50%;
  margin-left: -8px;
  border: 8px solid transparent;
  border-bottom: none;
  bottom: -8px;
  border-top-color: #222222;
}
.tyt-template .navbar-widget li.active a:before {
  border: none;
}
.tyt-template .navbar-widget li:last-child a:before {
  border: none;
}
.tyt-template .navbar-widget.one-widget-tab li {
  width: 100%;
}
.tyt-template .navbar-widget.two-widget-tab li {
  width: 50%;
}
.tyt-template .navbar-widget.three-widget-tab li {
  width: 33.2%;
}
.tyt-template .navbar-widget.four-widget-tab li {
  width: 25%;
}
.tyt-template .navbar-widget:after {
  content: "";
  display: block;
  clear: both;
}
.tyt-template .navbar-widget.negative-margin {
  margin: 15px -14px 10px -13px;
}
.tyt-template .nav-tabs > li > a {
  padding: 8px 0;
  margin-right: 20px;
  border: none;
  color: #525c6a;
  border-radius: 0 0 0 0;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.tyt-template .nav-tabs > li > a:hover,
.tyt-template .nav-tabs > li > a:focus {
  border-color: #eee #eee #ddd;
}
.tyt-template .nav-tabs > li > a:hover {
  background: none;
  color: #1772eb;
}
.tyt-template .nav-tabs {
  padding: 0;
  border-bottom: none;
}
.tyt-template .nav-tabs.button-bar > li {
  border: none;
  display: inline;
  width: auto !important;
  margin-right: -1px;
  list-style-image: url("");
}
.tyt-template .nav-tabs.button-bar > li > a {
  border: 1px solid #cccccc;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  margin: 0;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  width: 100%;
  display: block;
  padding: 10px 30px;
}
.tyt-template .nav-tabs.button-bar > li.active {
  border: none;
}
.tyt-template .nav-tabs.button-bar > li.active a {
  background-color: #b0b0b0;
  color: #fff;
}
.tyt-template .nav-tabs.button-bar > li.active a:hover {
  border: 1px solid #cccccc;
  border-bottom: none !important;
}
.tyt-template .nav-tabs > .active > a,
.tyt-template .nav-tabs > .active > a:hover,
.tyt-template .nav-tabs > .active > a:focus {
  border: none;
  background: none;
  border-bottom: 2px solid #555555;
}
.tyt-template .location-selector-bt {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border-radius: 0 3px 0 0;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-color: #cccccc;
  background-color: #fff;
  /* stop text in an input dropping down onto another line */
  position: relative;
  padding-right: 34px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.tyt-template .location-selector-bt:focus {
  -webkit-box-shadow: 0 0 4px #1f9bff;
  -moz-box-shadow: 0 0 4px #1f9bff;
  box-shadow: 0 0 4px #1f9bff;
  border-color: #1f9bff;
  box-shadow: 0 0 0 1px #1f9bff;
  color: #1f9bff;
}
.tyt-template .location-selector-bt .error:focus {
  -webkit-box-shadow: 0 0 4px #ea5455;
  -moz-box-shadow: 0 0 4px #ea5455;
  box-shadow: 0 0 4px #ea5455;
  border-color: #ea5455;
  box-shadow: 0 0 0 1px #ea5455;
  color: #ea5455;
}
.tyt-template .location-selector-bt [class*="fl-icon-"] {
  position: absolute;
  right: 15px;
  top: 16px;
}
.tyt-template .location-selector-bt [class*="fl-icon-"] {
  position: absolute;
  right: 15px;
  top: 16px;
}
.tyt-template .selected-language:before {
  content: "(";
}
.tyt-template .selected-language:after {
  content: ")";
}
.tyt-template .selected-flag,
.tyt-template .selected-country {
  display: inline-block;
  margin-top: 11px;
}
.tyt-template .selected-flag {
  margin-right: 5px;
}
.tyt-template .default-input,
.tyt-template .small-input,
.tyt-template .large-input,
.tyt-template .xlarge-input,
.tyt-template .xxlarge-input,
.tyt-template .default-textarea,
.tyt-template .large-textarea,
.tyt-template .small-textarea {
  /* Needed for compatibility with fl-icon classes */
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1.2;
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.4;
  background: #fff;
  border: 1px solid #cccccc;
  border-radius: 3px;
  box-shadow: 0 0 0 1px transparent;
  color: #333333;
  display: inline-block;
  transition: all 0.1s linear;
  width: 100%;
  /* FIXME: This is necessary because IE 11 has issue with specificity of
    its placeholder color inherited from the input itself. */
}
.tyt-template .default-input::placeholder,
.tyt-template .small-input::placeholder,
.tyt-template .large-input::placeholder,
.tyt-template .xlarge-input::placeholder,
.tyt-template .xxlarge-input::placeholder,
.tyt-template .default-textarea::placeholder,
.tyt-template .large-textarea::placeholder,
.tyt-template .small-textarea::placeholder {
  color: #999999;
}
.tyt-template .default-input:focus,
.tyt-template .small-input:focus,
.tyt-template .large-input:focus,
.tyt-template .xlarge-input:focus,
.tyt-template .xxlarge-input:focus,
.tyt-template .default-textarea:focus,
.tyt-template .large-textarea:focus,
.tyt-template .small-textarea:focus {
  border-color: #1f9bff;
  box-shadow: 0 0 0 1px #1f9bff;
  color: #333333;
}
.tyt-template .default-input.error:focus,
.tyt-template .small-input.error:focus,
.tyt-template .large-input.error:focus,
.tyt-template .xlarge-input.error:focus,
.tyt-template .xxlarge-input.error:focus,
.tyt-template .default-textarea.error:focus,
.tyt-template .large-textarea.error:focus,
.tyt-template .small-textarea.error:focus {
  border-color: #ea5455;
  box-shadow: 0 0 0 1px #ea5455;
  color: #ea5455;
}
.tyt-template .default-input[disabled],
.tyt-template .small-input[disabled],
.tyt-template .large-input[disabled],
.tyt-template .xlarge-input[disabled],
.tyt-template .xxlarge-input[disabled],
.tyt-template .default-textarea[disabled],
.tyt-template .large-textarea[disabled],
.tyt-template .small-textarea[disabled] {
  background: #f5f5f5;
  color: #333333;
  cursor: not-allowed;
}
.tyt-template .default-input[type="number"],
.tyt-template .small-input[type="number"],
.tyt-template .large-input[type="number"],
.tyt-template .xlarge-input[type="number"],
.tyt-template .xxlarge-input[type="number"],
.tyt-template .default-textarea[type="number"],
.tyt-template .large-textarea[type="number"],
.tyt-template .small-textarea[type="number"] {
  padding-right: 0;
}
.tyt-template .default-input + .add-on,
.tyt-template .small-input + .add-on,
.tyt-template .large-input + .add-on,
.tyt-template .xlarge-input + .add-on,
.tyt-template .xxlarge-input + .add-on,
.tyt-template .default-textarea + .add-on,
.tyt-template .large-textarea + .add-on,
.tyt-template .small-textarea + .add-on {
  border-radius: inherit inherit 0 0;
}
.tyt-template .default-input {
  height: 36px;
  padding: 0 12px;
}
.tyt-template .small-input {
  font-size: 13px;
  height: 32px;
  padding: 0 10px;
}
.tyt-template .large-input {
  font-size: 16px;
  height: 46px;
  padding: 0 16px;
}
.tyt-template .xlarge-input {
  font-size: 20px;
  height: 56px;
  padding: 0 20px;
}
.tyt-template .xxlarge-input {
  border-radius: 8px;
  border-width: 2px;
  font-size: 22px;
  height: 71px;
  padding: 0 20px;
}
.tyt-template .input-icon {
  display: block;
  position: relative;
}
.tyt-template .input-icon::before {
  color: #b0b0b0;
  display: inline-block;
  font-size: 20px;
  left: 9px;
  line-height: 0;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 20px;
}
.tyt-template .input-icon input {
  padding-left: 35px;
}
.tyt-template .input-btn-combo {
  border-collapse: separate;
  display: flex;
  width: 100%;
}
.tyt-template .input-btn-combo input {
  border-bottom-right-radius: 0;
  border-right-width: 0;
  border-top-right-radius: 0;
  flex-shrink: 1;
  /* Needed for IE 10 */
  /**
         * min-width needed to normalise FF
         * https://bugzilla.mozilla.org/show_bug.cgi?id=1088586
         */
  min-width: 0;
}
.tyt-template .input-btn-combo a,
.tyt-template .input-btn-combo label,
.tyt-template .input-btn-combo button {
  align-items: center;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  display: flex;
  flex-shrink: 0;
  white-space: nowrap;
}
.tyt-template .input-btn-wrapper button {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.tyt-template .default-textarea,
.tyt-template .large-textarea,
.tyt-template .small-textarea {
  line-height: 1.5;
  resize: vertical;
  text-indent: 0;
}
.tyt-template .default-textarea {
  min-height: 100px;
  padding: 10px;
}
.tyt-template .large-textarea {
  font-size: 16px;
  min-height: 150px;
  padding: 10px 15px;
}
.tyt-template .small-textarea {
  font-size: 13px;
  min-height: 100px;
  padding: 4px 9px;
}
.tyt-template .dark-fallback-gif {
  background-image: url("../img/loader/ajax-loader-med-dark.gif");
}
.tyt-template .loading-icon {
  z-index: 99;
  display: inline-block;
  font-size: 20px;
  color: #e6e6e6;
  /* POSITIONING */
  /* SIZES */
  /* Medium size */
  /* Large size */
  /* THEME */
  /* Light */
  /* Dark */
}
.tyt-template .loading-icon[data-alignment="center"] {
  margin-left: -10px;
  margin-top: -10px;
}
.tyt-template .loading-icon[data-alignment="center"] {
  position: absolute;
  left: 50%;
  top: 50%;
}
.tyt-template .loading-icon.is-mini {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400;
  letter-spacing: 0.02em;
  line-height: 1.2;
  font-size: 12px;
  font-size: 0.85714286rem;
  line-height: 1.43;
}
.tyt-template .loading-icon[data-size="small"] {
  font-size: 16px;
}
.tyt-template .loading-icon[data-size="small"][data-alignment="center"] {
  margin-left: -10px;
  margin-top: -10px;
}
.tyt-template .loading-icon[data-size="med"],
.tyt-template .loading-icon .default-size {
  font-size: 20px;
}
.tyt-template .loading-icon[data-size="med"][data-alignment="center"],
.tyt-template .loading-icon .default-size[data-alignment="center"] {
  margin-left: -10px;
  margin-top: -10px;
}
.tyt-template .loading-icon[data-size="large"] {
  font-size: 36px;
}
.tyt-template .loading-icon[data-size="large"][data-alignment="center"] {
  margin-left: -18px !important;
  margin-top: -18px !important;
}
.tyt-template .loading-icon[data-theme="light"],
.tyt-template .loading-icon .default-theme {
  color: #e6e6e6;
}
.tyt-template .loading-icon[data-theme="dark"] {
  color: #555555;
}
.tyt-template .loading-icon [class*="fl-icon-"] {
  height: 1em;
  line-height: 1;
  display: inline-block;
  animation: Rotate 1.5s infinite linear;
  -webkit-animation: Rotate 1.5s infinite linear;
}
@-o-keyframes Rotate {
  0% {
    -o-transform: rotate(0deg);
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    -o-transform: rotate(360deg);
    opacity: 1;
  }
}
@-moz-keyframes Rotate {
  0% {
    -moz-transform: rotate(0deg);
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    -moz-transform: rotate(360deg);
    opacity: 1;
  }
}
@-ms-keyframes Rotate {
  0% {
    -ms-transform: rotate(0deg);
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    -ms-transform: rotate(360deg);
    opacity: 1;
  }
}
@-webkit-keyframes Rotate {
  0% {
    -webkit-transform: rotate(0deg);
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    -webkit-transform: rotate(360deg);
    opacity: 1;
  }
}
.no-cssanimations .tyt-template .loading-icon {
  width: 20px;
  height: 20px;
  padding: 3px;
  background-image: url("../img/loader/ajax-loader-med-dark.gif");
  background-size: 100%;
}
.no-cssanimations .tyt-template .loading-icon [class*="fl-icon-"] {
  display: none;
}
.tyt-template .FacebookSignUpModal.modal {
  display: block;
  margin-left: -195px;
  max-width: 390px;
}
@media only screen and (max-width: 600px) {
  .tyt-template .FacebookSignUpModal.modal {
    margin: 0;
    max-width: none;
  }
}
.tyt-template .FacebookSignUpModal .FacebookSignUpModal-header {
  border-bottom: none;
  padding-left: 40px;
  padding-right: 40px;
  text-align: center;
}
.tyt-template .FacebookSignUpModal-loader {
  margin-bottom: 24px;
  margin-top: 24px;
}
.tyt-template .FacebookSignUpModal-heading {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.2;
  font-size: 24px;
  font-size: 1.71428571rem;
  line-height: 1.4;
  font-weight: bold;
}
.tyt-template .FacebookSignUpModal-close {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-size: 20px;
  height: 40px;
  line-height: 2;
  position: absolute;
  right: 0;
  top: 6px;
  width: 40px;
}
.tyt-template .FacebookSignUpModal-avatar {
  margin-top: 20px;
}
.tyt-template .FacebookSignUpModal-avatarImage {
  height: 100px;
  margin: 0 auto;
  width: 100px;
}
.tyt-template .FacebookSignUpModal-content {
  border-top: 1px solid #e5e7eb;
  padding-top: 16px;
}
.tyt-template .FacebookSignUpModal-method {
  margin-bottom: 12px;
  text-align: center;
}
.tyt-template .FacebookSignUpModal-input {
  margin-bottom: 9px;
  width: 100%;
}
.tyt-template .FacebookSignUpModal-radio {
  display: inline-block;
  font-weight: normal;
  /* 2. */
}
.tyt-template .FacebookSignUpModal-radio input[type="radio"] {
  display: inline-block;
  margin-right: 10px;
  margin-top: 3px;
  vertical-align: top;
}
.tyt-template
  .FacebookSignUpModal
  .FacebookSignUpModal-radio
  ~ .FacebookSignUpModal-radio {
  margin-left: 30px;
}
.tyt-template .FacebookSignUpModal-radioButtonGroup {
  font-size: 0;
}
.tyt-template .FacebookSignUpModal-lookingForButton {
  width: 50%;
}
.tyt-template .FacebookSignUpModal-ctaButton {
  width: 100%;
}
.tyt-template .FacebookSignUpModal-form {
  /* 1. */
  margin: 0;
  max-width: none;
}
.tyt-template .FacebookSignUpModal-form .form-alert {
  margin: 5px 0;
}
.tyt-template .FacebookSignUpModal-form .is-valid .form-alert {
  color: #28c76f;
}
.tyt-template .FacebookSignUpModal-form .is-invalid .form-alert {
  color: #ea5455;
}
.tyt-template .FacebookSignUpModal-forgotPassword {
  display: inline-block;
  margin-top: 5px;
}
.tyt-template .FacebookSignUpModal-input {
  /* 3. */
  margin: 0;
}
.tyt-template .FacebookSignUpModal-emailConfirmation {
  display: flex;
  justify-content: space-between;
}
.tyt-template .fl-header {
  background: #fff;
  background-color: #fff;
  color: #0e1724;
  display: block;
  line-height: initial;
  min-height: 64px;
}
.tyt-template .fl-header--arrow {
  background: #222222;
  color: #fff;
}
.tyt-template .fl-header--arrow .primary-navigation-section {
  background: #222222;
}
.tyt-template .fl-header--transparent {
  background: transparent;
  position: absolute;
  width: 100%;
  /* Needs to have the this z-index
           or chat will be above sidebar */
  z-index: 200;
}
.tyt-template .fl-header--transparent .primary-navigation-section,
.tyt-template .fl-header--transparent .primary-navigation-section.is-scrolled {
  background: transparent;
  box-shadow: none;
  position: static;
}
.tyt-template .fl-header--transparent .header-notification-finance-link,
.tyt-template .fl-header--transparent .primary-navigation-link,
.tyt-template .fl-header--transparent .LoginSection-btn {
  color: #ffffff;
}
.tyt-template .fl-header--transparent .LoginSection-btn:hover {
  opacity: 0.8;
}
.tyt-template .fl-header--transparent .flicon-logo-fullcolor path {
  fill: #fff;
  stroke: none;
}
.tyt-template
  .fl-header--transparent
  .primary-navigation-list
  > li:hover
  .primary-navigation-link,
.tyt-template
  .fl-header--transparent
  .primary-navigation-list
  .fl-primary-nav-item
  > li:hover
  .primary-navigation-link,
.tyt-template
  .fl-header--transparent
  .header-notification-finance:hover
  .header-notification-finance-link {
  color: #ffffff;
  opacity: 0.8;
}
.tyt-template .fl-header--transparent .sites-network.is-active .Icon,
.tyt-template .fl-header--transparent .sites-network:hover .Icon,
.tyt-template
  .fl-header--transparent
  .header-notifications
  > li:hover
  .open_tab
  .Icon {
  fill: #ffffff;
  opacity: 0.8;
}
.tyt-template .fl-header--transparent .nav-search-input {
  background: rgba(255, 255, 255, 0.3);
  border-color: transparent;
  color: #ffffff;
}
.tyt-template .fl-header--transparent .nav-search-input:focus {
  border-color: #e6e6e6;
}
.tyt-template
  .fl-header--transparent
  .nav-search-input::-webkit-input-placeholder {
  color: #ffffff;
}
.tyt-template .fl-header--transparent .nav-search-input::-moz-placeholder {
  color: #ffffff;
}
.tyt-template .fl-header--transparent .nav-search-input:-ms-input-placeholder {
  color: #ffffff !important;
}
.tyt-template .fl-header--transparent .nav-search-link .Icon,
.tyt-template .fl-header--transparent .nav-search-trigger .Icon {
  fill: #ffffff;
}
.tyt-template .fl-header--transparent .nav-search-link:hover .Icon,
.tyt-template .fl-header--transparent .nav-search-trigger:hover .Icon {
  fill: #ffffff;
  opacity: 0.8;
}
.tyt-template .fl-header--transparentLight .flicon-logo-fullcolor path {
  fill: #fff;
  stroke: none;
}
.tyt-template .fl-header--transparentLight .flicon-logo-fullcolor g path {
  fill: #2198ff;
}
.tyt-template
  .fl-header--transparentLight
  .flicon-logo-fullcolor
  .fl-logo-tail {
  fill: #2198ff;
}
.tyt-template .fl-header-dropdown {
  display: none;
  left: -8px;
  position: absolute;
  top: 64px;
}
.tyt-template .fl-header .LoginSection {
  margin-left: auto;
}
.tyt-template .fl-header .fl-logo-container {
  display: table-cell;
  vertical-align: middle;
  width: auto;
}
.tyt-template .fl-header .fl-logo {
  display: inline-block;
  line-height: 64px;
  transition: all 0.2s ease-in;
  width: auto;
}
.tyt-template .fl-header .fl-logo .flicon-logo-fullcolor {
  height: 36px;
  stroke-width: 0;
  vertical-align: middle;
  width: 145px;
}
.tyt-template .fl-header .fl-logo .flicon-logo-fullcolor--arrow {
  width: 267px;
}
.tyt-template .fl-header .fl-logo .flicon-logo-fullcolor--freightlancer {
  width: 163px;
}
.tyt-template .navigation-section-inner {
  width: 960px;
  min-width: 960px;
  margin: 0 auto;
  padding-left: 60px;
  padding-right: 60px;
  align-items: center;
  display: flex;
  justify-content: space-between;
}
@media (min-width: 1080px) {
  html:not(.is-responsive) .tyt-template .navigation-section-inner {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 960px) {
  html.is-responsive .tyt-template .navigation-section-inner {
    width: 100%;
    max-width: 1200px;
  }
}
@media (min-width: 1320px) {
  html.is-responsive .tyt-template .navigation-section-inner {
    padding-left: 0;
    padding-right: 0;
  }
}
html.is-mobile-first .tyt-template .navigation-section-inner {
  width: 100%;
  min-width: 0;
  max-width: 1200px;
}
html.is-mobile-first:not(.is-responsive)
  .tyt-template
  .navigation-section-inner {
  padding-left: 60px;
  padding-right: 60px;
}
.tyt-template .primary-navigation {
  display: table-cell;
  vertical-align: middle;
  white-space: nowrap;
}
.tyt-template .primary-navigation-section {
  box-shadow:
    0 0 4px 0 0 1px 3px rgba(0, 0, 0, 0.12),
    0 1px 2px rgba(0, 0, 0, 0.24),
    0 2px 4px 0 0 1px 3px rgba(0, 0, 0, 0.08),
    0 1px 2px rgba(0, 0, 0, 0.14);
  background: #fff;
  min-height: 64px;
  position: relative;
  z-index: 1020;
}
.tyt-template .primary-navigation-section--sticky {
  position: fixed;
  top: 0;
  width: 100%;
}
.tyt-template .primary-navigation-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-block;
}
.tyt-template .primary-navigation-list:hover .primary-navigation-link::after {
  bottom: -11px;
}
.tyt-template .primary-navigation-list > li {
  display: inline-block;
  padding: 0 16px;
  position: relative;
}
.tyt-template .primary-navigation-list > li:hover .primary-subnav {
  display: block;
}
.tyt-template .primary-navigation-list > li:hover .fl-header-dropdown {
  display: block;
}
.tyt-template .primary-navigation-list > li:hover .primary-navigation-link {
  color: #0064ba;
  text-decoration: none;
}
.tyt-template .primary-navigation-link {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0.01em;
  line-height: 1.2;
  font-size: 16px;
  font-size: 1.14285714rem;
  line-height: 1.5;
  color: #0e1724;
  display: inline-block;
  letter-spacing: -0.024em;
  padding: 20px 0px;
  position: relative;
}
.tyt-template .primary-navigation-link::before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -12px;
  border-top: 3px solid currentColor;
  border-right: 3px solid transparent;
  border-left: 3px solid transparent;
  content: "";
}
.tyt-template .primary-navigation-link--noSubNav::before {
  display: none;
}
.tyt-template .primary-navigation-link--showOnLarge {
  display: none;
}
@media (min-width: 1200px) {
  .tyt-template .primary-navigation-link--showOnLarge {
    display: inline-block;
  }
}
@media (max-width: 960px) {
  .is-mobile-first .tyt-template .primary-navigation {
    display: none;
  }
}
.tyt-template .secondary-navigation-section {
  background: #2a2a2a;
  color: #fff;
}
.tyt-template .secondary-navigation-section--transparent {
  background: rgba(42, 42, 42, 0.65);
  margin-bottom: -50px;
  position: relative;
  z-index: 1;
}
.tyt-template .secondary-navigation-section-inner {
  display: table;
  position: relative;
}
.tyt-template .secondary-navigation-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-block;
  margin-left: -16px;
}
.tyt-template .secondary-navigation-list .secondary-navigation-item,
.tyt-template .secondary-navigation-list > li {
  display: inline-block;
  padding: 0 16px;
  position: relative;
}
.tyt-template .secondary-navigation-list .secondary-navigation-item:hover,
.tyt-template .secondary-navigation-list > li:hover {
  background: rgba(255, 255, 255, 0.15);
}
.tyt-template .secondary-navigation-title {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1.2;
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.4;
  display: inline-block;
  margin-right: 50px;
  text-transform: uppercase;
}
.tyt-template .secondary-navigation-title a {
  color: #fff;
  text-decoration: none;
}
.tyt-template .secondary-navigation-link {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400;
  letter-spacing: normal;
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.4;
  color: #ffffff;
  display: inline-block;
  line-height: 1.2;
  padding: 17px 0;
  position: relative;
  transition: none;
}
.tyt-template .secondary-navigation-link::after {
  -webkit-transition: ease-in all 0.2s;
  transition: ease-in all 0.2s;
  background: #e6e6e6;
  bottom: 0;
  content: "";
  display: none;
  height: 4px;
  left: -16px;
  opacity: 0;
  position: absolute;
  right: -16px;
}
.tyt-template .secondary-navigation-link:hover {
  color: #ffffff;
  text-decoration: none;
}
.tyt-template .secondary-navigation-link.is-active {
  color: #ffffff;
}
.tyt-template .secondary-navigation-link.is-active::after {
  background: #54b0ff;
  display: block;
  opacity: 1;
}
@media (max-width: 960px) {
  .is-mobile-first .tyt-template .secondary-navigation-section {
    display: none;
  }
}
.tyt-template .skill-navigation {
  display: table-cell;
  vertical-align: middle;
  white-space: nowrap;
}
.tyt-template .skill-navigation-section {
  box-shadow:
    0 0 4px 0 0 1px 3px rgba(0, 0, 0, 0.12),
    0 1px 2px rgba(0, 0, 0, 0.24),
    0 2px 4px 0 0 1px 3px rgba(0, 0, 0, 0.08),
    0 1px 2px rgba(0, 0, 0, 0.14);
  background: #2a2a2a;
  position: relative;
  z-index: 1020;
}
.tyt-template .skill-navigation-section--transparent {
  background: rgba(42, 42, 42, 0.65);
  margin-bottom: -50px;
  position: relative;
  z-index: 1;
}
.tyt-template .skill-navigation-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-block;
}
.tyt-template .skill-navigation-list:hover .skill-navigation-link::after {
  bottom: -11px;
}
.tyt-template .skill-navigation-item {
  display: inline-block;
  padding: 0 16px;
  position: relative;
}
.tyt-template .skill-navigation-item:hover .primary-subnav {
  display: block;
}
.tyt-template .skill-navigation-item:hover .fl-header-dropdown {
  display: block;
  top: 54px;
}
.tyt-template .skill-navigation-item:hover .skill-navigation-link {
  color: #2198ff;
  text-decoration: none;
}
.tyt-template .skill-navigation-title {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1.2;
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.4;
  color: #fff;
  display: inline-block;
  margin-right: 48px;
  text-transform: uppercase;
}
.tyt-template .skill-navigation-link {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1.2;
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.4;
  color: #ffffff;
  display: inline-block;
  letter-spacing: -0.024em;
  padding: 16px 0px;
  position: relative;
}
.tyt-template .skill-navigation-link::before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -12px;
  border-top: 3px solid currentColor;
  border-right: 3px solid transparent;
  border-left: 3px solid transparent;
  content: "";
}
.tyt-template .skill-navigation-link--noSubNav::before {
  display: none;
}
@media (max-width: 960px) {
  .is-mobile-first .tyt-template .skill-navigation-section {
    display: none;
  }
}
.tyt-template .header-post-project {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}
@media all and (min-width: 1280px) {
  html:not(.is-responsive).logged-in .tyt-template .fl-logo-container {
    left: 24px;
    position: absolute;
  }
  html:not(.is-responsive).logged-in .tyt-template .header-user-trigger {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
  }
  html:not(.is-responsive).logged-in .tyt-template .header-logged-out-section {
    display: block;
    position: absolute;
    top: 16px;
  }
}
@media all and (min-width: 1280px) {
  html:not(.is-responsive).has-sidebar.logged-in
    .tyt-template
    .header-user-trigger {
    position: static;
    right: auto;
    top: auto;
    transform: none;
  }
}
@media all and (min-width: 1600px) {
  html:not(.is-responsive).logged-in.has-sidebar.tyt-template
    .header-user-trigger {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 330px;
  }
}
@media all and (min-width: 1520px) {
  html.is-responsive.logged-in .tyt-template .fl-logo-container {
    left: 24px;
    position: absolute;
  }
  html.is-responsive.logged-in .tyt-template .header-user-trigger {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
  }
  html.is-responsive.logged-in .tyt-template .header-logged-out-section {
    display: block;
    position: absolute;
    top: 16px;
  }
}
@media all and (min-width: 1520px) {
  html.is-responsive.has-sidebar.logged-in .tyt-template .header-user-trigger {
    position: static;
    right: auto;
    top: auto;
    transform: none;
  }
}
@media all and (min-width: 1840px) {
  html.is-responsive.has-sidebar.logged-in .tyt-template .header-user-trigger {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 330px;
  }
}
.is-simple-header .tyt-template .primary-navigation,
.is-simple-header .tyt-template .secondary-navigation-section,
.is-simple-header .tyt-template .LoginSection {
  display: none !important;
}
.tyt-template html {
  --mega-menu-link-color: #000;
}
.tyt-template html.dark {
  --mega-menu-link-color: #fff;
}
.tyt-template .online-status {
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  background-color: #9ca3af;
  border-radius: 50%;
  display: inline-block;
  height: 7px;
  width: 7px;
  /* sizes */
}
.tyt-template .online-status[data-status="offline"] {
  background-color: #9ca3af;
}
.tyt-template .online-status[data-status="online"] {
  background-color: #28c76f;
}
.tyt-template .online-status[data-size="large"] {
  border-radius: 50%;
  height: 12px;
  width: 12px;
}
.tyt-template .online-status[data-size="medium"] {
  border-radius: 50%;
  height: 10px;
  width: 10px;
}
.tyt-template .online-status[data-size="small"] {
  border-radius: 50%;
  height: 8px;
  width: 8px;
}
.tyt-template .tabbed-section {
  position: relative;
}
.tyt-template .nav-tab {
  position: relative;
  display: inline-block;
  border-radius: 17px;
}
.tyt-template .nav-tab > a {
  display: inline-block;
  width: 100%;
  height: 100%;
  padding: 10px 24px;
  color: #ffffff;
}
.tyt-template .nav-tab > a:hover {
  text-decoration: none;
}
.tyt-template .nav-tab:after {
  position: absolute;
  bottom: 0;
  left: 50%;
  content: "";
  width: 0px;
  height: 0px;
  margin-left: -9px;
  border-style: solid;
  border-width: 9px 9px 0 9px;
  border-color: transparent;
}
.tyt-template .nav-tab.active {
  background-color: #007fed;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out linear;
  transition: all 0.2s ease-in-out linear;
}
.tyt-template .nav-tab.active:after {
  bottom: -9px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -moz-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  border-color: #007fed transparent transparent transparent;
}
.tyt-template .hr-divider {
  position: relative;
  z-index: 1;
  width: 100%;
  text-align: center;
  margin: 10px 0;
}
.tyt-template .hr-divider:before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  margin-top: -1px;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #e5e7eb;
  content: "";
}
.tyt-template .hr-divider-text {
  position: relative;
  z-index: 2;
  display: inline-block;
  margin-bottom: -10px;
  padding: 0 10px;
  background: #fff;
  font-weight: bold;
  color: #b0b0b0;
}
.tyt-template .profile-img {
  display: inline-block;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  background-image: url("/static/img/legacy_public_img/avatar-placeholder.svg");
  background-size: 100%;
}
.tyt-template .profile-img img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: auto;
  vertical-align: top;
}
.tyt-template .profile-placeholder-image {
  width: 100%;
}
.tyt-template .profile-placeholder {
  display: table;
  vertical-align: middle;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: #363f4d;
  color: #fff;
  background-image: radial-gradient(
    circle at 50% 50%,
    rgba(0, 0, 0, 0),
    #555555
  );
  font-weight: bold;
  text-align: center;
}
.tyt-template .profile-placeholder-initial {
  display: table-cell;
  vertical-align: middle;
  line-height: 1.6em;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}
.tyt-template .user-status-small:before {
  border-width: 0 0 15px 15px;
}
.tyt-template .user-status-small:after {
  border-width: 0 0 13px 13px;
}
.tyt-template .user-status-med:before {
  border-width: 0 0 23px 23px;
}
.tyt-template .user-status-med:after {
  border-width: 0 0 20px 20px;
}
.tyt-template .app-store-link {
  display: inline-block;
  height: 44px;
  width: auto;
  /***************************************/
  /* App link Varieties
    /***************************************/
}
.tyt-template .app-store-link.is-badge {
  /**
         * Size/s
        **/
}
.tyt-template .app-store-link.is-badge-large {
  width: 165px;
}
.tyt-template .app-store-link.is-badge-large [class*="app-store-link-badge-"] {
  height: 53px;
}
.tyt-template .fl-social-media-links {
  display: inline-block;
  margin: 0;
  padding: 0;
  vertical-align: middle;
}
.tyt-template .fl-social-media-links > li {
  display: inline-block;
  margin-left: 6px;
}
.tyt-template .fl-social-media-links > li:first-child {
  margin-left: 0;
}
.tyt-template .fl-social-media-icon {
  background-color: #bfbfbf;
  border-radius: 50%;
  height: 24px;
  width: 24px;
  display: block;
  position: relative;
  text-align: center;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.tyt-template .fl-social-media-icon [class*="flicon-"] {
  fill: #555555;
  height: 70%;
  stroke-width: 0;
  width: 70%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.tyt-template .fl-social-media-icon .flicon-youtube {
  height: 80%;
  width: 80%;
}
.tyt-template .fl-social-media-icon:hover [class*="flicon-"] {
  fill: #1a1a1a;
}
.tyt-template .fl-social-media-icon.is-iconLarge {
  height: 50px;
  width: 50px;
}
.tyt-template .fl-social-media-icon.is-iconLarge [class*="flicon-"] {
  height: 55%;
  width: 55%;
}
.tyt-template .fl-social-media-icon.is-iconLight {
  background-color: #cccccc;
}
.tyt-template .fl-social-media-icon.is-iconLight [class*="flicon-"] {
  fill: #555555;
}
.tyt-template .fl-social-media-icon.is-iconXLight {
  background-color: #fff;
}
.tyt-template .fl-social-media-icon.is-iconColored .flicon-facebook {
  fill: #1877f2;
}
.tyt-template .fl-social-media-icon.is-iconColored .flicon-twitter {
  fill: #1da1f2;
}
.tyt-template .fl-social-media-icon.is-iconColored .flicon-reddit {
  fill: #ff4500;
}
.tyt-template .fl-social-media-icon.is-iconColored .flicon-email-logo {
  fill: #cccccc;
}
.tyt-template .alert {
  border-radius: 3px 3px 3px 3px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1.2;
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.4;
  border: 1px solid;
  line-height: 20px;
  margin-bottom: 10px;
  padding: 10px 15px;
  text-shadow: none;
}
.tyt-template .alert .close {
  opacity: 0.01;
  filter: alpha(opacity=1);
  opacity: 1;
  background: none;
  border: none;
  margin: -2px 10px 0 10px;
  text-shadow: none;
}
.tyt-template .alert.has-icon {
  border-radius: 3px 3px 3px 3px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  display: inline-block;
  min-height: 40px;
  overflow: hidden;
  padding: 8px 16px 8px 48px;
  position: relative;
}
.tyt-template .alert.has-icon .close {
  margin: -7px 1px 0 10px;
  text-shadow: none;
}
.tyt-template .alert h1 {
  line-height: 38px;
  margin-bottom: 16px;
}
.tyt-template .alert h2 {
  line-height: 32px;
  margin-bottom: 14px;
}
.tyt-template .alert h3 {
  line-height: 26px;
  margin-bottom: 12px;
}
.tyt-template .alert h4 {
  line-height: 22px;
  margin-bottom: 10px;
}
.tyt-template .alert h5 {
  line-height: 18px;
  margin-bottom: 10px;
}
.tyt-template .alert h6 {
  line-height: 14px;
  margin-bottom: 10px;
}
.tyt-template .alert p {
  margin-bottom: 10px;
}
.tyt-template .alert :last-child {
  margin-bottom: 0;
}
.tyt-template .alert-icon {
  display: block;
  font-size: 16px;
  height: 16px;
  left: 15px;
  position: absolute;
  top: 12px;
  width: 25px;
}
.tyt-template .alert-success {
  background-color: #e8f9f1;
  border-color: #28c76f;
  color: #15803d;
}
.tyt-template .alert-success [class*="fl-icon-"] {
  color: #15803d;
}
.tyt-template .alert-success .close {
  color: #15803d;
}
.tyt-template .alert-success .close:hover,
.tyt-template .alert-success .close:focus {
  color: #0a3e1e;
}
.tyt-template .alert-error {
  background-color: #fdeaea;
  border-color: #ea5455;
  color: #9b1c1c;
}
.tyt-template .alert-error [class*="fl-icon-"] {
  color: #9b1c1c;
}
.tyt-template .alert-error .close {
  color: #9b1c1c;
}
.tyt-template .alert-error .close:hover,
.tyt-template .alert-error .close:focus {
  color: #5a1010;
}
.tyt-template .alert-error a {
  color: #9b1c1c;
  font-weight: bold;
  text-decoration: underline;
}
.tyt-template .alert-error a:hover {
  color: #9b1c1c;
}
.tyt-template .alert-info {
  background-color: #e0faff;
  border-color: #00cfe8;
  color: #075985;
}
.tyt-template .alert-info [class*="fl-icon-"] {
  color: #075985;
}
.tyt-template .alert-info .close {
  color: #075985;
}
.tyt-template .alert-info .close:hover,
.tyt-template .alert-info .close:focus {
  color: #03283c;
}
.tyt-template .alert-warning {
  background-color: #fff2e4;
  border-color: #ff9f43;
  color: #92400e;
}
.tyt-template .alert-warning [class*="fl-icon-"] {
  color: #92400e;
}
.tyt-template .alert-warning .close {
  color: #92400e;
}
.tyt-template .alert-warning .close:hover,
.tyt-template .alert-warning .close:focus {
  color: #4c2107;
}
.tyt-template .alert-bids {
  background-color: #e8f1fb;
  border-color: #2e6da4;
  color: #23527c;
}
.tyt-template .alert-bids [class*="fl-icon-"] {
  color: #23527c;
}
.tyt-template .alert-bids .close {
  color: #23527c;
}
.tyt-template .alert-bids .close:hover,
.tyt-template .alert-bids .close:focus {
  color: #122b40;
}
.tyt-template .alert-common {
  background-color: #f5f5f5;
  border-color: #cccccc;
  color: #555555;
}
.tyt-template .alert-common [class*="fl-icon-"] {
  color: #555555;
}
.tyt-template .alert-common .close {
  color: #555555;
}
.tyt-template .alert-common .close:hover,
.tyt-template .alert-common .close:focus {
  color: #2f2f2f;
}
.tyt-template .alert--large {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0.01em;
  line-height: 1.2;
  font-size: 16px;
  font-size: 1.14285714rem;
  line-height: 1.5;
}
.tyt-template .FacebookSignUpModal.modal {
  display: block;
  margin-left: -195px;
  max-width: 390px;
}
@media only screen and (max-width: 600px) {
  .tyt-template .FacebookSignUpModal.modal {
    margin: 0;
    max-width: none;
  }
}
.tyt-template .FacebookSignUpModal .FacebookSignUpModal-header {
  border-bottom: none;
  padding-left: 40px;
  padding-right: 40px;
  text-align: center;
}
.tyt-template .FacebookSignUpModal-loader {
  margin-bottom: 24px;
  margin-top: 24px;
}
.tyt-template .FacebookSignUpModal-heading {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.2;
  font-size: 24px;
  font-size: 1.71428571rem;
  line-height: 1.4;
  font-weight: bold;
}
.tyt-template .FacebookSignUpModal-close {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-size: 20px;
  height: 40px;
  line-height: 2;
  position: absolute;
  right: 0;
  top: 6px;
  width: 40px;
}
.tyt-template .FacebookSignUpModal-avatar {
  margin-top: 20px;
}
.tyt-template .FacebookSignUpModal-avatarImage {
  height: 100px;
  margin: 0 auto;
  width: 100px;
}
.tyt-template .FacebookSignUpModal-content {
  border-top: 1px solid #e5e7eb;
  padding-top: 16px;
}
.tyt-template .FacebookSignUpModal-method {
  margin-bottom: 12px;
  text-align: center;
}
.tyt-template .FacebookSignUpModal-input {
  margin-bottom: 9px;
  width: 100%;
}
.tyt-template .FacebookSignUpModal-radio {
  display: inline-block;
  font-weight: normal;
  /* 2. */
}
.tyt-template .FacebookSignUpModal-radio input[type="radio"] {
  display: inline-block;
  margin-right: 10px;
  margin-top: 3px;
  vertical-align: top;
}
.tyt-template
  .FacebookSignUpModal
  .FacebookSignUpModal-radio
  ~ .FacebookSignUpModal-radio {
  margin-left: 30px;
}
.tyt-template .FacebookSignUpModal-radioButtonGroup {
  font-size: 0;
}
.tyt-template .FacebookSignUpModal-lookingForButton {
  width: 50%;
}
.tyt-template .FacebookSignUpModal-ctaButton {
  width: 100%;
}
.tyt-template .FacebookSignUpModal-form {
  /* 1. */
  margin: 0;
  max-width: none;
}
.tyt-template .FacebookSignUpModal-form .form-alert {
  margin: 5px 0;
}
.tyt-template .FacebookSignUpModal-form .is-valid .form-alert {
  color: #28c76f;
}
.tyt-template .FacebookSignUpModal-form .is-invalid .form-alert {
  color: #ea5455;
}
.tyt-template .FacebookSignUpModal-forgotPassword {
  display: inline-block;
  margin-top: 5px;
}
.tyt-template .FacebookSignUpModal-input {
  /* 3. */
  margin: 0;
}
.tyt-template .FacebookSignUpModal-emailConfirmation {
  display: flex;
  justify-content: space-between;
}
.tyt-template .Footer {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1.2;
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.4;
  background: #2c2c2c;
  color: #ffffff;
  position: relative;
}
.tyt-template .Footer-section {
  padding: 32px 0;
}
.tyt-template .Footer-section--bordered {
  border-bottom: 1px solid #555555;
}
@media (min-width: 960px) {
  .tyt-template .Footer-section:last-child {
    padding-bottom: 48px;
  }
}
@media (min-width: 1400px) {
  .tyt-template .Footer-section:last-child {
    padding-bottom: 32px;
  }
}
.tyt-template .Footer-siteLinks:not(:last-child) {
  margin-bottom: 24px;
}
@media (min-width: 960px) {
  .tyt-template .Footer-siteLinks:not(:last-child) {
    margin-bottom: 0;
  }
}
.tyt-template .Footer-linksTitle {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0.01em;
  line-height: 1.2;
  font-size: 16px;
  font-size: 1.14285714rem;
  line-height: 1.5;
  color: inherit;
  font-weight: bold;
  margin-bottom: 16px;
}
.tyt-template .Footer-links {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: 16px;
}
@media (min-width: 960px) {
  .tyt-template .Footer-links {
    margin-bottom: 0;
  }
}
.tyt-template .Footer-links--inline {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .tyt-template .Footer-links--inline {
    display: flex;
  }
}
.tyt-template .Footer-links--topLinks {
  justify-content: space-between;
}
.tyt-template .Footer-link {
  color: #7f8c8d;
  display: inline-block;
  margin-bottom: 8px;
  transition: color 0.3s ease-out;
}
.tyt-template .Footer-link:hover {
  color: #ffffff;
  text-decoration: none;
}
.tyt-template .Footer-link--large {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1.2;
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: bold;
  text-transform: uppercase;
}
.tyt-template .Footer-link--inline {
  margin-right: 16px;
}
@media (min-width: 768px) {
  .tyt-template .Footer-link--inline {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .tyt-template .Footer-link--bordered:not(:last-child) {
    border-right: 1px solid #e5e7eb;
    margin-right: 12px;
    padding-right: 12px;
  }
}
.tyt-template .Footer-appStoreIcons {
  /* Because the app store icons keep having an explicit line height,
           just convert the whole container to flexbox model instead. */
  display: flex;
  flex-flow: row wrap;
}
.tyt-template .Footer-appStoreIcon {
  display: inline-block;
  margin-top: 16px;
}
@media (min-width: 768px) {
  .tyt-template .Footer-appStoreIcon {
    margin-top: 0;
  }
}
.tyt-template .Footer-appStoreIcon:hover {
  text-decoration: none;
}
.tyt-template .Footer-appStoreIcon:first-child {
  margin-right: 16px;
}
.tyt-template .Footer-appStoreIcon-image {
  display: block;
}
.tyt-template .Footer-socialMediaIcon {
  fill: #7f8c8d;
}
.tyt-template .Footer-socialMediaIcon:not(:last-child) {
  margin-right: 16px;
}
.tyt-template .Footer-copyright {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1.2;
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.4;
  color: #7f8c8d;
  margin: 16px 0 0;
  /* Off the chance that the copyright is the first element, don't put
           a margin */
}
.tyt-template .Footer-copyright:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  .tyt-template .Footer-localeSelectorWrapper {
    display: flex;
  }
}
.tyt-template .Footer-localeSelectorAccessibility {
  align-items: center;
  border: 1px solid #d9d9d9;
  color: #d9d9d9;
  display: flex;
  line-height: 0;
  margin-bottom: 16px;
  margin-top: 16px;
  padding: 8px 18px;
  width: fit-content;
}
@media (min-width: 768px) {
  .tyt-template .Footer-localeSelectorAccessibility {
    margin-bottom: 0;
    margin-left: 16px;
    margin-top: 0;
  }
}
.tyt-template .Footer-localeSelectorAccessibility:hover {
  background: rgba(255, 255, 255, 0.2);
  cursor: pointer;
}
.tyt-template .Footer-localeSelector {
  margin-bottom: 24px;
}
@media (min-width: 768px) {
  .tyt-template .Footer-localeSelector {
    margin-bottom: 0;
  }
}
.tyt-template .Footer-localeSelector-btn {
  border-color: #7f8c8d;
  color: #7f8c8d;
}
.tyt-template .Footer-localeSelector-icon {
  fill: #7f8c8d;
}
.tyt-template .Footer--compact .Footer-link,
.tyt-template .Footer--compact .Footer-copyright {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400;
  letter-spacing: 0.02em;
  line-height: 1.2;
  font-size: 12px;
  font-size: 0.85714286rem;
  line-height: 1.43;
}
.tyt-template .Footer--compact .Footer-copyright {
  margin: 8px 0 0;
  text-align: right;
}
.tyt-template .Footer--compact .Footer-copyright:first-child {
  margin-top: 0;
}
.tyt-template .Footer--compact .Footer-section {
  padding: 0;
}
.tyt-template .Footer--compact .Footer-section:first-child,
.tyt-template .Footer--compact .Footer-section:last-child {
  padding: 24px 0;
}
.tyt-template .Footer-country {
  margin-bottom: 24px;
}
@media (min-width: 768px) {
  .tyt-template .Footer-country {
    margin-bottom: 0;
    margin-top: 24px;
    order: 1;
  }
}
.tyt-template .Footer-country-links {
  width: 100%;
}
.tyt-template .Footer-country-link {
  display: inline-block;
  float: left;
  width: 50%;
}
@media (min-width: 768px) {
  .tyt-template .Footer-country-link {
    margin-right: 16px;
    width: auto;
  }
}
@media (min-width: 768px) {
  .tyt-template .Footer-locale {
    flex: 0 1 70%;
  }
}
@media (min-width: 768px) {
  .tyt-template .Footer-social {
    flex: 0 1 30%;
  }
}
.tyt-template .Footer-logo {
  display: inline-block;
}
.tyt-template .Footer-logo-freightlancerImg {
  width: 235px;
}
.tyt-template .FooterContainer {
  width: 100%;
  max-width: 1224px;
  margin: 0 auto;
  padding: 0 12px;
}
@media (min-width: 768px) {
  .tyt-template .FooterContainer {
    padding: 0 12px;
  }
}
.tyt-template .FooterNew {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1.2;
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.4;
  color: #ffffff;
  position: relative;
}
.tyt-template .FooterNew-logo {
  display: inline-block;
  /*
    @media (min-width: @breakpoint-tablet) {
      margin-bottom: @spacing-small;
    }
      */
}
.tyt-template .FooterNew-logo-img {
  height: auto;
  width: 160px;
}
.tyt-template .FooterNew-logo-img--deloitte {
  height: 24px;
  width: auto;
}
.tyt-template .FooterNew-logo-img--arrow {
  width: 213px;
}
.tyt-template .FooterNew-logo-imgWide {
  width: 270px;
}
.tyt-template .FooterNew-info-section {
  border-bottom: 1px solid #999999;
  display: flex;
  margin-left: -12px;
  margin-right: -12px;
  padding: 16px 20px;
  /*
    @media (min-width: @breakpoint-tablet) {
      border: none;
      //margin-left: -(@spacing-xsmall + @spacing-xxsmall);
      //margin-right: -(@spacing-xsmall + @spacing-xxsmall);
      padding-top: 0;
    }
      */
}
.tyt-template .FooterNew-info-section:first-child {
  padding-top: 0;
}
.tyt-template .FooterNew-subTitle {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400;
  letter-spacing: 0.02em;
  line-height: 1.2;
  font-size: 12px;
  font-size: 0.85714286rem;
  line-height: 1.43;
  align-items: center;
  color: inherit;
  display: flex;
  font-weight: bold;
  line-height: 1;
  /*to center the icon with copy*/
}
.tyt-template .FooterNew-subTitle-icon {
  margin-right: 12px;
}
.tyt-template .FooterNew-accessibility:hover {
  cursor: pointer;
  text-decoration: underline;
}
.tyt-template .FooterNew-links {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: 16px;
  /*
    @media (min-width: @breakpoint-desktop-small) {
      margin-bottom: 0;
    }
      */
}
.tyt-template .FooterNew-link {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400;
  letter-spacing: 0.02em;
  line-height: 1.2;
  font-size: 12px;
  font-size: 0.85714286rem;
  line-height: 1.43;
  color: #ffffff;
  display: inline-block;
  margin-bottom: 8px;
  transition: color 0.3s ease-out;
}
.tyt-template .FooterNew-link:hover {
  color: #ffffff;
}
.tyt-template .FooterNew-link-icon {
  /*
      @media (min-width: @breakpoint-tablet) {
        display: none;
      }
        */
}
.tyt-template .FooterNew-link-icon--active {
  display: none;
}
.tyt-template .FooterNew-link-icon--disable {
  display: block;
}
.tyt-template .FooterNew-link-content {
  max-height: 0;
  overflow: hidden;
  padding-top: 0;
  transition: max-height 0.5s ease-in-out;
  /*
      @media (min-width: @breakpoint-tablet) {
        max-height: 1000px;
      }
        */
}
.tyt-template .FooterNew-link-content--arrow {
  max-height: 1000px;
}
.tyt-template .FooterNew-link-title {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400;
  letter-spacing: 0.02em;
  line-height: 1.2;
  font-size: 12px;
  font-size: 0.85714286rem;
  line-height: 1.43;
  align-items: center;
  cursor: pointer;
  display: flex;
  font-weight: bold;
  justify-content: space-between;
  margin-bottom: 20px;
  /*
      @media (min-width: @breakpoint-tablet) {
        cursor: initial;
      }
        */
}
.tyt-template .FooterNew-link-title--hideMobile {
  display: none;
  /*
        @media (min-width: @breakpoint-tablet) {
          display: block;
        }
          */
}
.tyt-template .FooterNew-link-section {
  padding-top: 16px;
  /*
      @media (min-width: @breakpoint-tablet) {
        padding-top: 0;
        padding-left: 64px;
      }
        */
}
.tyt-template .FooterNew-link-section:not(:last-child) {
  border-bottom: 1px solid #999999;
  padding-left: 32px;
  /*
        @media (min-width: @breakpoint-tablet) {
          border-bottom: none;
          //padding-left: @spacing-xsmall + @spacing-xxsmall;
          padding-left: 60px;
          padding-top: 0;
        }
          */
}
.tyt-template .FooterNew-link-section.is-active .FooterNew-link-content {
  max-height: 500px;
}
.tyt-template .FooterNew-link-section.is-active .FooterNew-link-icon--disable {
  display: none;
}
.tyt-template .FooterNew-link-section.is-active .FooterNew-link-icon--active {
  display: block;
  /*
          @media (min-width: @breakpoint-tablet) {
            display: none;
          }
            */
}
.tyt-template .FooterNew-cta {
  /*
            Set background color to match design
        */
  background-color: #fff;
  border-top: 1px solid #e5e7eb;
  padding: 48px 0;
}
.tyt-template .FooterNew-content {
  background: #2c2c2c;
}
.tyt-template .FooterNew-content--arrow {
  background: #222222;
}
.tyt-template .FooterNew-content--deloitte {
  background: #222222;
}
.tyt-template .FooterNew-content-inner {
  margin: 0 auto;
  max-width: 960px;
  padding: 72px 0;
}
.tyt-template .FooterNew-section {
  padding-bottom: 24px;
}
.tyt-template .FooterNew-section:last-child {
  padding-bottom: 0;
  padding-top: 24px;
}
.tyt-template .FooterNew-section:not(:last-child) {
  border-bottom: 1px solid #555555;
}
.tyt-template .FooterNew-appStoreIcons {
  /* Because the app store icons keep having an explicit line height,
           just convert the whole container to flexbox model instead. */
  display: flex;
  margin-bottom: 0px;
  margin-top: 16px;
  max-width: 480px;
  width: fit-content;
  margin-inline: auto;
  /*
    @media (max-width: @breakpoint-tablet) {
      margin-inline: auto;
    }

    @media (min-width: @breakpoint-tablet) {
      flex-direction: column;
      max-width: 136px;
    }
      */
}
.tyt-template .FooterNew-appStoreIcon:not(:last-child) {
  margin-right: 16px;
  /*
      @media (min-width: @breakpoint-tablet) {
        margin-bottom: @spacing-small;
        margin-right: 0;
      }
        */
}
.tyt-template .FooterNew-appStoreIcon-image {
  display: block;
  height: 68px;
  width: 100%;
  /*
      @media (min-width: @breakpoint-tablet) {
        height: initial;
      }
        */
}
.tyt-template .FooterNew-social {
  display: flex;
  justify-content: space-between;
  max-width: 480px;
  /*
    @media (min-width: @breakpoint-tablet) {
      max-width: 160px;
    }
      */
}
.tyt-template .FooterNew-social-icon {
  fill: #fff;
}
.tyt-template .FooterNew-siteStat {
  align-items: center;
  display: flex;
  font-weight: normal;
  margin-bottom: 16px;
  /*
    @media (min-width: @breakpoint-desktop-small) {
      margin-bottom: 0;
    }
      */
}
.tyt-template .FooterNew-siteStat-term {
  line-height: 1.2;
  font-size: 11px;
  font-size: 0.78571429rem;
  line-height: 1.45;
  margin-bottom: 8px;
  text-align: center;
}
.tyt-template .FooterNew-siteStat-term--arrow {
  margin-bottom: 16px;
}
.tyt-template .FooterNew-siteStat-value {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1.2;
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: bold;
  margin-bottom: 0;
  margin-right: 12px;
}
.tyt-template .FooterNew-siteStat-name {
  letter-spacing: 0;
  text-transform: initial;
}
@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
.tyt-template .loading-icon-wrapper {
  padding: 20px;
  text-align: center;
}
.tyt-template .header-login-form,
.tyt-template .header-login-form-modal {
  background: #fff;
  margin: 0 auto;
  max-width: 390px;
  position: relative;
}
.tyt-template .header-login-form .fl-form fieldset,
.tyt-template .header-login-form-modal .fl-form fieldset {
  margin-bottom: 0;
}
.tyt-template .header-login-form .modal-body,
.tyt-template .header-login-form-modal .modal-body {
  max-height: none;
  overflow-y: inherit;
  padding: 20px 36px;
}
.tyt-template .header-login-form .modal-footer,
.tyt-template .header-login-form-modal .modal-footer {
  background: none transparent;
  border-top: none;
  padding: 10px 20px 20px;
}
.tyt-template .header-login-form .btn,
.tyt-template .header-login-form-modal .btn {
  width: 100%;
}
.tyt-template .header-login-form .signup-objective-label,
.tyt-template .header-login-form-modal .signup-objective-label {
  white-space: nowrap;
  width: 50%;
}
.tyt-template .header-login-form {
  box-shadow:
    0 0 4px 0 0 1px 3px rgba(0, 0, 0, 0.12),
    0 1px 2px rgba(0, 0, 0, 0.24),
    0 2px 4px 0 0 1px 3px rgba(0, 0, 0, 0.08),
    0 1px 2px rgba(0, 0, 0, 0.14);
  border-radius: 3px;
  background: #fff;
  margin-top: 20px;
}
.tyt-template .header-login-form-modal {
  margin-left: -195px;
}
.tyt-template .header-login-form .coupon-step {
  /* State for the coupon step to toggle content */
}
.tyt-template .header-login-form .coupon-step-toggle {
  margin: 10px 0;
  text-align: center;
}
.tyt-template .header-login-form .coupon-step-inner {
  border: 1px solid #c7c7c7;
  border-radius: 3px;
  padding: 20px;
}
.tyt-template
  .header-login-form
  .coupon-step.is-coupon-step-hidden
  .coupon-step-inner {
  display: none;
}
.tyt-template .modal-header {
  border-bottom: 0;
}
.tyt-template .modal-header-logo {
  border-bottom: 1px solid #f2f2f2;
  margin: 3px 14px 2px;
  text-align: center;
}
.tyt-template .modal-header .flicon-logo-fullcolor {
  height: 80px;
  padding-bottom: 12px;
  stroke-width: 0;
  vertical-align: middle;
  width: 196px;
}
.tyt-template .modal-header .modal-title {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0.01em;
  line-height: 1.2;
  font-size: 16px;
  font-size: 1.14285714rem;
  line-height: 1.5;
  line-height: 1;
  margin-top: 20px;
  text-align: center;
}
.tyt-template .modal-download-links {
  bottom: -82px;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
}
.tyt-template .modal-download-links .app-store-link {
  margin: 0 12px;
}
.tyt-template .hr-divider {
  margin: 25px 0;
}
.tyt-template .hr-divider::before {
  margin-top: 0;
}
.tyt-template .hr-divider-text {
  color: #363f4d;
  font-size: 13px;
}
.tyt-template .login-form-options {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1.2;
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.4;
  margin: 10px 0 0;
  overflow: hidden;
}
.tyt-template .login-form-remember {
  float: left;
  margin-bottom: 0;
}
.tyt-template .login-form-forgot {
  float: right;
}
.tyt-template .login-form-signup-link {
  border-top: 1px solid #f2f2f2;
  display: block;
  line-height: 20px;
  padding-top: 20px;
  text-align: center;
}
.tyt-template .login-form-signup-terms {
  display: block;
  margin: 0 auto;
  padding-bottom: 15px;
}
.tyt-template .login-form .app-store-link {
  margin: 0 6px;
}
.tyt-template .captcha-form {
  text-align: center;
}
.tyt-template .captcha-form-recaptchaContainer {
  display: inline-block;
}
.tyt-template .captcha-form-submit {
  display: block;
  margin-top: 12px;
  width: 100%;
}
/**
 * Ratings
 *
 * Used to display a user's feedback rating on the site
 *
 * .Rating--labeled - displays the average numeral rating in a box on the left side of the stars
 * .Rating--basic - a simplified version of the module wherein it will only show up 1 star with the average rating displayed on the left of the star
 * .Rating--large - a larger variant of the ratigs
 * .Rating--static - force an interactive rating to become static, however data-star_rating must be specified
 *
 * Markup: rating.html
 *
 * Styleguide: Ratings - Ratings
 */
.Rating {
  align-items: center;
  display: inline-flex;
}
.Rating::before,
.Rating::after {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1.2;
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.4;
  display: inline-block;
  font-weight: normal;
  vertical-align: middle;
}
.Rating::before {
  background-color: #f7b500;
  border-radius: 2px;
  color: #fff;
  margin-right: 6px;
  padding: 1px 3px 0;
}
.Rating::after {
  margin-left: 6px;
}
.Rating-total {
  align-items: center;
  display: inline-flex;
  height: 16px;
  justify-content: space-between;
  margin-top: -2px;
  position: relative;
  width: 80px;
}
.Rating-total-input {
  height: 1px;
  left: -10000px;
  overflow: hidden;
  position: absolute;
  top: auto;
  width: 1px;
}
.Rating-total-label {
  cursor: pointer;
  display: inline-block;
  height: 16px;
  margin: 0 !important;
  /* Prevents margin override from fl-form */
  position: relative;
  width: 16px;
  z-index: 1;
}
.Rating-total-input:focus ~ .Rating-progress::before,
.Rating-total-label:hover ~ .Rating-progress::before {
  background-image: url(/static/img/modules/rating/rating-background-hover.svg);
}
.Rating-total-input:nth-child(n + 1):checked ~ .Rating-progress::after,
.Rating-total-label:nth-child(n + 2):hover ~ .Rating-progress::after {
  width: 20%;
}
.Rating-total-input:nth-child(n + 3):checked ~ .Rating-progress::after,
.Rating-total-label:nth-child(n + 4):hover ~ .Rating-progress::after {
  width: 40%;
}
.Rating-total-input:nth-child(n + 5):checked ~ .Rating-progress::after,
.Rating-total-label:nth-child(n + 6):hover ~ .Rating-progress::after {
  width: 60%;
}
.Rating-total-input:nth-child(n + 7):checked ~ .Rating-progress::after,
.Rating-total-label:nth-child(n + 8):hover ~ .Rating-progress::after {
  width: 80%;
}
.Rating-total-input:nth-child(n + 9):checked ~ .Rating-progress::after,
.Rating-total-label:nth-child(n + 10):hover ~ .Rating-progress::after {
  width: 100%;
}
.Rating-resetIcon fl-icon {
  display: flex;
}
.Rating-progress {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.Rating-progress::before,
.Rating-progress::after {
  background-repeat: no-repeat;
  background-size: 80px 16px;
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.Rating-progress::before {
  background-image: url(/static/img/modules/rating/rating-background.svg);
}
.Rating-progress::after {
  background-image: url(/static/img/modules/rating/rating-foreground.svg);
  width: 0;
}
.Rating-review {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1.2;
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.4;
  color: #0e1724;
  display: inline-block;
  margin-left: 19px;
  vertical-align: middle;
}
.Rating-review--hasIcon::before {
  background: url(/static/img/modules/rating/rating-review-icon.svg) no-repeat;
  content: "";
  display: inline-block;
  height: 13px;
  margin-right: 3px;
  vertical-align: middle;
  width: 11px;
}
.Rating[data-star_rating="0.0"]::before {
  background-color: #e6e6e6;
}
.Rating[data-star_rating="0.1"] .Rating-progress::after,
.Rating[data-star_rating="0.2"] .Rating-progress::after,
.Rating[data-star_rating="0.3"] .Rating-progress::after,
.Rating[data-star_rating="0.4"] .Rating-progress::after,
.Rating[data-star_rating="0.5"] .Rating-progress::after {
  width: 10%;
}
.Rating[data-star_rating="0.6"] .Rating-progress::after,
.Rating[data-star_rating="0.7"] .Rating-progress::after,
.Rating[data-star_rating="0.8"] .Rating-progress::after,
.Rating[data-star_rating="0.9"] .Rating-progress::after,
.Rating[data-star_rating="1.0"] .Rating-progress::after {
  width: 20%;
}
.Rating[data-star_rating="1.1"] .Rating-progress::after,
.Rating[data-star_rating="1.2"] .Rating-progress::after,
.Rating[data-star_rating="1.3"] .Rating-progress::after,
.Rating[data-star_rating="1.4"] .Rating-progress::after,
.Rating[data-star_rating="1.5"] .Rating-progress::after {
  width: 30%;
}
.Rating[data-star_rating="1.6"] .Rating-progress::after,
.Rating[data-star_rating="1.7"] .Rating-progress::after,
.Rating[data-star_rating="1.8"] .Rating-progress::after,
.Rating[data-star_rating="1.9"] .Rating-progress::after,
.Rating[data-star_rating="2.0"] .Rating-progress::after {
  width: 40%;
}
.Rating[data-star_rating="2.1"] .Rating-progress::after,
.Rating[data-star_rating="2.2"] .Rating-progress::after,
.Rating[data-star_rating="2.3"] .Rating-progress::after,
.Rating[data-star_rating="2.4"] .Rating-progress::after,
.Rating[data-star_rating="2.5"] .Rating-progress::after {
  width: 50%;
}
.Rating[data-star_rating="2.6"] .Rating-progress::after,
.Rating[data-star_rating="2.7"] .Rating-progress::after,
.Rating[data-star_rating="2.8"] .Rating-progress::after,
.Rating[data-star_rating="2.9"] .Rating-progress::after,
.Rating[data-star_rating="3.0"] .Rating-progress::after {
  width: 60%;
}
.Rating[data-star_rating="3.1"] .Rating-progress::after,
.Rating[data-star_rating="3.2"] .Rating-progress::after,
.Rating[data-star_rating="3.3"] .Rating-progress::after,
.Rating[data-star_rating="3.4"] .Rating-progress::after,
.Rating[data-star_rating="3.5"] .Rating-progress::after {
  width: 70%;
}
.Rating[data-star_rating="3.6"] .Rating-progress::after,
.Rating[data-star_rating="3.7"] .Rating-progress::after,
.Rating[data-star_rating="3.8"] .Rating-progress::after,
.Rating[data-star_rating="3.9"] .Rating-progress::after,
.Rating[data-star_rating="4.0"] .Rating-progress::after {
  width: 80%;
}
.Rating[data-star_rating="4.1"] .Rating-progress::after,
.Rating[data-star_rating="4.2"] .Rating-progress::after,
.Rating[data-star_rating="4.3"] .Rating-progress::after,
.Rating[data-star_rating="4.4"] .Rating-progress::after,
.Rating[data-star_rating="4.5"] .Rating-progress::after {
  width: 90%;
}
.Rating[data-star_rating="4.6"] .Rating-progress::after,
.Rating[data-star_rating="4.7"] .Rating-progress::after,
.Rating[data-star_rating="4.8"] .Rating-progress::after,
.Rating[data-star_rating="4.9"] .Rating-progress::after,
.Rating[data-star_rating="5.0"] .Rating-progress::after {
  width: 100%;
}
.Rating--labeled::before {
  content: attr(data-star_rating);
}
.Rating--static .Rating-total-label,
.Rating--static .Rating-total-input {
  display: none;
}
.Rating--large::before,
.Rating--large::after {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0.01em;
  line-height: 1.2;
  font-size: 16px;
  font-size: 1.14285714rem;
  line-height: 1.5;
}
.Rating--large .Rating-total {
  height: 19.4px;
  width: 97px;
}
.Rating--large .Rating-total-label {
  height: 19.4px;
  width: 19.4px;
}
.Rating--large .Rating-progress::before,
.Rating--large .Rating-progress::after {
  background-size: 97px 19.4px;
}
.Rating--basic::after {
  content: attr(data-star_rating);
}
.Rating--basic .Rating-total {
  width: 16px;
}
.Rating--basic .Rating-progress::before,
.Rating--basic .Rating-progress::after {
  width: 100%;
}
.Rating--basic[data-star_rating^="0"] .Rating-progress::after {
  width: 0;
}
.Rating--basic:not([data-star_rating^="0"]) .Rating-progress::after {
  width: 100%;
}
.Rating--basic.Rating--large .Rating-total {
  width: 19.4px;
}
/**
 * Earnings
 *
 * Used to display the user's earning rating on the site
 *
 * Markup: earnings.html
 *
 * Styleguide: Ratings - Earnings
 */
.Earnings {
  align-items: center;
  display: inline-flex;
  position: relative;
  /* Sets the icon into its active color if user's earning has a rating */
}
.Earnings-label {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1.2;
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.4;
  margin-right: 12px;
}
.Earnings-icon {
  background: url("/static/css/images/earnings/earnings-icon-base.svg")
    no-repeat;
  height: 13px;
  margin-right: 8px;
  width: 8px;
}
.Earnings-total {
  background: url("/static/css/images/earnings/earnings-base.svg") 0 0 / 59px
    8px no-repeat;
  height: 8px;
  position: relative;
  width: 59px;
}
.Earnings-progress {
  background: url("/static/css/images/earnings/earnings-fill.svg") 0 0 / 59px
    8px no-repeat;
  height: inherit;
  left: 0;
  position: absolute;
  top: 0;
  width: 0;
}
.Earnings:not([data-user_earnings="0.0"]):not([data-user_earnings="0"])
  .Earnings-icon {
  background-image: url("/static/css/images/earnings/earnings-icon-fill.svg");
}
/*
    Based on the bootstrap 3 responsive modal, optimised for touch
    Requirements :
    - a class of modal-open appended body element when the modal is opened
    - regular BS modal must be wrapped in a element with a class of .responsive-modal
*/
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
body.modal-open {
  overflow: hidden;
}
.responsive-modal {
  overflow: auto;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
}
.responsive-modal .modal {
  position: relative;
  top: auto;
  bottom: auto;
  margin-top: 50px;
  margin-bottom: 50px;
}
.responsive-modal .modal-body {
  overflow-y: visible;
  max-height: none;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1020;
  overflow-y: auto;
  background-color: rgba(0, 0, 0, 0.6);
  -webkit-animation-duration: 0.35s;
  animation-duration: 0.35s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@media only screen and (max-width: 600px) {
  .responsive-modal .modal {
    left: 0;
    width: auto;
    margin: 10px auto;
  }
}
@media only screen and (max-width: 480px) {
  .responsive-modal .modal-body {
    padding: 15px !important;
  }
}
/*** !!!!! IMPORTANT NOTE IF YOU ARE UPDATING FONTS !!!!!!! ***/
/*** 1. make sure you increment the parameter at the end of this path  */
@font-face {
  font-family: "fl-icon";
  src: url("/static/css/icons/fonts/fl-icon.eot");
  src:
    url("/static/css/icons/fonts/fl-icon.eot?#iefix")
      format("embedded-opentype"),
    url("/static/css/icons/fonts/fl-icon.woff2") format("woff2"),
    url("/static/css/icons/fonts/fl-icon.woff") format("woff"),
    url("/static/css/icons/fonts/fl-icon.ttf") format("truetype"),
    url("/static/css/icons/fonts/fl-icon.svg#fl-icon") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^="fl-icon-"],
[class*=" fl-icon-"] {
  font-family: "fl-icon";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fl-icon-verified-alt:before {
  content: "\e6bf";
}
.fl-icon-shortlist:before {
  content: "\e6be";
}
.fl-icon-contest:before {
  content: "\e630";
}
.fl-icon-service:before {
  content: "\e689";
}
.fl-icon-certifications:before {
  content: "\e62c";
}
.fl-icon-publication:before {
  content: "\e62e";
}
.fl-icon-education:before {
  content: "\e603";
}
.fl-icon-experience:before {
  content: "\e60e";
}
.fl-icon-reviews:before {
  content: "\e61b";
}
.fl-icon-project:before {
  content: "\e61d";
}
.fl-icon-skills:before {
  content: "\e61f";
}
.fl-icon-fivestars:before {
  content: "\e600";
}
.fl-icon-pencil:before {
  content: "\e6bd";
}
.fl-icon-play:before {
  content: "\e659";
}
.fl-icon-film:before {
  content: "\e65a";
}
.fl-icon-coin:before {
  content: "\e65b";
}
.fl-icon-spinner:before {
  content: "\e65c";
}
.fl-icon-spinner-alt:before {
  content: "\e65d";
}
.fl-icon-expand:before {
  content: "\e65e";
}
.fl-icon-contract:before {
  content: "\e65f";
}
.fl-icon-expand2:before {
  content: "\e660";
}
.fl-icon-contract2:before {
  content: "\e661";
}
.fl-icon-signup:before {
  content: "\e662";
}
.fl-icon-earth:before {
  content: "\e663";
}
.fl-icon-star:before {
  content: "\e664";
}
.fl-icon-star-half:before {
  content: "\e665";
}
.fl-icon-star-full:before {
  content: "\e666";
}
.fl-icon-remove:before {
  content: "\e667";
}
.fl-icon-close:before {
  content: "\e668";
}
.fl-icon-checkmark:before {
  content: "\e669";
}
.fl-icon-minus2:before {
  content: "\e66a";
}
.fl-icon-arrow-up-right:before {
  content: "\e66b";
}
.fl-icon-arrow-down-left:before {
  content: "\e66c";
}
.fl-icon-feed:before {
  content: "\e67c";
}
.fl-icon-twitter:before {
  content: "\e67f";
}
.fl-icon-checkin2:before {
  content: "\e6a7";
}
.fl-icon-cash:before {
  content: "\e6a9";
}
.fl-icon-trafficlight:before {
  content: "\e6a8";
}
.fl-icon-colocation2:before {
  content: "\e6a4";
}
.fl-icon-comment6:before {
  content: "\e6a6";
}
.fl-icon-infographic:before {
  content: "\e6aa";
}
.fl-icon-menu:before {
  content: "\e6a5";
}
.fl-icon-earningsbar:before {
  content: "\e6b7";
}
.fl-icon-lock2:before {
  content: "\e6b4";
}
.fl-icon-marker:before {
  content: "\e6b5";
}
.fl-icon-sealed:before {
  content: "\e6b6";
}
.fl-icon-certificate:before {
  content: "\f0a3";
}
.fl-icon-chevron-sign-up:before {
  content: "\f139";
}
.fl-icon-paper:before {
  content: "\e6af";
}
.fl-icon-mobile:before {
  content: "\e6b0";
}
.fl-icon-laptop:before {
  content: "\e6b1";
}
.fl-icon-globe:before {
  content: "\e6b2";
}
.fl-icon-bulb:before {
  content: "\e6b3";
}
.fl-icon-circled-arrow:before {
  content: "\e6ae";
}
.fl-icon-logo-timesonline:before {
  content: "\e653";
}
.fl-icon-logo-forbes:before {
  content: "\e68b";
}
.fl-icon-envelope:before {
  content: "\e601";
}
.fl-icon-heart:before {
  content: "\e602";
}
.fl-icon-th:before {
  content: "\e604";
}
.fl-icon-th-list:before {
  content: "\e605";
}
.fl-icon-inbox:before {
  content: "\e606";
}
.fl-icon-tags:before {
  content: "\e607";
}
.fl-icon-tag:before {
  content: "\e608";
}
.fl-icon-time:before {
  content: "\e609";
}
.fl-icon-qrcode:before {
  content: "\e60a";
}
.fl-icon-volume-down:before {
  content: "\e60c";
}
.fl-icon-volume-off:before {
  content: "\e60d";
}
.fl-icon-lock:before {
  content: "\e60f";
}
.fl-icon-list-alt:before {
  content: "\e610";
}
.fl-icon-refresh:before {
  content: "\e611";
}
.fl-icon-repeat:before {
  content: "\e612";
}
.fl-icon-play-circle:before {
  content: "\e613";
}
.fl-icon-zoom-in:before {
  content: "\e614";
}
.fl-icon-zoom-out:before {
  content: "\e615";
}
.fl-icon-off:before {
  content: "\e616";
}
.fl-icon-book:before {
  content: "\e617";
}
.fl-icon-bookmark:before {
  content: "\e618";
}
.fl-icon-print:before {
  content: "\e619";
}
.fl-icon-facetime-video:before {
  content: "\e61a";
}
.fl-icon-map-marker:before {
  content: "\e61c";
}
.fl-icon-edit:before {
  content: "\e61e";
}
.fl-icon-chevron-right:before {
  content: "\e620";
}
.fl-icon-plus-sign:before {
  content: "\e621";
}
.fl-icon-remove-sign:before {
  content: "\e623";
}
.fl-icon-ok-sign:before {
  content: "\e624";
}
.fl-icon-plus:before {
  content: "\e625";
}
.fl-icon-resize-small:before {
  content: "\e626";
}
.fl-icon-resize-full:before {
  content: "\e627";
}
.fl-icon-share-alt:before {
  content: "\e628";
}
.fl-icon-info-sign:before {
  content: "\e629";
}
.fl-icon-screenshot:before {
  content: "\e62a";
}
.fl-icon-remove-circle:before {
  content: "\e62b";
}
.fl-icon-ban-circle:before {
  content: "\e62d";
}
.fl-icon-arrow-right:before {
  content: "\e62f";
}
.fl-icon-arrow-down:before {
  content: "\e631";
}
.fl-icon-question-sign:before {
  content: "\e632";
}
.fl-icon-gift:before {
  content: "\e633";
}
.fl-icon-exclamation-sign:before {
  content: "\e634";
}
.fl-icon-asterisk:before {
  content: "\e635";
}
.fl-icon-minus:before {
  content: "\e636";
}
.fl-icon-eye-open:before {
  content: "\e637";
}
.fl-icon-eye-close:before {
  content: "\e638";
}
.fl-icon-warning-sign:before {
  content: "\e639";
}
.fl-icon-calendar:before {
  content: "\e63a";
}
.fl-icon-comment:before {
  content: "\e63b";
}
.fl-icon-chevron-down:before {
  content: "\e63c";
}
.fl-icon-retweet:before {
  content: "\e63d";
}
.fl-icon-shopping-cart:before {
  content: "\e63e";
}
.fl-icon-folder-close:before {
  content: "\e63f";
}
.fl-icon-folder-open:before {
  content: "\e640";
}
.fl-icon-resize-vertical:before {
  content: "\e641";
}
.fl-icon-chevron-up:before {
  content: "\e642";
}
.fl-icon-resize-horizontal:before {
  content: "\e643";
}
.fl-icon-heart-empty:before {
  content: "\e644";
}
.fl-icon-comments:before {
  content: "\e645";
}
.fl-icon-phone:before {
  content: "\e646";
}
.fl-icon-copy:before {
  content: "\e647";
}
.fl-icon-paper-clip:before {
  content: "\e648";
}
.fl-icon-fullscreen:before {
  content: "\e649";
}
.fl-icon-reorder:before {
  content: "\e64a";
}
.fl-icon-list-ul:before {
  content: "\e64b";
}
.fl-icon-sort:before {
  content: "\e64c";
}
.fl-icon-file-alt:before {
  content: "\e64d";
}
.fl-icon-envelope-alt:before {
  content: "\e64e";
}
.fl-icon-circle-blank:before {
  content: "\e64f";
}
.fl-icon-circle:before {
  content: "\e650";
}
.fl-icon-shield:before {
  content: "\e651";
}
.fl-icon-chevron-sign-right:before {
  content: "\e652";
}
.fl-icon-chevron-sign-left:before {
  content: "\e654";
}
.fl-icon-chevron-sign-down:before {
  content: "\e655";
}
.fl-icon-file:before {
  content: "\e656";
}
.fl-icon-file-text:before {
  content: "\e657";
}
.fl-icon-thumbs-up:before {
  content: "\e658";
}
.fl-icon-logo-webby:before {
  content: "\e687";
}
.fl-icon-logo-time:before {
  content: "\e688";
}
.fl-icon-logo-nytimes:before {
  content: "\e68a";
}
.fl-icon-logo-brw:before {
  content: "\e68c";
}
.fl-icon-logo-aimia:before {
  content: "\e68d";
}
.fl-icon-trophy:before {
  content: "\e68e";
}
.fl-icon-tick:before {
  content: "\e68f";
}
.fl-icon-next:before {
  content: "\e690";
}
.fl-icon-last:before {
  content: "\e691";
}
.fl-icon-first:before {
  content: "\e692";
}
.fl-icon-prev:before {
  content: "\e693";
}
.fl-icon-flag-outline:before {
  content: "\e694";
}
.fl-icon-comment-outline:before {
  content: "\e695";
}
.fl-icon-clipboard-outline:before {
  content: "\e696";
}
.fl-icon-bird:before {
  content: "\e697";
}
.fl-icon-sealed2:before {
  content: "\e698";
}
.fl-icon-unarchive:before {
  content: "\e699";
}
.fl-icon-archive:before {
  content: "\e69a";
}
.fl-icon-search:before {
  content: "\e69b";
}
.fl-icon-share-new:before {
  content: "\e69c";
}
.fl-icon-bid:before {
  content: "\e69d";
}
.fl-icon-youtube:before {
  content: "\e67b";
}
.fl-icon-reviews2:before {
  content: "\e683";
}
.fl-icon-skrill:before {
  content: "\e684";
}
.fl-icon-paypal-logo:before {
  content: "\e69e";
}
.fl-icon-caret-down:before {
  content: "\e69f";
}
.fl-icon-arrow-curve:before {
  content: "\e6a0";
}
.fl-icon-verified:before {
  content: "\e6a2";
}
.fl-icon-cross-thin:before {
  content: "\e6a3";
}
.fl-icon-exclamation:before {
  content: "\e6ab";
}
.fl-icon-round-square:before {
  content: "\e6ac";
}
.fl-icon-instagram:before {
  content: "\e6ad";
}
.fl-icon-chevron-left:before {
  content: "\e6b8";
}
.fl-icon-arrow-left:before {
  content: "\e6bb";
}
.fl-icon-arrow-up:before {
  content: "\e6ba";
}
.fl-icon-logo-aimia2:before {
  content: "\e6bc";
}
.fl-icon-dollar:before {
  content: "\e6b9";
}
.fl-icon-user:before {
  content: "\e66d";
}
.fl-icon-users:before {
  content: "\e66e";
}
.fl-icon-user-add:before {
  content: "\e66f";
}
.fl-icon-house:before {
  content: "\e670";
}
.fl-icon-camera:before {
  content: "\e671";
}
.fl-icon-cog:before {
  content: "\e672";
}
.fl-icon-tools:before {
  content: "\e673";
}
.fl-icon-newspaper:before {
  content: "\e674";
}
.fl-icon-hourglass:before {
  content: "\e675";
}
.fl-icon-credit-card:before {
  content: "\e676";
}
.fl-icon-bars:before {
  content: "\e677";
}
.fl-icon-logout:before {
  content: "\e678";
}
.fl-icon-login:before {
  content: "\e679";
}
.fl-icon-pictures:before {
  content: "\e67a";
}
.fl-icon-facebook2:before {
  content: "\e67d";
}
.fl-icon-pinterest-alt:before {
  content: "\e680";
}
.fl-icon-linkedin-alt:before {
  content: "\e682";
}
.fl-icon-dribbble-alt:before {
  content: "\e685";
}
.fl-icon-upload:before {
  content: "\e686";
}
.fl-icon-facebook:before {
  content: "\e681";
}
.fl-icon-googleplus:before {
  content: "\e67e";
}
.fl-icon-briefcase:before {
  content: "\e6a1";
}
/* 1. */
.pinky-template .feedback-modal .modal-header {
  border-bottom: 0;
}
.pinky-template .feedback-modal .modal-header .modal-title {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 300;
  letter-spacing: -0.015em;
  line-height: 1.2;
  font-size: 24px;
  font-size: 1.71428571rem;
  line-height: 1.33;
  margin-top: 0;
  padding-bottom: 20px;
  text-align: left;
  border-bottom: 1px solid #c7c7c7;
  font-weight: bold;
}
.pinky-template .feedback-modal .feedback-close {
  position: absolute;
  top: 6px;
  right: 0;
  padding: 15px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.2;
  font-size: 24px;
  font-size: 1.71428571rem;
  line-height: 1.4;
  line-height: 0;
  color: #525c6a;
  cursor: pointer;
}
.pinky-template .feedback-modal .feedback-close:hover {
  text-decoration: none;
  color: #0e1724;
}
.pinky-template .feedback-modal .modal-body label {
  margin: 20px 0 10px;
}
.pinky-template .feedback-modal .modal-body .feedback-error {
  margin-bottom: 0;
  border-color: #ea5455;
  color: #ea5455;
}
.pinky-template .feedback-modal img {
  margin-left: 100px;
}
.pinky-template .feedback-modal .user-feedback {
  margin-left: 30px;
}
.pinky-template .feedback-modal .feedback-review {
  margin-bottom: 20px;
}
.pinky-template .feedback-modal .feedback-review label {
  font-weight: bold;
}
.pinky-template .feedback-modal .feedback-review .user-feedback {
  font-style: italic;
}
.feedback-btn {
  margin-bottom: 30px !important;
}
.feedback-heading {
  margin-bottom: 40px !important;
}
.feedback-status {
  margin: 4px;
  padding: 20px;
  background-color: #fafafa;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px #e0e0e0;
  text-align: center;
}
/* States */
/* Used to indicate the state of a component, toggled via JS */
/* Global states for HTML elements across the site */
/* Interaction patterns */
/* 1. use in conjunction with .is-expanded to create an accordian effect */
/* 2. use in conjunction with .is-collapsed to create an accordian effect */
/* 3. use to hide an element and remove it from the document flow */
/* 4. use to un-hide an element set to display none by default */
.is-collapsed {
  /* 1. */
  max-height: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
}
.is-expanded {
  /* 2. */
  max-height: none !important;
}
.is-hidden {
  display: none !important;
}
.is-visible {
  /* 4. */
  display: inline-block !important;
}
.is-invisible {
  visibility: hidden;
}
.is-transparent {
  opacity: 0.5;
}
[data-state="sticky"] {
  position: fixed;
}
[data-state="hidden"],
.hide {
  display: none;
}
[data-state="visible"],
.show {
  display: block;
}
.is-accessibly-hidden {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
/**
 * All
 *
 * Weight: -10
 *
 * Styleguide: All
 */
/**
 * Sections
 *
 * Modular and reusable layouts
 *
 * Weight: -8
 *
 * Styleguide: Sections
 */
/**
 * Deprecated
 *
 * All modules that are deprecated and are to be phased out.
 *
 * Weight: 10
 *
 * Styleguide: Deprecated
 */