@charset "UTF-8";
/**
 * CONTENTS #todo
 *
 * SETTINGS
 * Global...............Globally-available variables and config.
 *
 * TOOLS
 * Mixins...............Useful mixins.
 *
 * GENERIC
 * Normalize.css........A level playing field.
 * Box-sizing...........Better default `box-sizing`.
 *
 * BASE
 * Headings.............H1–H6 styles.
 *
 * OBJECTS
 * Wrappers.............Wrapping and constraining elements.
 *
 * COMPONENTS
 * Page-head............The main page header.
 * Page-foot............The main page footer.
 * Buttons..............Button elements.
 *
 * TRUMPS
 * Text.................Text helpers.
 */
/**
 * Inuitcss Source Order:
 *
 * Settings: 	Global variables, site-wide settings, config switches, etc.
 * Tools: 		Site-wide mixins and functions.
 * Generic: 	Low-specificity, far-reaching rulesets (e.g. resets).
 * Base: 		Unclassed HTML elements (e.g. a {}, blockquote {}, address {}).
 * Objects: 	Objects, abstractions, and design patterns (e.g. .media {}).
 * Components: 	Discrete, complete chunks of UI (e.g. .carousel {}). This
 * 				is the one layer that inuitcss doesn’t get involved with.
 * Trumps: 		High-specificity, very explicit selectors. Overrides and helper
 * 				classes (e.g. .hidden {}).
 *
 **/
/**
* Menu Heights - for the margin below it as its position:fixed
**/
/**
 * inuit makes images with width/height specified non max-widthed.
 * Due to how wordpress spits out width and height everywhere, I need
 * to overrride this:
 **/
img[width],
img[height] {
  /* [2] */
  max-width: 100%; }

img {
  height: auto; }

/*
 * inuitcss, by @csswizardry
 *
 * github.com/inuitcss | inuitcss.com
 */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0; }

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal; }

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

/*------------------------------------*\
	 #BOX-SIZING
\*------------------------------------*/
/**
 * Set the global `box-sizing` state to `border-box`.
 *
 * css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice
 * paulirish.com/2012/box-sizing-border-box-ftw
 */
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit; }

/*------------------------------------*\
    #RESET
\*------------------------------------*/
/**
 * As well as using normalize.css, it is often advantageous to remove all
 * margins from certain elements.
 */
body,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
dl, dd, ol, ul,
form, fieldset, legend,
figure,
table, th, td, caption,
hr {
  margin: 0;
  padding: 0; }

/**
 * Give a help cursor to elements that give extra info on `:hover`.
 */
abbr[title],
dfn[title] {
  cursor: help; }

/**
 * Remove underlines from potentially troublesome elements.
 */
u,
ins {
  text-decoration: none; }

/**
 * Apply faux underlines to inserted text via `border-bottom`.
 */
ins {
  border-bottom: 1px solid; }

/*------------------------------------*\
    #SHARED
\*------------------------------------*/
/**
 * Where `margin-bottom` is concerned,this value will be the same as the
 * base line-height. This allows us to keep a consistent vertical rhythm.
 * As per: csswizardry.com/2012/06/single-direction-margin-declarations
 */
h1, h2, h3, h4, h5, h6,
ul, ol, dl,
blockquote, p, address,
hr,
table,
fieldset, figure,
pre {
  margin-bottom: 24px;
  margin-bottom: 1.5rem; }

/**
 * Where `margin-left` is concerned we want to try and indent certain elements
 * by a consistent amount. Define that amount once,here.
 */
ul, ol, dd {
  margin-left: 48px;
  //margin-left: 3rem; 
  margin-left:1rem;
}

/*------------------------------------*\
    #HEADINGS
\*------------------------------------*/
/**
 * Headings 1–6.
 */
h1 {
  font-size: 40px;
  font-size: 2.5rem;
  line-height: 1.2; }

h2 {
  font-size: 30px;
  font-size: 1.9rem;
  line-height: 1.6; }

h3 {
  font-size: 26px;
  font-size: 1.6rem;
  line-height: 1.8; }

h4 {
  font-size: 20px;
  font-size: 1.3rem;
  line-height: 1.2; }

h5 {
  font-size: 18px;
  font-size: 1.1rem;
  line-height: 1.3; }

h6 {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5; }

/*------------------------------------*\
    #LISTS
\*------------------------------------*/
/**
 * Remove extra vertical spacing when nesting lists.
 */
li > ul,
li > ol {
  margin-bottom: 0; }

/*------------------------------------*\
    #IMAGES
\*------------------------------------*/
/**
 * 1. Fluid images for responsive purposes.
 * 2. Offset `alt` text from surrounding copy.
 * 3. Setting `vertical-align` removes the whitespace that appears under `img`
 *    elements when they are dropped into a page as-is. Safer alternative to
 *    using `display: block;`.
 */
img {
  max-width: 100%;
  /* [1] */
  font-style: italic;
  /* [2] */
  vertical-align: middle;
  /* [3] */ }

/**
 * 1. Google Maps breaks if `max-width: 100%` acts upon it; use their selector
 *    to remove the effects.
 * 2. If a `width` and/or `height` attribute have been explicitly defined, let’s
 *    not make the image fluid.
 */
.gm-style img {
  /* [1] */
  max-width: none; }

/*------------------------------------*\
	 #PAGE
\*------------------------------------*/
/**
 * High-, page-level styling.
 *
 * 1. Set the default `font-size` and `line-height` for the entire project,
 *	 sourced from our default variables. The `font-size` is calculated to exist
 *	 in ems, the `line-height` is calculated to exist unitlessly.
 * 2. Force scrollbars to always be visible to prevent awkward ‘jumps’ when
 *	 navigating between pages that do/do not have enough content to produce
 *	 scrollbars naturally.
 * 3. Ensure the page always fills at least the entire height of the viewport.
 * 4. Prevent certain mobile browsers from automatically zooming fonts.
 * 5. Fonts on OSX will look more consistent with other systems that do not
 *	 render text using sub-pixel anti-aliasing.
 */
html {
  font-size: 1em;
  /* [1] */
  line-height: 1.5;
  /* [1] */
  background-color: #fff;
  color: #232323;
  overflow-y: scroll;
  /* [2] */
  -webkit-text-size-adjust: 100%;
  /* [4] */
  -ms-text-size-adjust: 100%;
  /* [4] */
  -moz-osx-font-smoothing: grayscale;
  /* [5] */
  -webkit-font-smoothing: antialiased;
  /* [5] */ }

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/Material/MaterialIcons-Regular.eot);
  /* For IE6-8 */
  src: local("Material Icons"), local("MaterialIcons-Regular"), url(../fonts/Material/MaterialIcons-Regular.woff2) format("woff2"), url(../fonts/Material/MaterialIcons-Regular.woff) format("woff"), url(../fonts/Material/MaterialIcons-Regular.ttf) format("truetype"); }

.material-icons, .micon {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga'; }

@font-face {
  font-family: 'Open Sans';
  font-weight: 400;
  font-style: normal;
  src: url("../fonts/Open-Sans-regular/Open-Sans-regular.eot");
  src: url("../fonts/Open-Sans-regular/Open-Sans-regular.eot?#iefix") format("embedded-opentype"), local("Open Sans"), local("Open-Sans-regular"), url("../fonts/Open-Sans-regular/Open-Sans-regular.woff2") format("woff2"), url("../fonts/Open-Sans-regular/Open-Sans-regular.woff") format("woff"), url("../fonts/Open-Sans-regular/Open-Sans-regular.ttf") format("truetype"), url("../fonts/Open-Sans-regular/Open-Sans-regular.svg#OpenSans") format("svg"); }

@font-face {
  font-family: 'Open Sans';
  font-weight: 300;
  font-style: normal;
  src: url("../fonts/Open-Sans-300/Open-Sans-300.eot");
  src: url("../fonts/Open-Sans-300/Open-Sans-300.eot?#iefix") format("embedded-opentype"), local("Open Sans Light"), local("Open-Sans-300"), url("../fonts/Open-Sans-300/Open-Sans-300.woff2") format("woff2"), url("../fonts/Open-Sans-300/Open-Sans-300.woff") format("woff"), url("../fonts/Open-Sans-300/Open-Sans-300.ttf") format("truetype"), url("../fonts/Open-Sans-300/Open-Sans-300.svg#OpenSans") format("svg"); }

@font-face {
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  src: url("../fonts/Open-Sans-700/Open-Sans-700.eot");
  src: url("../fonts/Open-Sans-700/Open-Sans-700.eot?#iefix") format("embedded-opentype"), local("Open Sans Bold"), local("Open-Sans-700"), url("../fonts/Open-Sans-700/Open-Sans-700.woff2") format("woff2"), url("../fonts/Open-Sans-700/Open-Sans-700.woff") format("woff"), url("../fonts/Open-Sans-700/Open-Sans-700.ttf") format("truetype"), url("../fonts/Open-Sans-700/Open-Sans-700.svg#OpenSans") format("svg"); }

@font-face {
  font-family: 'Open Sans';
  font-weight: 400;
  font-style: italic;
  src: url("../fonts/Open-Sans-italic/Open-Sans-italic.eot");
  src: url("../fonts/Open-Sans-italic/Open-Sans-italic.eot?#iefix") format("embedded-opentype"), local("Open Sans Italic"), local("Open-Sans-italic"), url("../fonts/Open-Sans-italic/Open-Sans-italic.woff2") format("woff2"), url("../fonts/Open-Sans-italic/Open-Sans-italic.woff") format("woff"), url("../fonts/Open-Sans-italic/Open-Sans-italic.ttf") format("truetype"), url("../fonts/Open-Sans-italic/Open-Sans-italic.svg#OpenSans") format("svg"); }

body {
  font-family: 'Segoe UI', Tahoma, sans-serif; }

.fonts-loaded body {
  font-family: 'Open Sans', sans-serif; }

@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot?xs8oyn");
  src: url("../fonts/icomoon.eot?xs8oyn#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?xs8oyn") format("truetype"), url("../fonts/icomoon.woff?xs8oyn") format("woff"), url("../fonts/icomoon.svg?xs8oyn#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  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;
  background-size: 100%;
  background-size: 100%;
  display: inline-block;
  vertical-align: middle; }

.icon-hamburger:before {
  content: "\e901"; }

.icon-email:before {
  content: "\e904"; }

.icon-file-empty:before,
.icon-document:before {
  content: "\e924"; }

.icon-alarm:before,
.icon-time:before {
  content: "\e950"; }

.icon-stopwatch:before,
.icon-progress:before {
  content: "\e952"; }

.icon-calendar:before {
  content: "\e953"; }

.icon-user:before {
  content: "\e971"; }

.icon-star-full:before {
  content: "\e9d9"; }

.icon-misc-close-menu {
  width: 42px;
  height: 41px; }

.icon--circle {
  font-size: 28px;
  font-size: 1.8rem; }

.icon--left {
  font-size: 14px;
  font-size: 0.9rem;
  line-height: 1.7;
  padding-right: 3px; }

.icon--btn-profile {
  vertical-align: middle;
  margin-right: -12px;
  margin-left: 6px; }
  .icon--btn-profile svg {
    width: 40px;
    height: 40px; }
  .icon--btn-profile path {
    fill: #fff; }

.icon--social {
  width: 45px;
  height: 45px; }

.icon--search {
  width: 62px;
  height: 62px; }

.icon--grey path {
  fill: #9b9b9b; }

.icon-misc-right-arrow {
  width: 12px;
  height: 23px; }

.icon--check {
  width: 45px;
  height: 45px; }

.icon--white path {
  fill: #fff; }

.rating {
  position: relative;
  max-width: 120px;
  margin: 0 auto; }

.icon--rating {
  position: absolute;
  bottom: -4px;
  right: 0;
  width: 50px;
  height: 50px; }

.flag__img {
  position: relative; }

.icon--rating-left {
  position: absolute;
  bottom: 32%;
  right: 34%;
  width: 20px;
  height: 20px; }

.pr-5 .icon--rating-left {
  right: 8%;
}

.icon--video {
  width: 45px;
  height: 45px; }

.icon--continue {
  float: right;
  margin-left: 12px; }

.icon--previous {
  float: left;
  margin-right: 12px;
  transform: rotate(180deg) translateY(-3px); }

.circle {
  background: #e0e0e0;
  border-radius: 100%;
  text-align: center;
  max-width: 158px;
  padding: 24px; }

.note-btn-group .circle {
  background: transparent;
  border-radius: 100%;
  text-align: left;
  max-width: 158px;
  padding: 0px; }
 
.rating-circle {
  border-radius: 100%;
  border: 1px solid #c8c8c8;
  width: 40px;
  height: 40px; }

.rating-circle--filled {
  background: #00c775;
  color: #fff;
  border: 1px solid #00c775; }

.rating-circle__number {
  line-height: 40px;
  position: relative;
  top: -1px; }

.icon--details {
  margin-top: -2px; }

.icon-misc-check,
.icon-misc-uncheck {
  display: inline-block;
  width: 36px;
  height: 36px; }

a {
  color: #4ba6f5;
  transition: 0.3s;
  text-decoration: none;
  border-bottom: 1px solid transparent;
  /* on hover */ }
  a:hover, a:focus {
    color: #63b2f6;
    transition: 0.3s;
    border-bottom: 1px solid #63b2f6; }
  a.btn {
    border-bottom: none; }
    a.btn:hover, a.btn:focus {
      border-bottom: none; }

.link--tooltip {
  /* background: #e0e0e0; */
  border-radius: 100%;
  color: #fff;
  width: 25px;
  height: 25px;
  display: inline-block; }
  .link--tooltip:hover, .link--tooltip:focus {
    background: #fff;
    color: rgba(0, 0, 0, 0.8); }

.link--white {
  color: #fff;
  border-bottom: 1px solid #fff; }
  .link--white:hover, .link--white:focus {
    color: #fff;
    border-bottom: none; }

.link--dark-rose {
  color: #ab4867;
  border-bottom: 1px solid #ab4867; }
  .link--dark-rose:hover, .link--dark-rose:focus {
    color: #ab4867;
    border-bottom: none; }

.link--plain,
.link--tooltip,
.tabs__link,
.video__play-btn {
  border-bottom: none;
  text-decoration: none; }
  .link--plain:hover, .link--plain:focus,
  .link--tooltip:hover,
  .tabs__link:hover,
  .video__play-btn:hover,
  .link--tooltip:focus,
  .tabs__link:focus,
  .video__play-btn:focus {
    text-decoration: none;
    border-bottom: none !important; }

html {
  background: #272B35;
  overflow-x: hidden; }

body {
  color: rgba(0, 0, 0, 0.8);
  background: #f9fcff;
  overflow-x: hidden; }

h1, .alpha,
h2, .beta,
h3, .gamma,
h4, .delta,
h5, .epsilon,
h6, .zeta {
  font-weight: 400;
  color: rgba(0, 0, 0, 0.8);
  margin-bottom: 16px; }
  .fonts-loaded h1, .fonts-loaded .alpha, .fonts-loaded
  h2, .fonts-loaded .beta, .fonts-loaded
  h3, .fonts-loaded .gamma, .fonts-loaded
  h4, .fonts-loaded .delta, .fonts-loaded
  h5, .fonts-loaded .epsilon, .fonts-loaded
  h6, .fonts-loaded .zeta {
    font-family: "Open Sans", "Segoe UI", Tahoma, sans-serif; }

h5, .epsilon {
  font-size: 11px;
  font-size: 0.7rem;
  line-height: 1.4;
  text-transform: uppercase;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.5); }

.img--full {
  width: 100%;
  margin-bottom: 24px; }

/*------------------------------------*\
    #BLOCK
\*------------------------------------*/
/**
 * The block object simply stacks an image on top of some text-like content.
 */
/**
 * Stacked image-with-text object. A simple abstraction to cover a very commonly
 * occurring design pattern.
 */
.block {
  display: block; }

/**
     * 1. Eliminate whitespace around images.
     */
.block__img {
  vertical-align: middle;
  /* [1] */
  margin-bottom: 24px; }

/**
     * Text-content.
     */
.block__body {
  display: block; }

/*------------------------------------*\
    #BUTTONS
\*------------------------------------*/
/**
 * A simple button object.
 */
/**
 * 1. Allow us to style box model properties.
 * 2. Line different sized buttons up a little nicer.
 * 3. Make buttons inherit font styles (often necessary when styling `input`s as
 *    buttons).
 * 4. Reset/normalize some styles.
 * 5. Force all button-styled elements to appear clickable.
 * 6. Fixes odd inner spacing in IE7.
 * 7. Subtract the border size from the padding value so that buttons do not
 *    grow larger as we add borders.
 */
.btn,
.editable-submit,
.editable-cancel {
  display: inline-block;
  /* [1] */
  vertical-align: middle;
  /* [2] */
  font: inherit;
  /* [3] */
  text-align: center;
  /* [4] */
  margin: 0;
  /* [4] */
  cursor: pointer;
  /* [5] */
  overflow: visible;
  /* [6] */
  padding: 11px 23px;
  /* [7] */
  background-color: #4a8ec2;
  border: 1px solid #4a8ec2; }
  .btn, .btn:hover, .btn:active, .btn:focus,
  .editable-submit,
  .editable-cancel,
  .editable-submit:hover,
  .editable-cancel:hover,
  .editable-submit:active,
  .editable-cancel:active,
  .editable-submit:focus,
  .editable-cancel:focus {
    text-decoration: none;
    /* [4] */
    color: #fff; }

/**
 * Fix a Firefox bug whereby `input type="submit"` gains 2px extra padding.
 */
.btn::-moz-focus-inner,
.editable-submit::-moz-focus-inner,
.editable-cancel::-moz-focus-inner {
  border: 0;
  padding: 0; }

/*------------------------------------*\
    #FLAG
\*------------------------------------*/
/**
 * The flag object is a design pattern similar to the media object, however it
 * utilises `display: table[-cell];` to give us control over the vertical
 * alignments of the text and image. csswizardry.com/2013/05/the-flag-object
 */
/**
 * 1. Allows us to control vertical alignments
 * 2. Force the object to be the full width of its parent. Combined with [1],
 *    this makes the object behave in a quasi-`display: block;` manner.
 */
.flag {
  display: table;
  /* [1] */
  width: 100%;
  /* [2] */ }

/**
     * Items within a flag object. There should only ever be one of each.
     *
     * 1. Default to aligning content to their middles.
     */
.flag__img,
.flag__body {
  display: table-cell;
  vertical-align: middle;
  /* [1] */ }

/**
     * Flag images have a space between them and the body of the object.
     */
.flag__img {
  padding-right: 24px; }
  .flag__img > img {
    display: block;
    max-width: none; }

/**
     * The container for the main content of the flag object.
     *
     * 1. Forces the `.flag__body` to take up all remaining space.
     */
.flag__body {
  width: 100%;
  /* [1] */ }
  .flag__body,
  .flag__body > :last-child {
    margin-bottom: 0; }

/**
     * Reversed flag objects have their image-content to the right, and text-content
     * to the left.
     *
     * 1. Swap the rendered direction of the object…
     * 2. …and reset it.
     * 3. Reassign margins to the correct sides.
     */
.flag--rev {
  direction: rtl;
  /* [1] */ }
  .flag--rev > .flag__img,
  .flag--rev > .flag__body {
    direction: ltr;
    /* [2] */ }
  .flag--rev > .flag__img {
    padding-right: 0;
    /* [3] */
    padding-left: 24px;
    /* [3] */ }

/**
     * Flush flag objects have no space between the image- and text-content.
     */
.flag--flush > .flag__img {
  padding-right: 0;
  padding-left: 0; }

/**
     * Responsive flag objects.
     *
     * There is a very pragmatic, simple implementation of a responsive flag
     * object, which simply places the text-content beneath the image-content.
     *
     * We use a `max-width` media query because:
     *
     * a) it is the least verbose method in terms of amount of code required.
     * b) the flag object’s default state is image-next-to-text, so its stacked
     *    state is the exception, rather than the rule.
     */
@media screen and (max-width: 450px) {
  .flag--responsive {
    /**
                 * Disable reversal of content because there is no concept of
                 * ‘reversed’ in a stacked layout.
                 */
    direction: ltr;
    /**
             * Rework the spacings on regular flag objects.
             */ }
    .flag--responsive,
    .flag--responsive > .flag__img,
    .flag--responsive > .flag__body {
      display: block; }
    .flag--responsive > .flag__img {
      padding-right: 0;
      padding-left: 0;
      margin-bottom: 24px; } }

/*------------------------------------*\
    #LAYOUT
\*------------------------------------*/
/**
 * The inuitcss layout system uses `box-sizing: border-box;` and
 * `display: inline-block;` to create an extremely powerful, flexible
 * alternative to the traditional grid system. Combine the layout items with
 * the widths found in `trumps.widths`.
 */
/**
 * Begin a layout group.
 */
.layout {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-left: -20px; }

/**
     * 1. Cause columns to stack side-by-side.
     * 2. Space columns apart.
     * 3. Align columns to the tops of each other.
     * 4. Full-width unless told to behave otherwise.
     * 5. Required to combine fluid widths and fixed gutters.
     */
.layout__item {
  display: inline-block;
  /* [1] */
  padding-left: 20px;
  /* [2] */
  vertical-align: top;
  /* [3] */
  width: 100%;
  /* [4] */ }

/**
     * Layouts with no gutters.
     */
.layout--flush {
  margin-left: 0; }
  .layout--flush > .layout__item {
    padding-left: 0; }

/**
     * Reversed rendered order of layout items, e.g. items 1, 2, 3, 4 in your
     * markup will display in order 4, 3, 2, 1 on your page.
     */
.layout--rev {
  direction: rtl;
  text-align: left; }
  .layout--rev > .layout__item {
    direction: ltr;
    text-align: left; }

/**
     * Align layout items to the vertical centers of each other.
     */
.layout--middle > .layout__item {
  vertical-align: middle; }

/**
     * Make the layout items fill up from the center outward.
     */
.layout--center {
  text-align: center; }
  .layout--center > .layout__item {
    text-align: left; }

.btn,
.editable-submit,
.editable-cancel {
  color: #fff;
  font-size: 11px;
  font-size: 0.7rem;
  line-height: 2.2;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  background: #1f4eff;
  border-radius: 30px;
  box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.3);
  border: none;
  transition: 0.3s;
  word-wrap: break-word; }
  .btn:hover, .btn:focus,
  .editable-submit:hover,
  .editable-cancel:hover,
  .editable-submit:focus,
  .editable-cancel:focus {
    background: #3962ff;
    border: none; }
  .t-candidate .btn, .t-candidate .editable-submit, .t-candidate .editable-cancel {
    background: #00bcd4; }
    .t-candidate .btn:hover, .t-candidate .btn:focus, .t-candidate .editable-submit:hover, .t-candidate .editable-cancel:hover, .t-candidate .editable-submit:focus, .t-candidate .editable-cancel:focus {
      background: #00d3ee; }
  .t-admin .btn, .t-admin .editable-submit, .t-admin .editable-cancel {
    background: #ab4867; }
    .t-admin .btn:hover, .t-admin .btn:focus, .t-admin .editable-submit:hover, .t-admin .editable-cancel:hover, .t-admin .editable-submit:focus, .t-admin .editable-cancel:focus {
      background: #bf6783; }
  .btn[disabled],
  .editable-submit[disabled],
  .editable-cancel[disabled] {
    background-color: #b7c2c8;
   }

.btn--green,
.btn--job-status,
.btn--profile-img,
.t-candidate .btn--profile--img,
.btn--tag,
.t-candidate .btn--job-status,
.editable-submit,
.t-candidate .editable-submit,
.t-candidate .btn--green {
  background: #00c775; }
  .btn--green:hover, .btn--green:focus,
  .btn--job-status:hover,
  .btn--profile-img:hover,
  .t-candidate .btn--profile--img:hover,
  .btn--tag:hover,
  .editable-submit:hover,
  .btn--job-status:focus,
  .btn--profile-img:focus,
  .t-candidate .btn--profile--img:focus,
  .btn--tag:focus,
  .editable-submit:focus,
  .t-candidate .btn--green:hover,
  .t-candidate .btn--green:focus {
    background: #00e184;
    border: none; }

.btn--orange,
.t-candidate .btn--orange {
  background: #fdca30 !important; }
  .btn--orange:hover, .btn--orange:focus,
  .t-candidate .btn--orange:hover,
  .t-candidate .btn--orange:focus {
    background: #fdd049 !important;
    border: none; }

.btn--pink {
  background: #fd5b7a; }
  .btn--pink:hover, .btn--pink:focus {
    background: #fe8da3;
    border: none; }

.btn--red,
.editable-cancel,
.t-candidate .editable-cancel,
.t-candidate .btn--red {
  background: #9d1348; }
  .btn--red:hover, .btn--red:focus,
  .editable-cancel:hover,
  .editable-cancel:focus,
  .t-candidate .btn--red:hover,
  .t-candidate .btn--red:focus {
    background: #cb195d;
    border: none; }

.btn--teal, .btn--continue {
  background: #2bc7c3 !important; }
  .btn--teal:hover, .btn--continue:hover, .btn--teal:focus, .btn--continue:focus {
    border: none; }

.btn--inactive,
.t-candidate .btn--inactive {
  background: rgba(0, 0, 0, 0.5);
  box-shadow: none;
  cursor: default; }
  .btn--inactive:hover, .btn--inactive:focus,
  .t-candidate .btn--inactive:hover,
  .t-candidate .btn--inactive:focus {
    background: rgba(0, 0, 0, 0.5);
    border: none; }

.btn--outline, .admin-buttons .btn:disabled,
.t-candidate .btn--outline,
.t-candidate .admin-buttons .btn:disabled,
.admin-buttons .t-candidate .btn:disabled {
  background: transparent;
  color: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(0, 0, 0, 0.3); }
  .btn--outline:hover, .admin-buttons .btn:hover:disabled, .btn--outline:focus, .admin-buttons .btn:focus:disabled,
  .t-candidate .btn--outline:hover,
  .t-candidate .admin-buttons .btn:hover:disabled,
  .admin-buttons .t-candidate .btn:hover:disabled,
  .t-candidate .btn--outline:focus,
  .t-candidate .admin-buttons .btn:focus:disabled,
  .admin-buttons .t-candidate .btn:focus:disabled {
    background: transparent;
    color: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 30px; }
  .btn--outline.btn--outline-teal, .admin-buttons .btn--outline-teal.btn:disabled, .btn--outline.btn--outline-teal:hover, .admin-buttons .btn--outline-teal.btn:hover:disabled, .btn--outline.btn--outline-teal:focus, .admin-buttons .btn--outline-teal.btn:focus:disabled,
  .t-candidate .btn--outline.btn--outline-teal,
  .t-candidate .admin-buttons .btn--outline-teal.btn:disabled,
  .admin-buttons .t-candidate .btn--outline-teal.btn:disabled,
  .t-candidate .btn--outline.btn--outline-teal:hover,
  .t-candidate .admin-buttons .btn--outline-teal.btn:hover:disabled,
  .admin-buttons .t-candidate .btn--outline-teal.btn:hover:disabled,
  .t-candidate .btn--outline.btn--outline-teal:focus,
  .t-candidate .admin-buttons .btn--outline-teal.btn:focus:disabled,
  .admin-buttons .t-candidate .btn--outline-teal.btn:focus:disabled {
    color: #2bc7c3 !important;
    border: solid 1px #2bc7c3 !important; }
  .btn--outline.btn--outline-red, .admin-buttons .btn--outline-red.btn:disabled, .btn--outline.btn--outline-red:hover, .admin-buttons .btn--outline-red.btn:hover:disabled, .btn--outline.btn--outline-red:focus, .admin-buttons .btn--outline-red.btn:focus:disabled,
  .t-candidate .btn--outline.btn--outline-red,
  .t-candidate .admin-buttons .btn--outline-red.btn:disabled,
  .admin-buttons .t-candidate .btn--outline-red.btn:disabled,
  .t-candidate .btn--outline.btn--outline-red:hover,
  .t-candidate .admin-buttons .btn--outline-red.btn:hover:disabled,
  .admin-buttons .t-candidate .btn--outline-red.btn:hover:disabled,
  .t-candidate .btn--outline.btn--outline-red:focus,
  .t-candidate .admin-buttons .btn--outline-red.btn:focus:disabled,
  .admin-buttons .t-candidate .btn--outline-red.btn:focus:disabled {
    color: #fd3886 !important;
    border: solid 1px #fd3886 !important; }
  .btn--outline[disabled], .admin-buttons .btn[disabled]:disabled, .btn--outline.btn--outline-teal[disabled], .admin-buttons .btn--outline-teal.btn[disabled]:disabled,
  .t-candidate .btn--outline[disabled],
  .t-candidate .admin-buttons .btn[disabled]:disabled,
  .admin-buttons .t-candidate .btn[disabled]:disabled,
  .t-candidate .btn--outline.btn--outline-teal[disabled],
  .t-candidate .admin-buttons .btn--outline-teal.btn[disabled]:disabled,
  .admin-buttons .t-candidate .btn--outline-teal.btn[disabled]:disabled {
    background-color: transparent;
    border-color: rgba(0, 0, 0, 0.3);
    color: rgba(0, 0, 0, 0.3); }

.btn--see-all,
.t-candidate .btn--see-all {
  background: #c8c8c8;
  color: #fff;
  border: 1px solid #c8c8c8 !important;
  font-size: 11px;
  font-size: 0.7rem; }
  .btn--see-all:hover, .btn--see-all:focus,
  .t-candidate .btn--see-all:hover,
  .t-candidate .btn--see-all:focus {
    background: #d5d5d5;
    color: #fff;
    border: 1px solid #c8c8c8 !important;
    border-radius: 30px; }

.btn--job-status,
.btn--profile-img,
.t-candidate .btn--profile--img,
.btn--tag,
.t-candidate .btn--job-status {
  font-size: 11px;
  font-size: 0.7rem;
  font-weight: 700;
  text-transform: uppercase;
  padding: 0px 12px;
  position: absolute;
  z-index: 2;
  right: 24px;
  box-shadow: none;
  cursor: default; }

.btn--profile-img,
.t-candidate .btn--profile--img {
  position: static;
  margin-right: 57px; }

.editable-submit, .editable-cancel {
  font-size: 12px;
  font-size: 0.8rem;
  padding: 6px 15px; }

.btn--square {
  border-radius: 0; }

.btn--tag {
  padding: 6px 18px;
  position: static;
  background: #4ae2a1;
  cursor: pointer;
  margin: 0 6px 12px 0; }
  .btn--tag:hover, .btn--tag:focus {
    background: #76e9b8; }
  .t-candidate .btn--tag {
    background: #fdca30; }
    .t-candidate .btn--tag:hover, .t-candidate .btn--tag:focus {
      background: #fdd763; }

.btn--driver{
  background: #76b5c5!important;
}
.btn--driver:hover, .btn--driver:focus {
  background: #9de1f2!important;
}
.pr-5{
  padding-right:5px!important;
}
.pl-5{
  padding-left:5px!important;
}
.div-driver{ 
  min-width: 55px; 
}
.fuzzy-driver{
  min-width:30px;
  padding-right:0px;
}
.icon--driver {
  position: absolute;
  bottom: 0px;
  right: -25px;
  width: 30px;
  height: 30px; 
}
.profile-driver{
    position: absolute;
    left: 0;
    right: -175px;
    margin: auto;
    z-index: 1;
    width: 50px;
}
.vaccination-covid{
    position: absolute;
    left: 0;   
    margin: auto;
    z-index: 2;
    //right: 120px;
    //width: 70px;
    width: 32px;
    right: 155px;
}
.profile-icon-phone{
  background: url("../images/c-phone.png") no-repeat;
}
.mtb-15{
  margin:15px;
}
.text-center{
  text-align: center;
}
.btn--sky-blue {
  background: #60bfff; }
  .btn--sky-blue:hover, .btn--sky-blue:focus {
    background: #7ac9ff; }

.btn--calendar--booked {
  background: #3353c1; }
  .btn--calendar--booked:hover, .btn--calendar--booked:focus {
    background: #3353c1; }
  .t-candidate .btn--calendar--booked {
    background: #f34235; }
    .t-candidate .btn--calendar--booked:hover, .t-candidate .btn--calendar--booked:focus {
      background: #f66f65; }

.btn--calendar--busy {
  background: #e0e0e0; }
  .btn--calendar--busy:hover, .btn--calendar--busy:focus {
    background: #e0e0e0; }
  .t-candidate .btn--calendar--busy {
    background: #e0e0e0; }
    .t-candidate .btn--calendar--busy:hover, .t-candidate .btn--calendar--busy:focus {
      background: #ededed; }

.btn--calendar--new-offer {
  background: #f79400; }
  .btn--calendar--new-offer:hover, .btn--calendar--new-offer:focus {
    background: #f79400; }
  .t-candidate .btn--calendar--new-offer {
    background: #00bcd4; }
    .t-candidate .btn--calendar--new-offer:hover, .t-candidate .btn--calendar--new-offer:focus {
      background: #08e3ff; }

.btn--long, .admin-modal .btn, .training-modal .btn, .mfp-popup .btn {
  min-width: 240px; }
  
.btn--medium, #btn-countdown{
	min-width:175px;
}


.btn--small {
  font-size: 11px;
  font-size: 0.7rem;
  padding: 7px 18px;
  box-shadow: none; }

.btn--with-icon {
  padding: 3px 23px; }

.btn--login,
.t-candidate .btn--login {
  background: transparent;
  color: #fff;
  border: 2px solid #fff !important;
  border-radius: 40px; }
  .btn--login:hover, .btn--login:focus,
  .t-candidate .btn--login:hover,
  .t-candidate .btn--login:focus {
    background: transparent;
    color: #fff;
    border: 2px solid #fff !important;
    border-radius: 30px; }

.btn--black {
  background: #272B35; }

.btn--no-shadow, .admin-buttons .btn, .listing .btn, .admin-modal .btn, .training-buttons .btn, .training-modal .btn {
  box-shadow: none; }

.admin-buttons {
  padding-top: 24px;
  padding-bottom: 48px;
  text-align: center; }
  .admin-buttons .btn {
    margin: 0 12px 24px; }
  .admin-buttons .editable-submit {
    background-color: #2bc7c3;
    padding-top: 11px;
    padding-bottom: 11px; }

/*------------------------------------*\
    #LIST-BARE
\*------------------------------------*/
/**
 * The list-bare object simply removes any indents and bullet points from lists.
 */
.list-bare {
  margin: 0;
  padding: 0;
  list-style: none; }

/*------------------------------------*\
    #LIST-BLOCK
\*------------------------------------*/
/**
 * The list-block object creates blocky list items out of a `ul` or `ol`.
 */
.list-block {
  margin: 0;
  padding: 0;
  list-style: none; }

.list-block__item,
.list-block > li {
  padding: 24px; }

/*------------------------------------*\
    #LIST-INLINE
\*------------------------------------*/
/**
 * The list-inline object simply displays a list of items in one line.
 */
.list-inline {
  margin: 0;
  padding: 0;
  list-style: none; }
  .list-inline > li {
    display: inline-block; }

/*------------------------------------*\
    #LIST-UI
\*------------------------------------*/
/**
 * The UI list object creates blocky list items with a keyline separator out of
 * a `ul` or `ol`.
 */
.list-ui,
.list-ui__item,
.list-ui > li {
  border: 0 solid #ccc; }

.list-ui {
  margin: 0;
  padding: 0;
  list-style: none;
  border-top-width: 1px; }

.list-ui__item,
.list-ui > li {
  padding: 24px;
  border-bottom-width: 1px; }

/*------------------------------------*\
    #MEDIA
\*------------------------------------*/
/**
 * Place any image- and text-like content side-by-side, as per:
 * stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code
 */
.media {
  display: block; }

.media__img {
  float: left;
  margin-right: 24px; }
  .media__img > img {
    display: block; }

.media__body {
  overflow: hidden;
  display: block; }
  .media__body,
  .media__body > :last-child {
    margin-bottom: 0; }

/*------------------------------------*\
    #PACK
\*------------------------------------*/
/**
 * The pack object simply causes any number of elements pack up horizontally to
 * automatically fill an equal, fluid width of their parent.
 */
/**
 * 1. Fill all available space.
 * 2. Cause children to be automatically equally sized.
 */
.pack {
  width: 100%;
  /* [1] */
  display: table;
  table-layout: fixed;
  /* [2] */ }

/**
     * Cause children to adopt table-like structure.
     */
.pack__item {
  display: table-cell; }

/*------------------------------------*\
    #TABLES
\*------------------------------------*/
.table {
  width: 100%; }

/**
     * Force tables into having equal-width columns.
     */
.table--fixed {
  table-layout: fixed; }

/**
     * Lightly packed cells.
     */
.table--cosy th,
.table--cosy td {
  padding: 12px; }

/*------------------------------------*\
    #TABS
\*------------------------------------*/
/**
 * A simple abstraction for making equal-width navigation tabs.
 */
/**
 * 1. Reset any residual styles (most likely from lists).
 * 2. Tables for layout!
 * 3. Force all `table-cell` children to have equal widths.
 * 4. Force the object to be the full width of its parent. Combined with [2],
 *    this makes the object behave in a quasi-`display: block;` manner.
 */
.tabs {
  margin: 0;
  /* [1] */
  padding: 0;
  /* [1] */
  list-style: none;
  /* [1] */
  display: table;
  /* [2] */
  table-layout: fixed;
  /* [3] */
  width: 100%;
  /* [4] */
  text-align: center; }

.tabs__item {
  display: table-cell;
  /* [2] */ }

.tabs__link {
  display: block; }

/* -----------------------------------------------------------------------------

	SLIDE AND PUSH MENUS COMPONENT
	
----------------------------------------------------------------------------- */
/**
 * Menu overview.
 */
.c-menu {
  position: fixed;
  z-index: 200;
  background-color: #fff;
  background: #272B35;
  transition: transform 0.3s;
  font-size: 15px;
  font-size: 0.9rem;
  padding-top: 78px; }
  @media screen and (min-width: 1024px) {
    .c-menu {
      padding-top: 0; } }
  .t-candidate .c-menu {
    background-image: none;
    background: #272B35; }
  .admin-bar .c-menu {
    margin-top: 46px; }
    @media screen and (min-width: 782px) {
      .admin-bar .c-menu {
        margin-top: 32px; } }
  .c-menu .menu-item {
    margin: 24px 24px 0 24px; }

.c-menu--notifications {
  background: #fff; }
  @media screen and (min-width: 1024px) {
    .c-menu--notifications {
      padding-top: 78px; } }
  .c-menu--notifications .c-menu__close {
    background: #545555;
    box-shadow: -3px 2px 8px 0 rgba(0, 0, 0, 0.5); }
    @media screen and (min-width: 1024px) {
      .c-menu--notifications .c-menu__close {
        cursor: pointer; } }
    @media screen and (min-width: 1400px) {
      .c-menu--notifications .c-menu__close {
        cursor: default; } }
    .t-candidate .c-menu--notifications .c-menu__close {
      background: #545555; }
      @media screen and (min-width: 1400px) {
        .t-candidate .c-menu--notifications .c-menu__close {
          background: #fff; } }
    @media screen and (min-width: 1400px) {
      .c-menu--notifications .c-menu__close {
        box-shadow: none;
        background: transparent;
        color: rgba(0, 0, 0, 0.8);
        text-align: center !important; } }

.c-menu__items {
  list-style: none;
  margin: 0;
  padding: 0; }

/**
 * Left and right menus
 *
 * Slide and push menus coming in from the left and right inherit a lot of
 * common styles. We'll start each of them off by doing up the common styles
 * for each version, followed by individual styles.
 *
 * The various versions are governed by modifier classes.
 */
/**
 * Common modifiers for left/right menus.
 */
.c-menu--slide-left,
.c-menu--slide-right,
.c-menu--push-left,
.c-menu--push-right {
  width: 100%;
  height: 100%;
  overflow-y: auto; }
  @media all and (min-width: 480px) {
    .c-menu--slide-left,
    .c-menu--slide-right,
    .c-menu--push-left,
    .c-menu--push-right {
      width: 420px; } }

@media screen and (min-width: 1024px) {
  .c-menu--slide-left {
    width: 260px; }
    .c-menu--slide-left .layout--center {
      padding-top: 9px; } }

.c-menu--slide-left .c-menu__item,
.c-menu--slide-right .c-menu__item,
.c-menu--push-left .c-menu__item,
.c-menu--push-right .c-menu__item {
  display: block;
  text-align: center; }
  .c-menu--slide-left .c-menu__item:first-child,
  .c-menu--slide-right .c-menu__item:first-child,
  .c-menu--push-left .c-menu__item:first-child,
  .c-menu--push-right .c-menu__item:first-child {
    border-top: none; }
  .c-menu--slide-left .c-menu__item:last-child,
  .c-menu--slide-right .c-menu__item:last-child,
  .c-menu--push-left .c-menu__item:last-child,
  .c-menu--push-right .c-menu__item:last-child {
    border-bottom: none; }
  @media screen and (min-width: 1024px) {
    .c-menu--slide-left .c-menu__item,
    .c-menu--slide-right .c-menu__item,
    .c-menu--push-left .c-menu__item,
    .c-menu--push-right .c-menu__item {
      width: 260px; } }

.c-menu--slide-left .c-menu__link,
.c-menu--slide-right .c-menu__link,
.c-menu--push-left .c-menu__link,
.c-menu--push-right .c-menu__link {
  display: block;
  padding: 12px 24px;
  color: #fff; }

.c-menu--slide-left .c-menu__close,
.c-menu--slide-right .c-menu__close,
.c-menu--push-left .c-menu__close,
.c-menu--push-right .c-menu__close {
  display: block;
  padding: 12px 24px;
  width: 100%;
  text-align: left; }

.c-menu--slide-right .c-menu__close {
  padding-left: 24px !important; }

/**
 * Slide/Push Menu Left.
 */
.c-menu--slide-left,
.c-menu--push-left {
  top: 0;
  left: 0;
  transform: translateX(-100%); }
  @media all and (min-width: 480px) {
    .c-menu--slide-left,
    .c-menu--push-left {
      transform: translateX(-420px); } }
  @media screen and (min-width: 1024px) {
    .c-menu--slide-left,
    .c-menu--push-left {
      transform: translateX(0); } }

.c-menu--slide-left.is-active,
.c-menu--push-left.is-active {
  transform: translateX(0); }

/**
 * Slide/Push Menu Right.
 */
.c-menu--slide-right,
.c-menu--push-right {
  top: 0;
  right: 0;
  transform: translateX(100%); }
  @media all and (min-width: 480px) {
    .c-menu--slide-right,
    .c-menu--push-right {
      transform: translateX(420px); } }
  @media screen and (min-width: 1400px) {
    .c-menu--slide-right,
    .c-menu--push-right {
      transform: translateX(0); } }

.c-menu--slide-right.is-active,
.c-menu--push-right.is-active {
  transform: translateX(0); }

/**
 * Top and bottom menus
 *
 * Slide and push menus coming in from the top and bottom inherit a lot of
 * common styles. We'll start each of them off by doing up the common styles
 * for each version, followed by individual styles.
 *
 * The various versions are governed by modifier classes.

/**
 * Common modifiers for top/bottom menus
 */
/**
 * Slide/Push Menu Top.
 */
/**
 * Slide/Push Menu Bottom.
 */
/**
 * Wrapper states.
 *
 * Various wrapper states occur depending on if a menu is pushing into view, in
 * which case, the wrapper has to be pushed by the respective distance.
 */
.o-wrapper.has-push-left {
  transform: translateX(100%); }
  @media all and (min-width: 480px) {
    .o-wrapper.has-push-left {
      transform: translateX(420px); } }
  @media screen and (min-width: 1024px) {
    .o-wrapper.has-push-left {
      transform: translateX(0); } }

.o-wrapper.has-push-right {
  transform: translateX(-100%); }
  @media all and (min-width: 480px) {
    .o-wrapper.has-push-right {
      transform: translateX(-420px); } }
  @media screen and (min-width: 1400px) {
    .o-wrapper.has-push-right {
      transform: translateX(0); } }

@media screen and (min-width: 1024px) {
  .o-wrapper {
    transform: translateX(0);
    padding-left: 260px;
    width: 100%; }
  .footer {
    padding-left: 260px !important; } }

@media screen and (min-width: 1400px) {
  .o-wrapper {
    padding-right: 420px; }
  .footer {
    padding-right: 420px !important; } }

/**
 * Body states.
 *
 * When a menu is active, we want to hide the overflows on the body to prevent
 * awkward document scrolling.
 */
html.has-active-menu,
body.has-active-menu {
  overflow: hidden; }

/**
 * Close button resets.
 */
.c-menu__close {
  color: #fff;
  background: transparent;
  font-size: 14px;
  font-size: 0.9rem;
  line-height: 1.4;
  border: none;
  box-shadow: none;
  border-radius: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  padding: 0 !important;
  height: 76px; }
  .c-menu__close .notifications-title {
    line-height: 76px;
    font-size: 20px;
    font-size: 1.3rem; }
  @media screen and (min-width: 1024px) {
    .c-menu__close {
      cursor: default; }
      .c-menu--slide-left .c-menu__close {
        display: none !important; } }

.c-menu__close__icon {
  padding: 19px;
  display: inline-block;
  float: right; }
  @media screen and (min-width: 1400px) {
    .c-menu--slide-right .c-menu__close__icon {
      display: none !important; } }

.icon--menu {
  width: 30px;
  height: 30px; }
  .icon--menu svg {
    width: 30px;
    height: 30px; }
  .icon--menu path {
    transition: 0.3s; }

.c-menu--slide-left.c-menu .icon--menu,
.t-candidate .c-menu--slide-left.c-menu .icon--menu {
  color: rgba(255, 255, 255, 0.5); }
  .c-menu--slide-left.c-menu .icon--menu path,
  .t-candidate .c-menu--slide-left.c-menu .icon--menu path {
    fill: rgba(255, 255, 255, 0.5); }

.c-menu--slide-left.c-menu .nav-box__title,
.t-candidate .c-menu--slide-left.c-menu .nav-box__title {
  font-size: 15px;
  font-size: 0.9rem;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.5);
  text-transform: none; }

@media screen and (min-width: 1024px) {
  .c-menu--slide-left.c-menu .icon--menu,
  .t-candidate .c-menu--slide-left.c-menu .icon--menu {
    margin-left: 15px; /* 25px */}
  .c-menu--slide-left.c-menu .nav-box__title,
  .t-candidate .c-menu--slide-left.c-menu .nav-box__title {
    padding-left: 5px; /*12px*/} }

.flag--notification {
  padding: 12px 24px;
  border-bottom: 1px solid #eceff1;
  background: #fff;
  transition: background 0.3s; }
  .flag--notification:last-child {
    border-bottom: 0; }
  .flag--notification:hover, .flag--notification:focus {
    background: #f8f8f8; }

/**
 * Block Link
 *
 * A Faux block-level link. Used for when you need a block-level link with
 * clickable areas within it as directly nesting a tags breaks things.
 */
.block-link {
  position: relative; }

.block-link--steal .block-link {
  position: static; }

.block-link a,
.block-link abbr[title],
.block-link__link {
  position: relative;
  z-index: 1; }

.block-link__overlay-link {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
  background: transparent; }

a.block-link__overlay-link {
  position: absolute;
  z-index: 0;
  opacity: 0; }

.nav-box {
  width: 100%;
  position: relative;
  vertical-align: middle;
  transition: 0.3s;
  text-align: center; }
  .c-menu .nav-box:hover .nav-box__title, .c-menu .nav-box:focus .nav-box__title {
    color: #fff; }
  .c-menu .nav-box:hover .icon--menu path, .c-menu .nav-box:focus .icon--menu path {
    fill: #fff; }
  @media screen and (min-width: 1024px) {
    .c-menu .nav-box {
      text-align: left; } }

.nav-box__wrap {
  max-width: 180px;
  margin: 0 auto;
  position: relative; }

.nav-box__count {
  text-align: center;
  position: absolute;
  left: 12px;
  top: 12px;
  width: 24px;
  height: 24px;
  line-height: 24px;
  vertical-align: middle;
  border-radius: 100%;
  background: #fdca30;
  color: #fff;
  display: inline-block;
  font-weight: 700;
  font-size: 15px;
  font-size: 0.9rem;
  line-height: 1.6; }

.nav-box__count--right {
  left: auto;
  right: 12px; }

.nav-box__count--status {
  background: transparent;
  width: auto;
  height: auto; }

.nav-box__icon {
  display: inline-block;
  font-size: 46px;
  font-size: 2.9rem;
  line-height: 1.0;
  background-size: 20px 20px;
  min-height: 20px; }
  .c-menu .nav-box__icon {
    font-size: 38px;
    font-size: 2.4rem; }
    @media screen and (min-width: 1024px) {
      .c-menu .nav-box__icon {
        font-size: 22px;
        font-size: 1.4rem;
        vertical-align: bottom;
        padding-right: 8px; } }

.nav-box--white {
  background: #fff;
  box-shadow: 0px 1px 5px 0px rgba(223, 223, 223, 0.5);
  margin-bottom: 24px;
  border-radius: 8px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); }
  .nav-box--white:hover, .nav-box--white:focus {
    background: #f8f8f8; }
  .nav-box--white .nav-box__icon {
    color: #3353C1; }

.nav-box--social {
  padding: 24px;
  border-radius: 0;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); }

.nav-box__title {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 15px;
  font-size: 0.9rem;
  line-height: 1.4;
  padding-bottom: 24px;
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.5);
  transition: color 0.3s; }
  .fonts-loaded .nav-box__title {
    font-family: "Open Sans", "Segoe UI", Tahoma, sans-serif; }
  .c-menu .nav-box__title {
    color: #fff; }
  @media screen and (min-width: 1024px) {
    .c-menu .nav-box__title {
      display: inline-block;
      vertical-align: middle;
      padding: 20px;
      padding-left: 0; } }

/* -----------------------------------------------------------------------------

	MASK COMPONENT
	
----------------------------------------------------------------------------- */
.c-mask {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 0;
  height: 0;
  background-color: #000;
  opacity: 0;
  transition: opacity 0.3s, width 0s 0.3s, height 0s 0.3s; }

.c-mask.is-active {
  width: 100%;
  height: 100%;
  opacity: 0.7;
  transition: opacity 0.3s; }

.o-wrapper {
  transition: transform 0.3s;
  /*
	* deliberately delaying applying padding-top and position:fixed to header
	* until page has run some javascript, to avoid layout jumping issues
	*/ }
  .js .o-wrapper,
  .fonts-loaded .o-wrapper {
    padding-top: 78px; }

.wrap {
  margin: 0 auto;
  padding: 0 12px; }
  @media screen and (min-width: 768px) {
    .wrap {
      max-width: 1000px;
      padding: 0 24px; } }
  .panel .wrap > :last-child {
    margin-bottom: 0; }

.panel .wrap--signup-form > :last-child {
  margin-bottom: 0; }

.wrap--desk {
  padding: 0; }
  @media screen and (min-width: 1024px) {
    .wrap--desk {
      padding: 0 24px; } }

.wrap--left {
  padding: 0 0 0 24px; }

.wrap--flush {
  padding: 0; }

.panel {
  padding: 24px;
  font-size: 20px;
  font-size: 1.3rem;
  line-height: 1.4;
  margin-bottom: 24px;
  background-color: #545555;
  box-shadow: inset 0 2px 8px 0 rgba(0, 0, 0, 0.5);
  text-align: center; }
  .panel > :last-child {
    margin-bottom: 0; }

.panel--green {
  background: #33cc99; }
  .panel--green .panel__title {
    color: #fff; }

.panel--orange {
  background: #fdca30; }
  .panel--orange .panel__title {
    color: #fff; }

.panel__title {
  color: rgba(255, 255, 255, 0.5);
  font-size: 20px;
  font-size: 1.3rem;
  line-height: 1.4;
  margin-bottom: 16px; }

.panel__back-link:hover .panel__back path, .panel__back-link:focus .panel__back path {
  fill: #fff; }

.panel__back {
  float: left;
  margin-right: -12px;
  transform: rotate(180deg) translateY(-3px);
  color: rgba(255, 255, 255, 0.5); }
  .panel__back path {
    transition: 0.3s;
    fill: rgba(255, 255, 255, 0.5); }

.panel__right {
  margin-right: 0;
  float: right;
  margin-left: -36px;
  margin-top: -6px; }

.panel--left {
  text-align: left; }

.panel--right {
  text-align: right; }

.panel--center .panel__title {
  margin: 0; }

.panel--with-links .panel__title {
  line-height: 36px !important; }

.panel--link {
  width: 36px;
  height: 36px;
  line-height: 36px !important;
  font-size: 25px;
  font-size: 1.6rem;
  line-height: 1.9;
  font-weight: 300;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  outline: none; }
  .panel--link:hover {
    border-color: transparent; }

.panel--link-back {
  color: #b7c2c8; }

.panel--link-add {
  color: #2bc7c3;
  background-color: #3f636f; }

.box, .box--transparent .listing .flag, .listing-more--form .listing-form-entry, ul.training-answers {
  background: #fff;
  margin-bottom: 24px;
  position: relative;
  padding: 24px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  border-radius: 1.4px; }
  .box > :last-child, .box--transparent .listing .flag > :last-child, .listing-more--form .listing-form-entry > :last-child, ul.training-answers > :last-child {
    margin-bottom: 0; }

.box--flush {
  padding: 0; }

.box .flag, .box--transparent .listing .flag .flag, .listing-more--form .listing-form-entry .flag, ul.training-answers .flag,
.box label,
.box--transparent .listing .flag label,
.listing-more--form .listing-form-entry label,
ul.training-answers label {
  padding: 24px !important; }

.box .flag--checkbox, .box--transparent .listing .flag .flag--checkbox, .listing-more--form .listing-form-entry .flag--checkbox, ul.training-answers .flag--checkbox {
  padding: 0 24px !important; }

.separator {
  border-width: 2px;
  margin-bottom: 0; }
  .box--flush .separator {
    margin: 0 24px; }

.box--dark {
  background: #545555;
  color: #fff; }
  .box--dark .separator {
    border-color: #8fa0d8; }
  .box--dark .checkbox__label {
    color: #fff; }

.box--blog {
  text-align: left; }
  .box--blog .box__title {
    font-size: 15px;
    font-size: 0.9rem;
    line-height: 1.6;
    font-weight: 700; }
  .box--blog .box__meta {
    font-size: 12px;
    font-size: 0.8rem;
    line-height: 2; }
  .box--blog .box__right {
    margin-top: 0;
    position: absolute;
    right: 24px;
    bottom: 24px; }

.box--intro {
  box-shadow: none;
  border-radius: 0;
  padding-left: 12px;
  padding-right: 12px; }

.box--transparent {
  box-shadow: none;
  background-color: transparent; }
  .box--transparent .listing .flag {
    padding: 0;
    margin: 0; }

.box__right {
  margin-top: 24px;
  margin-bottom: 0; }

@media screen and (min-width: 450px) {
  .box__right {
    margin-top: 0;
    position: absolute;
    right: 24px;
    bottom: 24px; } }

.box__cat {
  font-size: 11px;
  font-size: 0.7rem;
  line-height: 2.2;
  font-weight: 700;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.3);
  letter-spacing: 0.5px; }

.box__title {
  font-size: 32px;
  font-size: 2rem;
  line-height: 1.4; }

.box__msg {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  color: #00c775;
  font-weight: 700; }

.box__meta {
  color: #9b9b9b;
  margin-bottom: 0; }
  .box__meta p {
    margin-bottom: 6px; }
  .box__meta > :last-child {
    margin-bottom: 0; }

.box__section {
  padding: 24px 0; }
  .box__section:first-child {
    padding-top: 0; }
  .box__section:last-child {
    padding-bottom: 0; }
  .box__section .layout__item > :last-child {
    margin-bottom: 0; }

.box__section--featured:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  margin-left: -20px;
  margin-top: -20px;
  border-left: 20px solid transparent;
  border-top: 20px solid #4679BD; }

.box__arrow {
  padding-left: 12px;
  padding-bottom: 12px;
  float: right;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1; }

.flag__img-2 {
  padding-left: 12px;
  padding-right: 0;
  color: rgba(0, 0, 0, 0.3);
  font-size: 14px;
  font-size: 0.9rem;
  line-height: 1.7; }

.status {
  line-height: 27px; }

.approval-status {
  text-align: left;
  line-height: 40px !important;
  padding: 0 24px;
  margin-top: -12px;
  margin-bottom: 36px; }

.header {
  color: #272B35;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.5);
  position: relative;
  z-index: 1;
  text-align: center;
  background-color: #fff;
  width: 100%;
  height: 78px;
  z-index: 1000;
  /*
	* deliberately delaying applying padding-top and position:fixed to header
	* until page has run some javascript, to avoid layout jumping issues
	*/ }
  .t-candidate .header {
    background-color: #ab4867; }
  .t-admin .header {
    background-color: #272B35; }
  .js .header,
  .fonts-loaded .header {
    position: fixed; }

.header__title {
  padding: 10px 24px 24px 24px;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1;
  line-height: 25px;
  color: #fff;
  display: inline-block;
  margin-bottom: 0;
  text-transform: none;
  font-weight: 700;
  visibility: visible; }
  @media screen and (min-width: 1024px) {
    .header .header__title {
      float: left; } }

.c-menu .header__title {
  display: none; }
  @media screen and (min-width: 1024px) {
    .c-menu .header__title {
      display: inline-block;
      width: 100%; }
      .t-candidate .c-menu .header__title {
        background-color: #ab4867; } }

.toggle-nav {
  float: left;
  line-height: 25px;
  background: transparent !important;
  border: none;
  color: #272B35;
  padding: 24px;
  box-shadow: none;
  opacity: 1;
  transition: 0.3s; }
  .t-candidate .toggle-nav,
  .t-admin .toggle-nav {
    color: #fff; }
  .toggle-nav:hover, .toggle-nav:focus {
    background: transparent !important;
    color: rgba(0, 0, 0, 0.3);
    border: none; }
  .toggle-nav.toggle-not {
    color: #fdca30;
    float: right; }
  @media screen and (min-width: 1024px) {
    .toggle-nav {
      visibility: hidden; }
      .toggle-nav.toggle-not {
        visibility: visible; } }
  @media screen and (min-width: 1400px) {
    .toggle-nav.toggle-not {
      visibility: hidden; } }
  .has-active-menu .toggle-nav {
    opacity: 0;
    visibility: hidden; }

/**
 * For the navigation text next to hamburger button
 * From Snook research
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 **/
.visually-hidden {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0; }

.login-html {
  /*background-image: linear-gradient(#2bcaf1, #33cc99);*/
  /* background-image: linear-gradient(#EE82EE, #4B0082); */
  display: table;
  width: 100% !important;
  height: 100%; }
  .login-html.t-candidate {
    background-image: linear-gradient(179deg, #ff974d, #FE676A); }

.login-body {
  background: none;
  //display: table-cell;
  display: block;
  vertical-align: middle; }
  .login-body.t-candidate {
    background: none; }

.footer {
  text-align: left;
  background: #272B35;
  color: #fff;
  padding: 24px 0;
  font-size: 11px;
  font-size: 0.7rem;
  line-height: 1.6; }
  @media screen and (min-width: 1024px) {
    .footer {
      font-size: 12px;
      font-size: 0.8rem;
      line-height: 1.6; } }
  .footer > :last-child {
    margin-bottom: 0; }

.footer__logo {
  margin-bottom: 21px;
  display: block; }

.footer a {
  color: #fff;
  /* on hover */ }
  .footer a:hover, .footer a:focus {
    color: #fff;
    border-bottom: 1px solid #fff; }

.footer .list-bare a {
  color: #33cc99;
  display: block;
  border-bottom: 0; }
  .footer .list-bare a.active, .footer .list-bare a:hover, .footer .list-bare a:focus {
    color: #fdca30;
    border-bottom: 0; }

@media screen and (min-width: 1200px) {
  .footer__right {
    text-align: right; } }

.input,
.editable-input input,
.editable-input textarea {
  padding: 12px;
  width: 100%;
  display: block;
  margin-bottom: 24px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  vertical-align: middle;
  color: #272B35; }
  .box .input:last-of-type, .box--transparent .listing .flag .input:last-of-type, .listing-more--form .listing-form-entry .input:last-of-type, ul.training-answers .input:last-of-type, .box .editable-input input:last-of-type, .box--transparent .listing .flag .editable-input input:last-of-type, .listing-more--form .listing-form-entry .editable-input input:last-of-type, ul.training-answers .editable-input input:last-of-type, .box .editable-input textarea:last-of-type, .box--transparent .listing .flag .editable-input textarea:last-of-type, .listing-more--form .listing-form-entry .editable-input textarea:last-of-type, ul.training-answers .editable-input textarea:last-of-type {
    margin-bottom: 0; }

.input--round {
  border-radius: 30px;
  min-width: 240px;
  display: inline-block;
  width: auto;
  text-align: center; }
  .input--round:focus {
    border-color: #1f4eff;
    outline: none; }

textarea.input {
  border-radius: 6px; }

.flag--inner {
  padding-bottom: 24px;
  border-bottom: 1px solid #eceff1; }
  .flag--inner:last-of-type {
    padding-bottom: 0;
    border-bottom: 0;
    margin-bottom: 0; }

.js-editable {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto; }

.wrap--signup-form {
  margin-bottom: 24px;
  max-width: 450px;
  margin: 0 auto;
  clear: both;
  }

.check-label {
  display: block; }

.check-label__input {
  float: right; }
  .check-label__input:checked + span {
    font-weight: 700; }

.check-label__span {
  float: left; }

label {
  display: none; }

.label--show {
  display: inline-block; }

.dob {
  text-align: right;
  margin-bottom: 24px; }
  @media screen and (min-width: 640px) {
    .dob {
      text-align: left; } }
  .dob .input {
    width: auto;
    display: inline-block;
    margin-bottom: 0; }

.dob__label {
  width: auto;
  margin-bottom: 0; }

.checkbox label {
  margin-bottom: 0;
  padding: 24px;
  border-bottom: 1px solid #eceff1; }
  .box__section .checkbox label {
    padding: 0 0 0 24px !important; }

.checkbox div {
  float: right; }

.checkbox:last-of-type label {
  border-bottom: 0; }

.flag--checkbox .checkbox label {
  padding-right: 0; }

.checkbox__label {
  margin-top: 6px;
  display: inline-block;
  float: left;
  width: calc(100% - 48px); }

input[type="checkbox"] {
  display: none; }

input[type="checkbox"] + label {
  display: inline-block;
  color: rgba(0, 0, 0, 0.5); }

label {
  cursor: pointer;
  width: 100%;
  margin-bottom: 24px; }
  label span {
    word-wrap: break-word; }

input[type="checkbox"] + label .icon-misc-uncheck,
input[type="checkbox"] + label .icon-misc-check {
  display: inline-block;
  width: 36px;
  height: 36px; }

input[type="checkbox"] + label .icon-misc-check {
  display: none; }

input[type="checkbox"]:checked + label {
  color: rgba(0, 0, 0, 0.8); }

input[type="checkbox"]:checked + label .icon-misc-check {
  display: inline-block; }

input[type="checkbox"]:checked + label .icon-misc-uncheck {
  display: none; }

input[type="checkbox"]:disabled + label {
  cursor: default; }

.checkbox__verification + label {
  border: 1px solid #d0021b !important; }

.checkbox__verification:checked + label {
  border-color: #00be65 !important; }

.inputfile, .cvfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1; }

.inputfile + label , .cvfile + label{
  color: #bdbdbd;
  display: inline-block;
  cursor: pointer;
  transition: 0.3s color; }

.inputfile:focus + label,
.inputfile + label:hover,.cvfile:focus + label,
.cvfile + label:hover{
  color: rgba(0, 0, 0, 0.8); }

/*! X-editable - v1.5.1 
* In-place editing with Twitter Bootstrap, jQuery UI or pure jQuery
* http://github.com/vitalets/x-editable
* Copyright (c) 2013 Vitaliy Potapov; Licensed MIT */
.editableform {
  margin-bottom: 0;
  /* overwrites bootstrap margin */ }

.editableform .control-group {
  margin-bottom: 0;
  /* overwrites bootstrap margin */
  white-space: nowrap;
  /* prevent wrapping buttons on new line */
  line-height: 20px;
  /* overwriting bootstrap line-height. See #133 */ }

/* 
  BS3 width:1005 for inputs breaks editable form in popup 
  See: https://github.com/vitalets/x-editable/issues/393
*/
.editableform .form-control {
  width: auto; }

.editable-buttons {
  vertical-align: top;
  margin-top: 12px;
  /* inline-block emulation for IE7*/ }

.editable-buttons.editable-buttons-bottom {
  display: block;
  margin-top: 7px;
  margin-left: 0; }

.editable-input {
  vertical-align: top;
  display: inline-block;
  /* should be inline to take effect of parent's white-space: nowrap */
  width: 100%;
  /* bootstrap-responsive has width: 100% that breakes layout */
  white-space: normal;
  /* reset white-space decalred in parent*/
  /* display-inline emulation for IE7*/
  zoom: 1;
  *display: inline; }

.editable-buttons .editable-cancel {
  margin-left: 6px; }

/*for jquery-ui buttons need set height to look more pretty*/
.editable-buttons button.ui-button-icon-only {
  height: 24px;
  width: 30px; }

.editableform-loading {
  background: url("../images/loading.gif") center center no-repeat;
  height: 25px;
  width: auto;
  min-width: 25px; }

.editable-inline .editableform-loading {
  background-position: left 5px; }

.editable-error-block {
  max-width: 300px;
  margin: 5px 0 0 0;
  width: auto;
  white-space: normal; }

/*add padding for jquery ui*/
.editable-error-block.ui-state-error {
  padding: 3px; }

.editable-error {
  color: red; }

/* ---- For specific types ---- */
.editableform .editable-date {
  padding: 0;
  margin: 0;
  float: left; }

/* move datepicker icon to center of add-on button. See https://github.com/vitalets/x-editable/issues/183 */
.editable-inline .add-on .icon-th {
  margin-top: 3px;
  margin-left: 1px; }

/* checklist vertical alignment */
.editable-checklist label input[type="checkbox"],
.editable-checklist label span {
  vertical-align: middle;
  margin: 0; }

.editable-checklist label {
  white-space: nowrap; }

/* set exact width of textarea to fit buttons toolbar */
.editable-wysihtml5 {
  width: 566px;
  height: 250px; }

/* clear button shown as link in date inputs */
.editable-clear {
  clear: both;
  font-size: 0.9em;
  text-decoration: none;
  text-align: right; }

/* IOS-style clear button for text inputs */
.editable-clear-x {
  /*background: url("../img/clear.png") center center no-repeat;*/
  display: block;
  width: 13px;
  height: 13px;
  position: absolute;
  opacity: 0.6;
  z-index: 100;
  top: 50%;
  right: 6px;
  margin-top: -6px; }

.editable-clear-x:hover {
  opacity: 1; }

.editable-pre-wrapped {
  white-space: pre-wrap; }

.editable-container.editable-popup {
  max-width: none !important;
  /* without this rule poshytip/tooltip does not stretch */ }

.editable-container.popover {
  width: auto;
  /* without this rule popover does not stretch */ }

.editable-container.editable-inline {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  /* inline-block emulation for IE7*/
  zoom: 1;
  *display: inline; }

.editable-container.ui-widget {
  font-size: inherit;
  /* jqueryui widget font 1.1em too big, overwrite it */
  z-index: 9990;
  /* should be less than select2 dropdown z-index to close dropdown first when click */ }

.editable-click,
a.editable-click,
a.editable-click:hover {
  text-decoration: none;
  border-bottom: dashed 1px #0088cc; }

.editable-click.editable-disabled,
a.editable-click.editable-disabled,
a.editable-click.editable-disabled:hover {
  color: #585858;
  cursor: default;
  border-bottom: none; }

.editable-empty, .editable-empty:hover, .editable-empty:focus {
  font-style: italic;
  color: #DD1144;
  /* border-bottom: none; */
  text-decoration: none; }

.editable-unsaved {
  font-weight: bold; }

.editable-unsaved:after {
  /*    content: '*'*/ }

.editable-bg-transition {
  -webkit-transition: background-color 1400ms ease-out;
  -moz-transition: background-color 1400ms ease-out;
  -o-transition: background-color 1400ms ease-out;
  -ms-transition: background-color 1400ms ease-out;
  transition: background-color 1400ms ease-out; }

/*see https://github.com/vitalets/x-editable/issues/139 */
.form-horizontal .editable {
  padding-top: 5px;
  display: inline-block; }

.c-help {
  width: 20px;
  height: 20px;
  background-color: #eedae1;
  color: #ab4867;
  border-radius: 100%;
  text-align: center; }
  .c-help span {
    vertical-align: middle; }

.icon-question {
  width: 30px;
  height: 30px; }

.c-list-letter {
  font-size: 11px;
  font-size: 0.7rem;
  line-height: 2.2;
  vertical-align: middle;
  font-weight: bold;
  padding-right: 12px; }

.tabs {
  margin-bottom: 24px; }

.tabs__link {
  background: #eceff1;
  font-size: 11px;
  font-size: 0.7rem;
  line-height: 1.3;
  font-weight: 700;
  padding: 24px;
  color: rgba(0, 0, 0, 0.3);
  text-transform: uppercase; }
  .tabs__link:hover, .tabs__link:focus {
    color: rgba(0, 0, 0, 0.5);
    background: #f8f8f8; }

.tabs__link--active {
  color: rgba(0, 0, 0, 0.5);
  background: #f8f8f8; }

.tabs--grey {
  background: #f8f8f8; }
  .tabs--grey .tabs__item {
    border-right: 1px solid #c8c8c8; }
    .tabs--grey .tabs__item:last-child {
      border-right: 0; }
  .tabs--grey .tabs__item {
    background: #f8f8f8;
    border: 0; }
  .tabs--grey .tabs__link {
    color: #c8c8c8; }
    .tabs--grey .tabs__link:hover, .tabs--grey .tabs__link:focus {
      color: #545555;
      background: #fff; }
  .tabs--grey .tabs__link--active {
    color: #545555;
    background: #fff; }

.tabs--cp {
  background: #f8f8f8; }
  .tabs--cp .tabs__item {
    border: 0;
    border-bottom: 1px solid #b7c2c8; }
  .tabs--cp .tabs__link {
    background: #f8f8f8;
    color: #b7c2c8; }
    .tabs--cp .tabs__link:hover, .tabs--cp .tabs__link:focus {
      color: #ab4867;
      background: #fff; }
  .tabs--cp .tabs__link--active {
    color: #ab4867;
    background: #fff; }

.table {
  width: 100%;
  font-size: 14px;
  font-size: 0.9rem; }
  @media screen and (min-width: 450px) {
    .table {
      font-size: 16px;
      font-size: 1rem; } }
  .table thead {
    font-size: 11px;
    font-size: 0.7rem;
    line-height: 1.3;
    color: rgba(0, 0, 0, 0.3);
    text-transform: uppercase;
    font-weight: 700; }
    .table thead tr, .table thead td {
      padding: 6px 12px;
      background-color: transparent;
      border-top: 0; }
      @media screen and (min-width: 450px) {
        .table thead tr, .table thead td {
          padding: 6px 24px; } }
  .table tr, .table td {
    background: #fff;
    padding: 12px; }
    @media screen and (min-width: 450px) {
      .table tr, .table td {
        padding: 12px 24px; } }
  .table tr {
    border-top: 1px solid #f5f5f5; }

.width__30 {
  width: 26.66%; }
  @media screen and (min-width: 1024px) {
    .width__30 {
      width: 30%; } }

.width__10 {
  width: 20%;
  text-align: right; }
  @media screen and (min-width: 1024px) {
    .width__10 {
      width: 10%; } }

/*! jQuery UI - v1.11.4 - 2016-04-01
* http://jqueryui.com
* Includes: core.css, datepicker.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Lucida%20Grande%2CLucida%20Sans%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=6px&bgColorHeader=deedf7&bgTextureHeader=highlight_soft&bgImgOpacityHeader=100&borderColorHeader=aed0ea&fcHeader=222222&iconColorHeader=72a7cf&bgColorContent=f2f5f7&bgTextureContent=highlight_hard&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=362b36&iconColorContent=72a7cf&bgColorDefault=d7ebf9&bgTextureDefault=glass&bgImgOpacityDefault=80&borderColorDefault=aed0ea&fcDefault=2779aa&iconColorDefault=3d80b3&bgColorHover=e4f1fb&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=74b2e2&fcHover=0070a3&iconColorHover=2694e8&bgColorActive=3baae3&bgTextureActive=glass&bgImgOpacityActive=50&borderColorActive=2694e8&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=ffef8f&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=25&borderColorHighlight=f9dd34&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=cd0a0a&bgTextureError=flat&bgImgOpacityError=15&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffffff&bgColorOverlay=eeeeee&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=90&opacityOverlay=80&bgColorShadow=000000&bgTextureShadow=highlight_hard&bgImgOpacityShadow=70&opacityShadow=30&thicknessShadow=7px&offsetTopShadow=-7px&offsetLeftShadow=-7px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none; }

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

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none; }

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse; }

.ui-helper-clearfix:after {
  clear: both; }

.ui-helper-clearfix {
  min-height: 0;
  /* support: IE7 */ }

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
  /* support: IE8 */ }

.ui-front {
  z-index: 100; }

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important; }

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat; }

/* Misc visuals
----------------------------------*/


/* Component containers
----------------------------------*/
.ui-widget {
  font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
  font-size: 1.1em; }

.ui-widget .ui-widget {
  font-size: 1em; }

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
  font-size: 1em; }

.ui-widget-content {
  border: 1px solid #dddddd;
  background: #f2f5f7 url("../images/ui-bg_highlight-hard_100_f2f5f7_1x100.png") 50% top repeat-x;
  color: #362b36; }

.ui-widget-content a {
  color: #362b36; }

.ui-widget-header {
  border: 1px solid #aed0ea;
  background: #deedf7 url("../images/ui-bg_highlight-soft_100_deedf7_1x100.png") 50% 50% repeat-x;
  color: #222222;
  font-weight: bold; }

.ui-widget-header a {
  color: #222222; }

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid #aed0ea;
  background: #d7ebf9 url("../images/ui-bg_glass_80_d7ebf9_1x400.png") 50% 50% repeat-x;
  font-weight: bold;
  color: #2779aa; }

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #2779aa;
  text-decoration: none; }

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: 1px solid #74b2e2;
  background: #e4f1fb url("../images/ui-bg_glass_100_e4f1fb_1x400.png") 50% 50% repeat-x;
  font-weight: bold;
  color: #0070a3; }

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
  color: #0070a3;
  text-decoration: none; }

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: 1px solid #2694e8;
  background: #3baae3 url("../images/ui-bg_glass_50_3baae3_1x400.png") 50% 50% repeat-x;
  font-weight: bold;
  color: #ffffff; }

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #ffffff;
  text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #f9dd34;
  background: #ffef8f url("../images/ui-bg_highlight-soft_25_ffef8f_1x100.png") 50% top repeat-x;
  color: #363636; }

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #363636; }

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  background: #cd0a0a;
  color: #ffffff; }

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #ffffff; }

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #ffffff; }

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold; }

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: Alpha(Opacity=70);
  /* support: IE8 */
  font-weight: normal; }

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  /* support: IE8 */
  background-image: none; }

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35);
  /* support: IE8 - See #6059 */ }

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  width: 16px;
  height: 16px; }

.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url("../images/ui-icons_72a7cf_256x240.png"); }

.ui-widget-header .ui-icon {
  background-image: url("../images/ui-icons_72a7cf_256x240.png"); }

.ui-state-default .ui-icon {
  background-image: url("../images/ui-icons_3d80b3_256x240.png"); }

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
  background-image: url("../images/ui-icons_2694e8_256x240.png"); }

.ui-state-active .ui-icon {
  background-image: url("../images/ui-icons_ffffff_256x240.png"); }

.ui-state-highlight .ui-icon {
  background-image: url("../images/ui-icons_2e83ff_256x240.png"); }

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url("../images/ui-icons_ffffff_256x240.png"); }

/* positioning */
.ui-icon-blank {
  background-position: 16px 16px; }

.ui-icon-carat-1-n {
  background-position: 0 0; }

.ui-icon-carat-1-ne {
  background-position: -16px 0; }

.ui-icon-carat-1-e {
  background-position: -32px 0; }

.ui-icon-carat-1-se {
  background-position: -48px 0; }

.ui-icon-carat-1-s {
  background-position: -64px 0; }

.ui-icon-carat-1-sw {
  background-position: -80px 0; }

.ui-icon-carat-1-w {
  background-position: -96px 0; }

.ui-icon-carat-1-nw {
  background-position: -112px 0; }

.ui-icon-carat-2-n-s {
  background-position: -128px 0; }

.ui-icon-carat-2-e-w {
  background-position: -144px 0; }

.ui-icon-triangle-1-n {
  background-position: 0 -16px; }

.ui-icon-triangle-1-ne {
  background-position: -16px -16px; }

.ui-icon-triangle-1-e {
  background-position: -32px -16px; }

.ui-icon-triangle-1-se {
  background-position: -48px -16px; }

.ui-icon-triangle-1-s {
  background-position: -64px -16px; }

.ui-icon-triangle-1-sw {
  background-position: -80px -16px; }

.ui-icon-triangle-1-w {
  background-position: -96px -16px; }

.ui-icon-triangle-1-nw {
  background-position: -112px -16px; }

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px; }

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px; }

.ui-icon-arrow-1-n {
  background-position: 0 -32px; }

.ui-icon-arrow-1-ne {
  background-position: -16px -32px; }

.ui-icon-arrow-1-e {
  background-position: -32px -32px; }

.ui-icon-arrow-1-se {
  background-position: -48px -32px; }

.ui-icon-arrow-1-s {
  background-position: -64px -32px; }

.ui-icon-arrow-1-sw {
  background-position: -80px -32px; }

.ui-icon-arrow-1-w {
  background-position: -96px -32px; }

.ui-icon-arrow-1-nw {
  background-position: -112px -32px; }

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px; }

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px; }

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px; }

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px; }

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px; }

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px; }

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px; }

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px; }

.ui-icon-arrowthick-1-n {
  background-position: 0 -48px; }

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px; }

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px; }

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px; }

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px; }

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px; }

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px; }

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px; }

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px; }

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px; }

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px; }

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px; }

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px; }

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px; }

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px; }

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px; }

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px; }

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px; }

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px; }

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px; }

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px; }

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px; }

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px; }

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px; }

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px; }

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px; }

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px; }

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px; }

.ui-icon-arrow-4 {
  background-position: 0 -80px; }

.ui-icon-arrow-4-diag {
  background-position: -16px -80px; }

.ui-icon-extlink {
  background-position: -32px -80px; }

.ui-icon-newwin {
  background-position: -48px -80px; }

.ui-icon-refresh {
  background-position: -64px -80px; }

.ui-icon-shuffle {
  background-position: -80px -80px; }

.ui-icon-transfer-e-w {
  background-position: -96px -80px; }

.ui-icon-transferthick-e-w {
  background-position: -112px -80px; }

.ui-icon-folder-collapsed {
  background-position: 0 -96px; }

.ui-icon-folder-open {
  background-position: -16px -96px; }

.ui-icon-document {
  background-position: -32px -96px; }

.ui-icon-document-b {
  background-position: -48px -96px; }

.ui-icon-note {
  background-position: -64px -96px; }

.ui-icon-mail-closed {
  background-position: -80px -96px; }

.ui-icon-mail-open {
  background-position: -96px -96px; }

.ui-icon-suitcase {
  background-position: -112px -96px; }

.ui-icon-comment {
  background-position: -128px -96px; }

.ui-icon-person {
  background-position: -144px -96px; }

.ui-icon-print {
  background-position: -160px -96px; }

.ui-icon-trash {
  background-position: -176px -96px; }

.ui-icon-locked {
  background-position: -192px -96px; }

.ui-icon-unlocked {
  background-position: -208px -96px; }

.ui-icon-bookmark {
  background-position: -224px -96px; }

.ui-icon-tag {
  background-position: -240px -96px; }

.ui-icon-home {
  background-position: 0 -112px; }

.ui-icon-flag {
  background-position: -16px -112px; }

.ui-icon-calendar {
  background-position: -32px -112px; }

.ui-icon-cart {
  background-position: -48px -112px; }

.ui-icon-pencil {
  background-position: -64px -112px; }

.ui-icon-clock {
  background-position: -80px -112px; }

.ui-icon-disk {
  background-position: -96px -112px; }

.ui-icon-calculator {
  background-position: -112px -112px; }

.ui-icon-zoomin {
  background-position: -128px -112px; }

.ui-icon-zoomout {
  background-position: -144px -112px; }

.ui-icon-search {
  background-position: -160px -112px; }

.ui-icon-wrench {
  background-position: -176px -112px; }

.ui-icon-gear {
  background-position: -192px -112px; }

.ui-icon-heart {
  background-position: -208px -112px; }

.ui-icon-star {
  background-position: -224px -112px; }

.ui-icon-link {
  background-position: -240px -112px; }

.ui-icon-cancel {
  background-position: 0 -128px; }

.ui-icon-plus {
  background-position: -16px -128px; }

.ui-icon-plusthick {
  background-position: -32px -128px; }

.ui-icon-minus {
  background-position: -48px -128px; }

.ui-icon-minusthick {
  background-position: -64px -128px; }

.ui-icon-close {
  background-position: -80px -128px; }

.ui-icon-closethick {
  background-position: -96px -128px; }

.ui-icon-key {
  background-position: -112px -128px; }

.ui-icon-lightbulb {
  background-position: -128px -128px; }

.ui-icon-scissors {
  background-position: -144px -128px; }

.ui-icon-clipboard {
  background-position: -160px -128px; }

.ui-icon-copy {
  background-position: -176px -128px; }

.ui-icon-contact {
  background-position: -192px -128px; }

.ui-icon-image {
  background-position: -208px -128px; }

.ui-icon-video {
  background-position: -224px -128px; }

.ui-icon-script {
  background-position: -240px -128px; }

.ui-icon-alert {
  background-position: 0 -144px; }

.ui-icon-info {
  background-position: -16px -144px; }

.ui-icon-notice {
  background-position: -32px -144px; }

.ui-icon-help {
  background-position: -48px -144px; }

.ui-icon-check {
  background-position: -64px -144px; }

.ui-icon-bullet {
  background-position: -80px -144px; }

.ui-icon-radio-on {
  background-position: -96px -144px; }

.ui-icon-radio-off {
  background-position: -112px -144px; }

.ui-icon-pin-w {
  background-position: -128px -144px; }

.ui-icon-pin-s {
  background-position: -144px -144px; }

.ui-icon-play {
  background-position: 0 -160px; }

.ui-icon-pause {
  background-position: -16px -160px; }

.ui-icon-seek-next {
  background-position: -32px -160px; }

.ui-icon-seek-prev {
  background-position: -48px -160px; }

.ui-icon-seek-end {
  background-position: -64px -160px; }

.ui-icon-seek-start {
  background-position: -80px -160px; }

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px; }

.ui-icon-stop {
  background-position: -96px -160px; }

.ui-icon-eject {
  background-position: -112px -160px; }

.ui-icon-volume-off {
  background-position: -128px -160px; }

.ui-icon-volume-on {
  background-position: -144px -160px; }

.ui-icon-power {
  background-position: 0 -176px; }

.ui-icon-signal-diag {
  background-position: -16px -176px; }

.ui-icon-signal {
  background-position: -32px -176px; }

.ui-icon-battery-0 {
  background-position: -48px -176px; }

.ui-icon-battery-1 {
  background-position: -64px -176px; }

.ui-icon-battery-2 {
  background-position: -80px -176px; }

.ui-icon-battery-3 {
  background-position: -96px -176px; }

.ui-icon-circle-plus {
  background-position: 0 -192px; }

.ui-icon-circle-minus {
  background-position: -16px -192px; }

.ui-icon-circle-close {
  background-position: -32px -192px; }

.ui-icon-circle-triangle-e {
  background-position: -48px -192px; }

.ui-icon-circle-triangle-s {
  background-position: -64px -192px; }

.ui-icon-circle-triangle-w {
  background-position: -80px -192px; }

.ui-icon-circle-triangle-n {
  background-position: -96px -192px; }

.ui-icon-circle-arrow-e {
  background-position: -112px -192px; }

.ui-icon-circle-arrow-s {
  background-position: -128px -192px; }

.ui-icon-circle-arrow-w {
  background-position: -144px -192px; }

.ui-icon-circle-arrow-n {
  background-position: -160px -192px; }

.ui-icon-circle-zoomin {
  background-position: -176px -192px; }

.ui-icon-circle-zoomout {
  background-position: -192px -192px; }

.ui-icon-circle-check {
  background-position: -208px -192px; }

.ui-icon-circlesmall-plus {
  background-position: 0 -208px; }

.ui-icon-circlesmall-minus {
  background-position: -16px -208px; }

.ui-icon-circlesmall-close {
  background-position: -32px -208px; }

.ui-icon-squaresmall-plus {
  background-position: -48px -208px; }

.ui-icon-squaresmall-minus {
  background-position: -64px -208px; }

.ui-icon-squaresmall-close {
  background-position: -80px -208px; }

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px; }

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px; }

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px; }

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px; }

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px; }

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px; }

/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 6px; }

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 6px; }

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 6px; }

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 6px; }

/* Overlays */
.ui-widget-overlay {
  background: #eeeeee url("../images/ui-bg_diagonals-thick_90_eeeeee_40x40.png") 50% 50% repeat;
  opacity: .8;
  filter: Alpha(Opacity=80);
  /* support: IE8 */ }

.ui-widget-shadow {
  margin: -7px 0 0 -7px;
  padding: 7px;
  background: #000000 url("../images/ui-bg_highlight-hard_70_000000_1x100.png") 50% top repeat-x;
  opacity: .3;
  filter: Alpha(Opacity=30);
  /* support: IE8 */
  border-radius: 8px; }

.profile-header {
  text-transform: uppercase;
  color: #fff;
  background: #000;
  text-align: center;
  position: relative; }
  .profile-header h1 {
    color: #fff;
    text-transform: none; }

.profile-header__bg-img {
  width: 100%;
  opacity: 0.5; }

.profile-header__text {
  position: absolute;
  top: 55%;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  display: block;
  width: 100%;
  height: 6em; }

.profile-img {
  padding: 0 24px;
  position: relative;
  background: #fff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  margin-bottom: 10px; }

.profile-header__img {
  position: absolute;
  bottom: -100px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1; }
  @media screen and (min-width: 450px) {
    .profile-header__img {
      bottom: -57px; } }

.profile-img__rating {
  font-size: 11px;
  font-size: 0.7rem;
  line-height: 1.3;
  margin-left: 57px;
  padding: 24px 0; }
  .profile-img__rating h5 {
    margin-bottom: 6px; }

.video {
  position: relative; }

.video__img {
  width: 100%; }

.video__img--small {
  margin: 0 auto; }

.video__play-btn {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  z-index: 1;
  width: 100%;
  text-align: center;
  display: block; }
  .video__play-btn div {
    width: 75px;
    height: 75px; }

.video__play-btn--flag div {
  width: 40px;
  height: 40px; }

@media screen and (min-width: 450px) {
  .video__play-btn--flag {
    margin-right: 12px; } }

.icon--video {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto; }

.user-profile {
  position: relative;
  top: -12px; }

.read-more .read-more__text.short {
  height: 100px;
  overflow: hidden;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%); }

.read-more .read-more__text.full {
  display: none; }

.btn--read-more {
  transition: none; }

.accordion {
  display: none;
  margin-top: -24px; }

.show {
  display: block; }

.hide {
  display: none; }

.c-calendar {
  width: 100%;
  table-layout: fixed;
  text-align: center; }
  .c-calendar th,
  .c-calendar td {
    padding: 12px;
    background-color: #fff; }
  .c-calendar th {
    font-size: 11px;
    font-size: 0.7rem;
    line-height: 1.3;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.5); }

.c-calendar__title {
  font-size: 20px !important;
  font-weight: 400 !important;
  color: #272B35 !important;
  padding: 24px 12px !important; }

.c-calendar__outside {
  color: #e0e0e0 !important; }

.c-calendar__busy {
  color: #fff !important;
  background-color: #e0e0e0 !important; }

.c-calendar__booked {
  color: #fff !important;
  background-color: #3353c1 !important; }
  .t-candidate .c-calendar__booked {
    background-color: #f34235 !important; }

.c-calendar__new-offer {
  color: #fff !important;
  background-color: #f79400 !important; }
  .t-candidate .c-calendar__new-offer {
    background-color: #00bcd4 !important; }

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.9; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

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

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.7;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.7;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before, .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.3%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.8);
    transform: scale(0.8); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

/*

====== Zoom effect ======

*/
.mfp-zoom-in {
  /* start state */
  /* animate in */
  /* animate out */ }
  .mfp-zoom-in .mfp-with-anim {
    opacity: 0;
    transition: all 0.2s ease-in-out;
    transform: scale(0.8); }
  .mfp-zoom-in.mfp-bg {
    opacity: 0;
    transition: all 0.3s ease-out; }
  .mfp-zoom-in.mfp-ready .mfp-with-anim {
    opacity: 1;
    transform: scale(1); }
  .mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: 0.9; }
  .mfp-zoom-in.mfp-removing .mfp-with-anim {
    transform: scale(0.8);
    opacity: 0; }
  .mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0; }

/* overlay at start */
.mfp-fade.mfp-bg {
  opacity: 0;
  transition: all 0.3s ease-out; }

/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.9; }

/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0; }

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: all 0.3s ease-out; }

/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1; }

/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0; }

.mfp-popup {
  position: relative;
  text-align: center;
  padding: 24px;
  background: #fff;
  width: auto;
  max-width: 360px;
  margin: 24px auto;
  box-shadow: 0 30px 50px 0 rgba(0, 0, 0, 0.5);
  border-radius: 20px; }
  .mfp-popup h2 {
    color: #1f4eff; }

.bullets {
  width: 100%;
  text-align: center;
  margin-bottom: 24px; }
  .bullets a {
    border-bottom: 0;
    display: inline-block;
    margin-right: 10px; }
    .bullets a:last-child {
      margin-right: 0; }
    .bullets a:hover, .bullets a:focus {
      border-bottom: 0; }

.bullets__bullet {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 100%;
  width: 10px;
  height: 10px;
  display: inline-block;
  border-bottom: 0; }
  .bullets__bullet:hover, .bullets__bullet:focus {
    background: #fdca30;
    border-bottom: 0; }

.bullets__bullet--active {
  background: #fdca30; }

h5.listing {
  text-align: right; }
  h5.listing .disc {
    width: 10px;
    height: 10px;
    border-radius: 5px;
    margin-left: 8px;
    display: inline-block; }

.listing + .listing {
  border-top: solid 1px #e0e0e0; }

.listing .title-area {
  width: 70%;
  margin-bottom: 0;
  display: inline-block;
  vertical-align: middle; }
  .listing .title-area p {
    margin: 0; }
  .listing .title-area .title {
    color: rgba(0, 0, 0, 0.8); }
  .listing .title-area .subtitle {
    color: rgba(0, 0, 0, 0.3); }
    .listing .title-area .subtitle .micon {
      margin-right: 8px; }

.listing p {
  color: #808e94; }
  .listing p.title {
    width: 70%;
    margin-bottom: 0;
    color: rgba(0, 0, 0, 0.8);
    display: inline-block;
    vertical-align: middle; }
    .listing p.title .micon {
      margin-right: 8px; }

.listing .handles {
  width: 30%;
  text-align: right;
  display: inline-block;
  vertical-align: middle; }

.listing .active .handle--open {
  transform: rotate(90deg); }

.listing .btn {
  padding-left: 48px;
  padding-right: 48px; }

.listing-more {
  padding: 24px;
  border-top: solid 1px #f1f3f4;
  display: none; }
  .active > .listing-more {
    display: block; }
  .listing-more ul.stats {
    list-style-type: none;
    margin: 0 0 24px 0;
    padding: 0; }
    .listing-more ul.stats li {
      color: #808e94; }
    .listing-more ul.stats li + li {
      margin-top: 4.8px; }
    .listing-more ul.stats .micon {
      vertical-align: top;
      margin-top: 1px;
      margin-right: 8px; }

.listing-more--show {
  display: block; }

.listing-more--dark-border {
  border-top: solid 1px #e0e0e0; }

.listing-more--flush {
  padding: 0; }
  .listing-more--flush .padded {
    padding: 24px; }
  .listing-more--flush .padded + .flag,
  .listing-more--flush .listing-more--certificate + .flag {
    border-top: solid 1px #f1f3f4; }

.listing-more--text p {
  margin-bottom: 0; }

.listing-more--text p + p {
  margin-top: 12px; }

.listing-more--form {
  padding: 0; }
  .listing-more--form .listing-form-entry {
    margin-bottom: 0; }
  .listing-more--form .listing-form-entry + .listing-form-entry {
    border-top: solid 1px #e0e0e0; }
  .listing-more--form .active_handle + .active_handle {
    margin-left: 6px; }
  .listing-more--form .active_handle {
    width: 36px;
    height: 36px;
    border-radius: 18px;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    border: solid 1px #b7c2c8;
    color: #b7c2c8; }
    .listing-more--form .active_handle .micon {
      margin-top: 5px;
      margin-right: 0;
      color: inherit; }
    .listing-more--form .active_handle.accept.active {
      color: #2bc7c3;
      border-color: #2bc7c3; }
    .listing-more--form .active_handle.deny.active {
      color: #FE676A;
      border-color: #FE676A; }
  .listing-more--form .entry-deny,
  .listing-more--form .entry-accept {
    color: #9d1348; }
    .listing-more--form .entry-deny a,
    .listing-more--form .entry-accept a {
      color: inherit; }
  .listing-more--form .listing-form-buttons {
    text-align: center;
    padding: 24px 0; }
    .listing-more--form .listing-form-buttons .btn {
      margin: 0 12px 24px; }

.listing-more--certificate {
  margin-top: 24px;
  border-top: solid 1px #f1f3f4; }

h5.l-available {
  color: #1f4eff; }
  h5.l-available .disc {
    background-color: #1f4eff; }

.l-available .micon, .l-available a,
.l-live .micon,
.l-live a,
.listing--blue .micon,
.listing--blue a {
  color: #1f4eff; }

.l-available .handle,
.l-live .handle,
.listing--blue .handle {
  color: #1f4eff;
  border-color: #1f4eff; }
  .l-available .handle .micon,
  .l-live .handle .micon,
  .listing--blue .handle .micon {
    color: inherit; }

.l-available .btn,
.l-live .btn,
.listing--blue .btn {
  color: #fff; }

h5.l-progress {
  color: #fdca30; }
  h5.l-progress .disc {
    background-color: #fdca30; }

.l-progress .micon, .l-progress a {
  color: #fdca30; }

.l-progress .handle {
  color: #fdca30;
  border-color: #fdca30; }
  .l-progress .handle .micon {
    color: inherit; }

.l-progress .btn {
  color: #fff; }

h5.l-complete {
  color: #4ae2a1; }
  h5.l-complete .disc {
    background-color: #4ae2a1; }

.l-complete .micon, .l-complete a,
.listing--green .micon,
.listing--green a {
  color: #4ae2a1; }

.l-complete .handle,
.listing--green .handle {
  color: #4ae2a1;
  border-color: #4ae2a1; }
  .l-complete .handle .micon,
  .listing--green .handle .micon {
    color: inherit; }

.l-complete .btn,
.listing--green .btn {
  color: #fff; }

h5.l-archive {
  color: #e0e0e0; }
  h5.l-archive .disc {
    background-color: #e0e0e0; }

.l-archive .micon, .l-archive a,
.listing--grey .micon,
.listing--grey a {
  color: #e0e0e0; }

.l-archive .handle,
.listing--grey .handle {
  color: #e0e0e0;
  border-color: #e0e0e0; }
  .l-archive .handle .micon,
  .listing--grey .handle .micon {
    color: inherit; }

.l-archive .btn,
.listing--grey .btn {
  color: #fff; }

h5.l-failed {
  color: #fd3886; }
  h5.l-failed .disc {
    background-color: #fd3886; }

.l-failed .micon, .l-failed a,
.listing--red .micon,
.listing--red a {
  color: #fd3886; }

.l-failed .handle,
.listing--red .handle {
  color: #fd3886;
  border-color: #fd3886; }
  .l-failed .handle .micon,
  .listing--red .handle .micon {
    color: inherit; }

.l-failed .btn,
.listing--red .btn {
  color: #fff; }

h5.l-approved {
  color: #2bc7c3; }
  h5.l-approved .disc {
    background-color: #2bc7c3; }

.l-approved .micon, .l-approved a,
.listing--tealish .micon,
.listing--tealish a {
  color: #2bc7c3; }

.l-approved .handle,
.listing--tealish .handle {
  color: #2bc7c3;
  border-color: #2bc7c3; }
  .l-approved .handle .micon,
  .listing--tealish .handle .micon {
    color: inherit; }

.l-approved .btn,
.listing--tealish .btn {
  color: #fff; }

.edit-title .title--status {
  font-size: 13px;
  font-size: 0.8rem;
  line-height: 1.8;
  font-weight: 700;
  text-transform: uppercase;
  float: right; }
  .edit-title .title--status .disc {
    width: 10px;
    height: 10px;
    border-radius: 5px;
    margin-left: 8px;
    display: inline-block; }

h4.edit-title {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  padding: 24px;
  background-color: #fff; }

h4.edit-title + ul.tabs {
  border-top: solid 1px #dee2e7;
  border-bottom: solid 1px #dee2e7; }

.title--status-blue,
.title--status-live {
  color: #1f4eff; }
  .title--status-blue .disc,
  .title--status-live .disc {
    background-color: #1f4eff; }

.title--status-grey,
.title--status-archive {
  color: #e0e0e0; }
  .title--status-grey .disc,
  .title--status-archive .disc {
    background-color: #e0e0e0; }

.box--editing {
  padding-right: 0; }
  .box--editing .box__section {
    padding-right: 24px; }
  .box--editing .box__section + .box__section {
    border-top: solid 1px #e0e0e0; }

/*   Modals   */
.admin-modal {
  padding-top: 48px; }
  .admin-modal .title {
    color: #b54f72;
    font-size: 19px;
    font-size: 1.2rem;
    line-height: 1.3; }

.box--training-intro {
  margin-bottom: 24px; }
  .box--training-intro h1 {
    font-size: 21px;
    font-size: 1.3rem;
    line-height: 1.1; }
  .box--training-intro ul {
    margin: 0;
    padding: 0;
    list-style-type: none; }
  .box--training-intro .micon {
    font-size: 19px;
    margin-right: 4px;
    vertical-align: top;
    margin-top: 3px;
    color: #1f4eff; }
  .box--training-intro p .count {
    text-transform: uppercase;
    font-size: 13px;
    font-size: 0.8rem;
    line-height: 1.8;
    float: right; }

.training-text .training-title {
  font-weight: 700;
  color: #b54f72; }

.training-text ol {
  //margin: 0 0 0 24px;
  padding: 0; }

.training-question {
  margin-bottom: 0; }
  .training-question .training-title span {
    vertical-align: middle;
    display: inline-block; }
  .training-question .icon {
    width: 15%; }
  .training-question .question {
    width: 85%;
    font-weight: 700;
    color: #b54f72; }
  .training-question .micon {
    color: #b54f72; }

ul.training-answers {
  margin: 0;
  list-style-type: none;
  padding: 0; }
  ul.training-answers li {
    padding: 24px;
    border-top: solid 1px #f1f3f4; }
  ul.training-answers .answer {
    width: 80%;
    display: inline-block;
    padding-right: 24px;
    box-sizing: border-box; }
  ul.training-answers .handles {
    width: 20%;
    text-align: right;
    display: inline-block; }

.training-buttons {
  padding: 24px 0;
  text-align: center; }
  .training-buttons .btn {
    margin: 0 12px 24px; }
  .training-buttons p {
    margin-top: 48px; }
    .training-buttons p a {
      color: #2bc7c3;
      font-weight: 700; }

/*   Modals   */
.training-modal {
  padding-top: 48px; }
  .training-modal .title {
    color: #b54f72;
    font-size: 19px;
    font-size: 1.2rem;
    line-height: 1.3; }
  .training-modal .icon {
    width: 88px;
    height: 88px;
    line-height: 88px;
    border-radius: 50%;
    border: solid 3px #FE676A;
    color: #FE676A;
    display: inline-block;
    box-sizing: border-box;
    margin-bottom: 24px; }
    .training-modal .icon .micon {
      font-size: 45px;
      font-size: 2.8rem;
      line-height: 1.1;
      vertical-align: middle;
      margin-top: -7px; }

/*   Admin Side   */
.training--question h5 {
  min-height: 36px; }
  .training--question h5 > span {
    vertical-align: bottom; }
  .training--question h5 .label {
    width: 80%;
    display: inline-block; }
  .training--question h5 .icon {
    width: 20%;
    text-align: right;
    display: inline-block; }
  .training--question h5 .delete {
    width: 36px;
    height: 36px;
    line-height: 36px !important;
    font-size: 25px;
    font-size: 1.6rem;
    line-height: 1.9;
    font-weight: 300;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    outline: none;
    background-color: #f1f3f4;
    color: #b7c2c8;
    cursor: pointer; }
    .training--question h5 .delete:hover {
      border-color: transparent; }
    .training--question h5 .delete .micon {
      position: relative;
      top: 2px; }

.training--question .box--editing {
  margin-bottom: 0;
  padding-bottom: 12px;
  border-bottom: solid 1px #dee2e7; }

.training--question .question-text {
  border-bottom: solid 1px #dee2e7; }

.training--answers .answer {
  padding-top: 24px;
  padding-right: 24px; }
  .training--answers .answer .label {
    width: 10%;
    vertical-align: top;
    display: inline-block;
    font-size: 13px;
    font-size: 0.8rem;
    line-height: 1.8;
    font-weight: 700;
    color: #b7c2c8; }
  .training--answers .answer .answer-text {
    width: 70%;
    vertical-align: top;
    display: inline-block; }
  .training--answers .answer .handles {
    width: 20%;
    vertical-align: top;
    text-align: right;
    display: inline-block; }

.training--answers .valid_handle {
  width: 36px;
  height: 36px;
  border-radius: 18px;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  border: solid 1px #b7c2c8;
  color: #b7c2c8; }
  .training--answers .valid_handle .micon {
    margin-top: 5px; }
  .training--answers .valid_handle.is_valid {
    color: #2bc7c3;
    border-color: #2bc7c3; }

.details-answer {
  margin-top: 24px;
  display: inline-block; }

.handle {
  width: 36px;
  height: 36px;
  line-height: 36px !important;
  font-size: 25px;
  font-size: 1.6rem;
  line-height: 1.9;
  font-weight: 300;
  border-radius: 50%;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  border: solid 1px #b7c2c8;
  color: #b7c2c8; }
  .handle:hover {
    border-color: inherit; }
  .handle a {
    display: block;
    height: inherit;
    line-height: inherit;
    vertical-align: middle;
    border: none; }
    .handle a:hover {
      text-decoration: none;
      border: none; }
  .handle .micon, .handle a {
    color: inherit; }
  .handle .micon {
    margin-top: -7px; }

.micon {
  vertical-align: middle; }

.micon--help {
  color: #ced7df !important;
  font-size: 25px; }

.handle--open .micon {
  vertical-align: top;
  margin-top: 6px;
  color: #b7c2c8; }

.handle--tick {
  color: #b7c2c8 !important;
  border-color: #b7c2c8 !important;
  background-color: transparent !important; }
  .handle--tick .micon {
    vertical-align: top;
    margin-top: 5px; }
  .handle--tick.is_valid, .handle--tick.on {
    color: #2bc7c3 !important;
    border-color: #2bc7c3 !important; }

.handle--tick-fill {
  color: #fff !important;
  border-color: #2bc7c3 !important;
  background-color: #2bc7c3 !important; }
  .handle--tick-fill.on {
    color: #fff !important; }

.handle--cross {
  color: #b7c2c8 !important;
  border-color: #b7c2c8 !important;
  background-color: transparent !important; }
  .handle--cross .micon {
    vertical-align: top;
    margin-top: 5px; }
  .handle--cross.on {
    color: #fd3886 !important;
    border-color: #fd3886 !important; }

.handle--cross-fill {
  color: #fff !important;
  background-color: #fd3886 !important;
  border-color: #fd3886 !important; }
  .handle--cross-fill.on {
    color: #fff !important; }

.handle--add {
  color: #2bc7c3;
  background-color: #d5f4f3;
  border: none; }
  .handle--add .micon {
    color: #2bc7c3 !important; }

.handle--delete {
  background-color: #f1f3f4;
  border: none; }
  .handle--delete .micon {
    color: #b7c2c8 !important; }
  .handle--delete:hover {
    border: none; }

.handle--grey {
  color: #b7c2c8 !important;
  background-color: #f1f3f4 !important;
  border: none !important; }

.handle--transparent {
  background-color: transparent !important; }

.handle--no-border {
  border-color: transparent !important; }

/*------------------------------------*\
    #CLEARFIX
\*------------------------------------*/
/**
 * Micro clearfix, as per: css-101.org/articles/clearfix/latest-new-clearfix-so-far.php
 * Extend the clearfix class with Sass to avoid the `.clearfix` class appearing
 * over and over in your markup.
 */
.clearfix:after,
.media:after,
.check-label:after {
  content: "";
  display: table;
  clear: both; }

/*------------------------------------*\
    #HEADINGS
\*------------------------------------*/
/**
 * Headings 1–6’s corresponding Greek-alphabet abstract classes for double-
 * stranded heading hierarchy: csswizardry.com/2012/02/pragmatic-practical-font-sizing-in-css
 *
 * Use these helper classes to cause other elements to adopt the styling of the
 * respective heading, e.g.:
 *
   <h2 class="alpha">Lorem ipsum</h2>
 *
 */
.alpha {
  font-size: 40px;
  font-size: 2.5rem;
  line-height: 1.2; }

.beta {
  font-size: 30px;
  font-size: 1.9rem;
  line-height: 1.6; }

.gamma {
  font-size: 26px;
  font-size: 1.6rem;
  line-height: 1.8; }

.delta {
  font-size: 20px;
  font-size: 1.3rem;
  line-height: 1.2; }

.epsilon {
  font-size: 18px;
  font-size: 1.1rem;
  line-height: 1.3; }

.zeta {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5; }

/*------------------------------------*\
    #SPACING
\*------------------------------------*/
/**
 * Margin and padding helper classes. Use these to tweak layout on a micro
 * level.
 *
 * `.(m|p)(t|r|b|l|h|v)(-|+|0) {}` = margin/padding top/right/bottom/left/horizontal/vertical less/more/none
 */
/**
     * Margin helper classes.
     *
     * Add margins.
     */
.m {
  margin: 24px !important; }

.mt {
  margin-top: 24px !important; }

.mr {
  margin-right: 24px !important; }

.mb {
  margin-bottom: 24px !important; }

.ml {
  margin-left: 24px !important; }

.mh {
  margin-right: 24px !important;
  margin-left: 24px !important; }

.mv {
  margin-top: 24px !important;
  margin-bottom: 24px !important; }

/**
     * Add small margins.
     */
.m- {
  margin: 12px !important; }

.mt- {
  margin-top: 12px !important; }

.mr- {
  margin-right: 12px !important; }

.mb- {
  margin-bottom: 12px !important; }

.ml- {
  margin-left: 12px !important; }

.mh- {
  margin-right: 12px !important;
  margin-left: 12px !important; }

.mv- {
  margin-top: 12px !important;
  margin-bottom: 12px !important; }

/**
     * Remove margins.
     */
.m0 {
  margin: 0 !important; }

.mt0 {
  margin-top: 0 !important; }

.mr0 {
  margin-right: 0 !important; }

.mb0 {
  margin-bottom: 0 !important; }

.ml0 {
  margin-left: 0 !important; }

.mh0 {
  margin-right: 0 !important;
  margin-left: 0 !important; }

.mv0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important; }

/**
     * Padding helper classes.
     *
     * Add paddings.
     */
.p {
  padding: 24px !important; }

.pt {
  padding-top: 24px !important; }

.pr {
  padding-right: 24px !important; }

.pb {
  padding-bottom: 24px !important; }

.pl {
  padding-left: 24px !important; }

.ph {
  padding-right: 24px !important;
  padding-left: 24px !important; }

.pv {
  padding-top: 24px !important;
  padding-bottom: 24px !important; }

/**
     * Remove paddings.
     */
.p0 {
  padding: 0 !important; }

.pt0 {
  padding-top: 0 !important; }

.pr0 {
  padding-right: 0 !important; }

.pb0 {
  padding-bottom: 0 !important; }

.pl0 {
  padding-left: 0 !important; }

.ph0 {
  padding-right: 0 !important;
  padding-left: 0 !important; }

.pv0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

/*------------------------------------*\
    #SPACING-RESPONSIVE
\*------------------------------------*/
/**
 * Margin and padding helper classes. Use these to tweak layout on a micro
 * level.
 *
 * `.(m|p)(t|r|b|l|h|v)(-|+|0) {}` = margin/padding top/right/bottom/left/horizontal/vertical less/more/none
 */
/*------------------------------------*\
    #WIDTHS
\*------------------------------------*/
/**
 * A series of width helper classes that you can use to size things like grid
 * systems. Classes can take a fraction-like format (e.g. `.u-2/3`) or a spoken-
 * word format (e.g. `.u-2-of-3`). Use these in your markup:
 *
 * <div class="u-7/12">
 */
.u-1\/1 {
  width: 100% !important; }

.u-1\/2 {
  width: 50% !important; }

.u-1\/3 {
  width: 33.3% !important; }

.u-2\/3 {
  width: 66.7% !important; }

.u-1\/4 {
  width: 25% !important; }

.u-2\/4 {
  width: 50% !important; }

.u-3\/4 {
  width: 75% !important; }

.u-1\/5 {
  width: 20% !important; }

.u-2\/5 {
  width: 40% !important; }

.u-3\/5 {
  width: 60% !important; }

.u-4\/5 {
  width: 80% !important; }

.u-1\/6 {
  width: 16.7% !important; }

.u-2\/6 {
  width: 33.3% !important; }

.u-3\/6 {
  width: 50% !important; }

.u-4\/6 {
  width: 66.7% !important; }

.u-5\/6 {
  width: 83.3% !important; }

.u-1\/7 {
  width: 14.3% !important; }

.u-2\/7 {
  width: 28.6% !important; }

.u-3\/7 {
  width: 42.9% !important; }

.u-4\/7 {
  width: 57.1% !important; }

.u-5\/7 {
  width: 71.4% !important; }

.u-6\/7 {
  width: 85.7% !important; }

.u-1\/8 {
  width: 12.5% !important; }

.u-2\/8 {
  width: 25% !important; }

.u-3\/8 {
  width: 37.5% !important; }

.u-4\/8 {
  width: 50% !important; }

.u-5\/8 {
  width: 62.5% !important; }

.u-6\/8 {
  width: 75% !important; }

.u-7\/8 {
  width: 87.5% !important; }

.u-1\/9 {
  width: 11.1% !important; }

.u-2\/9 {
  width: 22.2% !important; }

.u-3\/9 {
  width: 33.3% !important; }

.u-4\/9 {
  width: 44.4% !important; }

.u-5\/9 {
  width: 55.6% !important; }

.u-6\/9 {
  width: 66.7% !important; }

.u-7\/9 {
  width: 77.8% !important; }

.u-8\/9 {
  width: 88.9% !important; }

.u-1\/10 {
  width: 10% !important; }

.u-2\/10 {
  width: 20% !important; }

.u-3\/10 {
  width: 30% !important; }

.u-4\/10 {
  width: 40% !important; }

.u-5\/10 {
  width: 50% !important; }

.u-6\/10 {
  width: 60% !important; }

.u-7\/10 {
  width: 70% !important; }

.u-8\/10 {
  width: 80% !important; }

.u-9\/10 {
  width: 90% !important; }

.u-1\/11 {
  width: 9.1% !important; }

.u-2\/11 {
  width: 18.2% !important; }

.u-3\/11 {
  width: 27.3% !important; }

.u-4\/11 {
  width: 36.4% !important; }

.u-5\/11 {
  width: 45.5% !important; }

.u-6\/11 {
  width: 54.5% !important; }

.u-7\/11 {
  width: 63.6% !important; }

.u-8\/11 {
  width: 72.7% !important; }

.u-9\/11 {
  width: 81.8% !important; }

.u-10\/11 {
  width: 90.9% !important; }

.u-1\/12 {
  width: 8.3% !important; }

.u-2\/12 {
  width: 16.7% !important; }

.u-3\/12 {
  width: 25% !important; }

.u-4\/12 {
  width: 33.3% !important; }

.u-5\/12 {
  width: 41.7% !important; }

.u-6\/12 {
  width: 50% !important; }

.u-7\/12 {
  width: 58.3% !important; }

.u-8\/12 {
  width: 66.7% !important; }

.u-9\/12 {
  width: 75% !important; }

.u-10\/12 {
  width: 83.3% !important; }

.u-11\/12 {
  width: 91.7% !important; }

/*------------------------------------*\
    #WIDTHS-RESPONSIVE
\*------------------------------------*/
/**
 * Responsive width classes based on your responsive settings.
 */
@media screen and (max-width: 450px) {
	#btn-countdown{
		margin: 0;
		width: 100%;
	}
}
 
@media screen and (max-width: 375px) {
	.settUpdate {
		max-width: 450px;
		margin:0px auto;
	}
	.btn--medium{
		float:none!important;
	}
}

@media screen and (min-width: 360px) {
  .u-1\/1-mob {
    width: 100% !important; }
  .u-1\/2-mob {
    width: 50% !important; }
  .u-1\/3-mob {
    width: 33.3% !important; }
  .u-2\/3-mob {
    width: 66.7% !important; }
  .u-1\/4-mob {
    width: 25% !important; }
  .u-2\/4-mob {
    width: 50% !important; }
  .u-3\/4-mob {
    width: 75% !important; }
  .u-1\/5-mob {
    width: 20% !important; }
  .u-2\/5-mob {
    width: 40% !important; }
  .u-3\/5-mob {
    width: 60% !important; }
  .u-4\/5-mob {
    width: 80% !important; }
  .u-1\/6-mob {
    width: 16.7% !important; }
  .u-2\/6-mob {
    width: 33.3% !important; }
  .u-3\/6-mob {
    width: 50% !important; }
  .u-4\/6-mob {
    width: 66.7% !important; }
  .u-5\/6-mob {
    width: 83.3% !important; }
  .u-1\/7-mob {
    width: 14.3% !important; }
  .u-2\/7-mob {
    width: 28.6% !important; }
  .u-3\/7-mob {
    width: 42.9% !important; }
  .u-4\/7-mob {
    width: 57.1% !important; }
  .u-5\/7-mob {
    width: 71.4% !important; }
  .u-6\/7-mob {
    width: 85.7% !important; }
  .u-1\/8-mob {
    width: 12.5% !important; }
  .u-2\/8-mob {
    width: 25% !important; }
  .u-3\/8-mob {
    width: 37.5% !important; }
  .u-4\/8-mob {
    width: 50% !important; }
  .u-5\/8-mob {
    width: 62.5% !important; }
  .u-6\/8-mob {
    width: 75% !important; }
  .u-7\/8-mob {
    width: 87.5% !important; }
  .u-1\/9-mob {
    width: 11.1% !important; }
  .u-2\/9-mob {
    width: 22.2% !important; }
  .u-3\/9-mob {
    width: 33.3% !important; }
  .u-4\/9-mob {
    width: 44.4% !important; }
  .u-5\/9-mob {
    width: 55.6% !important; }
  .u-6\/9-mob {
    width: 66.7% !important; }
  .u-7\/9-mob {
    width: 77.8% !important; }
  .u-8\/9-mob {
    width: 88.9% !important; }
  .u-1\/10-mob {
    width: 10% !important; }
  .u-2\/10-mob {
    width: 20% !important; }
  .u-3\/10-mob {
    width: 30% !important; }
  .u-4\/10-mob {
    width: 40% !important; }
  .u-5\/10-mob {
    width: 50% !important; }
  .u-6\/10-mob {
    width: 60% !important; }
  .u-7\/10-mob {
    width: 70% !important; }
  .u-8\/10-mob {
    width: 80% !important; }
  .u-9\/10-mob {
    width: 90% !important; }
  .u-1\/11-mob {
    width: 9.1% !important; }
  .u-2\/11-mob {
    width: 18.2% !important; }
  .u-3\/11-mob {
    width: 27.3% !important; }
  .u-4\/11-mob {
    width: 36.4% !important; }
  .u-5\/11-mob {
    width: 45.5% !important; }
  .u-6\/11-mob {
    width: 54.5% !important; }
  .u-7\/11-mob {
    width: 63.6% !important; }
  .u-8\/11-mob {
    width: 72.7% !important; }
  .u-9\/11-mob {
    width: 81.8% !important; }
  .u-10\/11-mob {
    width: 90.9% !important; }
  .u-1\/12-mob {
    width: 8.3% !important; }
  .u-2\/12-mob {
    width: 16.7% !important; }
  .u-3\/12-mob {
    width: 25% !important; }
  .u-4\/12-mob {
    width: 33.3% !important; }
  .u-5\/12-mob {
    width: 41.7% !important; }
  .u-6\/12-mob {
    width: 50% !important; }
  .u-7\/12-mob {
    width: 58.3% !important; }
  .u-8\/12-mob {
    width: 66.7% !important; }
  .u-9\/12-mob {
    width: 75% !important; }
  .u-10\/12-mob {
    width: 83.3% !important; }
  .u-11\/12-mob {
    width: 91.7% !important; } 
}
#fileProfileDiv .avt_pro_img{
  margin-top: 25px!important;
}
@media screen and (min-width: 360px) and (max-width: 400px) {
  #fileProfileDiv,#fileAvatarDiv{
    width: 155px!important;
  }
}
@media screen and (min-width: 400px) and (max-width: 470px) {
  #fileProfileDiv{
    width: 180px!important;
  }
}
@media screen and (min-width: 450px) {
  .u-1\/1-flag {
    width: 100% !important; }
  .u-1\/2-flag {
    width: 50% !important; }
  .u-1\/3-flag {
    width: 33.3% !important; }
  .u-2\/3-flag {
    width: 66.7% !important; }
  .u-1\/4-flag {
    width: 25% !important; }
  .u-2\/4-flag {
    width: 50% !important; }
  .u-3\/4-flag {
    width: 75% !important; }
  .u-1\/5-flag {
    width: 20% !important; }
  .u-2\/5-flag {
    width: 40% !important; }
  .u-3\/5-flag {
    width: 60% !important; }
  .u-4\/5-flag {
    width: 80% !important; }
  .u-1\/6-flag {
    width: 16.7% !important; }
  .u-2\/6-flag {
    width: 33.3% !important; }
  .u-3\/6-flag {
    width: 50% !important; }
  .u-4\/6-flag {
    width: 66.7% !important; }
  .u-5\/6-flag {
    width: 83.3% !important; }
  .u-1\/7-flag {
    width: 14.3% !important; }
  .u-2\/7-flag {
    width: 28.6% !important; }
  .u-3\/7-flag {
    width: 42.9% !important; }
  .u-4\/7-flag {
    width: 57.1% !important; }
  .u-5\/7-flag {
    width: 71.4% !important; }
  .u-6\/7-flag {
    width: 85.7% !important; }
  .u-1\/8-flag {
    width: 12.5% !important; }
  .u-2\/8-flag {
    width: 25% !important; }
  .u-3\/8-flag {
    width: 37.5% !important; }
  .u-4\/8-flag {
    width: 50% !important; }
  .u-5\/8-flag {
    width: 62.5% !important; }
  .u-6\/8-flag {
    width: 75% !important; }
  .u-7\/8-flag {
    width: 87.5% !important; }
  .u-1\/9-flag {
    width: 11.1% !important; }
  .u-2\/9-flag {
    width: 22.2% !important; }
  .u-3\/9-flag {
    width: 33.3% !important; }
  .u-4\/9-flag {
    width: 44.4% !important; }
  .u-5\/9-flag {
    width: 55.6% !important; }
  .u-6\/9-flag {
    width: 66.7% !important; }
  .u-7\/9-flag {
    width: 77.8% !important; }
  .u-8\/9-flag {
    width: 88.9% !important; }
  .u-1\/10-flag {
    width: 10% !important; }
  .u-2\/10-flag {
    width: 20% !important; }
  .u-3\/10-flag {
    width: 30% !important; }
  .u-4\/10-flag {
    width: 40% !important; }
  .u-5\/10-flag {
    width: 50% !important; }
  .u-6\/10-flag {
    width: 60% !important; }
  .u-7\/10-flag {
    width: 70% !important; }
  .u-8\/10-flag {
    width: 80% !important; }
  .u-9\/10-flag {
    width: 90% !important; }
  .u-1\/11-flag {
    width: 9.1% !important; }
  .u-2\/11-flag {
    width: 18.2% !important; }
  .u-3\/11-flag {
    width: 27.3% !important; }
  .u-4\/11-flag {
    width: 36.4% !important; }
  .u-5\/11-flag {
    width: 45.5% !important; }
  .u-6\/11-flag {
    width: 54.5% !important; }
  .u-7\/11-flag {
    width: 63.6% !important; }
  .u-8\/11-flag {
    width: 72.7% !important; }
  .u-9\/11-flag {
    width: 81.8% !important; }
  .u-10\/11-flag {
    width: 90.9% !important; }
  .u-1\/12-flag {
    width: 8.3% !important; }
  .u-2\/12-flag {
    width: 16.7% !important; }
  .u-3\/12-flag {
    width: 25% !important; }
  .u-4\/12-flag {
    width: 33.3% !important; }
  .u-5\/12-flag {
    width: 41.7% !important; }
  .u-6\/12-flag {
    width: 50% !important; }
  .u-7\/12-flag {
    width: 58.3% !important; }
  .u-8\/12-flag {
    width: 66.7% !important; }
  .u-9\/12-flag {
    width: 75% !important; }
  .u-10\/12-flag {
    width: 83.3% !important; }
  .u-11\/12-flag {
    width: 91.7% !important; } }

@media screen and (min-width: 640px) {
  .u-1\/1-phablet {
    width: 100% !important; }
  .u-1\/2-phablet {
    width: 50% !important; }
  .u-1\/3-phablet {
    width: 33.3% !important; }
  .u-2\/3-phablet {
    width: 66.7% !important; }
  .u-1\/4-phablet {
    width: 25% !important; }
  .u-2\/4-phablet {
    width: 50% !important; }
  .u-3\/4-phablet {
    width: 75% !important; }
  .u-1\/5-phablet {
    width: 20% !important; }
  .u-2\/5-phablet {
    width: 40% !important; }
  .u-3\/5-phablet {
    width: 60% !important; }
  .u-4\/5-phablet {
    width: 80% !important; }
  .u-1\/6-phablet {
    width: 16.7% !important; }
  .u-2\/6-phablet {
    width: 33.3% !important; }
  .u-3\/6-phablet {
    width: 50% !important; }
  .u-4\/6-phablet {
    width: 66.7% !important; }
  .u-5\/6-phablet {
    width: 83.3% !important; }
  .u-1\/7-phablet {
    width: 14.3% !important; }
  .u-2\/7-phablet {
    width: 28.6% !important; }
  .u-3\/7-phablet {
    width: 42.9% !important; }
  .u-4\/7-phablet {
    width: 57.1% !important; }
  .u-5\/7-phablet {
    width: 71.4% !important; }
  .u-6\/7-phablet {
    width: 85.7% !important; }
  .u-1\/8-phablet {
    width: 12.5% !important; }
  .u-2\/8-phablet {
    width: 25% !important; }
  .u-3\/8-phablet {
    width: 37.5% !important; }
  .u-4\/8-phablet {
    width: 50% !important; }
  .u-5\/8-phablet {
    width: 62.5% !important; }
  .u-6\/8-phablet {
    width: 75% !important; }
  .u-7\/8-phablet {
    width: 87.5% !important; }
  .u-1\/9-phablet {
    width: 11.1% !important; }
  .u-2\/9-phablet {
    width: 22.2% !important; }
  .u-3\/9-phablet {
    width: 33.3% !important; }
  .u-4\/9-phablet {
    width: 44.4% !important; }
  .u-5\/9-phablet {
    width: 55.6% !important; }
  .u-6\/9-phablet {
    width: 66.7% !important; }
  .u-7\/9-phablet {
    width: 77.8% !important; }
  .u-8\/9-phablet {
    width: 88.9% !important; }
  .u-1\/10-phablet {
    width: 10% !important; }
  .u-2\/10-phablet {
    width: 20% !important; }
  .u-3\/10-phablet {
    width: 30% !important; }
  .u-4\/10-phablet {
    width: 40% !important; }
  .u-5\/10-phablet {
    width: 50% !important; }
  .u-6\/10-phablet {
    width: 60% !important; }
  .u-7\/10-phablet {
    width: 70% !important; }
  .u-8\/10-phablet {
    width: 80% !important; }
  .u-9\/10-phablet {
    width: 90% !important; }
  .u-1\/11-phablet {
    width: 9.1% !important; }
  .u-2\/11-phablet {
    width: 18.2% !important; }
  .u-3\/11-phablet {
    width: 27.3% !important; }
  .u-4\/11-phablet {
    width: 36.4% !important; }
  .u-5\/11-phablet {
    width: 45.5% !important; }
  .u-6\/11-phablet {
    width: 54.5% !important; }
  .u-7\/11-phablet {
    width: 63.6% !important; }
  .u-8\/11-phablet {
    width: 72.7% !important; }
  .u-9\/11-phablet {
    width: 81.8% !important; }
  .u-10\/11-phablet {
    width: 90.9% !important; }
  .u-1\/12-phablet {
    width: 8.3% !important; }
  .u-2\/12-phablet {
    width: 16.7% !important; }
  .u-3\/12-phablet {
    width: 25% !important; }
  .u-4\/12-phablet {
    width: 33.3% !important; }
  .u-5\/12-phablet {
    width: 41.7% !important; }
  .u-6\/12-phablet {
    width: 50% !important; }
  .u-7\/12-phablet {
    width: 58.3% !important; }
  .u-8\/12-phablet {
    width: 66.7% !important; }
  .u-9\/12-phablet {
    width: 75% !important; }
  .u-10\/12-phablet {
    width: 83.3% !important; }
  .u-11\/12-phablet {
    width: 91.7% !important; } }

@media screen and (min-width: 768px) {
  .u-1\/1-lap {
    width: 100% !important; }
  .u-1\/2-lap {
    width: 50% !important; }
  .u-1\/3-lap {
    width: 33.3% !important; }
  .u-2\/3-lap {
    width: 66.7% !important; }
  .u-1\/4-lap {
    width: 25% !important; }
  .u-2\/4-lap {
    width: 50% !important; }
  .u-3\/4-lap {
    width: 75% !important; }
  .u-1\/5-lap {
    width: 20% !important; }
  .u-2\/5-lap {
    width: 40% !important; }
  .u-3\/5-lap {
    width: 60% !important; }
  .u-4\/5-lap {
    width: 80% !important; }
  .u-1\/6-lap {
    width: 16.7% !important; }
  .u-2\/6-lap {
    width: 33.3% !important; }
  .u-3\/6-lap {
    width: 50% !important; }
  .u-4\/6-lap {
    width: 66.7% !important; }
  .u-5\/6-lap {
    width: 83.3% !important; }
  .u-1\/7-lap {
    width: 14.3% !important; }
  .u-2\/7-lap {
    width: 28.6% !important; }
  .u-3\/7-lap {
    width: 42.9% !important; }
  .u-4\/7-lap {
    width: 57.1% !important; }
  .u-5\/7-lap {
    width: 71.4% !important; }
  .u-6\/7-lap {
    width: 85.7% !important; }
  .u-1\/8-lap {
    width: 12.5% !important; }
  .u-2\/8-lap {
    width: 25% !important; }
  .u-3\/8-lap {
    width: 37.5% !important; }
  .u-4\/8-lap {
    width: 50% !important; }
  .u-5\/8-lap {
    width: 62.5% !important; }
  .u-6\/8-lap {
    width: 75% !important; }
  .u-7\/8-lap {
    width: 87.5% !important; }
  .u-1\/9-lap {
    width: 11.1% !important; }
  .u-2\/9-lap {
    width: 22.2% !important; }
  .u-3\/9-lap {
    width: 33.3% !important; }
  .u-4\/9-lap {
    width: 44.4% !important; }
  .u-5\/9-lap {
    width: 55.6% !important; }
  .u-6\/9-lap {
    width: 66.7% !important; }
  .u-7\/9-lap {
    width: 77.8% !important; }
  .u-8\/9-lap {
    width: 88.9% !important; }
  .u-1\/10-lap {
    width: 10% !important; }
  .u-2\/10-lap {
    width: 20% !important; }
  .u-3\/10-lap {
    width: 30% !important; }
  .u-4\/10-lap {
    width: 40% !important; }
  .u-5\/10-lap {
    width: 50% !important; }
  .u-6\/10-lap {
    width: 60% !important; }
  .u-7\/10-lap {
    width: 70% !important; }
  .u-8\/10-lap {
    width: 80% !important; }
  .u-9\/10-lap {
    width: 90% !important; }
  .u-1\/11-lap {
    width: 9.1% !important; }
  .u-2\/11-lap {
    width: 18.2% !important; }
  .u-3\/11-lap {
    width: 27.3% !important; }
  .u-4\/11-lap {
    width: 36.4% !important; }
  .u-5\/11-lap {
    width: 45.5% !important; }
  .u-6\/11-lap {
    width: 54.5% !important; }
  .u-7\/11-lap {
    width: 63.6% !important; }
  .u-8\/11-lap {
    width: 72.7% !important; }
  .u-9\/11-lap {
    width: 81.8% !important; }
  .u-10\/11-lap {
    width: 90.9% !important; }
  .u-1\/12-lap {
    width: 8.3% !important; }
  .u-2\/12-lap {
    width: 16.7% !important; }
  .u-3\/12-lap {
    width: 25% !important; }
  .u-4\/12-lap {
    width: 33.3% !important; }
  .u-5\/12-lap {
    width: 41.7% !important; }
  .u-6\/12-lap {
    width: 50% !important; }
  .u-7\/12-lap {
    width: 58.3% !important; }
  .u-8\/12-lap {
    width: 66.7% !important; }
  .u-9\/12-lap {
    width: 75% !important; }
  .u-10\/12-lap {
    width: 83.3% !important; }
  .u-11\/12-lap {
    width: 91.7% !important; } }

@media screen and (min-width: 1024px) {
  .u-1\/1-desk {
    width: 100% !important; }
  .u-1\/2-desk {
    width: 50% !important; }
  .u-1\/3-desk {
    width: 33.3% !important; }
  .u-2\/3-desk {
    width: 66.7% !important; }
  .u-1\/4-desk {
    width: 25% !important; }
  .u-2\/4-desk {
    width: 50% !important; }
  .u-3\/4-desk {
    width: 75% !important; }
  .u-1\/5-desk {
    width: 20% !important; }
  .u-2\/5-desk {
    width: 40% !important; }
  .u-3\/5-desk {
    width: 60% !important; }
  .u-4\/5-desk {
    width: 80% !important; }
  .u-1\/6-desk {
    width: 16.7% !important; }
  .u-2\/6-desk {
    width: 33.3% !important; }
  .u-3\/6-desk {
    width: 50% !important; }
  .u-4\/6-desk {
    width: 66.7% !important; }
  .u-5\/6-desk {
    width: 83.3% !important; }
  .u-1\/7-desk {
    width: 14.3% !important; }
  .u-2\/7-desk {
    width: 28.6% !important; }
  .u-3\/7-desk {
    width: 42.9% !important; }
  .u-4\/7-desk {
    width: 57.1% !important; }
  .u-5\/7-desk {
    width: 71.4% !important; }
  .u-6\/7-desk {
    width: 85.7% !important; }
  .u-1\/8-desk {
    width: 12.5% !important; }
  .u-2\/8-desk {
    width: 25% !important; }
  .u-3\/8-desk {
    width: 37.5% !important; }
  .u-4\/8-desk {
    width: 50% !important; }
  .u-5\/8-desk {
    width: 62.5% !important; }
  .u-6\/8-desk {
    width: 75% !important; }
  .u-7\/8-desk {
    width: 87.5% !important; }
  .u-1\/9-desk {
    width: 11.1% !important; }
  .u-2\/9-desk {
    width: 22.2% !important; }
  .u-3\/9-desk {
    width: 33.3% !important; }
  .u-4\/9-desk {
    width: 44.4% !important; }
  .u-5\/9-desk {
    width: 55.6% !important; }
  .u-6\/9-desk {
    width: 66.7% !important; }
  .u-7\/9-desk {
    width: 77.8% !important; }
  .u-8\/9-desk {
    width: 88.9% !important; }
  .u-1\/10-desk {
    width: 10% !important; }
  .u-2\/10-desk {
    width: 20% !important; }
  .u-3\/10-desk {
    width: 30% !important; }
  .u-4\/10-desk {
    width: 40% !important; }
  .u-5\/10-desk {
    width: 50% !important; }
  .u-6\/10-desk {
    width: 60% !important; }
  .u-7\/10-desk {
    width: 70% !important; }
  .u-8\/10-desk {
    width: 80% !important; }
  .u-9\/10-desk {
    width: 90% !important; }
  .u-1\/11-desk {
    width: 9.1% !important; }
  .u-2\/11-desk {
    width: 18.2% !important; }
  .u-3\/11-desk {
    width: 27.3% !important; }
  .u-4\/11-desk {
    width: 36.4% !important; }
  .u-5\/11-desk {
    width: 45.5% !important; }
  .u-6\/11-desk {
    width: 54.5% !important; }
  .u-7\/11-desk {
    width: 63.6% !important; }
  .u-8\/11-desk {
    width: 72.7% !important; }
  .u-9\/11-desk {
    width: 81.8% !important; }
  .u-10\/11-desk {
    width: 90.9% !important; }
  .u-1\/12-desk {
    width: 8.3% !important; }
  .u-2\/12-desk {
    width: 16.7% !important; }
  .u-3\/12-desk {
    width: 25% !important; }
  .u-4\/12-desk {
    width: 33.3% !important; }
  .u-5\/12-desk {
    width: 41.7% !important; }
  .u-6\/12-desk {
    width: 50% !important; }
  .u-7\/12-desk {
    width: 58.3% !important; }
  .u-8\/12-desk {
    width: 66.7% !important; }
  .u-9\/12-desk {
    width: 75% !important; }
  .u-10\/12-desk {
    width: 83.3% !important; }
  .u-11\/12-desk {
    width: 91.7% !important; } }

@media screen and (min-width: 1200px) {
  .u-1\/1-huge {
    width: 100% !important; }
  .u-1\/2-huge {
    width: 50% !important; }
  .u-1\/3-huge {
    width: 33.3% !important; }
  .u-2\/3-huge {
    width: 66.7% !important; }
  .u-1\/4-huge {
    width: 25% !important; }
  .u-2\/4-huge {
    width: 50% !important; }
  .u-3\/4-huge {
    width: 75% !important; }
  .u-1\/5-huge {
    width: 20% !important; }
  .u-2\/5-huge {
    width: 40% !important; }
  .u-3\/5-huge {
    width: 60% !important; }
  .u-4\/5-huge {
    width: 80% !important; }
  .u-1\/6-huge {
    width: 16.7% !important; }
  .u-2\/6-huge {
    width: 33.3% !important; }
  .u-3\/6-huge {
    width: 50% !important; }
  .u-4\/6-huge {
    width: 66.7% !important; }
  .u-5\/6-huge {
    width: 83.3% !important; }
  .u-1\/7-huge {
    width: 14.3% !important; }
  .u-2\/7-huge {
    width: 28.6% !important; }
  .u-3\/7-huge {
    width: 42.9% !important; }
  .u-4\/7-huge {
    width: 57.1% !important; }
  .u-5\/7-huge {
    width: 71.4% !important; }
  .u-6\/7-huge {
    width: 85.7% !important; }
  .u-1\/8-huge {
    width: 12.5% !important; }
  .u-2\/8-huge {
    width: 25% !important; }
  .u-3\/8-huge {
    width: 37.5% !important; }
  .u-4\/8-huge {
    width: 50% !important; }
  .u-5\/8-huge {
    width: 62.5% !important; }
  .u-6\/8-huge {
    width: 75% !important; }
  .u-7\/8-huge {
    width: 87.5% !important; }
  .u-1\/9-huge {
    width: 11.1% !important; }
  .u-2\/9-huge {
    width: 22.2% !important; }
  .u-3\/9-huge {
    width: 33.3% !important; }
  .u-4\/9-huge {
    width: 44.4% !important; }
  .u-5\/9-huge {
    width: 55.6% !important; }
  .u-6\/9-huge {
    width: 66.7% !important; }
  .u-7\/9-huge {
    width: 77.8% !important; }
  .u-8\/9-huge {
    width: 88.9% !important; }
  .u-1\/10-huge {
    width: 10% !important; }
  .u-2\/10-huge {
    width: 20% !important; }
  .u-3\/10-huge {
    width: 30% !important; }
  .u-4\/10-huge {
    width: 40% !important; }
  .u-5\/10-huge {
    width: 50% !important; }
  .u-6\/10-huge {
    width: 60% !important; }
  .u-7\/10-huge {
    width: 70% !important; }
  .u-8\/10-huge {
    width: 80% !important; }
  .u-9\/10-huge {
    width: 90% !important; }
  .u-1\/11-huge {
    width: 9.1% !important; }
  .u-2\/11-huge {
    width: 18.2% !important; }
  .u-3\/11-huge {
    width: 27.3% !important; }
  .u-4\/11-huge {
    width: 36.4% !important; }
  .u-5\/11-huge {
    width: 45.5% !important; }
  .u-6\/11-huge {
    width: 54.5% !important; }
  .u-7\/11-huge {
    width: 63.6% !important; }
  .u-8\/11-huge {
    width: 72.7% !important; }
  .u-9\/11-huge {
    width: 81.8% !important; }
  .u-10\/11-huge {
    width: 90.9% !important; }
  .u-1\/12-huge {
    width: 8.3% !important; }
  .u-2\/12-huge {
    width: 16.7% !important; }
  .u-3\/12-huge {
    width: 25% !important; }
  .u-4\/12-huge {
    width: 33.3% !important; }
  .u-5\/12-huge {
    width: 41.7% !important; }
  .u-6\/12-huge {
    width: 50% !important; }
  .u-7\/12-huge {
    width: 58.3% !important; }
  .u-8\/12-huge {
    width: 66.7% !important; }
  .u-9\/12-huge {
    width: 75% !important; }
  .u-10\/12-huge {
    width: 83.3% !important; }
  .u-11\/12-huge {
    width: 91.7% !important; } }

@media screen and (min-width: 1400px) {
  .u-1\/1-gigantic {
    width: 100% !important; }
  .u-1\/2-gigantic {
    width: 50% !important; }
  .u-1\/3-gigantic {
    width: 33.3% !important; }
  .u-2\/3-gigantic {
    width: 66.7% !important; }
  .u-1\/4-gigantic {
    width: 25% !important; }
  .u-2\/4-gigantic {
    width: 50% !important; }
  .u-3\/4-gigantic {
    width: 75% !important; }
  .u-1\/5-gigantic {
    width: 20% !important; }
  .u-2\/5-gigantic {
    width: 40% !important; }
  .u-3\/5-gigantic {
    width: 60% !important; }
  .u-4\/5-gigantic {
    width: 80% !important; }
  .u-1\/6-gigantic {
    width: 16.7% !important; }
  .u-2\/6-gigantic {
    width: 33.3% !important; }
  .u-3\/6-gigantic {
    width: 50% !important; }
  .u-4\/6-gigantic {
    width: 66.7% !important; }
  .u-5\/6-gigantic {
    width: 83.3% !important; }
  .u-1\/7-gigantic {
    width: 14.3% !important; }
  .u-2\/7-gigantic {
    width: 28.6% !important; }
  .u-3\/7-gigantic {
    width: 42.9% !important; }
  .u-4\/7-gigantic {
    width: 57.1% !important; }
  .u-5\/7-gigantic {
    width: 71.4% !important; }
  .u-6\/7-gigantic {
    width: 85.7% !important; }
  .u-1\/8-gigantic {
    width: 12.5% !important; }
  .u-2\/8-gigantic {
    width: 25% !important; }
  .u-3\/8-gigantic {
    width: 37.5% !important; }
  .u-4\/8-gigantic {
    width: 50% !important; }
  .u-5\/8-gigantic {
    width: 62.5% !important; }
  .u-6\/8-gigantic {
    width: 75% !important; }
  .u-7\/8-gigantic {
    width: 87.5% !important; }
  .u-1\/9-gigantic {
    width: 11.1% !important; }
  .u-2\/9-gigantic {
    width: 22.2% !important; }
  .u-3\/9-gigantic {
    width: 33.3% !important; }
  .u-4\/9-gigantic {
    width: 44.4% !important; }
  .u-5\/9-gigantic {
    width: 55.6% !important; }
  .u-6\/9-gigantic {
    width: 66.7% !important; }
  .u-7\/9-gigantic {
    width: 77.8% !important; }
  .u-8\/9-gigantic {
    width: 88.9% !important; }
  .u-1\/10-gigantic {
    width: 10% !important; }
  .u-2\/10-gigantic {
    width: 20% !important; }
  .u-3\/10-gigantic {
    width: 30% !important; }
  .u-4\/10-gigantic {
    width: 40% !important; }
  .u-5\/10-gigantic {
    width: 50% !important; }
  .u-6\/10-gigantic {
    width: 60% !important; }
  .u-7\/10-gigantic {
    width: 70% !important; }
  .u-8\/10-gigantic {
    width: 80% !important; }
  .u-9\/10-gigantic {
    width: 90% !important; }
  .u-1\/11-gigantic {
    width: 9.1% !important; }
  .u-2\/11-gigantic {
    width: 18.2% !important; }
  .u-3\/11-gigantic {
    width: 27.3% !important; }
  .u-4\/11-gigantic {
    width: 36.4% !important; }
  .u-5\/11-gigantic {
    width: 45.5% !important; }
  .u-6\/11-gigantic {
    width: 54.5% !important; }
  .u-7\/11-gigantic {
    width: 63.6% !important; }
  .u-8\/11-gigantic {
    width: 72.7% !important; }
  .u-9\/11-gigantic {
    width: 81.8% !important; }
  .u-10\/11-gigantic {
    width: 90.9% !important; }
  .u-1\/12-gigantic {
    width: 8.3% !important; }
  .u-2\/12-gigantic {
    width: 16.7% !important; }
  .u-3\/12-gigantic {
    width: 25% !important; }
  .u-4\/12-gigantic {
    width: 33.3% !important; }
  .u-5\/12-gigantic {
    width: 41.7% !important; }
  .u-6\/12-gigantic {
    width: 50% !important; }
  .u-7\/12-gigantic {
    width: 58.3% !important; }
  .u-8\/12-gigantic {
    width: 66.7% !important; }
  .u-9\/12-gigantic {
    width: 75% !important; }
  .u-10\/12-gigantic {
    width: 83.3% !important; }
  .u-11\/12-gigantic {
    width: 91.7% !important; } }

/*------------------------------------*\
    #PRINT
\*------------------------------------*/
/**
 * Very crude, reset-like styles taken from the HTML5 Boilerplate:
 * https://github.com/h5bp/html5-boilerplate/blob/3c3c5e64604209a4d63e1e4c48dd245d45fadfd9/css/main.css#L200-L234
 */
@media print {
  *, *:before, *:after {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important; }
  a,
  a:visited {
    text-decoration: underline; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  /**
     * Don’t show links that are fragment identifiers, or use the `javascript:`
     * pseudo protocol.
     */
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: ""; } }

.icon--right {
  float: right;
  color: #00c775; }

.u-float-r,
.u-float-l {
  float: right;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 6px; }

.u-float-l {
  float: left; }

.u-d-ib {
  display: inline-block; }

.img--round {
  border-radius: 100%; }

.u-c-body {
  color: rgba(0, 0, 0, 0.8); }

.u-c-grey {
  color: rgba(0, 0, 0, 0.3) !important; }

.u-c-green {
  color: #00C775 !important; }

.u-c-medium-grey {
  color: rgba(0, 0, 0, 0.5); }

.u-c-blue {
  color: #60bfff; }

.u-c-dark-blue {
  color: #1f4eff; }

.u-c-white {
  color: #fff; }

.u-c-teal {
  color: #2bc7c3 !important; }

.u-c-tealish {
  color: #2bc7c3 !important; }

.u-c-red {
  color: #fd3886 !important; }

.u-c-seafoam-blue {
  color: #50d2c2 !important; }

.u-c-warm-pink {
  color: #fd5b7a !important; }

.u-c-bluey-grey-50 {
  color: rgba(144, 164, 173, 0.5) !important; }

.u-t-hint {
  font-style: italic;
  font-size: 15px;
  font-size: 0.9rem;
  line-height: 1.5;
  color: #bdbdbd; }

.title-grey {
  text-align: center;
  text-transform: uppercase;
  color: #9b9b9b;
  font-size: 15px;
  font-size: 0.9rem;
  line-height: 1.4;
  margin-bottom: 16px; }

.title--small {
  color: rgba(0, 0, 0, 0.5); }

.u-c-blue {
  color: #1DADEB; }

.u-p-tb {
  padding-top: 24px;
  padding-bottom: 24px; }

.u-p {
  padding: 24px; }

.u-p-tb-s {
  padding-top: 24px;
  padding-bottom: 24px; }

.u-p-lr {
  padding: 0 24px; }

.u-pb {
  padding-bottom: 24px; }

.u-p-t {
  padding-top: 24px; }
  @media screen and (min-width: 1024px) {
    .u-p-t {
      padding-top: 48px; } }

.u-mb {
  margin-bottom: 24px !important; }

.u-mb-m {
  margin-bottom: 48px; }

.u-mb-l {
  margin-bottom: 48px; }
  @media screen and (min-width: 1024px) {
    .u-mb-l {
      margin-bottom: 96px; } }

.u-mb-xl {
  margin-bottom: 48px; }
  @media screen and (min-width: 1024px) {
    .u-mb-xl {
      margin-bottom: 72px; } }

.u-mt {
  margin-top: 24px; }

.u-mr {
  margin-right: 24px; }

.u-mr--small {
  margin-right: 12px; }

.u-plr {
  padding: 0 24px; }

.u-mb-s {
  margin-bottom: 6px; }

.u-mb-xs {
  margin-bottom: 3px; }

.u-pr-s {
  padding-right: 6px; }

.u-pr-xs {
  padding-right: 3px; }

.u-ta-c {
  text-align: center; }

.u-ta-l {
  text-align: left; }

.u-ta-r {
  text-align: right; }

.u-fs-f {
  font-size: 20px;
  font-size: 1.3rem;
  line-height: 1.4; }

.u-fs-l {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.4; }

.u-fs-xl {
  font-size: 32px;
  font-size: 2rem;
  line-height: 1.4; }

.u-fs-xs {
  font-size: 11px;
  font-size: 0.7rem;
  line-height: 1.3; }

.u-tt-upper {
  text-transform: uppercase; }

hr {
  border: 0;
  border-top: 1px solid #eceff1; }

.hr--white {
  border-color: #fff; }

.hr--red {
  border-color: #FF0047; }

.bg--facebook {
  background: #3b5998;
  opacity: 0.9;
  transition: opacity 0.3s; }
  .bg--facebook:hover, .bg--facebook:focus {
    background: #3b5998;
    opacity: 1; }

.bg--instagram {
  background: #3f729b;
  opacity: 0.9;
  transition: opacity 0.3s; }
  .bg--instagram:hover, .bg--instagram:focus {
    background: #3f729b;
    opacity: 1; }

.bg--twitter {
  background: #55acee;
  opacity: 0.9;
  transition: opacity 0.3s; }
  .bg--twitter:hover, .bg--twitter:focus {
    background: #55acee;
    opacity: 1; }

.bg--newsletter {
  background: #ef932c;
  opacity: 0.9;
  transition: opacity 0.3s; }
  .bg--newsletter:hover, .bg--newsletter:focus {
    background: #ef932c;
    opacity: 1; }

.bg--blue {
  background: #6ba5c5; }
  .bg--blue h1 {
    color: #fff; }

.bg--green {
  background: #33cc99; }

.bg--light-green {
  background: #00C775; }

.bg--purple {
  background: #43257b; }

.bg--social {
  background: #2790ff; }

.bg--yellow {
  background: #ebd242; }

.bg--red {
  background: #e43a2a; }

.bg--delete {
  background: #9d1348; }

.bg--tomato {
  background: #f34235; }

.bg--teal {
  background: #cddfd9; }

.bg--blue2 {
  background: #7ebdda; }

.bg--staff {
  background: red;
  filter: blur(5px); }

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

.bg--dark-rose {
  background: #ab4867; }

.bg--silver {
  background: #b7c2c8; }

.bg--medium-blue {
  background: #3353c1; }

.bg--black {
  background: #272B35; }

.u-bold {
  font-weight: 700; }

.js .js-join-us,
.js .js-terms {
  display: none; }

.u-c--facebook {
  color: #3b5998; }

.u-c--instagram {
  color: #3f729b; }

.u-c--twitter {
  color: #55acee; }

@media screen and (min-width: 1200px) {
  .instagram-19, .instagram-20 {
    display: none; } }

.pc_logout_box {
  text-align: right;
  width: 100%;
  margin-bottom: 24px; }

.inactive {
  opacity: 0.3; }

.icon--s {
  width: 10px;
  height: 10px; }

.icon--m {
  width: 20px;
  height: 20px; }

.icon--l {
  width: 30px;
  height: 30px; }

.icon--xl {
  width: 40px;
  height: 40px; }

.icon--xxl {
  width: 60px;
  height: 60px; }

.icon--huage {
  width: 110px;
  height: 110px; }

.icon--dash {
  width: 88px;
  height: 88px;
  margin: 12px 0;
  vertical-align: bottom; }
.filesbut_sec{
  max-width: 550px;margin:0px auto;
}
.u-shadow {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  border-radius: 1.4px; }

.gutter {
  display: none; }
  @media screen and (min-width: 1200px) {
    .gutter {
      display: inline-block !important; } }

.hide-no-js {
  display: none; }

.hide--mobile {
  display: none; }

@media screen and (min-width: 768px) {
  .hide--lap {
    display: none; } }

@media screen and (min-width: 1024px) {
  .hide--desk {
    display: none; } }

.show--mobile {
  display: block; }

@media screen and (min-width: 768px) {
  .show--lap {
    display: block; }
 
}
@media screen and (max-width: 910px) {
  
  .profile-header__text{  
    bottom: -4%;
  }
  .profile-header__text .u-mb-xs{
    font-size: 20px;
  }
}
@media screen and (max-width: 500px) {
  
  .profile-header__text{  
    bottom: -9%;
  }
  .profile-header__text .u-mb-xs{
    font-size: 16px;
  }
}
@media screen and (max-width: 519px) {
  
  .filesbut_sec{
    max-width: auto!important;
    margin:0px !important;
  }
  .filesbut_sec .btn{
    padding: 10px 12px !important;
    font-size: 10px;
    font-style: italic;
  }
}

@media screen and (max-width: 449px) {
  
  .profile-header__text{  
    bottom: -28%;
  }
  .profile-header__text .u-mb-xs{
    font-size: 16px;
  }
}

@media screen and (min-width: 1024px) {
  .show--desk {
    display: block; } }


/**
* All images within a figure use picturefill and will always
* look good enough to show at 100%, when in the grid
**/
/**
* Video container stuff (16:9)
**/
.responsive-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  margin-bottom: 24px; }
  .responsive-container iframe, .responsive-container object, .responsive-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }



    @media screen and (max-width: 350px) {
      .c-menu__close__icon {
         padding:20px 10px 0px 0px!important;
      }
      #create_empty_job .editable-input >select{
        width:100%;
  
      } 
      .flag__body .box__title{
            font-size: 16px!important;
      }
      .btn--tag {
            padding:5px 10px!important;  font-size: 0.6rem; 
       }
       .btn  .btn--tag{
            position: inherit;
       }
       .con-details-job-role{
            display:none;
       }
       .icon-details-job-role{
            display: none;
       }
  
    }
  
    @media screen and (max-width: 455px) { 
       .icon-details-job-role{
            display: none;
       }  
      #create_empty_job .editable-input >select{
        width:100%;
  
      } 
      .t-candidate .profile-img{
        padding:0px 0px 50px 0px!important;
        margin-bottom:25px;
        margin-top:10px;
      }
      .t-candidate .profile-img__rating{
            margin-left: 100px!important;
      }
      .t-candidate .profile-header__img{
        bottom: -146px!important;left: 12px!important;
      }  
      .t-candidate .box__title >a{
        font-size: 16px;
      }

      .search_result .flag__body{
        line-break: anywhere;
        max-width: 190px;
      }
      .anywhere-break{
        line-break: anywhere;
      }
     
    }

    @media (min-width: 1600px){
     .jBox-wrapper{
        top:30%!important;
      }
    }

    @media screen and (max-width: 600px) { 
        .table-report{
          display: block;
          overflow-x: scroll;
          overflow-y: hidden;
      }     
    }

    @media screen and (max-width: 794px){ 
      #export_xls_barclay_invoices, #export_csv_barclay_invoices{
        margin-bottom: 15px;
        font-size: 0.6rem;
      }
      .report-expo{
        float: left;
      }
      .expertise-dropdown{
        width: 90%;
      }
      .act_de_button.green_button,.feedb{
        width: 150px!important;
      }
    }
    @media screen and (max-width: 370px) {
      .act_de_button.red_button{
        text-align: center;
        display: inline-block;
        float: none!important;
        padding: 10px;
        margin-bottom: 20px;
        width: 200px!important;
      }
      .act_de_button.green_button, .feedb {
        text-align: center;
        display: inline-block;
        float: none!important;
        padding: 10px;
        margin-bottom: 20px;
        width: 130px!important;
      }
    }
    
    @media screen and (max-width: 300px) {
      .act_de_button.green_button, .feedb {
        text-align: center;
        display: inline-block;
        float: none!important;
        padding: 10px;
        margin-bottom: 20px;
        width: 150px!important;
      }
    }

    @media screen and (max-width: 455px) {
      .profile-driver{
        bottom: -150px;
      }
      .vaccination-covid.profile-cvd{
        bottom: -142px;
        width: 36px;
        right: 130px;
      }
    }

    @media screen and (max-width: 904px) { 
      .t-candidate .custom_ul li {
         width: 40% !important;
         margin-left: 8%;
      }  
    }

    .currency_block{
      margin-top: 0px!important;
    }
   
    /***progress bar**/
    .light-gray{						
      background-color: #f1f1f1;
    }
    .round-xlarge{
      border-radius: 16px;
      //margin-bottom: 15px;   
      width:89%;
      float: left;
    }
    .bar-blue{
      color: #fff!important;
      background-color: #ab4867!important;
      width: 27%;
      float: left;
    }
    .bar-container{
      padding: 0.01em 25px;
      text-align: right;
      font-size: 0.75em;
    }
    .bar-container-signup{
      text-align: right;
      font-size: 0.75em;
      margin-left: 15px;
    }
    .mg-top{
      margin-top:15px;
      margin-bottom: 15px;
    }
    .icon-box{
      display: block;
      position:relative;
    }
    .icon-box span{
      top:5px;
    }
    .pad_button{
      padding-right: 10px;
    }
    .listing_wn{
      list-style: none;
    }
    .edit_additional_filpopup{
      max-width:500px;
    }

  .mailbox-content {
    background: none;
    border: none;
    padding: 10px;
  }
  .ibox {
    clear: both;
    margin-bottom: 25px;
    margin-top: 0;
    padding: 0;
}

.colleft_mail{
  float: left;
}


input[type='dateui'],input[type='email'],input[type='password'],input[type='number'],input[type='text'],select{
    padding: 12px;
    width: 100%;
    display: block;
    margin-bottom: 24px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    vertical-align: middle;
    color: #272B35;

}
textarea {
    padding: 12px;
    width: 100%;
    display: block;
    margin-bottom: 24px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    vertical-align: middle;
    color: #272B35;
    height:150px;
}

.social_outerblock input{
  width: 85%;
  display: inline-block;
}

/*.box__section li:first-child{
  margin-bottom: 10px;
}*/
input:required:valid {
  display: block!important;
}


  input:required:invalid,
  input:focus:invalid {
    /* insert your own styles for invalid form input */
    -moz-box-shadow: red !important;
    display: block!important;
    z-index: : 99999!important;
  }


/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none;
  z-index: 1000!important; }

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0; }

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em; }

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px; }

.ui-datepicker .ui-datepicker-prev {
  left: 2px; }

.ui-datepicker .ui-datepicker-next {
  right: 2px; }

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px; }

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px; }

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px; }

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center; }

.ui-datepicker .ui-datepicker-title select, .minute, .hour, #admin-filter-form select,#admin-filter-form input[type='text']{
  font-size: 1em;
  margin: 1px 0;
  display:inline;
  padding:0px; 
}

#admin-filter-form select, #admin-filter-form input[type='text'],#rota_form select, #rota_form input[type='text']{
    width: auto;
    display: inline-block;
    margin-bottom: 24px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    vertical-align: middle;
    color: #999999;
    margin-left: 10px;
    padding: 5px

}

#admin-filter-form input::placeholder {
  color: #999999 !important;
  opacity: 1 !important;; /* Firefox */
}




#admin-filter-form .u-float-r{
  width:100%;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 45% !important; }

.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em; }

.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0; }

.ui-datepicker td {
  border: 0;
  padding: 1px; }

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none; }

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0; }

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible; }

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto; }

.ui-datepicker-multi .ui-datepicker-group {
  float: left; }

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em; }

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%; }

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%; }

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%; }

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0; }

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left; }

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0; }

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl; }

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto; }

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto; }

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto; }

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto; }

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right; }

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px; }

.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
  -webkit-box-shadow: 0 0 5px #aaa;
  box-shadow: 0 0 5px #aaa; 
}

body .ui-tooltip {
  border-width: 2px; }


/*select:focus, input:required:focus, input[type='email']:required:focus, textarea:required:focus,.classborderRed {
  border: 1px solid red !important;
  outline: none;
  border-radius:6px!important;
}*/



.classborderRed { /*input:invalid:focus,select:invalid:focus,textarea:invalid:focus*/
  border: 1px solid red !important;
  outline: none;
  border-radius:0px!important;
}

.create_job_top_div{
  float: right;
}

.create_job_top_div button{
  margin-left: 10px;
  margin-bottom: 30px;
}

.orblock{
  text-align:center;display:inherit;color:#434445;
}
.candidate_social_block input{
  width:80%;
}
.rating_head_profile{
  margin:5px;
}

.astrik_color{
  color:red;
}

.recruit_j_display input[type='text'], .recruit_j_display input[type='email'], .recruit_j_display input[type='number'], .recruit_j_display select{
    padding: 0px !important;
    width: 200px !important;
    display: inline !important;
    margin-bottom: 0 !important;
    border: 1px solid rgba(0, 0, 0, 0.3);
    vertical-align: middle;
    color: #272B35;
}

.adminrefTxt{
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  margin-top:60px;
  color:#ab4867;
}

.div_send_ref_request{
  margin-top: 30px;
  text-align: center;
  float: left;
  width: 100%;
}