/* Minification failed. Returning unminified contents.
(3345,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5770,20): run-time error CSS1039: Token not allowed after unary operator: '-navigation-height'
(5829,20): run-time error CSS1039: Token not allowed after unary operator: '-navigation-height'
(7098,20): run-time error CSS1039: Token not allowed after unary operator: '-navigation-height'
(7373,20): run-time error CSS1039: Token not allowed after unary operator: '-navigation-height'
(8307,20): run-time error CSS1039: Token not allowed after unary operator: '-navigation-height'
(10589,20): run-time error CSS1039: Token not allowed after unary operator: '-navigation-height'
(13725,20): run-time error CSS1039: Token not allowed after unary operator: '-navigation-height'
(16209,20): run-time error CSS1039: Token not allowed after unary operator: '-navigation-height'
(17288,20): run-time error CSS1039: Token not allowed after unary operator: '-navigation-height'
(18949,20): run-time error CSS1039: Token not allowed after unary operator: '-navigation-height'
 */
*{margin:0;padding:0;outline:0;border:0;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;font-variant:inherit;line-height:inherit;word-wrap:inherit;word-break:inherit;color:inherit;text-decoration:inherit;text-align:inherit;vertical-align:baseline;background:transparent;border-radius:0;box-sizing:content-box}html{position:relative;min-height:100%;line-height:normal;text-align:left;word-wrap:normal;word-break:normal;background:#fff;font-family:Arial,sans-serif;font-size:62.5%;color:#000}table{border-collapse:collapse;border-spacing:0}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:normal}b,strong{font-weight:bold}i,em{font-style:italic}del,strike,s{text-decoration:line-through}sup{vertical-align:super;font-size:smaller}sub{vertical-align:sub;font-size:smaller}a,button{cursor:pointer}button{-webkit-appearance:none;appearance:none}*[draggable]{-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;user-select:none;-khtml-user-drag:element;-webkit-user-drag:element}input[type="search"]{appearance:none;-webkit-appearance:none}input[type="search"]::-ms-clear{display:none;width:0;height:0}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-results-button,input[type="search"]::-webkit-search-results-decoration{display:none}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}

@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  to {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

:root {
  --navigation-height: 80px;
}
body {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 100vh;
  min-width: 1250px;
  background: #ffffff;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  margin-top: 0!important;
}
body > * {
  width: 100%;
  flex-shrink: 0;
  flex-grow: 0;
  box-sizing: border-box;
}
.center {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 0 20px;
}
.center.small {
  max-width: 760px;
}
.center.on_left {
  margin-left: 0;
}
.center.on_right {
  margin-right: 0;
}
.center img {
  max-width: 100%;
  max-height: none;
  height: auto !important;
}
.main {
  padding: 50px 0;
}
.main.full_h {
  min-height: calc(100vh - 235px);
}
.ph {
  flex-shrink: 1;
  flex-grow: 1;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.text-nowrap {
  white-space: nowrap;
}
.text-lowercase {
  text-transform: lowercase;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-capitalize {
  text-transform: capitalize;
}
.text-muted {
  color: #777777;
}
.hidden {
  visibility: hidden;
}
.align_left {
  text-align: left;
}
.align_center {
  text-align: center;
}
.align_right {
  text-align: right;
}
.hidden {
  visibility: hidden;
}
.nodisplay {
  display: none !important;
}
body.NOSCROLL {
  overflow: hidden !important;
}
body.NOSCROLL-X {
  overflow-x: hidden !important;
}
body.NOSCROLL-Y {
  overflow-y: hidden !important;
}
.l-waalert {
  position: fixed;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  bottom: 50%;
  left: 50%;
  width: auto;
  max-width: 450px;
  box-sizing: border-box;
  padding: 19px 36px;
  background: #4b5c68;
  border-radius: 5px;
  box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.27);
  font-size: 16px;
  color: #ffffff;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateY(-50%) translateZ(0) translateX(-50%);
  transform: translateY(-50%) translateZ(0) translateX(-50%);
  transition: -webkit-transform 0.4s, opacity 0.4s, visibility 0.4s, background 0.4s;
  transition: transform .4s, opacity .4s, visibility .4s, background .4s;
  z-index: 9999;
  /* box-shadow: 0 0 0 800px rgba(0,0,0,0.4);*/
}
.l-waalert.visible {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(-50%) translateZ(0) translateX(-50%);
  transform: translateY(-50%) translateZ(0) translateX(-50%);
}
.l-waalert[data-type="info"] {
  background: #1abc9c;
}
.l-waalert[data-type="success"] {
  background: #81c870;
}
.l-waalert[data-type="error"] {
  background: #dc5b5b;
}
.l-waalert[data-type="notification"] {
  background: #ffffff;
  color: #4b5c68;
}
.l-waalert[data-type="loading"] {
  background: #FFA355;
  color: #fff;
}
.l-waalert .text {
  /*white-space: nowrap;*/
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 20px;
}
.l-waalert .action {
  color: #64bfff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: color .4s;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.l-waalert[data-type="info"] .action {
  color: #64bfff;
}
.l-waalert[data-type="success"] .action {
  color: #c6ffb8;
}
.l-waalert[data-type="error"] .action {
  color: #ffd1d1;
}
.l-waalert[data-type="notification"] .action {
  color: #009ed3;
}
.l-waalert[data-type="loading"] .action {
  color: #64bfff;
}
.l-waalert .close {
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  margin-left: 15px;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  opacity: .75;
  transition: opacity .2s;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.l-waalert .close:hover {
  opacity: 1;
}
.l-waalert .close svg {
  display: block;
  width: 100%;
  stroke: #79a0bc;
  stroke-width: 2;
  transition: stroke .4s;
}
.l-waalert[data-type="info"] .close svg {
  stroke: #ffffff;
}
.l-waalert[data-type="success"] .close svg {
  stroke: #e1ffda;
}
.l-waalert[data-type="error"] .close svg {
  stroke: #ffadad;
}
.l-waalert[data-type="notification"] .close svg {
  stroke: #afb8bf;
}
.l-waalert[data-type="loading"] .close svg {
  stroke: #fff;
}
.l-waalert-modal {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9998;
  visibility: hidden;
  opacity: 0;
}
.l-waalert-modal.visible {
  visibility: visible;
  opacity: 1;
}
.l-icon {
  display: block;
  position: relative;
  width: 65px !important;
  height: 65px !important;
  background: url('/Content/images/icons.png') no-repeat 0 0;
}
.l-icon.company {
  background-position: 0 0;
}
.l-icon.interview {
  background-position: -65px 0;
}
.l-label_button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 30px;
  box-sizing: border-box;
  padding: 0 15px;
  margin: 4px 1px;
  text-align: center;
  font-size: 11px;
  color: #aaaaaa;
  text-transform: uppercase;
  border: 1px solid #bfbfbf;
  border-radius: 15px;
  transition: background .2s, border .2s, color .2s;
}
.l-label_button.more:before {
  display: inline;
  content: "...";
}
a.l-label_button:hover,
a.l-label_button:focus {
  background: #ffa800;
  border-color: #ffa800;
  color: #fff;
}
a.l-label_button:active {
  background: #cc8600;
  border-color: #cc8600;
}
.l-label_button.compact {
  height: 25px;
}
.l-label_button.minimal {
  border-radius: 0;
  border: none;
  border-left: 2px solid #1ed7b2;
  padding: 2px 8px 2px 4px;
  margin: 0 0 4px 0;
  height: auto;
}
.l-label_buttons {
  display: flex;
  flex-wrap: wrap;
  margin: -3px -2px;
}
.l-label_buttons .l-label_button {
  margin: 3px 2px;
}
.l-cta_button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: 110px;
  height: 46px;
  padding: 0 20px;
  border-radius: 4px;
  background: #1ed7b2;
  font-size: 15px;
  color: #ffffff;
  text-align: center;
  text-transform: uppercase;
  font-weight: 300;
  transition: background 0.2s, border 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s;
}
.l-cta_button:hover,
.l-cta_button:focus {
  background: #31e2bf;
}
.l-cta_button:active {
  background: #3ca08c;
}
.l-cta_button .t {
  width: 100%;
}
.l-cta_button .state_text.hover {
  display: none;
}
.l-cta_button:hover .state_text.hover {
  display: block;
}
.l-cta_button:hover .state_text.normal {
  display: none;
}
.l-cta_button.large {
  min-width: 220px;
  height: 60px;
}
.l-cta_button.large-x {
  min-width: 280px;
  height: 60px;
}
.l-cta_button.small {
  height: 30px;
  padding-top: 2px;
  font-size: 14px;
}
.l-cta_button.yellow {
  background: #ffa800;
}
.l-cta_button.yellow:hover,
.l-cta_button.yellow:focus {
  background: #ffb21f;
}
.l-cta_button.yellow:active {
  background: #86672d;
}
.l-cta_button.red {
  background: #fe585e;
}
.l-cta_button.red:hover,
.l-cta_button.red:focus {
  background: #fe767b;
}
.l-cta_button.red:active {
  background: #c0494d;
}
.l-cta_button.white {
  background: #fff;
  color: #1ed7b2;
}
.l-cta_button.white:hover,
.l-cta_button.white:focus {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.l-cta_button.white:active {
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2);
  opacity: .9;
}
.l-cta_button.grey {
  background: #989897;
}
.l-cta_button.grey:hover,
.l-cta_button.grey:focus {
  background: #a7a7a6;
}
.l-cta_button.grey:active {
  background: #717171;
}
.l-cta_button.delete {
  background: #fff;
  border: 1px solid #cecece;
  color: #aaaaaa;
}
.l-cta_button.delete:hover,
.l-cta_button.delete:focus,
.l-cta_button.delete:active {
  background: #fe585e;
  border-color: #fe585e;
  color: #fff;
}
.l-cta_button.delete:active {
  background: #c0494d;
  border-color: #c0494d;
}
.l-cta_button.save {
  background: #fff;
  border: 1px solid #cecece;
  color: #aaaaaa;
}
.l-cta_button.save:hover,
.l-cta_button.save:focus,
.l-cta_button.save:active {
  background: #ffa800;
  border-color: #ffa800;
  color: #fff;
}
.l-cta_button.save:active {
  background: #86672d;
  border-color: #86672d;
}
.l-cta_button.transparent {
  background: transparent;
  border: 1px solid #c1c1c1;
  color: #989897;
}
.l-cta_button.transparent:hover,
.l-cta_button.transparent:focus,
.l-cta_button.transparent:active {
  background: #1ed7b2;
  border-color: #1ed7b2;
  color: #fff;
}
.l-cta_button.transparent:active {
  background: #3f6a61;
  border-color: #3f6a61;
}
.l-cta_button.transparent_yellow {
  background: transparent;
  border: 1px solid #c1c1c1;
  color: #989897;
}
.l-cta_button.transparent_yellow:hover,
.l-cta_button.transparent_yellow:focus,
.l-cta_button.transparent_yellow:active {
  background: #ffa800;
  border-color: #ffa800;
  color: #fff;
}
.l-cta_button.transparent_yellow:active {
  background: #86672d;
  border-color: #86672d;
}
.l-cta_button.transparent_grey {
  background: transparent;
  border: 1px solid #c1c1c1;
  color: #989897;
}
.l-cta_button.transparent_grey:hover,
.l-cta_button.transparent_grey:focus,
.l-cta_button.transparent_grey:active {
  background: #efefef;
  color: #666;
}
.l-cta_button.transparent_grey:active {
  background: #c9c9c9;
  border-color: #c9c9c9;
}
.l-cta_button.transparent.dark {
  background: transparent;
  border: 1px solid #333333;
  color: #413d35;
}
.l-cta_button.transparent.dark:hover,
.l-cta_button.transparent.dark:focus,
.l-cta_button.transparent.dark:active {
  background: #333333;
  border-color: #333333;
  color: #fff;
}
.l-cta_button.transparent.dark:active {
  background: #0d0d0d;
  border-color: #0d0d0d;
}
.l-cta_button.cancel {
  background: transparent;
  border: 1px solid transparent;
  color: #989897;
}
.l-cta_button.cancel.large {
  min-width: 120px;
}
.l-cta_button.cancel:hover,
.l-cta_button.cancel:focus,
.l-cta_button.cancel:active {
  background: #ccc;
  border-color: #ccc;
  color: #fff;
}
.l-cta_button.cancel:active {
  background: #a6a6a6;
  border-color: #a6a6a6;
}
.l-cta_button.with_icon:before {
  display: block;
  content: "";
  width: 22px;
  height: 20px;
  margin-left: -5px;
  margin-right: 10px;
  background: url('/Content/images/button_icons.png') no-repeat 0 0;
}
.l-cta_button.google_drive:before {
  background-position: 0 0;
}
.l-cta_button.dropbox:before {
  background-position: -22px 0;
}
.l-cta_button.login-processing {
  position: relative;
  cursor: not-allowed;
  pointer-events: none;
  color: #c0c0c0;
  background-color: #e8e8e8 !important;
}
.l-cta_button-holder {
  position: relative;
  margin-top: 40px;
  text-align: center;
}
.l-trash {
  display: block;
  flex-shrink: 0;
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  padding: 8px;
}
.l-trash:before {
  display: block;
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
  background: rgba(0, 0, 0, 0.2);
  transform: scale(0);
  opacity: 0;
  transition: background .3s, transform .3s, opacity .3s;
}
.l-trash.disabled {
  cursor: default;
}
.l-trash:not(.disabled):hover:before,
.l-trash:not(.disabled):focus:before,
.l-trash:not(.disabled):active:before {
  opacity: .5;
  transform: scale(1);
}
.l-trash:not(.disabled):active:before {
  opacity: 1;
}
.l-trash:after {
  display: block;
  content: "";
}
.l-trash:after {
  width: 15px;
  height: 18px;
  margin: 0 auto;
  background: url('/Content/images/trash.png') no-repeat 0 0;
}
.l-private {
  display: block;
  align-self: center;
  margin-left: 5px;
  flex-shrink: 0;
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  padding: 8px;
}
.l-private:before {
  display: block;
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
  background: rgba(0, 0, 0, 0.2);
  transform: scale(0);
  opacity: 0;
  transition: background .3s, transform .3s, opacity .3s;
}
.l-private.disabled {
  cursor: default;
}
.l-private:not(.disabled):hover:before,
.l-private:not(.disabled):focus:before,
.l-private:not(.disabled):active:before {
  opacity: .5;
  transform: scale(1);
}
.l-private:not(.disabled):active:before {
  opacity: 1;
}
.l-private:after {
  display: block;
  content: "";
}
.l-private:after {
  width: 15px;
  height: 19px;
  margin: 0 auto;
  background: url('/Content/images/cv_search/private_lock.png') no-repeat 0 0;
}
.l-private.private:after {
  background: url('/Content/images/cv_search/private_lock.png') no-repeat 0 -61px;
}
.l-icon_button {
  display: inline-block;
  flex-shrink: 0;
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  padding: 8px;
}
.l-icon_button:before {
  display: block;
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
  background: rgba(0, 0, 0, 0.2);
  transform: scale(0);
  opacity: 0;
  transition: background .3s, transform .3s, opacity .3s;
}
.l-icon_button.disabled {
  cursor: default;
}
.l-icon_button:not(.disabled):hover:before,
.l-icon_button:not(.disabled):focus:before,
.l-icon_button:not(.disabled):active:before {
  opacity: .5;
  transform: scale(1);
}
.l-icon_button:not(.disabled):active:before {
  opacity: 1;
}
.l-icon_button:after {
  display: block;
  content: "";
}
.l-icon_button:after {
  width: 15px;
  height: 18px;
  flex-shrink: 0;
  margin: 0 auto;
  background: none no-repeat center center;
}
.l-icon_button.download:after {
  background-image: url('/Content/images/download_icon.svg');
}
.l-icon_button.stat:after {
  background-image: url('/Content/images/chart_icon.svg');
}
.job-material-click {
  overflow: hidden;
}
.job-material-click .job-material-effect {
  position: absolute;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  background: white;
  animation: ripple-animation 2s;
}
@keyframes ripple-animation {
  from {
    transform: scale(1);
    opacity: 0.4;
  }
  to {
    transform: scale(100);
    opacity: 0;
  }
}
.l-title {
  width: 100%;
  margin: 20px 0;
  box-sizing: border-box;
  text-align: center;
  font-family: 'Montserrat', sans-serif;
  font-weight: bold;
  color: #333333;
  font-size: 37px;
  text-transform: uppercase;
}
.l-title:first-child {
  margin-top: 0;
}
.l-title:last-child {
  margin-bottom: 0;
}
.l-title.white {
  color: #fff;
}
.l-title.align_left {
  margin-bottom: 30px;
  text-align: left;
  font-size: 30px;
  color: #333333;
  text-transform: none;
}
.l-subtitle {
  width: 100%;
  margin: 20px 0;
  box-sizing: border-box;
  text-align: center;
  font-weight: 300;
  color: #868585;
  font-size: 26px;
}
.l-subtitle:first-child {
  margin-top: 0;
}
.l-subtitle:last-child {
  margin-bottom: 0;
}
.l-title + .l-subtitle {
  margin-top: -10px;
}
.l-title-2 {
  width: 100%;
  margin: 15px 0;
  box-sizing: border-box;
  font-weight: bold;
  color: #767676;
  font-size: 15px;
  text-transform: uppercase;
}
.l-title-2:first-child {
  margin-top: 0;
}
.l-title-2:last-child {
  margin-bottom: 0;
}
.l-title-2.align_left {
  text-align: left;
}
.l-title-2.align_right {
  text-align: right;
}
.l-desc {
  margin: 20px 0;
  font-size: 16px;
  color: #333;
}
.l-desc.suggestion {
  padding-left: 10px;
  border-left: 3px solid #ffa800;
  color: #989897;
  font-weight: 300;
}
.l-desc.centered {
  text-align: center;
}
.l-desc a.link {
  text-decoration: underline;
  color: #ffa800;
  transition: color .2s;
}
.l-desc a.link.link:hover,
.l-desc a.link.link:focus {
  color: #1ed7b2;
}
.l-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
}
.l-header .l-title,
.l-header .l-title-2 {
  margin: 0;
}
.l-list {
  display: block;
  list-style: none;
  margin: 25px 0;
  padding-left: 25px;
}
.l-list ul,
.l-list ol {
  padding-left: 35px;
  margin-top: 20px;
  margin-bottom: 20px;
}
.l-list li {
  display: block;
  position: relative;
  margin: 14px 0;
  font-size: 18px;
  color: #4b4b4b;
}
.l-list li:before {
  display: block;
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  left: -25px;
  top: 8px;
  border-radius: 50%;
  background: #ff9900;
}
.l-table {
  display: block;
  width: 100%;
  margin: 40px 0;
}
.l-table thead,
.l-table tbody,
.l-table tfoot {
  display: block;
}
.l-table tr {
  display: flex;
  justify-content: space-between;
}
.l-table th,
.l-table td {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 10%;
  flex-grow: 1;
  flex-shrink: 1;
  margin: 0 6px;
  text-align: left;
  overflow: hidden;
}
.l-table th:first-child,
.l-table td:first-child {
  margin-left: 0;
}
.l-table th:last-child,
.l-table td:last-child {
  margin-right: 0;
}
.l-table th:last-child,
.l-table td:last-child {
  align-items: flex-end;
  text-align: right;
}
.l-table th.horizontal,
.l-table td.horizontal {
  flex-direction: row;
}
.l-table th.horizontal:last-child,
.l-table td.horizontal:last-child {
  align-items: center;
  justify-content: flex-end;
}
.l-table th.small-xx,
.l-table td.small-xx {
  width: 2%;
}
.l-table th.small-x,
.l-table td.small-x {
  width: 4%;
}
.l-table th.small,
.l-table td.small {
  width: 8%;
}
.l-table th.large,
.l-table td.large {
  width: 15%;
}
.l-table th.large-x,
.l-table td.large-x {
  width: 30%;
}
.l-table th.large-xx,
.l-table td.large-xx {
  width: 40%;
}
.l-table thead {
  margin-bottom: 12px;
  padding: 0 21px;
  font-size: 15px;
  color: #767676;
  font-weight: bold;
  text-transform: uppercase;
}
.l-table tbody tr {
  min-height: 50px;
  box-sizing: border-box;
  padding: 6px 20px;
  margin: 10px 0;
  border: 1px solid #d5d5d5;
  border-radius: 4px;
  transition: border .2s;
}
.l-details_table {
  display: block;
  position: relative;
  border: 1px solid #d5d5d5;
  border-radius: 4px;
  overflow: hidden;
  font-size: 16px;
  color: #6c6c6c;
}
.l-details_table table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}
.l-details_table th,
.l-details_table td {
  padding: 10px 20px;
}
.l-details_table tr:first-child th,
.l-details_table tr:first-child td {
  padding-top: 20px;
}
.l-details_table tr:last-child th,
.l-details_table tr:last-child td {
  padding-bottom: 20px;
}
.l-details_table th {
  width: 45%;
  font-weight: bold;
  background: #f0f0f0;
}
.l-tipp {
  font-size: 15px;
  color: #767676;
  margin: 25px 0;
}
.large_margin + .l-tipp {
  margin-top: -25px;
}
.l-tipp:before {
  display: inline-block;
  content: "";
  width: 46px;
  height: 52px;
  margin-right: 10px;
  vertical-align: middle;
  background: url('/Content/images/tipp.svg') no-repeat 0 0;
}
.l-tipp .l-cta_button {
  margin: 0 10px;
}
.l-status {
  display: inline-block;
  align-self: center;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  margin-right: 8px;
  margin-top: 2px;
  border-radius: 50%;
  background: #ccc;
}
.l-status.green {
  background: #1ed7b2;
}
.l-status.yellow {
  background: #ffa800;
}
.l-status.red {
  background: #fe585e;
}
.l-line_figure {
  width: 165px;
  height: 17px;
  margin: 60px auto 40px auto;
  background: url('/Content/images/separator.png') no-repeat center top;
}
.l-line_figure:first-child {
  margin-top: 30px;
}
.l-title + .l-line_figure {
  margin-top: 30px;
}
.l-line_figure.light {
  background-image: url('/Content/images/separator-light.png');
}
.l-line_figure.gold {
  background-image: url('/Content/images/separator-gold.png');
}
.l-input_block + .l-line_figure {
  margin-top: 40px;
}
.l-line_or {
  position: relative;
  width: 100%;
  height: 17px;
  margin: 40px auto;
  text-align: center;
}
.l-line_or:before {
  display: block;
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  left: 0;
  top: 50%;
  background: #c1c1c1;
}
.l-line_or .t {
  display: inline-block;
  position: relative;
  padding: 0 30px;
  font-size: 14px;
  color: #989897;
  text-transform: uppercase;
  font-weight: 300;
  background: #fff;
}
.l-line_or.vertical {
  display: flex;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  margin: 0 50px;
  align-self: stretch;
}
.l-line_or.vertical:before {
  width: 1px;
  height: 100%;
  height: calc(100% + 30px);
  margin-top: -15px;
  left: 50%;
  top: 0;
}
.l-line_or.vertical .t {
  padding: 10px 0;
}
.l-line_or.vertical:before {
  background: #e7e7e7;
}
.l-line_or.vertical .t {
  display: none;
}
.l-input_status {
  display: block;
  padding: 0 18px;
  margin-top: -5px !important;
  font-size: 13px;
  color: #333;
  font-weight: 300;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.l-input_status .status-valid,
.l-input_status .status-invalid {
  display: block;
  height: 0;
  opacity: 0;
  font-size: 13px;
  font-weight: 300;
  transition: height .2s, opacity .2s, margin .2s;
}
.l-input_status .status-valid {
  color: #1ed7b2;
}
.l-input_status .status-invalid {
  color: #e25f5f;
}
.l-input_row {
  display: flex;
  position: relative;
  align-items: center;
}
.l-input_row .l-label {
  width: 200px;
  align-self: flex-start;
  flex-shrink: 0;
  margin-top: 12px;
}
.l-input_row .l-label.small {
  width: 100px;
}
.l-input_row > * {
  margin: 0 5px;
}
.l-input_row > *:first-child {
  margin-left: 0;
}
.l-input_row > *:last-child {
  margin-right: 0;
}
.l-input_row.align_center {
  justify-content: center;
}
.l-input_row.l-login_options a.link {
  flex: 1;
  padding: 0;
}
.l-input_row.l-login_options a:nth-of-type(1) {
  text-align: left;
}
.l-input_row.l-login_options a:nth-of-type(2) {
  text-align: right;
  font-weight: bold;
}
.l-input_row .toggle-password {
  width: 100%;
}
.l-input_holder {
  flex-grow: 1;
}
.l-input_holder > * {
  margin: 5px 0;
}
.l-input_holder > *:first-child {
  margin-top: 0;
}
.l-input_holder > *:last-child {
  margin-bottom: 0;
}
.l-input_block {
  margin: 40px 0;
}
.l-input_block.large_margin {
  margin-top: 80px;
  margin-bottom: 80px;
}
.l-input_block:first-child {
  margin-top: 0;
}
.l-input_block:last-child {
  margin-bottom: 0;
}
.l-input_block.large_margin_important {
  margin-top: 80px;
  margin-bottom: 80px;
}
.l-input_actions {
  margin-top: 30px;
}
.l-input_actions.large_margin {
  margin-top: 80px;
}
.l-input_unit {
  font-size: 16px;
  color: #989897;
  font-weight: 300;
}
.l-input_comment {
  margin-top: 10px;
  font-size: 14px;
  color: #333333;
  font-weight: 300;
}
.l-file_input-comment {
  font-size: 14px;
  color: #989897;
  font-weight: 300;
}
.l-input,
.l-select select {
  display: block;
  width: 100%;
  height: 42px;
  padding: 8px 18px;
  box-sizing: border-box;
  border: 1px solid #cbcbcb;
  border-radius: 4px;
  font-size: 16px;
  color: #333333;
  font-weight: 300;
  transition: border 0.2s, box-shadow 0.2s;
}
.l-input::-webkit-input-placeholder,
.l-select select::-webkit-input-placeholder {
  color: #a2a2a2;
}
.l-input:-moz-placeholder,
.l-select select:-moz-placeholder {
  color: #a2a2a2;
  opacity: 1;
}
.l-input::-moz-placeholder,
.l-select select::-moz-placeholder {
  color: #a2a2a2;
  opacity: 1;
}
.l-input:-ms-input-placeholder,
.l-select select:-ms-input-placeholder {
  color: #a2a2a2;
}
.l-input:placeholder-shown,
.l-select select:placeholder-shown {
  color: #a2a2a2;
}
.l-input:disabled,
.l-select select:disabled {
  background: #efefef;
}
.l-input:not(:disabled):not([readonly]):hover,
.l-select select:not(:disabled):not([readonly]):hover,
.l-input:not(:disabled):not([readonly]):focus,
.l-select select:not(:disabled):not([readonly]):focus {
  border-color: #9a9a9a;
}
.l-input.noborder,
.l-select select.noborder {
  border: none;
}
.l-input.edited:not(.novalidate):invalid,
.l-select select.edited:not(.novalidate):invalid {
  border-color: #e25f5f;
  box-shadow: 0 0 0 1px #e25f5f;
}
.l-input.edited:not(.novalidate):invalid ~ .l-input_status .status-invalid,
.l-select select.edited:not(.novalidate):invalid ~ .l-input_status .status-invalid {
  height: 18px;
  margin-top: 7px;
  opacity: 1;
}
.l-input.compact,
.l-select.compact select {
  height: 36px;
  padding: 12px 14px;
  font-size: 14px;
}
.l-select select {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.l-select select option[value=""] {
  display: none;
}
.l-input + .input_caption {
  background: #f5f5f5;
  display: inline-block;
  height: 42px;
  padding: 8px 8px;
  box-sizing: border-box;
  border: 1px solid #cbcbcb;
  border-radius: 0px 4px 4px 0px;
  font-size: 16px;
  font-weight: 500;
  transition: border 0.2s, box-shadow 0.2s;
  vertical-align: top;
  margin-left: -3px;
  margin-right: 5px;
}
textarea.l-input {
  height: auto;
  min-height: 100px;
  padding-top: 15px;
  padding-bottom: 15px;
  resize: none;
}
textarea.l-input#signup-message {
  padding-top: 10px;
  padding-bottom: 10px;
  min-height: 200px;
}
.l-select {
  position: relative;
  width: 100%;
}
.l-select:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  top: 50%;
  right: 12px;
  margin-top: -3px;
  pointer-events: none;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #cacaca;
}
.l-select select {
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 35px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
}
.l-select.sort-by-profile-views {
  width: auto;
  display: inline-block;
  margin-right: 25px;
  padding-right: 0px;
}
.l-select.sort-by-profile-views:before {
  content: '';
  background: #e8e8e8;
  position: absolute;
  right: -20px;
  top: 0;
  width: 1px;
  height: 100%;
}
.l-select.sort-by-profile-views select {
  width: auto;
  display: inline-block;
}
.l-input.large,
.l-select.large {
  width: 400px;
}
.l-input.big,
.l-select.big {
  width: 200px;
}
.l-input.medium,
.l-select.medium {
  width: 180px;
}
.l-input.small,
.l-select.small {
  width: 100px;
}
.l-input.y-large,
.l-select.y-large {
  height: 58px;
  font-size: 21px;
}
.l-label {
  display: block;
  color: #333333;
  font-weight: bold;
}
.l-label.light {
  font-weight: 300;
  font-size: 14px;
  color: #707070;
  text-transform: uppercase;
}
.l-input_elem .l-label {
  margin-bottom: 10px;
}
.l-checkbox {
  display: inline-flex;
  cursor: pointer;
  white-space: nowrap;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.l-checkbox input[type="checkbox"] {
  display: block;
  position: absolute;
  width: 0px;
  height: 0px;
  overflow: hidden;
  opacity: 0;
}
.l-checkbox input[type="checkbox"] + span {
  display: inline-block;
  position: relative;
  width: 12px;
  height: 12px;
  flex-shrink: 0;
  margin-top: 3px;
  margin-right: 5px;
  box-sizing: border-box;
  border: 1px solid #cbcbcb;
  border-radius: 2px;
  background: #fff;
  vertical-align: top;
  transition: border .2s;
}
.l-checkbox input[type="checkbox"] + span:before {
  display: block;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: url('/Content/images/tick.png') no-repeat center center;
  opacity: 0;
  transform: scale(0) rotate(90deg);
  transition: transform .2s, opacity .2s;
}
.l-checkbox.large input[type="checkbox"] + span {
  width: 16px;
  height: 16px;
}
.l-checkbox.xlarge input[type="checkbox"] + span {
  width: 19px;
  height: 19px;
  margin-top: 0;
  border-color: #666;
}
.l-checkbox.xlarge input[type="checkbox"] + span:before {
  background: url('/Content/images/tick-xl.png') no-repeat center center;
}
.l-checkbox:hover input[type="checkbox"] + span,
.l-checkbox.focus input[type="checkbox"] + span {
  border-color: #9a9a9a;
}
.l-checkbox input[type="checkbox"]:checked + span:before {
  opacity: 1;
  transform: scale(1) rotate(0);
}
.l-checkbox .text {
  display: inline-block;
  white-space: normal;
  margin-left: 6px;
}
.l-checkbox .text:not(.plain) {
  font-size: 16px;
  color: #333;
  font-weight: 300;
}
.l-checkbox .text.small {
  font-size: 14px;
  color: #333333;
}
.l-checkbox.large_margin {
  margin: 30px 0px;
}
.l-radio {
  display: inline-flex;
  cursor: pointer;
  white-space: nowrap;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.l-radio input[type="radio"] {
  display: block;
  position: absolute;
  width: 16px;
  height: 16px;
  overflow: hidden;
  opacity: 0;
}
.l-radio input[type="radio"] + span {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  margin-top: 3px;
  margin-right: 5px;
  box-sizing: border-box;
  border: 1px solid #cbcbcb;
  border-radius: 50%;
  background: #fff;
  vertical-align: top;
  transition: border 0.2s, box-shadow 0.2s;
}
.l-radio input[type="radio"] + span:before {
  display: block;
  content: "";
  width: 8px;
  height: 8px;
  background: #ffa800;
  border-radius: 50%;
  opacity: 0;
  transform: scale(0);
  transition: transform .2s, opacity .2s;
}
.l-radio:hover input[type="radio"] + span,
.l-radio.focus input[type="radio"] + span {
  border-color: #ffa800;
}
.l-radio input[type="radio"]:checked + span {
  border-color: #ffa800;
}
.l-radio input[type="radio"]:checked + span:before {
  opacity: 1;
  transform: scale(1);
}
.l-radio.focus input[type="radio"]:checked + span {
  box-shadow: 0 0 6px #ffa800;
}
.l-radio .text {
  display: inline-block;
  margin-left: 6px;
  white-space: normal;
}
.l-radio .text:not(.plain) {
  font-size: 16px;
  color: #333;
  font-weight: 300;
}
.l-radio .text.small {
  font-size: 14px;
  color: #333333;
}
.l-checkbox_radio_list {
  display: block;
  padding: 4px 0;
}
.l-checkbox_radio_list .l-checkbox_radio_list {
  padding-left: 32px;
}
.l-checkbox_radio_list .l-checkbox,
.l-checkbox_radio_list .l-radio {
  display: block;
  padding: 6px 0;
}
.l-checkbox_radio_list .l-checkbox:first-child,
.l-checkbox_radio_list .l-radio:first-child {
  margin-top: 0;
}
.l-checkbox_radio_list .l-checkbox:last-child,
.l-checkbox_radio_list .l-radio:last-child {
  margin-bottom: 0;
}
.l-checkbox_radio_list.l-checkbox_radio_list-flex {
  display: flex;
}
.l-checkbox_radio_list.l-checkbox_radio_list-flex .styled-checkbox {
  height: auto;
}
.l-hidden_file_input {
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  opacity: 0;
}
.l-upload_options_container {
  display: flex;
  align-items: center;
}
.l-form {
  margin: 50px auto 40px auto;
}
.l-form:first-child {
  margin-top: 0;
}
.l-form:last-child {
  margin-bottom: 0;
}
.l-form > .l-input_holder,
.l-form > .l-input_row {
  margin: 15px 0;
}
.l-form a.link {
  text-decoration: underline;
  color: #ffa800;
  transition: color .2s;
}
.l-form a.link:hover,
.l-form a.link:focus {
  color: #1ed7b2;
}
.l-form .forgotten_password_link {
  padding: 0 20px;
}
.l-form.small {
  max-width: 380px;
}
.l-form.medium {
  max-width: 410px;
}
.l-form.large {
  max-width: 670px;
}
.l-form.additional-form {
  font-weight: 300;
  margin: 20px auto;
}
.l-form.additional-form .p-padding {
  padding: 10px 0;
}
.l-form.additional-form label {
  font-weight: 500;
  display: inline-block;
  margin-bottom: 5px;
}
.l-form .actions {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}
.l-form.align_left {
  margin: 50px 0px;
}
.l-title + .l-form,
.l-title-2 + .l-form {
  margin-top: 20px;
}
.l-file_row {
  width: 100%;
  display: block;
  position: relative;
}
.l-file {
  position: relative;
  align-items: center;
  height: 50px;
  box-sizing: border-box;
  border: 1px solid #cbcbcb;
  border-radius: 4px;
  transition: border .2s;
}
.l-file .file-button {
  display: flex;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 8px 12px;
  cursor: pointer;
  align-items: center;
  transition: background .2s;
}
.l-file .file-button:hover,
.l-file .file-button:focus {
  background: rgba(0, 0, 0, 0.1);
}
.l-file .file-button:active {
  background: rgba(0, 0, 0, 0.2);
}
.l-file.with_trash .file-button {
  padding-right: 50px;
}
.l-file.selected {
  border-color: #ffa800;
  color: #fff;
}
.l-file.selected .file-button {
  background: #ffa800;
}
.l-file .file-name {
  display: block;
  width: 100%;
  max-width: 345px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.l-file .file-trash {
  position: absolute;
  right: 8px;
  top: 50%;
  margin-top: -18px;
}
.l-file:not(.checkable) .file-button:before {
  display: block;
  content: "";
  flex-shrink: 0;
  width: 20px;
  height: 26px;
  background: url('/Content/images/file_icons.png') no-repeat 0 0;
  margin-right: 12px;
}
.l-file.pdf .file-button:before {
  background-position: 0 0;
}
.l-file.doc .file-button:before {
  background-position: -20px 0;
}
.l-file.docx .file-button:before {
  background-position: -40px 0;
}
.l-file.small_icon:not(.checkable) .file-button:before {
  width: 14px;
  height: 20px;
  background-size: auto 100%;
}
.l-file.small_icon.pdf .file-button:before {
  background-position: 0 0;
}
.l-file.small_icon.doc .file-button:before {
  background-position: -16px 0;
}
.l-file.small_icon.docx .file-button:before {
  background-position: -31px 0;
}
.l-file.checkable .file-button {
  padding-left: 42px;
}
.l-file.checkable.checked {
  border-color: #1ed7b2;
}
.l-file.checkable.checked .file-button {
  background: #1ed7b2;
  color: #fff;
}
.l-file input[type="checkbox"] {
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  overflow: hidden;
  opacity: 0;
}
.l-file input[type="checkbox"] + span {
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  left: 12px;
  top: 50%;
  margin-top: -10px;
  flex-shrink: 0;
  box-sizing: border-box;
  border: 1px solid #cbcbcb;
  border-radius: 2px;
  background: #fff;
  vertical-align: top;
  transition: border .2s;
}
.l-file input[type="checkbox"] + span:before {
  display: block;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: url('/Content/images/tick.png') no-repeat center center;
  opacity: 0;
  transform: scale(0) rotate(90deg);
  transition: transform .2s, opacity .2s;
}
.l-file:hover input[type="checkbox"] + span,
.l-file.focus input[type="checkbox"] + span {
  border-color: #9a9a9a;
}
.l-file input[type="checkbox"]:checked + span:before {
  opacity: 1;
  transform: scale(1) rotate(0);
}
.l-file.compact {
  width: auto;
  max-width: 300px;
  height: auto;
  border: 0;
  padding: 0;
  margin: 0;
}
.l-file.compact .file-button {
  background: none;
  padding: 6px 12px;
}
.l-file.compact .file-button:hover,
.l-file.compact .file-button:focus {
  text-decoration: underline;
}
.l-file.compact.with_border .file-button {
  border: 1px solid #bcbcbc;
  border-radius: 3px;
}
.l-file.compact.with_border .file-button:hover,
.l-file.compact.with_border .file-button:focus {
  text-decoration: none;
  background: rgba(0, 0, 0, 0.1);
}
.l-file.compact.selected .file-button {
  background: #ffa800 !important;
  border-color: #ffa800 !important;
  border-radius: 3px;
  color: #fff;
  text-decoration: none;
}
.l-file + .l-checkbox {
  align-items: center;
  margin-left: 15px;
  position: absolute;
  right: 70px;
  top: 20px;
}
.l-files {
  display: flex;
  flex-wrap: wrap;
  margin: 30px -5px;
}
.l-files .l-file {
  margin: 5px;
}
.l-files.compact {
  margin: -3px -2px;
}
.l-files.compact .l-file {
  margin: 6px 2px;
}
.l-files:first-child {
  margin-top: 0;
}
.l-files:last-child {
  margin-bottom: 0;
}
.l-title + .l-files,
.l-title-2 + .l-files {
  margin-top: 0;
}
.l-small_file {
  display: block;
  max-width: 160px;
  padding: 7px 12px;
  box-sizing: border-box;
  background: #ededed;
  border-radius: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
  font-size: 14px;
  color: #333333;
  font-weight: 300;
  transition: background .2s;
}
.l-small_file:hover,
.l-small_file:focus {
  background: rgba(0, 0, 0, 0.1);
}
.l-small_file:active {
  background: rgba(0, 0, 0, 0.2);
}
.l-small_files {
  display: flex;
  flex-wrap: wrap;
  margin: -3px;
}
.l-small_files .l-small_file {
  margin: 3px;
}
.l-img_upload {
  display: flex;
  align-items: center;
  height: 130px;
  box-sizing: border-box;
  padding: 0 35px;
  margin: 10px 0;
  background: #f0f0f0;
}
.l-img_upload .upload-img {
  display: block;
  flex-shrink: 0;
  width: 80px;
  height: 80px;
  margin-right: 50px;
}
.l-img_upload .upload-img img {
  display: block;
  width: 100%;
  border-radius: 50%;
}
.l-img_upload .upload-content {
  padding: 19px 0;
}
.l-img_upload .l-title-2 {
  color: #000033;
}
.l-img_upload .upload-desc {
  display: inline-block;
  margin-left: 10px;
  font-size: 14px;
  color: #818181;
  font-weight: 300;
}
.l-img_upload.noimage {
  background: #27d3b1;
}
.l-img_upload.noimage .upload-img {
  width: 129px;
  height: 116px;
  align-self: flex-end;
  margin-left: -15px;
}
.l-img_upload.noimage .upload-img img {
  border-radius: 0;
}
.l-img_upload.noimage .l-title-2 {
  color: #fff;
}
.l-img_upload.noimage .upload-desc {
  color: #9bfbe8;
}
.l-switch_tabs {
  display: flex;
  height: 35px;
}
.l-switch_tabs .button {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  padding: 0 20px;
  font-size: 15px;
  color: #8c8c8c;
  font-weight: 300;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: background .2s, border .2s, color .2s;
  border: 1px solid #d5d5d5;
}
.l-switch_tabs .button:not(:last-child) {
  border-right: 0;
}
.l-switch_tabs .button:not(:first-child) {
  border-left: 0;
}
.l-switch_tabs .button:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.l-switch_tabs .button:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.l-switch_tabs .button:hover,
.l-switch_tabs .button:focus {
  background: #f1f1f1;
}
.l-switch_tabs .button.selected {
  background: #1ed7b2;
  border-color: #1ed7b2;
  color: #fff;
}
.inline-block {
  display: inline-block;
}
.circular-loader {
  width: 50px;
  height: 50px;
  position: absolute;
  margin: 0 auto;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.circular-loader .circular {
  width: 50px;
  height: 50px;
  -webkit-animation: rotate 2s linear infinite;
  animation: rotate 2s linear infinite;
}
@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.circular-loader .path {
  stroke-dasharray: 1,200;
  stroke-dashoffset: 0;
  -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
  animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
  stroke-linecap: round;
  stroke: #ffa800;
}
@-webkit-keyframes dash {
  0% {
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -124;
  }
}
.toggle-password {
  position: relative;
}
.toggle-password .toggle-password-button {
  position: absolute;
  top: 1px;
  right: 2px;
  height: 40px;
  width: 40px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.toggle-password .toggle-password-button .eye {
  display: inline-flex;
  width: 13px;
  height: 13px;
  background: #343434;
  border-radius: 75% 15%;
  position: relative;
  transform: rotate(45deg);
}
.toggle-password .toggle-password-button .eye:before {
  content: '';
  display: block;
  position: absolute;
  width: 5px;
  height: 5px;
  border: solid 1px #fff;
  background: #343434;
  border-radius: 50%;
  left: 3px;
  top: 3px;
}
.toggle-password .toggle-password-button .eye:after {
  content: '';
  width: 30px;
  height: 1px;
  background: #343434;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%) rotate(90deg);
  transition: all 0.2s ease-in-out;
}
.toggle-password .toggle-password-button.hide .eye:after {
  width: 0px;
}
.l-rating {
  display: flex;
  align-items: center;
}
.l-rating .star {
  display: block;
  position: relative;
  width: 19px;
  height: 19px;
  margin: 0 2px;
}
.l-rating .star:first-child {
  margin-left: 0;
}
.l-rating .star:last-child {
  margin-right: 0;
}
.l-rating .star:before,
.l-rating .star:after {
  display: block;
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: url('/Content/images/rating_stars.png') no-repeat 0 0;
  transition: opacity .2s;
}
.l-rating .star:after {
  opacity: 0;
  background-position: -38px 0;
}
.l-rating .star.hover:before {
  opacity: .2;
}
.l-rating .star.hover:after {
  opacity: .7;
}
.l-rating .star.selected:before {
  opacity: 0;
}
.l-rating .star.selected:after {
  opacity: 1;
}
.l-rating.filled .star:after {
  background-position: -38px -19px;
}
.l-rating.light .star:before {
  background-position: -19px 0;
}
.l-rating.light.filled .star:after {
  background-position: -38px -19px;
}
.l-rating.small .star {
  width: 16px;
  height: 16px;
}
.l-rating.small .star:before,
.l-rating.small .star:after {
  background-image: url('/Content/images/rating_stars-small.png');
}
.l-rating.small .star:after {
  background-position: -16px 0;
}
.l-rating.large .star {
  width: 27px;
  height: 25px;
}
.l-rating.large .star:before,
.l-rating.large .star:after {
  background-image: url('/Content/images/rating_stars-large.png');
}
.l-rating.large .star:after {
  background-position: -27px 0;
}
.l-rating .l-label_button {
  margin-left: 8px;
  margin-top: 10px;
}
.l-rating_row {
  display: flex;
  align-items: center;
  margin: 6px 0;
}
.l-rating_row .rating-label {
  width: 120px;
  font-size: 14px;
  color: #333;
}
.l-rating_row .rating-text {
  width: 120px;
  font-size: 14px;
  color: #333;
  font-weight: bold;
  flex-grow: 1;
}
.l-children_picker {
  display: flex;
  align-items: center;
  margin-left: 20px;
}
.l-children_picker .text {
  display: inline-block;
  margin-right: 6px;
  font-size: 14px;
  color: #333333;
}
.l-children_picker .children {
  display: flex;
}
.l-children_picker .child {
  display: block;
  position: relative;
  width: 18px;
  height: 26px;
  margin: 0 4px;
}
.l-children_picker .child:before,
.l-children_picker .child:after {
  display: block;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: url('/Content/images/children_icons.png') no-repeat 0 0;
  transition: opacity .2s;
}
.l-children_picker .child:after {
  background-position: -18px 0;
  opacity: 0;
}
.l-children_picker .child.selected:before {
  opacity: 0;
}
.l-children_picker .child.selected:after {
  opacity: 1;
}
.l-children_picker .child.hover:before {
  opacity: 0;
}
.l-children_picker .child.hover:after {
  opacity: .8;
}
.l-pagination .info {
  font-size: 14px;
  color: #acacac;
}
.l-pagination .nav {
  display: flex;
  align-items: center;
  color: #aaaaaa;
  font-size: 17px;
  font-weight: 300;
  z-index: 1;
  position: relative;
}
.l-pagination .nav a,
.l-pagination .nav .interval {
  position: relative;
  padding: 10px 0px;
  margin: 5px 6px;
  min-width: 40px;
  text-align: center;
  transition: color 0.2s;
}
.l-pagination .nav a:first-child,
.l-pagination .nav .interval:first-child {
  margin-left: 0;
}
.l-pagination .nav a:last-child,
.l-pagination .nav .interval:last-child {
  margin-right: 0;
}
.l-pagination .nav a.paginationDots,
.l-pagination .nav .interval.paginationDots {
  pointer-events: none;
  font-size: 1.2em;
  margin: 0 20px;
  font-weight: bold;
  top: 3px;
  letter-spacing: 2px;
}
.l-pagination .nav .numbers {
  display: flex;
  align-items: flex-start;
  margin: 0 25px;
}
.l-pagination .nav .numbers a:before {
  display: block;
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  left: 0;
  bottom: -5px;
  opacity: 0;
  background-color: #a1a1a1;
  transition: opacity 0.3s, bottom 0.3s;
}
.l-pagination .nav .numbers a:not(.selected):hover:before {
  opacity: 1;
  bottom: 0;
}
.l-pagination .nav .numbers a.selected {
  color: #ffa011;
  font-weight: bold;
  pointer-events: none;
  border-bottom: 2px solid #ffa011;
  top: -1px;
}
.l-pagination .nav .step {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 38px;
  height: 38px;
  padding: 0;
  box-sizing: border-box;
  border-radius: 21px;
  border: 1px solid #b1b1b1;
  transition: color 0.2s, background 0.2s, border 0.2s;
}
.l-pagination .nav .step:not(a) {
  opacity: .5;
}
.l-pagination .nav .step.prev {
  margin-right: 2px;
}
.l-pagination .nav .step.next {
  margin-left: 2px;
}
.l-pagination .nav .step svg {
  stroke: #c0c0c0;
  transition: stroke 0.2s, fill 0.2s;
}
.l-pagination .nav .step.prev svg {
  margin-left: -1px;
}
.l-pagination .nav .step.next svg {
  margin-left: 1px;
}
.l-pagination .nav a.step:hover {
  border-color: #ffa011;
}
.l-pagination .nav a.step:active {
  border-color: #ffa011;
  background: #ffa011;
}
.l-pagination .nav a.step:hover svg {
  stroke: #ffa011;
}
.l-pagination .nav a.step:active svg {
  stroke: #fff;
}
.l-box {
  display: block;
  position: relative;
  min-height: 80px;
  box-sizing: border-box;
  margin: 20px 0;
  padding: 20px 30px;
  border: 1px solid #cbcbcb;
  border-radius: 4px;
}
.l-box .l-trash {
  display: block;
  position: absolute;
  right: 21px;
  top: 16px;
}
.l-box[data-template] {
  display: none;
}
.l-box .box-closed_view_panel {
  display: none;
}
.l-box .box-close {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  padding: 8px;
  position: absolute;
  right: 21px;
  top: 16px;
  z-index: 1;
}
.l-box .box-close:before {
  display: block;
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
  background: rgba(0, 0, 0, 0.2);
  transform: scale(0);
  opacity: 0;
  transition: background .3s, transform .3s, opacity .3s;
}
.l-box .box-close.disabled {
  cursor: default;
}
.l-box .box-close:not(.disabled):hover:before,
.l-box .box-close:not(.disabled):focus:before,
.l-box .box-close:not(.disabled):active:before {
  opacity: .5;
  transform: scale(1);
}
.l-box .box-close:not(.disabled):active:before {
  opacity: 1;
}
.l-box .box-close:after {
  display: block;
  content: "";
}
.l-box .box-close:after {
  display: block;
  content: "";
  width: 16px;
  height: 16px;
  background: url('/Content/images/popup-close.png');
  opacity: .75;
}
.l-box.closed_view {
  min-height: 0;
}
.l-box.closed_view > *:not(.box-closed_view_panel) {
  display: none;
}
.l-box.closed_view .box-closed_view_panel {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.l-box.closed_view .box-closed_view_panel .l-title,
.l-box.closed_view .box-closed_view_panel .l-title-2 {
  margin: 0;
}
.l-box.closed_view .box-closed_view_panel .box-open_full_view {
  margin-left: 30px;
  flex-shrink: 0;
  text-align: right;
  text-decoration: underline;
  color: #ffa800;
  transition: color .2s;
}
.l-box.closed_view .box-closed_view_panel .box-open_full_view:hover,
.l-box.closed_view .box-closed_view_panel .box-open_full_view:focus {
  color: #1ed7b2;
}
.l-paper_layout {
  position: relative;
  margin-top: 80px;
  margin-top: var(--navigation-height);
}
.l-paper_layout:before {
  display: block;
  position: absolute;
  content: "";
  width: 100%;
  height: 185px;
  background: #2b6281 url(/Content/images/bg_pattern.png) repeat 0 0;
}
.l-paper_layout > .center {
  position: relative;
  max-width: 1250px;
  min-height: 780px;
  padding: 50px 45px;
  padding-bottom: 150px;
  margin-top: 55px;
  background: #ffffff;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
}
.l-paper_layout > .center.small {
  width: 760px;
}
.l-paper_layout.l-paper_layout_fullh > .center {
  min-height: calc(100vh - 240px);
}
.l-paper_layout .layout-brand_bg {
  display: flex;
  position: absolute;
  content: "";
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 462px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 100%;
}
.l-paper_layout .layout-brand_bg:before {
  display: block;
  content: "";
  width: 100%;
  max-width: 1600px;
  height: 250px;
  left: 0;
  bottom: 0;
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
}
.l-paper_layout .layout-brand_bg + .center {
  margin-top: 370px;
}
.l-cover_bg_layout {
  position: relative;
  padding-top: 130px;
  padding-bottom: 120px;
  background: #f1f1f1;
  margin-top: 80px;
  margin-top: var(--navigation-height);
}
.l-cover_bg_layout.large_padding {
  padding-top: 220px;
}
.l-cover_bg_layout.small_padding {
  padding-top: 60px;
}
.l-cover_bg_layout > .center {
  position: relative;
  max-width: 985px;
}
.l-cover_bg_layout .layout-bg {
  display: block;
  position: absolute;
  width: 100%;
  height: 474px;
  left: 0;
  top: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.l-cover_bg_layout .layout-bg.small {
  height: 343px;
}
.l-cover_bg_layout .layout-bg.large {
  height: 544px;
}
.l-cover_bg_layout .layout-bg_shape {
  display: block;
  position: absolute;
  width: 100%;
  height: 140px;
  left: 0;
  bottom: 0;
  margin-bottom: -1px;
  fill: #f1f1f1;
}
.l-cover_bg_layout .layout-title {
  margin-bottom: 25px;
  font-family: 'Montserrat', sans-serif;
  text-align: center;
  font-size: 36px;
  color: #4b4b4b;
  font-weight: bold;
  text-transform: uppercase;
}
.l-cover_bg_layout .layout-title.large {
  font-size: 46px;
}
.l-cover_bg_layout .layout-title .tiny_text {
  display: block;
  font-family: 'Roboto', sans-serif;
  font-size: 17px;
  color: #8a8a8a;
  font-weight: 300;
  text-transform: none;
}
.l-cover_bg_layout .layout-title.white {
  color: #fff;
}
.l-cover_bg_layout .layout-desc {
  margin: 20px 0;
  font-size: 16px;
  color: #333333;
  font-weight: 300;
}
.l-cover_bg_layout .layout-card_menu {
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 100%;
  height: 60px;
  box-sizing: border-box;
  margin-bottom: 15px;
  padding: 0 0px;
  background: transparent;
  transform-origin: center center;
  transition: all 0.3s linear, padding 0.3s linear;
}
.l-cover_bg_layout .layout-card_menu .menu-item {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  font-family: 'Montserrat', sans-serif;
  color: #5a5a5a;
  text-align: center;
  transition: color .2s;
}
.l-cover_bg_layout .layout-card_menu .menu-item:after {
  display: block;
  position: absolute;
  content: "";
  width: 100%;
  height: 3px;
  left: 0;
  bottom: 0;
  background: #ffa800;
  transition: transform .3s;
  transform: scale(1, 0);
}
.l-cover_bg_layout .layout-card_menu .menu-item.selected:after {
  transform: scale(1);
}
.l-cover_bg_layout .layout-card_menu .menu-item:hover,
.l-cover_bg_layout .layout-card_menu .menu-item:focus {
  color: #ffa800;
}
.l-cover_bg_layout .layout-card_menu + .layout-card {
  margin-top: 0;
}
.l-cover_bg_layout .layout-card_menu nav {
  height: 60px;
  max-width: 945px;
  width: 100%;
  padding: 0 50px;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  background: #ffffff;
}
.l-cover_bg_layout .layout-card_menu.fixed {
  background: #ffffff;
  transition: all 0.3s linear, padding 0.3s linear;
  width: 100vw !important;
  max-width: 100%;
  left: 0;
  right: 0;
  height: 60px;
  padding: 0;
  position: fixed;
  top: 0;
  z-index: 99999;
  box-shadow: 0px 12px 29px 0px rgba(0, 0, 0, 0.14);
}
.l-cover_bg_layout .layout-card_menu.fixed nav {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  background: none;
}
.l-cover_bg_layout .layout-card {
  display: block;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  margin: 40px 0;
  padding: 35px 50px;
  padding-bottom: 50px;
  background: #fff;
  box-shadow: 0px 12px 29px 0px rgba(0, 0, 0, 0.14);
  transform: translateX(0);
  /*transform-origin: top center;*/
  transition: transform 0.5s, opacity 0.5s, box-shadow 0.5s;
}
.l-cover_bg_layout .layout-card.large_vertical_padding {
  padding-top: 55px;
  padding-bottom: 55px;
}
.l-cover_bg_layout .layout-card.vertical_justify {
  display: flex;
  flex-direction: column;
}
.l-cover_bg_layout .layout-card.vertical_justify > * {
  width: 100%;
}
.l-cover_bg_layout .layout-card .l-list {
  margin: 0;
}
.l-cover_bg_layout .layout-card.inactive {
  transform: scale(0.9);
  opacity: .6;
  margin-top: 0;
  margin-bottom: 0;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.14);
  cursor: pointer;
}
.l-cover_bg_layout .layout-card.inactive > * {
  pointer-events: none;
}
.l-cover_bg_layout .layout-card.inactive .layout-control {
  display: none;
}
.l-cover_bg_layout .layout-card .l-title-2 {
  font-size: 1.1em;
}
.l-cover_bg_layout .layout-card .l-title-2 span {
  font-size: .85em;
  text-transform: none;
  display: block;
  width: 100%;
  font-weight: 300;
  border-top: 1px solid #f3f3f3;
  padding-top: 5px;
  margin-top: 5px;
}
.l-cover_bg_layout .layout-card .l-title-2 span strong {
  font-weight: 900;
  background: #fdd056;
  color: #272727;
  display: inline-flex;
  padding: 2px 4px;
  border-radius: 4px;
  font-size: 1.1em;
  margin-top: 2px;
}
.l-cover_bg_layout .layout-actions {
  display: flex;
  position: relative;
  justify-content: center;
  text-align: center;
  margin-top: 25px;
}
.l-cover_bg_layout .layout-actions .l-cta_button {
  flex-grow: 1;
  max-width: 245px;
}
.l-cover_bg_layout .layout-control {
  display: flex;
  justify-content: center;
  margin-top: 60px;
}
.l-cover_bg_layout .layout-control > * {
  margin: 0 6px;
}
.l-cover_bg_layout .layout-control > *:first-child {
  margin-left: 0;
}
.l-cover_bg_layout .layout-control > *:last-child {
  margin-right: 0;
}
.l-cover_bg_layout .layout-decor_bg_letters {
  position: absolute;
  display: block;
  right: 0;
  bottom: 0;
  font-family: 'Montserrat', sans-serif;
  font-size: 90px;
  color: #ededed;
  font-weight: bold;
  pointer-events: none;
}
.l-cover_bg_layout .layout-card-decor_content {
  /*padding-right: 150px;*/
}
.l-cover_bg_layout .layout-cards_row {
  display: flex;
  justify-content: center;
  align-items: stretch;
}
.l-cover_bg_layout .layout-cards_row .layout-card {
  margin: 12px;
}
.l-cover_bg_layout.bg-yellow {
  background: #fed056;
}
.l-cover_bg_layout.bg-yellow .layout-bg_shape {
  fill: #fed056;
}
.l-cover_bg_layout.bg-green {
  background: #1abc9c;
}
.l-cover_bg_layout.bg-green .layout-bg_shape {
  fill: #1abc9c;
}
.m-state {
  background: #f8f9fa;
  border-radius: .2rem;
  color: #727e96;
  padding: 4rem;
  text-align: center;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.14);
  transition: all 0.4s cubic-bezier(0.53, 0.1, 0.27, 1.38);
  position: relative;
  margin-bottom: 50px;
}
.m-state.perspective-out {
  animation: 0.8s perspective-out;
  animation-fill-mode: forwards;
}
.m-state .m-state_close {
  position: absolute;
  right: 5px;
  top: 5px;
  font-size: 1.2em;
  cursor: pointer;
}
.m-state .m-state_icon {
  font-size: 3em;
  display: inline-block;
  border-radius: 50%;
  border: 1px solid #727e96;
  background: #ffffff;
  padding: 10px;
  perspective: 400px;
  -webkit-perspective: 400px;
  perspective-origin: 50% 50%;
}
.m-state .m-state_icon.animated {
  opacity: 0;
  animation: 1.5s perspective;
  animation-fill-mode: forwards;
  animation-delay: 1s;
  backface-visibility: visible;
}
.m-state .m-state_title {
  text-transform: uppercase;
  font-size: 1.7em;
  font-weight: 300;
  margin: 20px 0;
}
.m-state .m-state_title p {
  line-height: 135% !important;
  font-size: 1em !important;
}
.m-state .m-state_title p span {
  line-height: 135% !important;
  font-size: 1em !important;
}
.m-state .m-state_content {
  font-size: 1.1em;
  line-height: 1.45em;
  margin: 10px 0;
}
.m-state .m-state_content a {
  font-weight: bold;
  color: #ffa800;
}
.m-state .m-state_signo {
  text-transform: uppercase;
  font-size: 1.2em;
  margin-top: 40px;
}
@keyframes perspective {
  0% {
    opacity: 0.5;
    transform: perspective(200px) rotateX(90deg);
    background: #727e96;
  }
  40% {
    transform: perspective(200px) rotateX(-20deg);
    opacity: 1;
    background: #ffffff;
  }
  70% {
    transform: perspective(200px) rotateX(20deg);
  }
  100% {
    opacity: 1;
  }
}
@keyframes perspective-out {
  0% {
    transform: perspective(1000px) rotateX(0deg);
  }
  50% {
    transform: perspective(1000px) rotateX(-20deg);
  }
  100% {
    transform: perspective(1000px) rotateX(90deg);
  }
}
.progress-holder {
  margin-bottom: 15px;
}
.progress-holder .l-progress {
  display: block;
  position: relative;
  width: 100%;
  max-width: 745px;
  margin: 0 auto 0px auto;
}
.progress-holder .l-progress .legend {
  position: absolute;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 110px;
  height: 80px;
  margin: 0 15px;
  top: -12px;
  text-align: left;
  font-size: 16px;
  color: #ffffff;
  font-weight: bold;
}
.progress-holder .l-progress .legend.left {
  right: 100%;
}
.progress-holder .l-progress .legend.right {
  left: 100%;
}
.progress-holder .l-progress .legend.large {
  font-size: 19px;
  text-transform: uppercase;
}
.progress-holder .l-progress .legend.with_star_icon {
  padding-left: 55px;
}
.progress-holder .l-progress .legend.with_star_icon:before {
  display: block;
  position: absolute;
  content: "";
  width: 46px;
  height: 48px;
  left: 0;
  top: 50%;
  margin-top: -24px;
  background: url('/Content/images/tipp.svg') no-repeat 0 0;
}
.progress-holder .l-progress .bar {
  display: block;
  position: relative;
  width: 100%;
  height: 60px;
  border: 2px solid #fff;
  border-radius: 30px;
  box-sizing: border-box;
  overflow: hidden;
}
.progress-holder .l-progress .label {
  display: block;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 100%;
  margin-bottom: 10px;
  text-align: center;
  font-size: 15px;
  color: #ffffff;
  font-weight: bold;
  text-transform: uppercase;
}
.progress-holder .l-progress .val {
  display: flex;
  position: absolute;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 25px;
  color: #ffffff;
  text-align: center;
  font-weight: bold;
}
.progress-holder .l-progress .fill {
  display: block;
  position: absolute;
  width: 0;
  height: 100%;
  left: -15px;
  background: #f0c463;
  transition: width 1s;
}
.progress-holder .l-progress .fill:after {
  display: block;
  position: absolute;
  content: "";
  left: 100%;
  top: 0;
  border-left: 0 solid transparent;
  border-right: 40px solid transparent;
  border-top: 60px solid #f0c463;
}
.progress-holder.fixed {
  background: #fed056;
  transition: background 0.3s linear,
					padding 0.3s linear;
  width: 100vw !important;
  max-width: 100%;
  left: 0%;
  height: 60px;
  padding: 15px 0 15px 0;
  position: fixed;
  top: 0;
  z-index: 99999;
}
.l-sticky-progress {
  position: relative;
  height: 100px;
  box-sizing: border-box;
  margin: 45px 0;
  z-index: 1;
}
.l-sticky-progress .sticky-progress-inner {
  display: block;
  position: absolute;
  width: 100%;
  padding: 15px 0;
  top: 0;
  transform: translateZ(0);
  transition: background 0.2s, box-shadow 0.2s;
}
.l-sticky-progress .sticky-progress-inner.fixed {
  position: fixed;
  background: #fff;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3);
}
.l-sticky-progress .sticky-progress-inner.fixed .l-progress .legend {
  color: #333;
}
.l-sticky-progress .sticky-progress-inner.fixed .l-progress .legend.large {
  font-size: 16px;
}
.l-sticky-progress .sticky-progress-inner.fixed .l-progress .bar {
  border-color: #ccc;
  border-width: 1px;
}
.autocomplete-suggestions {
  box-sizing: content-box;
  margin-top: -1px;
  cursor: default;
  overflow: auto;
  background: #FFF;
  border: 1px solid #ccc;
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3);
}
.autocomplete-suggestion {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 50px;
  padding: 10px 25px;
  padding-left: 40px;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #333;
  font-size: 16px;
  font-weight: 300;
  cursor: pointer;
}
.autocomplete-suggestion.location:before {
  display: block;
  position: absolute;
  content: "";
  left: 14px;
  top: 50%;
  margin-top: -7px;
  width: 17px;
  height: 17px;
  background: url('/Content/images/map.svg') no-repeat center center;
}
.autocomplete-no-suggestion {
  padding: 2px 5px;
}
.autocomplete-selected {
  background: #F0F0F0;
}
.autocomplete-suggestions strong {
  font-weight: bold;
  color: #ffa800;
}
.autocomplete-group {
  padding: 2px 5px;
}
.autocomplete-group strong {
  font-weight: bold;
  font-size: 16px;
  color: #000;
  display: block;
  border-bottom: 1px solid #000;
}
.ui-autocomplete {
  box-sizing: content-box;
  margin-top: -1px;
  cursor: default;
  overflow: auto;
  background: #FFF;
  border: 1px solid #ccc;
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3);
  list-style: none;
}
.ui-autocomplete .ui-menu-item > a.ui-corner-all {
  position: relative;
  display: block;
  min-height: 50px;
  padding: 14px 25px;
  padding-left: 40px;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #333;
  font-size: 16px;
  font-weight: 300;
  cursor: pointer;
}
.ui-autocomplete .ui-menu-item > a.ui-corner-all .search-item-category {
  display: inline-block;
  padding: 0 5px;
  margin-left: 15px;
  font-style: normal;
  background: none;
  color: #787878;
  font-size: .8em;
  position: relative;
}
.ui-autocomplete .ui-menu-item > a.ui-corner-all .search-item-category:before {
  content: '|';
  position: relative;
  left: -5px;
  font-style: normal;
}
.ui-autocomplete .ui-menu-item > a.ui-corner-all.ui-state-hover,
.ui-autocomplete .ui-menu-item > a.ui-corner-all.ui-state-active,
.ui-autocomplete .ui-menu-item > a.ui-corner-all.ui-state-focus {
  background: #F0F0F0;
  text-decoration: none;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  background-image: none;
}
.ui-menu-item-highlight {
  font-weight: bold;
  color: #ffa800;
}
.m-header {
  background: #fff;
  position: relative;
  position: absolute;
  top: 0;
  left: 0;
}
.m-header .center {
  display: flex;
  align-items: center;
  height: 80px;
  width: 100%;
  max-width: 1250px;
  margin: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.m-header .center .ph {
  flex-shrink: 0;
  flex-grow: 0;
}
.m-header .stickyHeader {
  position: relative;
  z-index: 30;
  background: white;
  max-width: 100%;
  transition: all 0.5s ease-in-out;
}
.m-header .stickyHeader.fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.m-header .header-logo {
  display: block;
  margin-right: 30px;
  flex-shrink: 0;
}
.m-header .header-search {
  display: flex;
  position: relative;
  width: 100%;
  max-width: 160px;
  height: 50px;
  border: 1px solid #cbcbcb;
  border-radius: 4px;
  transition: max-width 0.5s;
}
.m-header .header-search .select {
  display: none;
  position: relative;
  width: 0;
  height: 100%;
  overflow: hidden;
  opacity: 0;
  transition: width .5s, opacity .5s;
  flex-shrink: 0;
  border-radius: inherit;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.m-header .header-search .select:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  top: 50%;
  right: 12px;
  margin-top: -3px;
  pointer-events: none;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #cacaca;
}
.m-header .header-search .select select {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 30px 0 15px;
  box-sizing: border-box;
  background: #f0f0f0;
  border-radius: inherit;
  font-size: 15px;
  color: #8c8c8c;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  transition: background 0.3s, border 0.3s, box-shadow 0.3s;
}
.m-header .header-search input {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 0 20px;
  padding-right: 70px;
  font-size: 14px;
  font-weight: 300;
  color: #333333;
  transition: width .5s, padding .5s;
}
.m-header .header-search input::-webkit-input-placeholder {
  color: #8a8989;
}
.m-header .header-search input:-moz-placeholder {
  color: #8a8989;
  opacity: 1;
}
.m-header .header-search input::-moz-placeholder {
  color: #8a8989;
  opacity: 1;
}
.m-header .header-search input:-ms-input-placeholder {
  color: #8a8989;
}
.m-header .header-search input:placeholder-shown {
  color: #8a8989;
}
.m-header .header-search button {
  position: absolute;
  display: flex;
  right: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 100%;
  background: transparent;
  border-radius: 4px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  text-align: center;
  font-size: 15px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 300;
  pointer-events: none;
  transition: background .5s;
}
.m-header .header-search button:before,
.m-header .header-search button:after {
  display: block;
  position: absolute;
  content: "";
  width: 17px;
  height: 16px;
  left: 15px;
  top: 50%;
  margin-top: -8px;
  flex-shrink: 0;
  background: url('/Content/images/header_search.png') no-repeat 0 0;
  transition: opacity .5s;
}
.m-header .header-search button:after {
  background-position: 0 -16px;
  opacity: 0;
}
.m-header .header-search.focus {
  max-width: 400px;
}
.m-header .header-search.focus.small {
  max-width: 340px;
}
.m-header .header-search.focus .select {
  width: 80px;
  opacity: 1;
  z-index: 1;
}
.m-header .header-search.focus button {
  pointer-events: all;
  background: #ffa800;
}
.m-header .header-search.focus button:hover,
.m-header .header-search.focus button:focus {
  background: #ffb21f;
}
.m-header .header-search.focus button:active {
  background: #cc8600;
}
.m-header .header-search.focus button:before {
  opacity: 0;
}
.m-header .header-search.focus button:after {
  opacity: 1;
}
.m-header .header-menu,
.m-header .personal-menu {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-left: 30px;
}
.m-header .header-menu .menu_item,
.m-header .personal-menu .menu_item {
  display: block;
  margin: 0 18px;
  font-weight: 300;
  font-size: 14px;
  color: #333333;
  text-transform: uppercase;
  white-space: nowrap;
  transition: color .2s;
}
.m-header .header-menu .menu_item:first-child,
.m-header .personal-menu .menu_item:first-child {
  margin-left: 0;
}
.m-header .header-menu .menu_item:last-child,
.m-header .personal-menu .menu_item:last-child {
  margin-right: 0;
}
.m-header .header-menu .menu_item:hover,
.m-header .personal-menu .menu_item:hover,
.m-header .header-menu .menu_item:focus,
.m-header .personal-menu .menu_item:focus {
  color: #ffa800;
}
.m-header .header-menu .menu_item b,
.m-header .personal-menu .menu_item b {
  color: #ffa800;
}
.m-header .header-menu .menu_item b:hover,
.m-header .personal-menu .menu_item b:hover,
.m-header .header-menu .menu_item b:focus,
.m-header .personal-menu .menu_item b:focus {
  color: #ffa800;
  text-decoration: underline;
}
.m-header .header-menu .menu_item.current,
.m-header .personal-menu .menu_item.current {
  font-weight: 900;
  color: #ffa800;
}
.m-header .header-menu .menu_item.current_styled,
.m-header .personal-menu .menu_item.current_styled {
  background: #ffa800;
  color: #ffffff;
  display: inline-block;
  padding: 10px;
  border-radius: 2px;
}
.m-header .header-menu .menu_item.current_styled:hover,
.m-header .personal-menu .menu_item.current_styled:hover {
  color: #ffffff;
}
.m-header .header-menu .menu_item.employers:before,
.m-header .personal-menu .menu_item.employers:before {
  font-family: 'jobline-fonticon';
  content: "\e91f";
  padding-right: 5px;
}
.m-header .header-menu .menu_item.btn,
.m-header .personal-menu .menu_item.btn {
  padding: 4px 5px;
  background-color: #ffa800;
  color: #ffffff;
  border-radius: 2px;
  margin: 0;
}
.m-header .header-menu .menu_item .badge,
.m-header .personal-menu .menu_item .badge {
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  border-radius: 50%;
  background-color: #dc3545;
  position: absolute;
  top: -10px;
  right: -18px;
  left: auto;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
  width: 18px;
  height: 18px;
  padding: 0;
}
.m-header .header-menu .menu_item .badge img,
.m-header .personal-menu .menu_item .badge img {
  filter: invert(1);
  max-width: 14px;
}
.m-header .header-menu .menu_item .badge.animated,
.m-header .personal-menu .menu_item .badge.animated {
  animation: 0.75s ease-out 0.3s 1 bounceIn;
}
.m-header .header-menu .user_menu,
.m-header .personal-menu .user_menu {
  position: relative;
  transition: box-shadow 0.4s;
  padding: 8px 0;
}
.m-header .header-menu .user_menu .menu_item,
.m-header .personal-menu .user_menu .menu_item {
  display: flex;
  align-items: center;
  min-height: 58px;
  margin-left: 30px;
}
.m-header .header-menu .user_menu .menu_item.nf-admin:after,
.m-header .personal-menu .user_menu .menu_item.nf-admin:after {
  content: "";
  width: 9px;
  height: 6px;
  margin-left: 5px;
  background: url('/Content/images/header_user_menu_dd.png') no-repeat 0 0;
}
.m-header .header-menu .user_menu .user_menu-img,
.m-header .personal-menu .user_menu .user_menu-img {
  display: block;
  width: 42px;
  height: 42px;
  margin-right: 10px;
  border-radius: 50%;
}
.m-header .header-menu .user_menu .user_menu-username,
.m-header .personal-menu .user_menu .user_menu-username {
  /*display: block;*/
  max-width: 205px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.m-header .header-menu .user_menu .user_menu-username.menu_item,
.m-header .personal-menu .user_menu .user_menu-username.menu_item {
  border-bottom: 2px solid #2b6281;
  margin-left: 0;
  margin-right: 0;
  height: auto;
  min-height: 0;
  padding: 10px;
  padding-left: 5px;
  font-weight: 700;
  color: #2b6281;
}
.m-header .header-menu .user_menu .user_menu-username.menu_item:hover,
.m-header .personal-menu .user_menu .user_menu-username.menu_item:hover {
  color: #2b6281;
}
.m-header .header-menu .user_menu .user_menu-dropdown,
.m-header .personal-menu .user_menu .user_menu-dropdown {
  display: block;
  position: absolute;
  right: 0;
  top: 100%;
  width: 280px;
  background: #ffffff;
  box-shadow: 0 18px 21px 0 rgba(0, 0, 0, 0.15);
  transition: transform .4s, opacity .4s, visibility .4s;
  z-index: 100;
  visibility: hidden;
  opacity: 0;
  transform: translateY(5px) translateZ(0);
}
.m-header .header-menu .user_menu .user_menu-profile_stat,
.m-header .personal-menu .user_menu .user_menu-profile_stat {
  padding: 12px 16px;
  background: #9b9b9b;
  text-align: center;
}
.m-header .header-menu .user_menu .user_menu-profile_stat .progress,
.m-header .personal-menu .user_menu .user_menu-profile_stat .progress {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 42px;
  height: 42px;
  margin-bottom: 10px;
  padding-bottom: 1px;
  box-sizing: border-box;
  font-size: 15px;
  font-weight: bold;
  color: #fff;
  border: 2px solid #fff;
  border-radius: 50%;
}
.m-header .header-menu .user_menu .user_menu-profile_stat .title,
.m-header .personal-menu .user_menu .user_menu-profile_stat .title {
  font-size: 16px;
  color: #fff;
}
.m-header .header-menu .user_menu .user_menu-profile_stat.low,
.m-header .personal-menu .user_menu .user_menu-profile_stat.low {
  background: #fe585e;
}
.m-header .header-menu .user_menu .user_menu-profile_stat.medium,
.m-header .personal-menu .user_menu .user_menu-profile_stat.medium {
  background: #ffa800;
}
.m-header .header-menu .user_menu .user_menu-profile_stat.high,
.m-header .personal-menu .user_menu .user_menu-profile_stat.high {
  background: #1ed7b2;
}
.m-header .header-menu .user_menu .user_menu-company_switch,
.m-header .personal-menu .user_menu .user_menu-company_switch {
  background: #6b6b6b;
}
.m-header .header-menu .user_menu .user_menu-company_switch .user_menu-item,
.m-header .personal-menu .user_menu .user_menu-company_switch .user_menu-item {
  color: #fff;
}
.m-header .header-menu .user_menu .user_menu-company_switch .user_menu-item:hover,
.m-header .personal-menu .user_menu .user_menu-company_switch .user_menu-item:hover,
.m-header .header-menu .user_menu .user_menu-company_switch .user_menu-item:focus,
.m-header .personal-menu .user_menu .user_menu-company_switch .user_menu-item:focus {
  background: rgba(0, 0, 0, 0.2);
}
.m-header .header-menu .user_menu .user_menu-company_switch .user_menu-item:active,
.m-header .personal-menu .user_menu .user_menu-company_switch .user_menu-item:active {
  background: rgba(0, 0, 0, 0.4);
}
.m-header .header-menu .user_menu .user_menu-items,
.m-header .personal-menu .user_menu .user_menu-items {
  padding: 5px 0;
}
.m-header .header-menu .user_menu .user_menu-item,
.m-header .personal-menu .user_menu .user_menu-item {
  display: block;
  padding: 10px 16px;
  font-size: 16px;
  color: #626262;
  transition: background .2s;
}
.m-header .header-menu .user_menu .user_menu-item:hover,
.m-header .personal-menu .user_menu .user_menu-item:hover,
.m-header .header-menu .user_menu .user_menu-item:focus,
.m-header .personal-menu .user_menu .user_menu-item:focus {
  background: #f0f0f0;
}
.m-header .header-menu .user_menu .user_menu-item.selected:before,
.m-header .personal-menu .user_menu .user_menu-item.selected:before {
  display: inline-block;
  content: "";
  width: 12px;
  height: 12px;
  margin-right: 10px;
  vertical-align: -1px;
  background: url('/Content/images/tick.svg') no-repeat 0 0;
}
.m-header .header-menu .user_menu.user_menu-open .user_menu-dropdown,
.m-header .personal-menu .user_menu.user_menu-open .user_menu-dropdown {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}
.m-header .header-menu {
  /*nyerem�nyj�t�k link miatti m�dos�t�s:*/
  margin-left: 0;
}
.m-header .header-menu .menu_item {
  position: relative;
  /*nyerem�nyj�t�k link miatti m�dos�t�s:*/
  margin: 0 10px;
}
.m-header .header-menu .menu_item:after {
  content: '';
  position: absolute;
  opacity: 0;
  bottom: -15px;
  left: 50%;
  transform: translateX(-50%);
  background: #ffa800;
  width: 100%;
  height: 1px;
  transition: all 0.2s ease-in-out;
}
.m-header .header-menu .menu_item:hover:after,
.m-header .header-menu .menu_item.current:after {
  bottom: -5px;
  opacity: 1;
}
.m-header .personal-menu {
  margin-left: auto;
}
.m-header .personal-menu .registration,
.m-header .personal-menu .login,
.m-header .personal-menu .employers {
  background: #f5f5f5;
  padding: 10px 20px;
  border-radius: 2px;
  margin: 0px 2px !important;
  color: #ffffff;
  transition: all 0.2s ease-in-out;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05), 0 1px 1px rgba(0, 0, 0, 0.03);
}
.m-header .personal-menu .registration b,
.m-header .personal-menu .login b,
.m-header .personal-menu .employers b {
  color: #ffffff;
  font-weight: normal;
}
.m-header .personal-menu .registration:hover,
.m-header .personal-menu .login:hover,
.m-header .personal-menu .employers:hover {
  color: #ffffff;
  text-decoration: none;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.m-header .personal-menu .registration {
  background: #2b6281;
}
.m-header .personal-menu .login {
  background: #ffa800;
}
.m-header .personal-menu .employers {
  position: relative;
  background: #1ed7b2;
  /*&:after{
                content:'';
                position: absolute;
                opacity: 0;
                bottom: -15px;
                left: 50%;
                transform: translateX(-50%);
                background: @color-yellow;
                width: 100%;
                height: 1px;
                transition: all .2s ease-in-out;
            }
            &:hover, &.current{
                &:after{
                    bottom: -5px;
                    opacity: 1;
                }
            }*/
}
@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}
.m-footer {
  min-height: 105px;
  box-sizing: border-box;
  padding: 20px 0;
  margin-top: auto;
  background: #1b262f url('/Content/images/bg_pattern.png') repeat 0 0;
}
.m-footer .center {
  display: flex;
  align-items: center;
}
.m-footer .mobile_version {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 300;
  color: #ffffff;
}
.m-footer .mobile_version:before {
  display: block;
  content: "";
  flex-shrink: 0;
  width: 18px;
  height: 38px;
  margin-right: 15px;
  background: url('/Content/images/mobile_icon.png') no-repeat 0 0;
}
.m-footer .menu {
  font-size: 14px;
  font-weight: 300;
  color: #ffffff;
}
.m-footer .menu .item {
  margin: 0 20px;
}
.m-footer .menu .item:first-child {
  margin-left: 0;
}
.m-footer .menu .item:last-child {
  margin-right: 0;
}
.m-footer .menu a:hover {
  text-decoration: underline;
}
.m-footer .menu .post-a-job {
  font-weight: 700;
}
.m-footer .footer-copyright {
  display: inline-block;
  margin-right: 20px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 300;
}
.m-company_info {
  display: flex;
  align-items: center;
  max-width: 350px;
}
.m-company_info .company-img {
  display: block;
  width: 120px;
  height: 120px;
  overflow: hidden;
  margin-right: 20px;
  flex-shrink: 0;
}
.m-company_info .company-img img {
  display: block;
  width: 100%;
}
.m-company_info .company-content .company-title {
  display: block;
  width: 100%;
  margin-bottom: 8px;
  font-weight: bold;
  color: #ffffff;
  font-size: 15px;
}
.m-home_search {
  display: block;
  display: flex;
  position: relative;
  width: 100%;
  height: 520px;
  padding: 50px 0;
  margin-top: var(--navigation-height);
}
.m-home_search .center {
  position: relative;
  display: flex;
  box-sizing: border-box;
  /*height: 100%;
		padding-top: 100px;*/
  flex-direction: column;
  justify-content: center;
  align-items: center;
  pointer-events: none;
  overflow: hidden;
}
.m-home_search .center > * {
  flex-shrink: 0;
}
.m-home_search .center > * {
  pointer-events: all;
}
.m-home_search .bg {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  overflow: hidden;
  transition: visibility .5s, opacity .5s;
  opacity: 0;
  visibility: hidden;
}
.m-home_search .bg video,
.m-home_search .bg img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.m-home_search .bg.active {
  visibility: visible;
  opacity: 1;
}
.m-home_search .bg:before {
  display: block;
  position: absolute;
  content: "";
  width: 100%;
  height: 300px;
  left: 0;
  bottom: 0;
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
}
.m-home_search .home_search-title {
  width: 100%;
  max-width: 1040px;
  margin: 0 auto;
  margin-bottom: 74px;
  text-align: center;
  font-family: 'Montserrat', sans-serif;
  font-size: 46px;
  color: #ffffff;
  font-weight: bold;
  text-transform: uppercase;
}
.m-home_search .home_search-search_panel {
  width: 100%;
  max-width: 832px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
.m-home_search .home_search-search_panel .tab-buttons {
  display: flex;
}
.m-home_search .home_search-search_panel .tab-button {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  min-width: 90px;
  height: 46px;
  box-sizing: border-box;
  padding: 0 10px;
  margin: 0 1px;
  margin-bottom: -1px;
  background: #fafafa;
  text-align: center;
  font-size: 14px;
  color: #333333;
  font-weight: 300;
  text-transform: uppercase;
  transition: background .2s;
}
.m-home_search .home_search-search_panel .tab-button:first-child {
  margin-left: 0;
}
.m-home_search .home_search-search_panel .tab-button:last-child {
  margin-right: 0;
}
.m-home_search .home_search-search_panel .tab-button:hover,
.m-home_search .home_search-search_panel .tab-button:focus {
  background: #eaeaea;
}
.m-home_search .home_search-search_panel .tab-button.selected {
  background: #eaeaea;
}
.m-home_search .home_search-search_panel .tab-contents {
  padding: 40px 30px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,eeeeee+50,f5f5f5+50,f5f5f5+100 */
  background: #eaeaea;
  /* Old browsers */
  background: -moz-linear-gradient(45deg, #eaeaea 0%, #eaeaea 50%, #f1f1f1 50%, #f1f1f1 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(45deg, #eaeaea 0%, #eaeaea 50%, #f1f1f1 50%, #f1f1f1 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #eaeaea 0%, #eaeaea 50%, #f1f1f1 50%, #f1f1f1 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f5f5f5', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
.m-home_search .home_search-search_panel .tab-content:not(.selected) {
  display: none;
}
.m-home_search .home_search-search_panel .search_form {
  display: flex;
  height: 58px;
}
.m-home_search .home_search-search_panel .search_form input {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 20px;
  box-sizing: border-box;
  font-size: 19px;
  font-weight: 300;
  color: #333333;
  background: #fff;
  border: 1px solid #cbcbcb;
  border-radius: 4px;
  margin-right: 20px;
}
.m-home_search .home_search-search_panel .search_form input::-webkit-input-placeholder {
  color: #b9b9b9;
}
.m-home_search .home_search-search_panel .search_form input:-moz-placeholder {
  color: #b9b9b9;
  opacity: 1;
}
.m-home_search .home_search-search_panel .search_form input::-moz-placeholder {
  color: #b9b9b9;
  opacity: 1;
}
.m-home_search .home_search-search_panel .search_form input:-ms-input-placeholder {
  color: #b9b9b9;
}
.m-home_search .home_search-search_panel .search_form input:placeholder-shown {
  color: #b9b9b9;
}
.m-home_search .home_search-search_panel .search_form input:nth-of-type(1) {
  width: 50%;
}
.m-home_search .home_search-search_panel .search_form input:nth-of-type(2) {
  width: 30%;
}
.m-home_search .home_search-search_panel .search_form button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 130px;
  height: 100%;
  background: #ffa800;
  border-radius: 4px;
  flex-shrink: 0;
  text-align: center;
  font-size: 15px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 300;
  transition: background .2s;
}
.m-home_search .home_search-search_panel .search_form button .t {
  width: 100%;
}
.m-home_search .home_search-search_panel .search_form button:hover,
.m-home_search .home_search-search_panel .search_form button:focus {
  background: #ffb21f;
}
.m-home_search .home_search-search_panel .search_form button:active {
  background: #cc8600;
}
.m-home_search .home_search-search_panel .advanced-search-link {
  text-align: right;
  padding-top: 10px;
  text-transform: uppercase;
  font-size: 13px;
}
.m-home_search .home_search-search_panel .advanced-search-link a {
  transition: color .2s;
}
.m-home_search .home_search-search_panel .advanced-search-link a:hover {
  color: #ffa800;
}
.m-home_search .home_search-categories {
  padding: 15px 0;
  float: left;
  width: 100%;
  clear: both;
  /*-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;

		-webkit-column-gap: 40px;
		-moz-column-gap: 40px;
		column-gap: 40px;

		-webkit-column-rule: 1px solid #c1c1c1;
		-moz-column-rule: 1px solid #c1c1c1;
		column-rule: 1px solid #c1c1c1;*/
}
.m-home_search .home_search-categories .left-column,
.m-home_search .home_search-categories .right-column {
  width: 50%;
  float: left;
  box-sizing: border-box;
  padding: 15px;
}
.m-home_search .home_search-categories .category {
  display: block;
  position: relative;
  margin: 0px 0 12px 0;
  padding-left: 30px;
  font-size: 14px;
  color: #666;
  transition: color .2s;
  text-transform: uppercase;
  font-weight: 500;
  height: 36px;
}
.m-home_search .home_search-categories .category:hover,
.m-home_search .home_search-categories .category:focus {
  color: #ffa800;
}
.m-home_search .home_search-categories .category .category-icon {
  font-size: 20px;
  margin-right: 15px;
  position: absolute;
  color: #ffa800;
  left: 0;
  top: 0;
}
.m-home_search .home_search-categories_more {
  margin-top: 20px;
  text-align: center;
  cursor: pointer;
}
.m-home_search .m-company_info {
  position: absolute;
  left: 0;
  bottom: 0px;
  transition: visibility .5s, opacity .5s;
}
.m-home_search .m-company_info:not(.active) {
  visibility: hidden;
  opacity: 0;
}
.m-home_search_default {
  height: 520px;
  padding: 0;
  display: flex;
  margin-top: 80px;
  margin-top: var(--navigation-height);
}
.m-home_search_default .default_bg {
  height: 520px;
}
.m-home_search_default .default_bg + .center {
  padding-top: 0;
  position: relative;
  height: auto;
  display: flex;
  align-items: stretch;
  flex: 1;
}
.m-home_search_default .m-company_info {
  bottom: 10px;
}
.m-home_search_default .home_search-search_panel {
  max-width: 850px;
}
.m-home_search_default .home_search-search_panel .tab-buttons {
  position: relative;
  z-index: 1;
}
.m-home_search_default .home_search-search_panel .tab-button {
  height: 30px;
  border-radius: 3px 3px 0 0;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.m-home_search_default .home_search-search_panel .search_form {
  height: 45px;
}
.m-home_search_default .home_search-search_panel .search_form input {
  font-size: 17px;
}
.m-home_search_default .home_search-search_panel .tab-contents {
  position: relative;
  z-index: 2;
  padding: 30px 20px 10px 20px;
  border-radius: 0 3px 3px 3px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.m-home_search_default .home_search-search_panel .home_search-categories {
  padding: 0;
}
.m-home_search_default .home_search-search_panel .home_search-categories .category {
  height: 24px;
}
.m-home_search_default .home_search-search_panel .home_search-categories .right-column,
.m-home_search_default .home_search-search_panel .home_search-categories .left-column {
  padding: 0 15px;
}
.m-home_search_default .m-company_info .company-img {
  width: 80px;
  height: 80px;
}
/*jl unnepi stilus*/
.m-home_search.snowfall {
  min-height: 700px;
}
.m-home_search.snowfall .m-company_info {
  display: none;
}
.m-home_search.snowfall .bg:before {
  display: none;
}
.m-home_search.snowfall .bg {
  background-position: center top;
  background-size: cover;
  height: 100%;
}
.m-home_search.snowfall .home_search-search_panel {
  margin-top: 230px;
}
/*snowfall*/
#snowfall-container {
  position: absolute;
  height: 100vh;
  width: 100%;
  overflow: hidden;
  display: block;
  z-index: 1;
}
.christmas-message {
  width: 100%;
  background: rgba(254, 168, 0, 0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-family: Montserrat;
  font-size: 1.7em;
  font-weight: 900;
  max-width: 750px;
  margin: 0 auto;
  margin-top: 50px;
  box-sizing: border-box;
  padding: 30px;
  padding-bottom: 20px;
  border-radius: 4px;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);
  position: relative;
  z-index: 10;
  line-height: 150%;
  flex-direction: column;
  text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.2);
}
.christmas-message span {
  width: 200px;
  background: #ffffff;
  height: 1px;
  display: inline-block;
  margin: 15px 0;
}
.christmas-message img {
  filter: brightness(0) invert(1);
  width: 120px;
}
.christmas-decorations {
  margin-top: 0;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  justify-content: center;
  align-items: stretch;
}
.christmas-decorations .christmas-decoration {
  margin-left: 40px;
  margin-right: 40px;
  width: 145px;
  height: 145px;
  background: #fff;
  border-radius: 50%;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-direction: column;
  position: relative;
  margin-top: 50px;
  box-shadow: inset 0px 0px 0px 3px #f8971d, 0px 14px 15px rgba(0, 0, 0, 0.4);
  border: 2px solid rgba(255, 255, 255, 0.8);
  -webkit-animation: christmasFloating 20s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  -moz-animation: christmasFloating 20s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  -o-animation: christmasFloating 20s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  animation: christmasFloating 20s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  -webkit-transform-origin: center -70px;
  transform-origin: center -70px;
  transition: all 0.3s ease-in-out;
}
.christmas-decorations .christmas-decoration:hover {
  -webkit-animation-play-state: paused;
  -moz-animation-play-state: paused;
  -o-animation-play-state: paused;
  animation-play-state: paused;
  box-shadow: inset 0px 0px 0px 2px #f95450, 0px 3px 5px rgba(0, 0, 0, 0.2);
}
.christmas-decorations .christmas-decoration:hover .jl-logo {
  background: #f95450;
  transform: scale(1.15);
}
.christmas-decorations .christmas-decoration.cd-0 {
  animation-delay: -9s;
  margin-top: 40px;
}
.christmas-decorations .christmas-decoration.cd-1 {
  animation-delay: -1s;
}
.christmas-decorations .christmas-decoration.cd-2 {
  animation-delay: 0s;
  margin-top: 45px;
}
.christmas-decorations .christmas-decoration.cd-3 {
  animation-delay: -4s;
  margin-top: 35px;
}
.christmas-decorations .christmas-decoration:before {
  content: '';
  width: 2px;
  height: 50px;
  display: block;
  background: #fff;
  position: absolute;
  top: -70px;
  left: 50%;
}
.christmas-decorations .content {
  width: 90%;
  height: 90%;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.christmas-decorations .content h3 {
  font-size: 1em;
  font-weight: 700;
  padding-top: 5px;
  margin-bottom: 5px;
  padding-bottom: 5px;
  position: relative;
}
.christmas-decorations .content h3:after {
  width: 20px;
  height: 2px;
  content: '';
  background: #f8971d;
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -10px;
  bottom: 0;
}
.christmas-decorations .content div {
  font-size: 1em;
  line-height: 110%;
  font-weight: 400;
}
.christmas-decorations .jl-logo {
  display: inline-flex;
  width: 50px;
  height: 50px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  position: absolute;
  top: -25px;
  left: 50%;
  margin-left: -25px;
  background: #f8971d;
  color: #fff;
  text-align: center;
  justify-content: center;
  align-items: center;
  font-size: 1.5em;
  transition: all 0.3s cubic-bezier(0.5, 0, 0.5, 1);
}
.christmas-decorations .nowrap {
  white-space: nowrap;
}
@-webkit-keyframes christmasFloating {
  0% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }
  12.5% {
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  25% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }
  37.5% {
    -webkit-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  62.5% {
    -webkit-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  75% {
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg);
  }
  87.5% {
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
  }
  100% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }
}
.m-rate_workplace_banner {
  padding: 50px 0;
  background: #2b6281;
  text-align: center;
}
.m-rate_workplace_banner .title {
  margin-bottom: 10px;
  font-family: 'Montserrat', sans-serif;
  font-weight: bold;
  font-size: 37px;
  color: #fff;
}
.m-rate_workplace_banner .desc {
  margin-bottom: 20px;
  font-size: 23px;
  color: #ffffff;
}
.m-saved_jobs {
  position: relative;
  padding-top: 50px;
  margin-bottom: 150px;
  background: #f1f1f1;
}
.m-saved_jobs .center {
  max-width: 990px;
}
.m-saved_jobs .bg_shape {
  display: block;
  position: absolute;
  width: 100%;
  left: 0;
  top: 100%;
  margin-top: -1px;
  fill: #f1f1f1;
}
.m-saved_jobs .saved_jobs-user {
  max-width: 200px;
  margin: 0 auto;
  text-align: center;
}
.m-saved_jobs .saved_jobs-user .img {
  display: block;
  width: 80px;
  height: 80px;
  margin: 0 auto;
  margin-bottom: 10px;
  border-radius: 50%;
  overflow: hidden;
}
.m-saved_jobs .saved_jobs-user .img img {
  display: block;
  width: 100%;
}
.m-saved_jobs .saved_jobs-user .name {
  font-size: 15px;
  color: #707070;
  font-weight: 300;
  text-transform: uppercase;
}
.m-home_mobile_banner {
  position: relative;
  margin-top: 50px;
}
.m-home_mobile_banner .banner-section {
  width: 100%;
  box-sizing: border-box;
  padding: 50px 0;
}
.m-home_mobile_banner .banner-section.pattern {
  background: #2b6281 url('/Content/images/bg_pattern.png') repeat 0 0;
}
.m-home_mobile_banner .banner-section.top {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 320px;
}
.m-home_mobile_banner .banner-section.bottom {
  height: 400px;
}
.m-home_mobile_banner .center_inner {
  padding-left: 370px;
}
.m-home_mobile_banner .banner-title {
  margin-bottom: 40px;
  font-family: 'Montserrat', sans-serif;
  font-size: 37px;
  color: #ffffff;
  font-weight: bold;
}
.m-home_mobile_banner .banner-desc {
  font-size: 24px;
  color: #868585;
  font-weight: 300;
}
.m-home_mobile_banner .bubble {
  display: block;
  max-width: 625px;
  min-height: 105px;
  box-sizing: border-box;
  padding: 24px 30px;
  background: #3a7596;
  border-radius: 8px;
}
.m-home_mobile_banner .bubble .bubble-title {
  margin-bottom: 8px;
  font-size: 16px;
  color: #c5ddef;
  font-weight: 300;
  text-transform: uppercase;
}
.m-home_mobile_banner .bubble .bubble-desc {
  font-size: 17px;
  color: #ffffff;
  font-weight: 300;
}
.m-home_mobile_banner .phone {
  display: block;
  position: absolute;
  bottom: -70px;
  width: 270px;
  height: 560px;
  background: url(/Content/images/phone.png) no-repeat 0 0;
  background-size: 100%;
}
.m-home_mobile_banner .phone img {
  display: block;
  position: absolute;
  width: 233px;
  left: 18px;
  top: 67px;
  border-radius: 1px;
}
.m-to_read {
  padding: 70px 0;
  padding-bottom: 0;
}
.m-to_read .to_read-articles {
  display: flex;
  justify-content: center;
}
.m-to_read .m-article_card {
  margin: 16px;
}
.m-article_card {
  display: block;
  position: relative;
  width: 333px;
  height: 435px;
}
.m-article_card .article-bg {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.m-article_card .article-bg img {
  display: block;
  width: 100%;
  opacity: 1;
  transform: translateZ(0);
  transition: transform .5s;
}
.m-article_card .article-bg::after {
  content: "";
  overflow: hidden;
  z-index: 1;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 20%, #000000 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 20%, #000000 100%);
}
.m-article_card:hover .article-bg img {
  transform: scale(1.1);
  transition: transform 2s linear, opacity 2s linear;
}
.m-article_card .article-content {
  position: absolute;
  z-index: 1;
  width: 100%;
  box-sizing: border-box;
  padding: 30px 20px;
  left: 0;
  bottom: 0;
  font-family: 'Montserrat', sans-serif;
  font-size: 23px;
  color: #fffefe;
  text-align: center;
  font-weight: bold;
}
.m-cvposta_boxes {
  margin: 0px 0;
}
.m-cvposta_boxes .m-cvposta_box .cvposta-header {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  padding-right: 220px;
  position: relative;
}
.m-cvposta_boxes .m-cvposta_box .cvposta-header > * {
  width: auto;
  margin: 0;
}
.m-cvposta_boxes .m-cvposta_box .cvposta-header .item-title-holder {
  position: relative;
  width: 100%;
}
.m-cvposta_boxes .m-cvposta_box .cvposta-header .item-title-holder .l-title-2 {
  margin-bottom: 0;
  line-height: 36px;
}
.m-cvposta_boxes .m-cvposta_box .cvposta-header .item-title-holder .cvletter-name {
  display: none;
  position: absolute;
  width: 100%;
  top: -5px;
  left: -20px;
}
.m-cvposta_boxes .m-cvposta_box .cvposta-header .cvposta-edit {
  position: absolute;
  top: 0px;
  right: 42px;
}
.m-cvposta_boxes .m-cvposta_box .cvposta-header .l-trash {
  top: 0;
  right: -8px;
}
.m-cvposta_boxes .m-cvposta_box .l-label_buttons.show_all .l-label_button.more {
  display: none;
}
.m-cvposta_boxes .m-cvposta_box .l-label_buttons:not(.show_all) .l-label_button:not(.more):not(:nth-of-type(1)):not(:nth-of-type(2)):not(:nth-of-type(3)) {
  display: none;
}
.m-cvposta_boxes .secondary-line {
  margin-bottom: 10px;
  float: left;
  clear: both;
  width: 100%;
}
.m-cvposta_boxes .secondary-line .setisactive {
  width: 10px;
  height: 10px;
  line-height: 36px;
  border-radius: 50%;
  display: inline-block;
  margin: 2px 3px 0 8px;
  background: #1ed7b2;
  float: right;
}
.m-cvposta_boxes .secondary-line .setisactive.inactive {
  background: #e54a4a;
}
.m-cvposta_boxes .secondary-line .action-updated {
  float: right;
  margin-right: 25px;
  font-size: 14px;
  color: #acacac;
}
.m-cvposta_boxes .item-info .info-label {
  width: 170px;
  box-sizing: border-box;
  padding: 6px 0;
  padding-right: 20px;
  font-size: 13px;
  color: #6f6f6f;
}
.m-cvposta_boxes .item-info .info-value {
  font-size: 14px;
  color: #262626;
}
.m-cvposta_boxes .item-actions {
  margin-top: 25px;
}
.m-cvposta_boxes .item-actions .gui-summary-title {
  margin-bottom: 10px;
  font-size: 14px;
  color: #7d7d7d;
}
.m-cvposta_boxes .gui-filters {
  display: flex;
  flex-wrap: wrap;
  margin: 0px;
  padding-top: 10px;
  border-top: 1px solid #ccc;
}
.m-cvposta_boxes .gui-filters .gui-filter {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  max-width: 250px;
  height: 36px;
  box-sizing: border-box;
  padding: 0 20px;
  margin: 6px;
  border-radius: 18px;
  border: 1px solid #989898;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);
  font-size: 14px;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: border .2s, color .2s, background .2s;
}
.m-cvposta_boxes .gui-filters .gui-filter .m-cv-gui_icon {
  cursor: default;
  margin: 0 0 0 5px;
  opacity: .8;
  transition: opacity .2s;
}
.m-cvposta_boxes .gui-filters .gui-filter .text {
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 12px;
}
.m-cvposta_boxes .gui-filters .gui-filter.important {
  position: relative;
}
.m-cvposta_boxes .gui-filters .gui-filter.important .indicator {
  display: block;
  width: 8px;
  height: 11px;
  margin: 0 5px;
  background: url(/Content/images/cv_search/flag_icons.png) no-repeat -8px 0;
  position: absolute;
  right: 15px;
  top: 11px;
}
.m-cvposta_boxes .gui-filters .gui-filter.ignore {
  position: relative;
}
.m-cvposta_boxes .gui-filters .gui-filter.ignore .text {
  padding-right: 20px;
}
.m-cvposta_boxes .gui-filters .gui-filter.ignore .indicator {
  display: block;
  width: 12px;
  height: 12px;
  margin: 0px;
  background: url(/Content/images/cv_search/block_icon.png) no-repeat 0px 0;
  position: absolute;
  right: 42px;
  top: 11px;
}
.m-cvposta_boxes .gui-filters .gui-filter .remove {
  display: block;
  width: 12px;
  height: 12px;
  margin-left: 10px;
  transition: opacity .2s;
  background: url('/Content/images/cv_search/close_icon-dark.png') no-repeat 0 0;
  opacity: .4;
}
.m-cvposta_boxes .gui-filters .gui-filter .remove:hover,
.m-cvposta_boxes .gui-filters .gui-filter .remove:focus {
  opacity: .8;
}
.m-cv_samples {
  position: relative;
  margin-top: 220px;
  padding-bottom: 60px;
  background: #fed056;
}
.m-cv_samples .center {
  margin-top: -10px;
}
.m-cv_samples .l-subtitle {
  color: #b58c3c;
}
.m-cv_samples .bg_shape {
  display: block;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 100%;
  margin-bottom: -1px;
  fill: #fed056;
}
.m-cv_samples .cv_samples-items {
  display: flex;
  justify-content: center;
  text-align: center;
}
.m-cv_samples .cv_samples-item {
  width: 333px;
  margin: 16px;
}
.m-cv_samples .cv_samples-item .preview {
  display: block;
  width: 333px;
  height: 435px;
  overflow: hidden;
}
.m-cv_samples .cv_samples-item .preview img {
  display: block;
  width: 100%;
}
.m-cv_samples .l-cta_button {
  margin-top: 35px;
}
.m-payment_calc_banner {
  padding: 60px 0;
}
.m-payment_calc_banner .payment-main {
  display: flex;
  justify-content: space-between;
  margin-top: 80px;
  margin-right: -40px;
}
.m-payment_calc_banner .payment-content .title {
  margin-top: 40px;
  marbin-bottom: 15px;
  font-family: 'Montserrat', sans-serif;
  font-size: 26px;
  color: #333333;
  font-weight: bold;
}
.m-payment_calc_banner .payment-content .title:first-child {
  margin-top: 0;
}
.m-payment_calc_banner .payment-content p {
  margin: 15px 0;
  font-size: 17px;
  color: #6c6c6c;
}
.m-payment_calc_banner .payment-content p:first-child {
  margin-top: 0;
}
.m-payment_calc_banner .m-payment_calc {
  width: 615px;
  margin-left: 40px;
  flex-shrink: 0;
}
.m-payment_calc {
  display: block;
  box-sizing: border-box;
  padding: 48px 42px;
  border: 6px solid #ffa800;
}
.m-payment_calc .calc-row {
  display: flex;
  align-items: center;
  margin: 20px 0;
}
.m-payment_calc .calc-row:first-child {
  margin-top: 0;
}
.m-payment_calc .calc-row:last-child {
  margin-bottom: 0;
}
.m-payment_calc .calc-row > * {
  margin: 0 10px;
}
.m-payment_calc .calc-row > *:first-child {
  margin-left: 0;
}
.m-payment_calc .calc-row > *:last-child {
  margin-right: 0;
}
.m-partners {
  padding: 60px 0;
}
.m-partners .partners {
  display: flex;
  justify-content: center;
  align-items: center;
  /*flex-wrap: wrap;*/
  max-width: 1000px;
  margin: 0 auto;
}
.m-partners .partner {
  display: block;
  width: 100px;
  height: 100px;
  margin: 15px;
}
.m-partners .partner img {
  display: block;
  width: 100%;
}
.partner-logos {
  display: inline-block;
  width: auto;
  text-align: center;
  margin: 25px 10px;
  font-size: 1.6em;
  color: #ffa800;
  line-height: 120%;
}
.partner-logos:hover {
  color: #1ed7b2;
}
.partner-logos:first-of-type {
  margin-left: 0;
}
.category-list {
  margin: 50px 0;
}
.category-list .category-link-wrapper {
  display: flex;
  flex-flow: row wrap;
  flex-wrap: wrap;
}
.category-list .category-link-wrapper .category-link {
  flex-shrink: 0;
  width: 25%;
  display: inline-block;
  border: 1px solid transparent;
  box-sizing: border-box;
  padding: 15px;
  display: flex;
  align-items: center;
}
.category-list .category-link-wrapper .category-link .category-title {
  color: #666666;
  font-weight: bold;
  text-transform: uppercase;
  display: block;
  padding-top: 0;
  text-align: left;
}
.category-list .category-link-wrapper .category-link .category-image {
  font-size: 50px;
  color: #ffa800;
  text-align: center;
  display: block;
  padding-right: 10px;
}
.category-list .category-link-wrapper .category-link:hover {
  border: 1px solid #ffa800;
}
.category-list-btn {
  cursor: pointer;
}
.m-ad_with_us {
  position: relative;
  margin-top: 120px;
  padding-bottom: 60px;
  background: #2b6281;
}
.m-ad_with_us .bg_shape {
  display: block;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 100%;
  margin-bottom: -1px;
  fill: #2b6281;
}
.m-ad_with_us .cols {
  display: flex;
  justify-content: center;
  margin: 60px;
}
.m-ad_with_us .col {
  max-width: 320px;
  margin: 0 50px;
}
.m-ad_with_us .col:first-child {
  margin-left: 0;
}
.m-ad_with_us .col:last-child {
  margin-right: 0;
}
.m-ad_with_us .title {
  margin-bottom: 12px;
  font-size: 26px;
  color: #93c6eb;
  font-weight: 300;
}
.m-ad_with_us .desc {
  font-size: 18px;
  color: #ffffff;
  font-weight: 300;
}
.m-ad_with_us .desc a:hover,
.m-ad_with_us .desc a:focus {
  text-decoration: underline;
}
.m-ad_with_us .price {
  margin-bottom: 12px;
  font-size: 40px;
  color: #94c6eb;
  font-weight: 300;
}
.m-ad_with_us .price strong,
.m-ad_with_us .price b {
  font-weight: inherit;
  color: #fff;
}
.m-cities {
  position: relative;
  box-sizing: border-box;
  padding: 80px 0;
  background: #0d273d;
}
.m-cities .center {
  position: relative;
}
.m-cities .l-title {
  margin-bottom: 70px;
}
.m-cities .bg {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: url('/content/images/bg.jpg') no-repeat center center;
  background-size: cover;
  opacity: .5;
}
.m-cities .cities {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 900px;
  margin: 0 auto;
}
.m-cities .city {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 48px;
  box-sizing: border-box;
  margin: 6px 5px;
  padding: 0 25px;
  background: #fff;
  border-radius: 4px;
  text-align: center;
  font-size: 15px;
  color: #333333;
  text-transform: uppercase;
  font-weight: 300;
  transition: background .2s, color .2s;
}
.m-cities .city:hover,
.m-cities .city:focus {
  background: #1ed7b2;
  color: #fff;
}
.m-jobs_list {
  margin-bottom: -120px;
  margin-bottom: -240px;
  background: #f1f1f1;
  padding-bottom: 120px;
  margin-top: 80px;
  margin-top: var(--navigation-height);
}
.m-jobs_list.with_aside > .center {
  display: flex;
}
.m-jobs_list .l-title {
  margin-top: 80px;
  margin-bottom: 50px;
}
.m-jobs_list .l-title:first-child {
  margin-top: 0;
}
.m-jobs_list .l-title.align_center {
  font-size: 24px;
  color: #2b6281;
  margin-top: 0;
}
.m-jobs_list .l-line_figure {
  margin-top: 30px;
  margin-bottom: 20px;
}
.m-jobs_list .l-title + .l-line_figure {
  margin-top: -20px;
}
.m-jobs_list .l-line_figure + .l-title {
  margin-top: 60px;
}
.m-jobs_list .list-main {
  flex-grow: 1;
}
.m-jobs_list .list-aside {
  display: block;
  flex-shrink: 0;
  width: 340px;
  margin-left: 50px;
}
.m-jobs_list .list-aside > * {
  margin: 25px 0;
}
.m-jobs_list .list-aside > *:first-child {
  margin-top: 0;
}
.m-jobs_list .list-aside > *:last-child {
  margin-bottom: 0;
}
.m-jobs_list .list-aside.list-aside_left {
  margin-left: 0;
  margin-right: 50px;
}
.m-jobs_list .list-no_result {
  padding: 60px 0;
  text-align: center;
}
.m-jobs_list .list-no_result .no_result-title {
  font-size: 40px;
  color: #aaa;
  font-weight: 300;
}
.m-jobs_list .list-branding_company {
  position: absolute;
  bottom: 100%;
  margin-bottom: 50px;
}
.m-jobs_list .m-jobs_count {
  display: block;
  width: 100%;
  text-align: center;
  position: relative;
}
.m-jobs_list .m-jobs_count .align_center {
  padding: 15px;
  display: inline-block;
  text-align: center;
  background: #f1f1f1;
  color: #666666;
  font-size: 18px;
  position: relative;
  z-index: 2;
}
.m-jobs_list .m-jobs_count .align_center span {
  color: #ffa800;
  font-weight: bold;
}
.m-jobs_list .m-jobs_count:after {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  top: 50%;
  z-index: 1;
  background: #d8d8d8;
}
.m-jobs_list h3.l-title {
  font-weight: 700;
  font-size: 1.3em;
  margin-top: 20px;
}
.l-button_activity-animated {
  display: inline-block;
  border-radius: 4px;
  height: auto;
  min-width: 50%;
  background: #ffa800;
  color: #ffffff;
  padding: 20px 40px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: pointer;
  position: relative;
  text-align: center;
  border: 0px solid #ffa800;
}
.l-button_activity-animated span {
  transform-origin: 50% 50%;
  display: inline-block;
}
.l-button_activity-animated:hover {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  background: #e69700;
}
.l-button_activity-animated:after {
  font-family: 'jobline-fonticon';
  content: "\e5ca";
  display: inline-block;
  transform: scale(0);
  transition: all 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);
  position: absolute;
  left: 50%;
  top: 50%;
  font-size: 34px;
  margin-top: -20px;
  margin-left: -17px;
}
.l-button_activity-animated.processing {
  width: 44px;
  height: 44px;
  min-width: 0;
  padding: 0;
  border-radius: 50%;
  background: #ffffff;
  border-color: #e8e8e8;
  border-width: 3px;
  font-size: 0;
  border-left-color: #ffa800;
  animation: rotating 2s 0.25s linear infinite;
}
.l-button_activity-animated.processing:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.l-button_activity-animated.processing span {
  transform: scale(0);
}
.l-button_activity-animated.success {
  background: #1ed7b2;
  border-color: #1ed7b2;
}
.l-button_activity-animated.success span {
  content: ' &nbsp;';
  font-size: 0;
}
.l-button_activity-animated.success:after {
  transform: scale(1);
}
.l-button_activity-animated.restart {
  background: #ffa800;
  border-color: #ffa800;
}
.l-button_activity-animated.restart span {
  content: 'Elk�ld�m az �ll�st';
  font-size: 1em;
}
.l-button_activity-animated.restart:after {
  transform: scale(0);
}
@keyframes rotating {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.m-search_bar {
  display: flex;
  height: 44px;
  box-sizing: border-box;
  border-radius: 4px;
  border: 1px solid #d5d5d5;
}
.m-search_bar .select {
  position: relative;
  flex-shrink: 0;
  border-radius: inherit;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.m-search_bar .select:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  top: 50%;
  right: 12px;
  margin-top: -3px;
  pointer-events: none;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #cacaca;
}
.m-search_bar .select select {
  display: block;
  width: 100%;
  height: 42px;
  padding: 0 30px 0 15px;
  box-sizing: border-box;
  background: #f0f0f0;
  border-radius: inherit;
  font-size: 15px;
  color: #8c8c8c;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  transition: background 0.3s, border 0.3s, box-shadow 0.3s;
}
.m-search_bar .search_field {
  flex-grow: 1;
}
.m-search_bar input,
.m-search_bar .input {
  display: block;
  width: 100%;
  height: 42px;
  box-sizing: border-box;
  padding: 11px 15px;
  font-size: 15px;
  color: #333333;
  font-weight: 300;
}
.m-search_bar input::-webkit-input-placeholder,
.m-search_bar .input::-webkit-input-placeholder {
  color: #8c8c8c;
}
.m-search_bar input:-moz-placeholder,
.m-search_bar .input:-moz-placeholder {
  color: #8c8c8c;
  opacity: 1;
}
.m-search_bar input::-moz-placeholder,
.m-search_bar .input::-moz-placeholder {
  color: #8c8c8c;
  opacity: 1;
}
.m-search_bar input:-ms-input-placeholder,
.m-search_bar .input:-ms-input-placeholder {
  color: #8c8c8c;
}
.m-search_bar input:placeholder-shown,
.m-search_bar .input:placeholder-shown {
  color: #8c8c8c;
}
.m-search_bar button {
  display: block;
  flex-shrink: 0;
  margin: -1px;
  margin-left: 0;
  padding: 1px 18px;
  box-sizing: content-box;
  background: #ffa800;
  border-radius: inherit;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  font-size: 13px;
  color: #ffffff;
  font-weight: 300;
  text-align: center;
  text-transform: uppercase;
  transition: background .2s;
}
.m-search_bar button .t {
  width: 100%;
}
.m-search_bar button:hover,
.m-search_bar button:focus {
  background: #ffb628;
}
.m-search_bar button:active {
  background: #c8880b;
}
.m-recommended_for_you {
  padding: 80px;
  background: #fed056;
  box-sizing: border-box;
}
.m-recommended_for_you .l-line_figure {
  margin-bottom: 20px;
}
.m-recommended_for_you .l-title {
  margin-bottom: 40px;
}
.m-recommended_for_you .m-compact_job_item {
  margin-top: 10px;
  margin-bottom: 10px;
}
.m-recommended_for_you.fixed {
  position: fixed;
  transition: all 0.8s cubic-bezier(0.8, -0.5, 0.2, 1.4);
  z-index: 10;
  padding: 5px 0px;
  padding-bottom: 80px;
  bottom: -100%;
  box-shadow: 0 -3px 6px rgba(0, 0, 0, 0.1), 0 0px 6px rgba(0, 0, 0, 0.13);
}
.m-recommended_for_you.fixed.visible {
  opacity: 1;
  visibility: visible;
  z-index: 10;
  bottom: -80px;
}
.m-recommended_for_you.fixed .center {
  max-width: 1300px;
  padding: 0;
}
.m-recommended_for_you.fixed .l-line_figure {
  display: none;
}
.m-recommended_for_you.fixed .l-title {
  display: none;
  font-size: 1.5em;
  margin: 0 10px;
}
.m-recommended_for_you.fixed .actions-recommended {
  position: absolute;
  right: 20px;
  top: -30px;
}
.m-recommended_for_you.fixed .actions-recommended .closeBlock {
  transition: all 0.4s ease-in-out;
  border-radius: 50%;
  background: #454545;
  background: #fed056;
  border-radius: 5px 5px 0 0;
  color: #454545;
  font-weight: bold;
  cursor: pointer;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2em;
}
.m-recommended_for_you.fixed .actions-recommended .openBlock {
  transition: all 0.4s ease-in-out;
  display: none;
  align-items: center;
  justify-content: center;
  background: #fed056;
  border-radius: 5px 5px 0 0;
  color: #454545;
  font-weight: bold;
  cursor: pointer;
  padding: 10px 20px;
  padding-bottom: 20px;
  position: relative;
  bottom: 10px;
  box-shadow: none;
}
.m-recommended_for_you.fixed.showOnlyButton .actions-recommended .closeBlock {
  display: none;
}
.m-recommended_for_you.fixed.showOnlyButton .actions-recommended .openBlock {
  display: flex;
}
.m-recommended_for_you.fixed.show-always {
  position: static;
  padding: 80px 0;
  transition: none;
}
.m-recommended_for_you.fixed.show-always .actions-recommended {
  display: none;
}
.m-recommended_for_you .m-compact_job_items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  align-items: stretch;
}
.m-recommended_for_you .m-compact_job_items .m-compact_job_item {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 5px;
  padding: 10px;
  display: flex;
  flex-direction: column;
  flex: 1 0 10px;
}
.m-recommended_for_you .m-compact_job_items .m-compact_job_item .job-info,
.m-recommended_for_you .m-compact_job_items .m-compact_job_item .job-title {
  width: 100%;
  display: block;
  text-align: left;
  font-size: 1em;
}
.m-recommended_for_you .m-compact_job_items .m-compact_job_item .job-info {
  font-size: .8em;
}
.m-recommended_for_you .m-compact_job_items .m-compact_job_item .job-title {
  font-size: 1em;
}
.m-recommended_for_you .m-compact_job_items .m-compact_job_item.l-title_item {
  position: relative;
  background: none;
  font-size: 1em;
  box-shadow: none;
}
.m-recommended_for_you .m-compact_job_items .m-compact_job_item.l-title_item .l-title {
  display: inline-block;
  font-size: 1.2em;
  position: relative;
  z-index: 100;
  padding-right: 40px;
  top: 50%;
  transform: translateY(-50%);
}
.m-recommended_for_you .m-compact_job_items .m-compact_job_item div .job-title,
.m-recommended_for_you .m-compact_job_items .m-compact_job_item div .job-company {
  display: inline;
  margin: 0;
  font-size: .9em;
  font-weight: 300;
}
.m-recommended_for_you .m-compact_job_items .m-compact_job_item div .job-title {
  font-weight: 900;
}
.recommended_arrow {
  position: absolute;
  bottom: 0;
  left: 100%;
  margin-left: -25px;
  width: 40px;
  height: 40px;
  top: 50%;
  transform: translateY(-50%);
}
.recommended_arrow:before {
  content: '';
  display: block;
  width: 30px;
  height: 30px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yOTMuNzUxLDQ1NS44NjhjLTIwLjE4MSwyMC4xNzktNTMuMTY1LDE5LjkxMy03My42NzMtMC41OTVsMCwwYy0yMC41MDgtMjAuNTA4LTIwLjc3My01My40OTMtMC41OTQtNzMuNjcyICBsMTg5Ljk5OS0xOTBjMjAuMTc4LTIwLjE3OCw1My4xNjQtMTkuOTEzLDczLjY3MiwwLjU5NWwwLDBjMjAuNTA4LDIwLjUwOSwyMC43NzIsNTMuNDkyLDAuNTk1LDczLjY3MUwyOTMuNzUxLDQ1NS44Njh6Ii8+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjIwLjI0OSw0NTUuODY4YzIwLjE4LDIwLjE3OSw1My4xNjQsMTkuOTEzLDczLjY3Mi0wLjU5NWwwLDBjMjAuNTA5LTIwLjUwOCwyMC43NzQtNTMuNDkzLDAuNTk2LTczLjY3MiAgbC0xOTAtMTkwYy0yMC4xNzgtMjAuMTc4LTUzLjE2NC0xOS45MTMtNzMuNjcxLDAuNTk1bDAsMGMtMjAuNTA4LDIwLjUwOS0yMC43NzIsNTMuNDkyLTAuNTk1LDczLjY3MUwyMjAuMjQ5LDQ1NS44Njh6Ii8+DQo8L3N2Zz4=);
  background-size: contain;
  -moz-animation: arrow-bounce 2s infinite;
  -webkit-animation: arrow-bounce 2s infinite;
  animation: arrow-bounce 2s infinite;
}
@-moz-keyframes arrow-bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -moz-transform: rotate(-90deg) translateY(0);
    transform: rotate(-90deg) translateY(0);
  }
  40% {
    -moz-transform: rotate(-90deg) translateY(-30px);
    transform: rotate(-90deg) translateY(-30px);
  }
  60% {
    -moz-transform: rotate(-90deg) translateY(-15px);
    transform: rotate(-90deg) translateY(-15px);
  }
}
@-webkit-keyframes arrow-bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: rotate(-90deg) rotate(-90deg) translateY(0);
    transform: rotate(-90deg) translateY(0);
  }
  40% {
    -webkit-transform: rotate(-90deg) translateY(-30px);
    transform: rotate(-90deg) translateY(-30px);
  }
  60% {
    -webkit-transform: rotate(-90deg) translateY(-15px);
    transform: rotate(-90deg) translateY(-15px);
  }
}
@keyframes arrow-bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -moz-transform: rotate(-90deg) translateY(0);
    -ms-transform: rotate(-90deg) translateY(0);
    -webkit-transform: rotate(-90deg) translateY(0);
    transform: rotate(-90deg) translateY(0);
  }
  40% {
    -moz-transform: rotate(-90deg) translateY(-30px);
    -ms-transform: rotate(-90deg) translateY(-30px);
    -webkit-transform: rotate(-90deg) translateY(-30px);
    transform: rotate(-90deg) translateY(-30px);
  }
  60% {
    -moz-transform: rotate(-90deg) translateY(-15px);
    -ms-transform: rotate(-90deg) translateY(-15px);
    -webkit-transform: rotate(-90deg) translateY(-15px);
    transform: rotate(-90deg) translateY(-15px);
  }
}
.m-subscribe_banner {
  padding: 80px 0;
  background: #2b6281;
}
.m-subscribe_banner .center {
  max-width: 900px;
}
.m-subscribe_banner .subscribe-title {
  margin-bottom: 34px;
  font-size: 37px;
  color: #c6def0;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
}
.m-subscribe_banner .subscribe-desc {
  margin-bottom: 25px;
  text-align: center;
  font-size: 24px;
  color: #ffffff;
  font-weight: 300;
}
.m-subscribe_banner .subscribe-form {
  display: flex;
  max-width: 600px;
  height: 58px;
  margin: 0 auto;
  border-radius: 4px;
  font-size: 21px;
  font-weight: 300;
}
.m-subscribe_banner .subscribe-form > *:first-child {
  border-radius: inherit;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.m-subscribe_banner .subscribe-form > *:last-child {
  border-radius: inherit;
}
.m-subscribe_banner .subscribe-form input {
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 0 30px;
  background: #fff;
  color: #333333;
}
.m-subscribe_banner .subscribe-form input::-webkit-input-placeholder {
  color: #999898;
}
.m-subscribe_banner .subscribe-form input:-moz-placeholder {
  color: #999898;
  opacity: 1;
}
.m-subscribe_banner .subscribe-form input::-moz-placeholder {
  color: #999898;
  opacity: 1;
}
.m-subscribe_banner .subscribe-form input:-ms-input-placeholder {
  color: #999898;
}
.m-subscribe_banner .subscribe-form input:placeholder-shown {
  color: #999898;
}
.m-subscribe_banner .subscribe-form button {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  padding: 0 60px;
  margin: 0 auto;
  max-width: 240px;
  background: #ffa800;
  border-radius: 4px;
  flex-shrink: 0;
  text-align: center;
  color: #fff;
  transition: background .2s;
}
.m-subscribe_banner .subscribe-form button:hover,
.m-subscribe_banner .subscribe-form button:focus {
  background: #ffb628;
}
.m-subscribe_banner .subscribe-form button:active {
  background: #c8880b;
}
.m-modular_content {
  font-size: 10px;
}
.m-modular_content .cols {
  display: flex;
  justify-content: space-between;
}
.m-modular_content .col {
  display: block;
  width: 20%;
  flex-grow: 1;
}
.m-modular_content .align_left {
  text-align: left;
}
.m-modular_content .align_center {
  text-align: center;
}
.m-modular_content .align_right {
  text-align: right;
}
.m-modular_content .h1 {
  margin-top: 60px;
  margin-bottom: 30px;
  font-family: 'Montserrat', sans-serif;
  font-weight: bold;
  color: #333333;
  text-align: center;
  font-size: 3.2em;
}
.m-modular_content .h2 {
  margin-top: 50px;
  margin-bottom: 25px;
  font-family: 'Montserrat', sans-serif;
  font-weight: bold;
  color: #333333;
  font-size: 2.1em;
}
.m-modular_content .h3 {
  margin-top: 40px;
  margin-bottom: 25px;
  font-family: 'Montserrat', sans-serif;
  font-weight: bold;
  color: #777777;
  font-size: 1.6em;
  text-transform: uppercase;
}
.m-modular_content .h4 {
  margin-top: 40px;
  margin-bottom: 25px;
  font-family: 'Montserrat', sans-serif;
  font-weight: bold;
  color: #777777;
  font-size: 1.5em;
  font-style: italic;
}
.m-modular_content.privacy-statement .h2 {
  margin-top: 100px;
}
.m-modular_content .p {
  margin: 25px 0;
  font-size: 1.6em;
  color: #4b4b4b;
  line-height: 130%;
}
.m-modular_content .p a {
  color: #ffa800;
  text-decoration: underline;
  transition: color .2s;
}
.m-modular_content .p a:hover {
  color: #1ed7b2;
}
.m-modular_content .logo {
  display: block;
  margin: 20px 0;
}
.m-modular_content .logo img {
  display: inline-block;
}
.m-modular_content .ul {
  display: block;
  list-style: none;
  margin: 25px 0;
  padding-left: 65px;
}
.m-modular_content .ul .ul {
  padding-left: 35px;
  margin-top: 20px;
  margin-bottom: 20px;
}
.m-modular_content .ul li {
  display: block;
  position: relative;
  margin: 10px 0;
  font-size: 1.6em;
  color: #4b4b4b;
}
.m-modular_content .ul li:before {
  display: block;
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  left: -25px;
  top: 8px;
  border-radius: 50%;
  background: #ff9900;
}
.m-modular_content ol {
  counter-reset: list;
  margin: 0;
  padding: 0 0 0 20px;
  list-style-type: none;
}
.m-modular_content ol > li {
  list-style: none;
  margin-bottom: 10px;
  position: relative;
  font-size: 1.6em;
}
.m-modular_content ol > li:before {
  counter-increment: list;
  content: counter(list, lower-alpha) ") ";
  position: absolute;
  left: -1.3em;
  font-weight: bold;
  color: inherit;
  top: 0;
}
.m-modular_content dl.table-style-list {
  padding: 20px 0;
  margin: 0px;
}
.m-modular_content dl.table-style-list dt {
  background: #f1f1f1;
  padding: 6px 20px;
  font-weight: bold;
  font-family: 'Roboto', sans-serif;
  font-size: 1.6em;
  border: 1px solid #f1f1f1;
  border-bottom: none;
  border-radius: 3px 3px 0px 0px;
  background-clip: padding-box;
}
.m-modular_content dl.table-style-list dd {
  margin: 0px 0px 10px 0px;
  padding: 6px 20px;
  font-family: 'Roboto', sans-serif;
  font-size: 1.5em;
  line-height: 130%;
  font-weight: 300;
  border: 1px solid #f1f1f1;
  border-top: none;
  border-radius: 0px 0px 3px 3px;
  background-clip: padding-box;
}
.m-modular_content .brand-icons {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 35px 0px;
}
.m-modular_content .brand-icons .icon {
  margin: 0 20px;
  text-align: center;
}
.m-modular_content .brand-icons .icon_img {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 85px;
  margin-bottom: 10px;
}
.m-modular_content .brand-icons .icon_img img {
  display: inline-block;
  width: 100%;
  max-width: 60px;
}
.m-modular_content .brand-icons .desc {
  display: block;
  color: #000;
  font-size: 1.6em;
  color: #4B4B4B;
}
.m-modular_content .video {
  display: block;
  width: 100%;
  height: 428px;
  margin: 25px auto;
  border: 0;
}
.m-modular_content .quote {
  width: 100%;
  margin: 40px auto;
  text-align: left;
  font-size: 2.1em;
  font-weight: lighter;
  font-style: italic;
}
.m-modular_content .image {
  width: 100%;
  overflow: hidden;
}
.m-modular_content .image img {
  display: block;
  width: 100%;
}
.m-modular_content .address {
  font-size: 1.9em;
  color: #9d9d9d;
  font-weight: 300;
}
.m-modular_content > *:first-child {
  margin-top: 0;
}
.m-modular_content > *:last-child {
  margin-bottom: 0;
}
.m-modular_toc {
  display: block;
  flex-shrink: 0;
  max-width: 300px;
  width: 100%;
  box-sizing: border-box;
}
.m-modular_toc .toc-sticky {
  padding-bottom: 40px;
}
.m-modular_toc ul {
  list-style: none;
}
.m-modular_toc ul li.toc-elem-h1 {
  padding-left: 0;
}
.m-modular_toc ul li.toc-elem-h1:not(:first-child) {
  margin-top: 20px;
}
.m-modular_toc ul li.toc-elem-h2 {
  padding-left: 0;
}
.m-modular_toc ul li.toc-elem-h3 {
  padding-left: 30px;
}
.m-modular_toc ul li.toc-elem-h4 {
  padding-left: 60px;
}
.m-modular_toc ul li.toc-elem-h5 {
  padding-left: 90px;
}
.m-modular_toc ul li.toc-elem-h6 {
  padding-left: 120px;
}
.m-modular_toc ul li a {
  display: block;
  margin: 8px 0;
  font-size: 15px;
  color: #888;
  transition: color .2s;
}
.m-modular_toc ul li a:hover {
  color: #ffa800;
}
.m-modular_toc ul li.toc-active a {
  font-weight: bold;
  color: #333;
}
.m-modular_toc ul li.toc-elem-h1 a {
  color: #111;
  font-size: 102%;
  margin-bottom: 15px;
}
.m-modular_content_with_toc {
  display: flex;
  margin: 50px 0;
}
.m-modular_content_with_toc .m-modular_content {
  width: 100%;
  flex-grow: 1;
  order: 2;
}
.m-modular_content_with_toc .m-modular_toc {
  order: 1;
  margin-right: 40px;
}
.m-popup {
  display: block;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  padding-top: 7vh;
  font-size: 16px;
  color: #989897;
  font-weight: 300;
  z-index: 1000;
  visibility: hidden;
  transition: opacity .4s, visibility .4s;
}
.m-popup.small_y_padding {
  min-height: 500px;
  top: 50px;
  padding-top: 0px;
  padding-bottom: 0px;
}
.m-popup.small_y_padding .popup-window {
  box-shadow: 0px 16px 40px 0px rgba(176, 176, 176, 0.64);
}
.m-popup .popup-bg {
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 101%;
  background: rgba(0, 0, 0, 0.8);
  opacity: 0;
  transition: opacity .4s;
}
.m-popup .popup-window {
  display: block;
  position: relative;
  width: 100%;
  max-width: 700px;
  /*max-height: 85vh;*/
  overflow-y: auto;
  margin: 10px auto;
  box-sizing: border-box;
  padding: 30px 65px;
  background: #fff;
  opacity: 0;
  transform: scale(0.9) translateZ(0);
  transition: transform .4s, opacity .4s;
}
.m-popup .popup-window.centered {
  text-align: center;
}
.m-popup .popup-window.large {
  max-width: 900px;
}
.m-popup .popup-window.large_y_padding {
  min-height: 500px;
  padding-top: 140px;
  padding-bottom: 100px;
}
.m-popup .popup-close {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  padding: 8px;
  position: absolute;
  right: 30px;
  top: 28px;
  z-index: 1;
}
.m-popup .popup-close:before {
  display: block;
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
  background: rgba(0, 0, 0, 0.2);
  transform: scale(0);
  opacity: 0;
  transition: background .3s, transform .3s, opacity .3s;
}
.m-popup .popup-close.disabled {
  cursor: default;
}
.m-popup .popup-close:not(.disabled):hover:before,
.m-popup .popup-close:not(.disabled):focus:before,
.m-popup .popup-close:not(.disabled):active:before {
  opacity: .5;
  transform: scale(1);
}
.m-popup .popup-close:not(.disabled):active:before {
  opacity: 1;
}
.m-popup .popup-close:after {
  display: block;
  content: "";
}
.m-popup .popup-close:after {
  display: block;
  content: "";
  width: 16px;
  height: 16px;
  background: url('/Content/images/popup-close.png');
}
.m-popup .popup-title {
  display: block;
  margin-bottom: 30px;
  font-family: 'Montserrat', sans-serif;
  font-size: 24px;
  color: #333333;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
}
.m-popup .popup-lead {
  display: block;
  margin-bottom: 10px;
  font-size: 20px;
  color: #333333;
  text-align: center;
}
.m-popup .popup-desc {
  font-size: 16px;
  color: #333333;
  font-weight: 300;
}
.m-popup .popup-job_list {
  margin: 40px 0;
}
.m-popup .popup-actions {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}
.m-popup .popup-actions > * {
  margin: 0 10px;
}
.m-popup .popup-actions > *:first-child {
  margin-left: 0;
}
.m-popup .popup-actions > *:last-child {
  margin-right: 0;
}
.m-popup .popup-actions.large_margin_top {
  margin-top: 60px;
}
.m-popup .popup-result_message {
  padding: 30px 0;
  text-align: center;
}
.m-popup .popup-result_message:before {
  display: block;
  content: "";
  width: 89px;
  height: 89px;
  margin: 0 auto;
  margin-bottom: 40px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% auto;
}
.m-popup .popup-result_message.success:before {
  background-image: url('/Content/images/popup_success_icon.svg');
}
.m-popup .popup-result_message.error:before {
  background-image: url('/Content/images/popup_error_icon.svg');
}
.m-popup .popup-result_message .popup-title {
  margin-bottom: 20px;
}
.m-popup .popup-result_message .popup-desc {
  margin: 20px 0;
}
.m-popup .popup-result_message .popup-actions {
  margin-top: 70px;
}
.m-popup p {
  margin: 30px 0;
}
.m-popup p:first-child {
  margin-top: 0;
}
.m-popup p:last-child {
  margin-bottom: 0;
}
.m-popup .l-checkbox {
  margin: 10px 0;
}
.m-popup p a,
.m-popup .l-checkbox a {
  text-decoration: underline;
  color: #ffa800;
  transition: color .2s;
}
.m-popup p a:hover,
.m-popup .l-checkbox a:hover,
.m-popup p a:focus,
.m-popup .l-checkbox a:focus {
  color: #1ed7b2;
}
.m-popup.popup-open {
  visibility: visible;
}
.m-popup.popup-open .popup-bg {
  opacity: 1;
}
.m-popup.popup-open .popup-window {
  opacity: 1;
  transform: scale(1);
}
.m-popup.sign-popup .popup-window {
  /*max-height: 75vh;*/
  overflow-y: auto;
}
.m-popup .popup_send-job .popup-title {
  margin-bottom: 10px;
}
.m-popup .popup_send-job .l-line_figure {
  margin: 10px auto;
}
.m-popup .popup_send-job form {
  margin: 0;
}
.m-popup .popup_send-job form.disabled input[type="text"] {
  pointer-events: none;
  color: #AAA !important;
  background: #F5F5F5 !important;
}
.m-popup .popup_send-job form.disabled input[type="text"]:-webkit-autofill,
.m-popup .popup_send-job form.disabled input[type="text"]:focus,
.m-popup .popup_send-job form.disabled input[type="text"]:active {
  background-color: #f5f5f5 !important;
  background-image: none !important;
  color: #aaaaaa !important;
  -webkit-box-shadow: 0 0 0px 1000px #f7f7f7 inset;
  border: 1px solid #f7f7f7 !important;
}
.m-popup .popup_send-job .l-input_holder.inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.m-popup .popup_send-job .l-input_holder.inline.align-top {
  -webkit-box-align: inherit;
  -ms-flex-align: inherit;
  align-items: inherit;
}
.m-popup .popup_send-job .l-input_holder.inline.selected-job {
  background: #fafafa;
  border: 1px solid #f1f1f1;
  font-size: 1.1em;
  padding: 10px;
}
.m-popup .popup_send-job .l-input_holder.inline.selected-job .l-input_inline-holder {
  margin: 0;
}
.m-popup .popup_send-job .l-input_holder.inline.selected-job .l-input_inline-holder .job-company {
  display: inline-block;
  font-size: 1em;
  color: #767676;
  font-weight: normal;
  text-transform: uppercase;
}
.m-popup .popup_send-job .l-input_holder.inline.selected-job .l-input_inline-holder .job-title {
  display: inline-block;
  margin-bottom: 5px;
  font-family: 'Montserrat', sans-serif;
  font-size: 1,2em;
  color: #2b6281;
  font-weight: bold;
  vertical-align: middle;
}
.m-popup .popup_send-job .l-input_holder.inline.selected-job .l-input_inline-holder .job-description {
  display: none;
}
.m-popup .popup_send-job .l-input_holder.inline .l-input_inline-holder {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 40%;
  flex: 1 0 40%;
}
.m-popup .popup_send-job .l-input_holder.inline > *:last-child {
  -ms-flex: 1 0 60%;
  flex: 1 0 60%;
}
.m-popup .popup_send-job .text-center {
  text-align: center;
}
/*desktop hack for tablets*/
.popup-bg.popup-outer {
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 101%;
  background: rgba(0, 0, 0, 0.8);
  opacity: 0;
  transition: opacity .4s;
  z-index: 101;
}
/*BO confirm modal*/
#permitting-layer {
  position: fixed;
  bottom: 20px;
  left: 50%;
  z-index: 1000;
  width: 100%;
  max-width: 700px;
  transform: translateX(-50%);
  background: #f4f4f4;
  background: rgba(27, 61, 80, 0.9);
  box-sizing: border-box;
  padding: 30px;
  color: #343434;
  text-align: center;
  border-radius: 0px;
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.4);
  font-size: 1.1em;
}
#permitting-layer h1 {
  text-transform: uppercase;
  font-size: 1.3em;
  margin: 10px 0;
  color: #ffffff;
}
#permitting-layer h1 small {
  font-size: .8em;
  text-transform: none;
  display: block;
  font-weight: 100;
}
#permitting-layer h5 {
  font-weight: 300;
  font-size: .9em;
}
#permitting-layer button {
  display: inline-flex;
  padding: 10px 20px;
  padding-right: 50px;
  border-radius: 2px;
  margin: 0 5px;
  background-color: #1abc9c;
  position: relative;
  color: #ffffff;
}
#permitting-layer button span {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
#permitting-layer button.approve span:after {
  content: '';
  display: block;
  width: 3px;
  height: 6px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg) scale(1.8);
  position: relative;
  top: -2px;
}
#permitting-layer button.deny {
  background-color: #F44336;
}
#permitting-layer button.deny span:after,
#permitting-layer button.deny span:before {
  content: '';
  position: absolute;
  height: 4px;
  width: 20px;
  top: 50%;
  left: 50%;
  margin-left: -10px;
  margin-top: -1px;
  background: #fff;
}
#permitting-layer button.deny span:before {
  transform: rotate(45deg);
}
#permitting-layer button.deny span:after {
  transform: rotate(-45deg);
}
.m-social_login,
.jobline_login {
  display: block;
  width: 100%;
  max-width: 300px;
  margin: 25px auto;
}
.m-social_login .link,
.jobline_login .link {
  display: flex;
  margin: 10px 0;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  height: 40px;
  transition: color .2s;
  align-items: center;
  padding: 8px;
  box-sizing: border-box;
  font-weight: 700;
}
.m-social_login .link:hover,
.jobline_login .link:hover,
.m-social_login .link:focus,
.jobline_login .link:focus {
  text-decoration: underline;
}
.m-social_login .link.yellow,
.jobline_login .link.yellow {
  color: #ffa800;
  text-decoration: underline;
}
.m-social_login .link.yellow:hover,
.jobline_login .link.yellow:hover,
.m-social_login .link.yellow:focus,
.jobline_login .link.yellow:focus {
  color: #1ed7b2;
}
.m-social_login .link:before,
.jobline_login .link:before {
  display: none;
  content: "";
  width: 25px;
  height: 25px;
  margin-right: 20px;
  background: url('/Content/images/social_login_icons.png') no-repeat 0 -25px;
}
.m-social_login .link.facebook:before,
.jobline_login .link.facebook:before {
  background-position: 0 0;
}
.m-social_login .link.google_plus:before,
.jobline_login .link.google_plus:before {
  background-position: 0 -25px;
}
.m-social_login .link.linkedin:before,
.jobline_login .link.linkedin:before {
  background-position: 0 -50px;
}
.m-social_login .link span,
.jobline_login .link span,
.m-social_login .link i,
.jobline_login .link i {
  display: inline-block;
  width: 25px;
  height: 25px;
  background: url('/Content/images/social_login_icons.png') no-repeat 0 -25px;
  margin-right: 24px;
}
.m-social_login .link.facebook,
.jobline_login .link.facebook {
  background: #3a559f;
  color: #ffffff;
}
.m-social_login .link.facebook span,
.jobline_login .link.facebook span {
  background-position: 0 0;
}
.m-social_login .link.google_plus span,
.jobline_login .link.google_plus span {
  background-position: 0 -25px;
}
.m-social_login .link.linkedin,
.jobline_login .link.linkedin {
  background: #0084b1;
  color: #ffffff;
}
.m-social_login .link.linkedin span,
.jobline_login .link.linkedin span {
  background-position: 0 -50px;
}
.m-social_login .link.jobline_button,
.jobline_login .link.jobline_button {
  background: #ffa800;
  color: #ffffff;
}
.m-social_login .link.jobline_button i,
.jobline_login .link.jobline_button i {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  text-decoration: none;
  background-image: none;
}
.m-social_login .link.jobline_button:hover i,
.jobline_login .link.jobline_button:hover i {
  text-decoration: none;
}
.m-connect_with_facebook {
  display: flex;
  position: relative;
  justify-content: space-between;
  align-items: center;
  height: 104px;
  box-sizing: border-box;
  margin: 10px 0;
  padding: 0 35px;
  padding-left: 199px;
  background: #4a79b4;
}
.m-connect_with_facebook .title {
  margin-bottom: 5px;
  font-size: 15px;
  color: #ffffff;
  font-weight: bold;
  text-transform: uppercase;
}
.m-connect_with_facebook .desc {
  font-size: 14px;
  color: #9cc2ff;
  font-weight: 300;
}
.m-connect_with_facebook .l-cta_button.white {
  color: #4b68a6;
  flex-shrink: 0;
}
.m-connect_with_facebook:before {
  display: block;
  position: absolute;
  content: "";
  width: 28px;
  height: 59px;
  left: 75px;
  top: 50%;
  margin-top: -30px;
  background: url('/Content/images/facebook_icon.png') no-repeat 0 0;
}
.m-recaptcha {
  margin: 15px auto;
}
.m-recaptcha .g-recaptcha > * > * {
  margin: 0 auto;
}
.m-recaptcha .g-recaptcha {
  text-align: center;
}
.m-recaptcha .g-recaptcha div:first-of-type {
  display: inline-block;
}
.page--register {
  /*step indicatior*/
}
.page--register.page-bg--gray,
.page--register .center--gray {
  background: #f1f1f1;
}
.page--register .top-description {
  text-align: center;
  margin-bottom: 50px;
}
.page--register .top-description h1 {
  text-transform: uppercase;
  color: #2b6281;
  font-size: 30px;
}
.page--register .top-description .icon-jobline-separator {
  color: #2b6281;
  font-size: 18px;
  margin-bottom: 20px;
}
.page--register .top-description p {
  font-size: 18px;
  color: #666;
  margin-bottom: 25px;
  padding: 0 190px;
  font-weight: 300;
}
.page--register .whitebox {
  background: #fff;
  box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.1);
  margin-bottom: 50px;
  box-sizing: border-box;
  font-size: 16px;
  color: #666;
  padding: 30px;
  position: relative;
  /*&.inactive{
            box-shadow: 1px 2px 3px rgba(0,0,0,.00);
            &:after{
                content:'';
                position:absolute;
                top:0;
                left:0;
                width:100%;
                height:100%;
                background:rgba(255,255,255,0.8);
            }
        }*/
  /*.toggle-password {
            margin: 0;
            width: 18px;
            height: 18px;
            border: solid 1px #787878;
            border-radius:  75% 15%;
            position: absolute;
            top: 35px;
            right: 15px;
            transform: rotate(45deg);
            text-indent: -9999px;
            &:before {
                content: '';
                display: block;
                position: absolute;
                width: 8px;
                height: 8px;
                border: solid 1px #787878;
                border-radius: 50%;
                left: 50%;
                top: 50%;
                margin-top: -5px;
                margin-left: -5px;
            } 
            &:after{
                content: '';
                display: block;
                position: absolute;
                border-top: solid 1px #787878;
                left: 50%;
                top: 50%;
                width: 0%;
                height: 0px;
                opacity: 0;
                transform: translateX(-50%) translateY(-50%) rotate(-25deg);
                transition: all .2s ease-in-out;
            }
            &:not(.show){
                &:after{
                    opacity: 1;
                    width: 180%;
                    height: 1px;
                }
            } 
        }*/
}
.page--register .whitebox.flex {
  display: flex;
}
.page--register .whitebox .step-number {
  position: absolute;
  top: -15px;
  left: 50%;
  transform: translateX(-50%);
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  background: #ffa800;
  border-radius: 50%;
  z-index: 2;
  display: none;
}
.page--register .whitebox h3 {
  font-family: 'Montserrat', sans-serif;
  font-size: 21px;
  margin-bottom: 10px;
  font-weight: 600;
}
.page--register .whitebox .description {
  font-weight: 300;
  font-style: italic;
  margin-bottom: 20px;
}
.page--register .whitebox .half-box {
  flex: 0 0 45%;
}
.page--register .whitebox .l-input_holder {
  margin: 5px 0 15px 0;
  width: 100%;
  display: block;
  position: relative;
}
.page--register .whitebox .l-input_holder:after,
.page--register .whitebox .l-input_holder:before {
  content: '';
  clear: both;
  display: table;
}
.page--register .whitebox .l-input_holder.half {
  width: 48%;
  margin-right: 2%;
  float: left;
}
.page--register .whitebox .l-input_holder.half label {
  width: 100%;
  font-weight: bold;
}
.page--register .whitebox .l-input_holder .l-select {
  display: inline-block;
}
.page--register .whitebox .l-input_holder .select {
  position: relative;
  width: 100%;
}
.page--register .whitebox .l-input_holder .select select {
  display: block;
  height: 42px;
  width: 100%;
  padding: 8px 18px;
  box-sizing: border-box;
  border: 1px solid #cbcbcb;
  border-radius: 4px;
  font-size: 16px;
  color: #333;
  font-weight: 300;
  transition: border 0.2s, box-shadow 0.2s;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 35px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
}
.page--register .whitebox .l-input_holder .select:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  top: 50%;
  right: 12px;
  margin-top: -3px;
  pointer-events: none;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #cacaca;
}
.page--register .whitebox .toggle-password-button {
  top: 20px;
}
.page--register .whitebox .m-social_login,
.page--register .whitebox .jobline_login {
  display: block;
  width: 100%;
  margin: 0;
  margin-top: 25px;
  max-width: 330px;
}
.page--register .whitebox .m-social_login .link,
.page--register .whitebox .jobline_login .link {
  /*font-size:1em;
                width:100%;
                color: #fff;
                margin:0;
                padding: 15px;
                margin: 0;
                margin-bottom:10px;
                display: inline-block;
                text-align:center;
                text-transform: uppercase;
                text-decoration: none;
                cursor: pointer;
                border: none;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                border-radius: 3px;
                background: #898989;
                position:relative;
                &:before{
                    position:absolute;
                    left:10px;
                    top:50%;
                    transform: translateY(-50%);
                    color:#fff;
                    background: url(/Content/images/social_login_icons.png) no-repeat 0 -25px;
                    height:24px;
                }*/
  /*&.facebook{
                    background: #3b5999;
                    &:before{
                        background-position: 0 0;
                    }
                }
                &.google_plus{
                    background: #dd4b39;
                    &:before{
                        background-position: 0 -25px;
                    }
                }
                &.linkedin{
                    background: #0084b1;
                    &:before{
                        background-position: 0 -50px;
                    }
                }*/
  /*&.jobline_button{
                    background: @color-yellow;
                    i{
                        position: absolute;
                        left: 10px;
                        font-size: 1.1em;
                    }
                }*/
}
.page--register .whitebox .jobletterSignUp {
  margin: 20px 0;
  font-size: 1.2em;
}
.page--register .whitebox .jobletterSignUp::after {
  content: "";
  clear: both;
  display: table;
}
.page--register .whitebox .subscribe-datas {
  margin: 10px 0;
}
.page--register .whitebox .separator-text {
  position: relative;
  width: 0;
  width: 100px;
  flex: 0 0 100px;
}
.page--register .whitebox .separator-text:after {
  background: #e0e0e0;
  width: 1px;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 50%;
  min-height: 70px;
}
.page--register .whitebox .separator-text span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-60%);
  text-align: center;
  font-family: 'Montserrat', sans-serif;
  background: #ffffff;
  display: block;
  padding: 10px;
  z-index: 1;
}
.page--register .whitebox .form-divider {
  display: block;
  width: 100%;
  border-top: 1px dashed #d8d8d8;
  overflow: auto;
}
.page--register .whitebox .form-divider::after {
  content: "";
  clear: both;
  display: table;
}
.page--register .reg-button-wrapper {
  text-align: center;
  margin: 40px 0;
}
.page--register .reg-button-wrapper .l-cta_button {
  font-size: 1.2em;
}
.page--register .cf {
  clear: both;
}
.page--register .l-checkbox {
  display: flex;
  align-items: center;
}
.page--register .l-checkbox a {
  text-decoration: underline;
  color: #ffa800;
  transition: color .2s;
}
.page--register .step {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  list-style: none;
  margin: .5rem 0;
  padding: 0;
  width: 100%;
  position: relative;
  z-index: 30;
  margin-top: -30px;
  margin-bottom: 20px;
}
.page--register .step .step-item {
  -webkit-flex: 1 1 0;
  -ms-flex: 1 1 0;
  flex: 1 1 0;
  margin-top: 0;
  margin-bottom: 0;
  min-height: 2rem;
  position: relative;
  text-align: center;
}
.page--register .step .step-item::before {
  content: '';
}
.page--register .step .step-item:not(:first-child)::before {
  background: #acb3c2;
  content: "";
  height: 2px;
  left: -80%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 160%;
  background: rgba(172, 179, 194, 0);
  background: -moz-linear-gradient(left, rgba(172, 179, 194, 0) 0%, #acb3c2 10%, #acb3c2 90%, rgba(172, 179, 194, 0) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(172, 179, 194, 0)), color-stop(10%, #acb3c2), color-stop(90%, #acb3c2), color-stop(100%, rgba(172, 179, 194, 0)));
  background: -webkit-linear-gradient(left, rgba(172, 179, 194, 0) 0%, #acb3c2 10%, #acb3c2 90%, rgba(172, 179, 194, 0) 100%);
  background: -o-linear-gradient(left, rgba(172, 179, 194, 0) 0%, #acb3c2 10%, #acb3c2 90%, rgba(172, 179, 194, 0) 100%);
  background: -ms-linear-gradient(left, rgba(172, 179, 194, 0) 0%, #acb3c2 10%, #acb3c2 90%, rgba(172, 179, 194, 0) 100%);
  background: linear-gradient(to right, rgba(172, 179, 194, 0) 0%, #acb3c2 10%, #acb3c2 90%, rgba(172, 179, 194, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#acb3c2', endColorstr='#acb3c2', GradientType=1);
}
.page--register .step .step-item span {
  transition: all 0.4s ease-in-out;
  color: #acb3c2;
  display: inline-block;
  padding: 2rem 1rem 0;
  text-decoration: none;
  margin-top: 25px;
  font-size: .8em;
  text-transform: uppercase;
}
.page--register .step .step-item span::before {
  transition: all 0.4s ease-in-out;
  background: #acb3c2;
  border: .2rem solid #fff;
  border-radius: 50%;
  content: "";
  display: block;
  height: 1.2rem;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 1.2rem;
  z-index: 1;
}
.page--register .step .step-item.active span {
  color: #454545;
  font-weight: 700;
  font-size: 1.1em;
}
.page--register .step .step-item.active span::before {
  background: #fff;
  border: .2rem solid #ff9900;
  width: 1.6rem;
  height: 1.6rem;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}
.page--register .step .step-item.active span::before ~ .step-item::before {
  background: #f0f1f4;
}
.page--register .step .step-item.active span::before ~ .step-item::before span::before {
  background: #e7e9ed;
}
.page--register .step.step-campaign .step-item span {
  margin-top: 55px;
}
.page--register .campaign-top-block {
  background: #ffffff;
  padding: 25px;
  margin-top: -50px;
  margin-left: -45px;
  width: calc(100% + 40px);
  margin-bottom: 25px;
  box-shadow: 0 8px 16px -10px rgba(0, 0, 0, 0.5);
}
.page--register .campaign-top-block p {
  font-size: 18px;
  margin: 0 0 18px 0;
  line-height: 135%;
}
/*form animation style*/
.page--register_steps-holder {
  position: relative;
  background: #f4f4f4;
  /*campaign items style*/
}
.page--register_steps-holder .whitebox {
  background: #ffffff;
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
  border-radius: 2px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  margin-bottom: 20px;
  position: relative;
  z-index: 2;
  /*overflow: hidden;*/
  pointer-events: all;
}
.page--register_steps-holder .whitebox.inactive {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  box-shadow: 0 0px 1px rgba(0, 0, 0, 0.12);
  opacity: 0;
  pointer-events: none;
}
.page--register_steps-holder .whitebox.show-me-please {
  -webkit-animation: show-me-please 0.8s cubic-bezier(0.62, 0.28, 0.23, 0.99) 0s 1 normal both;
  animation: show-me-please 0.8s cubic-bezier(0.62, 0.28, 0.23, 0.99) 0s 1 normal both;
}
.page--register_steps-holder .whitebox.hide-me {
  -webkit-animation: hide-me 1s cubic-bezier(0.62, 0.28, 0.23, 0.99) 0s 1 normal both;
  animation: hide-me 1s cubic-bezier(0.62, 0.28, 0.23, 0.99) 0s 1 normal both;
}
.page--register_steps-holder .whitebox.take-me-back {
  -webkit-animation: take-me-back 1s cubic-bezier(0.62, 0.28, 0.23, 0.99) 0s 1 normal both;
  animation: take-me-back 1s cubic-bezier(0.62, 0.28, 0.23, 0.99) 0s 1 normal both;
}
.page--register_steps-holder .whitebox .jobline_login-block {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ffffff;
  padding: 30px;
  box-sizing: border-box;
  z-index: 10;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
  pointer-events: none;
  transition: all 0.4s ease-in-out;
  opacity: 0;
}
.page--register_steps-holder .whitebox .jobline_login-block.show {
  display: inline-flex;
  opacity: 1;
  pointer-events: auto;
}
.page--register_steps-holder .whitebox .jobline_login-block .reg-form {
  min-width: 330px;
}
.page--register_steps-holder .whitebox .jobline_login-block .reg-form .forgotten_password_link {
  margin-bottom: 10px;
  display: inline-block;
  font-size: .9em;
}
.page--register_steps-holder.campaign-holder .whitebox .whitebox {
  padding: 0;
  box-shadow: none;
}
.page--register_steps-holder.campaign-holder .flex {
  display: flex;
}
.page--register_steps-holder.campaign-holder .inactive {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  box-shadow: 0 0px 1px rgba(0, 0, 0, 0.12);
  opacity: 0;
}
.page--register_steps-holder.campaign-holder .active {
  overflow: hidden;
  position: relative;
  z-index: 2;
}
.page--register_steps-holder .steps-navigation,
.page--register_steps-holder .steps-last {
  display: block;
  width: 100%;
  text-align: center;
}
.page--register_steps-holder .steps-navigation button,
.page--register_steps-holder .steps-last button {
  position: relative;
  padding-left: 50px;
}
.page--register_steps-holder .steps-navigation button .direction-icon,
.page--register_steps-holder .steps-last button .direction-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 3em;
  left: 0px;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  width: 50px;
  text-align: center;
  height: calc(100%);
}
.page--register_steps-holder .steps-navigation .button-extra,
.page--register_steps-holder .steps-last .button-extra {
  text-align: left;
  margin-top: 30px;
}
.page--register_steps-holder .steps-navigation .steps-navigation_pager,
.page--register_steps-holder .steps-last .steps-navigation_pager {
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px solid #f4f4f4;
}
.page--register_steps-holder .steps-navigation .steps-navigation_pager button:first-of-type,
.page--register_steps-holder .steps-last .steps-navigation_pager button:first-of-type {
  float: left;
  background: #bbbbbb;
  background: none;
  border: 1px solid #bbbbbb;
  color: #7d7d7d;
}
.page--register_steps-holder .steps-navigation .steps-navigation_pager button:last-of-type,
.page--register_steps-holder .steps-last .steps-navigation_pager button:last-of-type,
.page--register_steps-holder .steps-navigation .steps-navigation_pager button.button-finish,
.page--register_steps-holder .steps-last .steps-navigation_pager button.button-finish {
  float: right;
  padding-left: 20px;
  padding-right: 50px;
}
.page--register_steps-holder .steps-navigation .steps-navigation_pager button:last-of-type .direction-icon,
.page--register_steps-holder .steps-last .steps-navigation_pager button:last-of-type .direction-icon,
.page--register_steps-holder .steps-navigation .steps-navigation_pager button.button-finish .direction-icon,
.page--register_steps-holder .steps-last .steps-navigation_pager button.button-finish .direction-icon {
  left: auto;
  right: 0;
  border-right: 0px solid rgba(0, 0, 0, 0.1);
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.page--register_steps-holder .steps-navigation .steps-navigation_pager button.button-finish,
.page--register_steps-holder .steps-last .steps-navigation_pager button.button-finish {
  padding-left: 20px;
  padding-right: 10px;
}
.page--register_steps-holder .l-trash {
  display: inline-flex;
}
.page--register_steps-holder h3.l-title-2 {
  padding-top: 20px;
  border-top: 1px dashed #e8e8e8;
}
.page--register_steps-holder h3.l-title-2:first-of-type {
  padding-top: 0;
  border-top: 0px solid #ffffff;
}
.page--register_steps-holder h2.l-title-2 {
  font-size: 2em;
  text-transform: uppercase;
  font-weight: 300;
  color: #787878;
  border-bottom: 1px solid #ececec;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.page--register_steps-holder .item-divider {
  border-top: 1px dashed #d8d8d8;
  padding-top: 20px;
}
.page--register_steps-holder .item-divider:first-of-type {
  border-top: 0px solid transparent;
  padding-top: 0;
}
.page--register_steps-holder .item-show_details {
  display: inline-block;
  padding: 5px 10px;
  background: #f4f4f4;
  border-radius: 2px;
}
.page--register_steps-holder .steps-palyakezdo {
  font-size: 1.1em;
  margin-bottom: 15px;
}
.page--register_steps-holder .steps-palyakezdo .text {
  padding-right: 20px;
}
.page--register_steps-holder .l-input_row {
  font-size: 18px;
  padding: 0 10px;
  transition: all 0.4s ease-in-out;
  background: #ffffff;
}
.page--register_steps-holder .l-input_row .l-input_row {
  padding: 0;
}
.page--register_steps-holder .l-input_row:hover,
.page--register_steps-holder .l-input_row:hover .l-input_row {
  background: #f4f4f4;
}
.page--register_steps-holder .l-input_row .l-label {
  width: 33%;
  max-width: 300px;
}
.page--register_steps-holder .l-input_row input,
.page--register_steps-holder .l-input_row select {
  background: #ffffff;
}
.page--register_steps-holder .l-input_row .l-input,
.page--register_steps-holder .l-input_row .l-select select {
  display: inline-block;
}
.page--register_steps-holder .l-input_row ::-webkit-input-placeholder {
  /* Chrome */
  color: #cdcdcd;
}
.page--register_steps-holder .l-input_row :-ms-input-placeholder {
  /* IE 10+ */
  color: #cdcdcd;
}
.page--register_steps-holder .l-input_row ::-moz-placeholder {
  /* Firefox 19+ */
  color: #cdcdcd;
  opacity: 1;
}
.page--register_steps-holder .l-input_row :-moz-placeholder {
  /* Firefox 4 - 18 */
  color: #cdcdcd;
  opacity: 1;
}
.page--register_steps-holder .validation-message {
  color: #ffffff;
  margin-top: 7px;
  opacity: 1;
  font-weight: 300;
  font-size: 16px;
  background: #e25f5f;
  display: inline-flex;
  border-radius: 0 4px 4px 0;
  margin-left: -8px;
  height: 42px;
  align-items: center;
  justify-content: center;
  padding: 0 15px;
  position: relative;
  z-index: 1;
}
.page--register_steps-holder .validation-message.validation-no_holder {
  margin-top: 0;
}
.page--register_steps-holder .validation-message.validation-inline {
  border-radius: 4px;
  margin-left: 10px;
}
.page--register_steps-holder .validation-message:empty {
  height: 0;
}
.page--register_steps-holder .half-box .validation-message {
  border-radius: 4px;
}
.page--register_steps-holder .subscribe-datas {
  text-align: left;
}
.page--register_steps-holder .m-recaptcha {
  text-align: left;
}
.page--register_steps-holder .m-recaptcha .g-recaptcha {
  text-align: left;
}
@-webkit-keyframes show-me-please {
  0% {
    z-index: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 0;
  }
  51% {
    z-index: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 1;
  }
  53% {
    z-index: 2;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes show-me-please {
  0% {
    z-index: 0;
    transform: translateY(0);
    opacity: 0;
  }
  51% {
    z-index: 0;
    transform: translateX(-100%);
    opacity: 1;
  }
  53% {
    z-index: 2;
  }
  100% {
    transform: translateY(0);
  }
}
@-webkit-keyframes hide-me {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0.8);
    opacity: 0;
  }
}
@keyframes hide-me {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0.8);
    opacity: 0;
  }
}
@-webkit-keyframes take-me-back {
  0% {
    z-index: 2;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  51% {
    z-index: 2;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  53% {
    z-index: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 0;
  }
}
@keyframes take-me-back {
  0% {
    z-index: 2;
    transform: translateY(0);
    opacity: 1;
  }
  51% {
    z-index: 2;
    transform: translateX(-100%);
  }
  53% {
    z-index: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 0;
  }
}
/*AP kamp�ny banner*/
.campaign-ap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 1250px;
  width: 100%;
}
@-moz-document url-prefix() {
  input[type="number"] {
    padding: 0 0 0 17px;
  }
}
.m-user_menu {
  width: 100%;
  height: 50px;
  background: #ff9900;
  margin-top: 80px;
  margin-top: var(--navigation-height);
}
.m-user_menu .user-menu {
  height: 50px;
  display: flex;
  align-items: center;
}
.m-user_menu .user-menu .menu {
  display: flex;
  align-items: center;
  height: 50px;
  padding: 0px 30px;
  color: white;
  font-weight: 300;
  font-size: 14px;
  text-transform: uppercase;
  transition: background .2s;
}
.m-user_menu .user-menu .menu:hover,
.m-user_menu .user-menu .menu:focus {
  background: #feae37;
}
.m-user_menu .user-menu .menu:active,
.m-user_menu .user-menu .menu.selected {
  background: #e47100;
}
.m-user_menu .user-menu .menu:last-of-type {
  margin-left: auto;
}
.m-user_menu .user-menu .menu.user-logout {
  position: relative;
}
.m-user_menu .user-menu .menu.user-logout:before {
  content: '\e5cd';
  display: inline-block;
  font-family: 'jobline-fonticon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: 5px;
  border-radius: 50%;
  padding: 3px;
  background: rgba(0, 0, 0, 0.1);
  top: 50%;
  transform: translateY(-50%);
}
.m-allasposta_boxes {
  margin: 40px 0;
}
.m-allasposta_box .allasposta-header {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  padding-right: 190px;
}
.m-allasposta_box .allasposta-header > * {
  width: auto;
  margin: 0;
}
.m-allasposta_box .allasposta-edit {
  position: absolute;
  top: 17px;
  right: 80px;
}
.m-allasposta_box .l-label_buttons.show_all .l-label_button.more {
  display: none;
}
.m-allasposta_box .l-label_buttons:not(.show_all) .l-label_button:not(.more):not(:nth-of-type(1)):not(:nth-of-type(2)):not(:nth-of-type(3)) {
  display: none;
}
.m-job_item.m-allasposta_box {
  display: flex;
  align-items: center;
  padding: 15px 0;
}
.m-job_item.m-allasposta_box .l-form {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0 20px 0 20px;
  width: 100%;
  position: relative;
}
.m-job_item.m-allasposta_box .l-form .actions {
  margin-top: 0;
}
.m-job_item.m-allasposta_box .l-form .m-allasposta_box-item {
  padding: 0 8px 0 0px;
}
.m-job_item.m-allasposta_box .l-form .m-allasposta_box-item.formTitle {
  font-size: 16px;
  text-transform: uppercase;
  padding-right: 10px;
  font-weight: bold;
  color: #666666;
}
.m-job_item.m-allasposta_box .l-form .m-allasposta_box-item.l-input_holder {
  margin: 0;
}
.m-job_item.m-allasposta_box .l-form .m-allasposta_box-item.l-input_holder input {
  background: #f1f1f1;
  border: none;
  height: 46px;
}
.m-job_item.m-allasposta_box .l-form .jobLetterSignupHelp {
  position: absolute;
  top: -25px;
  right: -15px;
}
.m-job_item.m-allasposta_box .l-form .jobLetterSignupHelp div[data-content] {
  display: inline-block;
  width: 30px;
  height: 30px;
  text-align: center;
  border-radius: 30px;
  background: #2b6281;
  color: #ffffff;
  font-weight: bold;
  font-size: 1.7em;
  line-height: 30px;
}
.m-job_item.m-allasposta_box .l-form .jobLetterSignupHelp div[data-content]:before {
  content: attr(data-content);
  display: flex;
  position: absolute;
  align-items: center;
  box-sizing: border-box;
  width: auto;
  width: 350px;
  padding: 20px 15px;
  left: 50%;
  transform: translateX(-50%);
  top: 160%;
  border-radius: 4px;
  background: #fff;
  color: #787878;
  font-size: .8em;
  line-height: 1.25em;
  font-weight: normal;
  box-shadow: 0px 16px 40px 0px rgba(176, 176, 176, 0.44);
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  cursor: default;
  transition: all 0.2s ease-in-out;
}
.m-job_item.m-allasposta_box .l-form .jobLetterSignupHelp div[data-content]:after {
  content: "";
  position: absolute;
  top: 160%;
  margin-top: -20px;
  left: 50%;
  margin-left: -6px;
  box-sizing: border-box;
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 12px solid #fff;
  border-top: 12px solid transparent;
  transition: all 0.2s ease-in-out;
  opacity: 0;
  visibility: hidden;
  z-index: 2;
}
.m-job_item.m-allasposta_box .l-form .jobLetterSignupHelp div[data-content]:hover:before {
  top: 110%;
  opacity: 1;
  visibility: visible;
}
.m-job_item.m-allasposta_box .l-form .jobLetterSignupHelp div[data-content]:hover:after {
  top: 110%;
  opacity: 1;
  visibility: visible;
}
.m-job_item.m-allasposta_box div[data-content] {
  position: relative;
}
.m-cookie_banner {
  position: fixed;
  display: block;
  width: 100%;
  left: 0;
  bottom: 0;
  background: #2b6281;
  box-shadow: 0 -10px 20px rgba(0, 0, 0, 0.2);
  z-index: 10;
}
.m-cookie_banner .center {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 15px;
  padding-bottom: 15px;
}
.m-cookie_banner .cookie-content {
  font-size: 15px;
  color: #ffffff;
  font-weight: 300;
}
.m-cookie_banner .cookie-content a {
  text-decoration: underline;
  transition: color .2s;
}
.m-cookie_banner .cookie-content a:hover,
.m-cookie_banner .cookie-content a:focus {
  color: #ffa800;
}
.m-cookie_banner .cookie-button {
  margin-left: 50px;
}
.m-user_settings_boxes {
  margin: 40px 0;
  margin-top: 20px;
}
.m-user_settings_boxes .box-actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 20px;
}
.m-user_settings_boxes .l-checkbox {
  margin: 20px 0;
}
.m-user_settings_boxes p.p-padding {
  padding: 10px 0;
  font-weight: 300;
}
.m-user_settings_boxes label {
  display: inline-block;
  margin-bottom: 5px;
}
.m-company_rating .company_rating-switch {
  display: flex;
  justify-content: center;
  margin: 30px 0;
}
.m-company_rating .company_rating-switch > * {
  margin: 0 10px;
}
.m-company_rating .company_rating-switch > *:first-child {
  margin-left: 0;
}
.m-company_rating .company_rating-switch > *:last-child {
  margin-right: 0;
}
.m-company_rating .l-form {
  position: relative;
}
.m-company_rating .l-form .l-checkbox .text,
.m-company_rating .l-form .l-radio .text {
  color: #989897;
  font-weight: 300;
}
.m-company_rating .l-form .l-input_holder .l-checkbox {
  margin-top: 10px;
}
.m-company_rating .company_rating-step_graphic {
  display: block;
  position: absolute;
  width: 148px;
  height: 148px;
  right: 0;
  top: 50px;
}
.m-company_rating .company_rating-step_graphic .icon {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
}
.m-company_rating .company_rating-step_graphic .icon:before,
.m-company_rating .company_rating-step_graphic .icon:after {
  display: block;
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: url('/Content/images/rating_icons.png') no-repeat 0 0;
  transition: opacity .5s;
}
.m-company_rating .company_rating-step_graphic .icon:after {
  opacity: 0;
}
.m-company_rating .company_rating-step_graphic.step_1 .icon:after {
  background-position: -148px 0;
}
.m-company_rating .company_rating-step_graphic.step_2 .icon:after {
  background-position: -296px 0;
}
.m-company_rating .company_rating-step_graphic.step_3 .icon:after {
  background-position: -444px 0;
}
.m-company_rating .company_rating-step_graphic .text {
  position: absolute;
  display: block;
  left: 0;
  top: 100%;
  width: 100%;
  width: calc(100% + 50px);
  margin-left: -25px;
  margin-top: 15px;
  font-size: 18px;
  color: #333;
  text-align: center;
  font-weight: bold;
  visibility: hidden;
  opacity: 0;
  transition: visibility .5s, opacity .5s;
}
.m-company_rating .company_rating-step_graphic .text .text-in_progress {
  color: #aaa;
}
.m-company_rating .company_rating-step_graphic .text .text-ready {
  display: none;
}
.m-company_rating .company_rating-step_graphic.step_1 .text {
  color: #ffc436;
}
.m-company_rating .company_rating-step_graphic.step_2 .text {
  color: #fe422d;
}
.m-company_rating .company_rating-step_graphic.step_3 .text {
  color: #331c55;
}
.m-company_rating .company_rating-step_graphic.in_progress .text,
.m-company_rating .company_rating-step_graphic.done .text {
  visibility: visible;
  opacity: 1;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.m-company_rating .company_rating-step_graphic.done .icon:before {
  opacity: 0;
}
.m-company_rating .company_rating-step_graphic.done .icon:after {
  opacity: 1;
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.m-company_rating .company_rating-step_graphic.done .text-in_progress {
  display: none;
}
.m-company_rating .company_rating-step_graphic.done .text-ready {
  display: block;
}
.m-company_rating .l-input_actions {
  margin-top: 50px;
}
.m-company_rating .company_rating-start_icon {
  margin: 0 auto;
  margin-bottom: 25px;
}
.m-list_of_applications .applications-filter {
  display: flex;
  align-items: center;
}
.m-list_of_applications .applications-filter > * {
  margin: 0 20px;
}
.m-list_of_applications .applications-filter > *:first-child {
  margin-left: 0;
}
.m-list_of_applications .applications-filter > *:last-child {
  margin-right: 0;
}
.m-list_of_applications .applications-filter .l-cta_button {
  height: 42px;
}
.m-list_of_applications .applications-label {
  margin-right: 10px;
  font-size: 15px;
  color: #505050;
  font-weight: 300;
}
.m-list_of_applications .applications-search {
  width: 500px;
}
.m-list_of_applications .applications-position {
  width: 400px;
}
.m-list_of_applications .l-table th:last-child .l-small_files,
.m-list_of_applications .l-table td:last-child .l-small_files {
  justify-content: flex-end;
}
.m-list_of_applications .l-table a.link {
  text-decoration: underline;
  transition: color .2s;
}
.m-list_of_applications .l-table a.link:hover,
.m-list_of_applications .l-table a.link:focus {
  color: #ffa800;
}
.m-candidate_item {
  display: flex;
  position: relative;
  border-bottom: 1px solid #dedede;
  font-size: 10px;
}
.m-candidate_item:first-child {
  border-top: 1px solid #dedede;
}
.m-candidate_item.borderless {
  border: 0;
}
.m-candidate_item .cand-content {
  flex-grow: 1;
}
.m-candidate_item .cand-more_content {
  width: 440px;
  margin-left: 40px;
  flex-shrink: 0;
}
.m-candidate_item .cand-img-holder {
  display: block;
  width: 80px;
  height: 80px;
  flex-shrink: 0;
  margin-right: 20px;
}
.m-candidate_item .cand-img {
  display: block;
  width: 80px;
  height: 80px;
  box-sizing: border-box;
  margin-bottom: 10px;
  border: 1px solid #d7d7d7;
  overflow: hidden;
}
.m-candidate_item .cand-img img {
  display: block;
  width: 100%;
}
.m-candidate_item .cand-match_rate {
  text-align: center;
  color: #999;
  font-size: 13px;
}
.m-candidate_item .cand-match_rate b {
  font-size: 14px;
  font-weight: bold;
  color: #333;
}
.m-candidate_item .cand-title {
  display: flex;
  align-items: center;
  position: relative;
  margin-bottom: 2px;
  font-family: 'Montserrat', sans-serif;
  font-size: 2.2em;
  color: #333333;
  font-weight: bold;
}
.m-candidate_item .cand-title a:hover,
.m-candidate_item .cand-title a:focus {
  text-decoration: underline;
}
.m-candidate_item .cand-title > *:not(:last-child):first-child {
  margin-right: 10px;
}
.m-candidate_item .cand-seen {
  display: inline-block;
  width: 20px;
  height: 12px;
  flex-shrink: 0;
  margin-left: 6px;
  background: url('/Content/images/eye.svg') no-repeat 0 0;
}
.m-candidate_item .cand-motivated {
  display: inline-block;
  width: 22px;
  height: 22px;
  flex-shrink: 0;
  margin-left: 6px;
  background: url('/Content/images/perfect.svg') no-repeat 0 0;
}
.m-candidate_item .cand-desc {
  margin: 5px 0;
  font-size: 1.4em;
  color: #6c6c6c;
}
.m-candidate_item .cand-table {
  margin: 5px 0;
  font-size: 1.4em;
  color: #333;
}
.m-candidate_item .cand-table th,
.m-candidate_item .cand-table td {
  padding: 2px 4px;
}
.m-candidate_item .cand-table th:first-child,
.m-candidate_item .cand-table td:first-child {
  padding-left: 0;
}
.m-candidate_item .cand-table th:last-child,
.m-candidate_item .cand-table td:last-child {
  padding-right: 0;
}
.m-candidate_item .cand-table td {
  font-weight: bold;
}
.m-candidate_item .cand-updated {
  margin-bottom: 12px;
  font-size: 1.3em;
  color: #999;
  font-style: italic;
}
.m-candidate_item .cand-updated b {
  font-weight: normal;
  color: #333;
  font-style: normal;
}
.m-candidate_item .cand-prop {
  margin: 10px 0;
  font-size: 1.4em;
  color: #333;
}
.m-candidate_item .cand-prop:first-child {
  margin-top: 0;
}
.m-candidate_item .cand-prop:last-child {
  margin-bottom: 0;
}
.m-candidate_item .cand-prop .name {
  font-weight: bold;
}
.m-candidate_item .l-title-2 {
  font-size: 14px;
}
.m-candidate_item .l-trash {
  position: absolute;
  right: 0;
  top: 5px;
  z-index: 1;
}
.m-candidate_item .cand-files {
  display: block;
  flex-shrink: 0;
  width: 200px;
  margin-left: 30px;
  margin: 0;
}
.m-candidate_item .cand-files .l-file {
  width: auto;
  margin: 8px 0;
}
.m-candidate_item .cand-files .l-file:first-child {
  margin-top: 0;
}
.m-candidate_item .cand-files .l-file:last-child {
  margin-bottom: 0;
}
.m-candidate_item .cand-files .l-file .file-button {
  padding: 2px 0;
}
.m-candidate_item .l-files {
  font-size: 14px;
}
.m-candidate_item .cand-menu {
  display: inline-block;
  position: relative;
  vertical-align: top;
}
.m-candidate_item .cand-menu .menu-button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  padding: 5px;
  position: relative;
  flex-shrink: 0;
}
.m-candidate_item .cand-menu .menu-button:before {
  display: block;
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
  background: rgba(0, 0, 0, 0.2);
  transform: scale(0);
  opacity: 0;
  transition: background .3s, transform .3s, opacity .3s;
}
.m-candidate_item .cand-menu .menu-button.disabled {
  cursor: default;
}
.m-candidate_item .cand-menu .menu-button:not(.disabled):hover:before,
.m-candidate_item .cand-menu .menu-button:not(.disabled):focus:before,
.m-candidate_item .cand-menu .menu-button:not(.disabled):active:before {
  opacity: .5;
  transform: scale(1);
}
.m-candidate_item .cand-menu .menu-button:not(.disabled):active:before {
  opacity: 1;
}
.m-candidate_item .cand-menu .menu-button:after {
  display: block;
  content: "";
}
.m-candidate_item .cand-menu .menu-button:after {
  transition: opacity .2s, transform .2s, background .2s;
}
.m-candidate_item .cand-menu.folder .menu-button:after {
  width: 18px;
  height: 13px;
  background: url('/Content/images/folder.svg') no-repeat 0 0;
  background-size: 100% auto;
}
.m-candidate_item .cand-menu.folder.saved .menu-button:after {
  background-position: 0 100%;
}
.m-candidate_item .cand-menu.actions .menu-button:after {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid #777;
}
.m-candidate_item .cand-menu.comment .menu-button:after {
  width: 20px;
  height: 20px;
  margin-top: 2px;
  background: url('/Content/images/comment.svg') no-repeat 0 0;
}
.m-candidate_item .cand-menu.apply .menu-button:after {
  width: 20px;
  height: 20px;
  margin-top: 2px;
  background: url('/Content/images/apply.svg') no-repeat 0 0;
}
.m-candidate_item .cand-menu.open.actions .menu-button:after {
  transform: rotate(180deg);
}
.m-candidate_item .cand-menu .menu-dd {
  display: block;
  position: absolute;
  visibility: hidden;
  top: 30px;
  left: 5px;
  width: 200px;
  max-height: 250px;
  background: #ffffff;
  opacity: 0;
  overflow-x: hidden;
  overflow-y: auto;
  box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.3);
  transform: translateY(-10px);
  transition: visibility .4s, opacity .4s, transform .4s;
  z-index: 2;
}
.m-candidate_item .cand-menu.open .menu-dd {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.m-candidate_item .cand-menu .menu-item {
  display: block;
  padding: 10px 20px;
  transition: background .2s;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  color: #333;
  font-weight: normal;
}
.m-candidate_item .cand-menu .menu-item.selected {
  font-weight: bold;
}
.m-candidate_item .cand-menu .menu-item.l-checkbox input[type="checkbox"] + span {
  margin-top: 1px;
  margin-right: 8px;
}
.m-candidate_item .cand-menu a.menu-item:hover,
.m-candidate_item .cand-menu label.menu-item:hover {
  transition: background .1s;
  text-decoration: none;
  background: #eaf0f4;
}
.m-candidate_item .cand-menu .l-title,
.m-candidate_item .cand-menu .l-title-2 {
  text-align: center;
  padding: 14px 20px 8px 20px;
  margin: 0;
}
.m-candidate_item .cand-menu .menu-hr {
  display: block;
  width: 100%;
  height: 1px;
  background: #ddd;
}
.m-company_rating_page {
  margin-bottom: -120px;
}
.m-company_rating_page.with_aside > .center {
  display: flex;
}
.m-company_rating_page .rating-switch {
  display: flex;
  justify-content: center;
}
.m-company_rating_page .rating-switch .l-cta_button:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: 0;
}
.m-company_rating_page .rating-switch .l-cta_button:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: 0;
}
.m-company_rating_page .rating-filter {
  justify-content: center;
  margin: 20px 0;
}
.m-company_rating_page .rating-filter .l-select {
  width: 35%;
}
.m-company_rating_page .rating-aside {
  display: block;
  flex-shrink: 0;
  width: 340px;
  margin-left: 50px;
}
.m-company_rating_page .rating-aside > * {
  margin: 25px 0;
}
.m-company_rating_page .rating-aside > *:first-child {
  margin-top: 0;
}
.m-company_rating_page .rating-aside > *:last-child {
  margin-bottom: 0;
}
.m-company_rating_page .rating-items {
  margin: 50px 0;
}
.m-company_rating_page .rating-items .rating-item {
  margin: 40px 0;
}
.m-company_rating_page .rating-items .rating-item:first-child {
  margin-top: 0;
}
.m-company_rating_page .rating-items .rating-item:alst-child {
  margin-bottom: 0;
}
.m-company_rating_page .rating-company {
  display: flex;
  align-items: flex-start;
  word-break: break-all;
}
.m-company_rating_page .rating-company .company-img {
  display: block;
  width: 100px;
  height: 100px;
  margin-right: 20px;
  flex-shrink: 0;
}
.m-company_rating_page .rating-company .company-img img {
  display: block;
  width: 100%;
}
.m-company_rating_page .rating-company .company-title {
  display: block;
  width: 100%;
  max-width: 400px;
  font-weight: bold;
  color: #333333;
  font-size: 22px;
}
.m-company_rating_page .rating-company .company-title:hover,
.m-company_rating_page .rating-company .company-title:focus {
  text-decoration: underline;
}
.m-company_rating_page .rating-company .company-location {
  font-size: 16px;
  color: #333;
}
.m-company_rating_page .rating-company .company-info {
  margin-top: 15px;
  text-align: center;
}
.m-company_rating_page .rating-company .company-info .l-cta_button {
  margin-bottom: 4px;
}
.m-company_rating_page .rating-company .company-desc.website {
  display: inline-block;
  margin-top: 5px;
}
.m-company_rating_page .rating-company .company-desc {
  display: block;
  margin-bottom: 2px;
  font-size: 13px;
  color: #333;
}
.m-company_rating_page .rating-company .company-desc.gray {
  color: #999;
  font-weight: 300;
}
.m-company_rating_page .rating-company .company-desc.gray b {
  color: #ffa800;
}
.m-company_rating_page .rating-company a.company-desc {
  text-decoration: underline;
  transition: color .2s;
}
.m-company_rating_page .rating-company a.company-desc:not(.website) {
  color: #ffa800;
}
.m-company_rating_page .rating-company a.company-desc:hover,
.m-company_rating_page .rating-company a.company-desc:focus {
  color: #1ed7b2;
}
.m-apply {
  margin-bottom: 50px;
}
.m-apply a:not(.l-cta_button):not(.button-icon) {
  color: #2b6281;
  font-weight: bold;
  text-decoration: underline;
}
.m-apply .center {
  background: #ffffff;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
}
.m-apply .center.small {
  box-shadow: none;
}
.m-apply .l-title {
  margin-bottom: 0px;
}
.m-apply .l-line_figure {
  margin: 30px auto 30px auto;
}
.m-apply .l-title-2 {
  text-align: center;
  font-size: 1.1em;
  margin-top: 0;
  margin-bottom: 0px;
  font-weight: 300;
}
.m-apply h2 {
  font-weight: 700;
  font-size: 1.1em;
}
.m-apply p {
  margin: 5px 0 20px 0;
}
.m-apply .divider {
  display: block;
  width: 100%;
  float: none;
  height: 1px;
  border-top: 1px dashed #e8e8e8;
  margin: 20px 0;
}
.m-apply .divider::after {
  content: '';
  clear: both;
  display: table;
}
.m-apply .grid-box {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: row;
  margin-bottom: 0;
}
.m-apply .grid-box div {
  flex-basis: 33%;
  text-align: center;
}
.m-apply .grid-box div:nth-of-type(1) {
  font-weight: bold;
  text-align: left;
}
.m-apply .grid-box div.col {
  flex-basis: auto;
}
.m-apply .grid-box.grid-box-simple {
  margin-top: 40px;
  align-items: flex-start;
}
.m-apply .grid-box.grid-box-simple div {
  padding: 20px;
  font-size: 1.1em;
  line-height: 130%;
  box-sizing: border-box;
  font-weight: 100;
}
.m-apply .grid-box.grid-box-simple div:nth-of-type(1) {
  font-weight: 100;
  text-align: center;
}
.m-apply .grid-box.grid-box-simple div:nth-of-type(3) {
  font-weight: 100;
  text-align: center;
}
.m-apply .l-upload_wrapper {
  margin: 10px 0;
  display: flex;
  align-items: center;
}
.m-apply .l-upload_wrapper p {
  margin: 0;
}
.m-apply .l-input_row_column-wrap {
  flex-flow: column wrap;
}
.m-apply .w-100 {
  width: 100%;
}
.m-apply .l-checkbox_radio_list.l-input {
  height: auto;
  border: none;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.m-apply .l-checkbox_radio_list.l-input .styled-checkbox {
  width: calc(25% - 1%);
}
.m-apply .l-checkbox_radio_list.l-input .styled-checkbox .text {
  display: flex;
  align-items: center;
  flex-direction: column;
  font-weight: 700;
}
.m-apply .l-checkbox_radio_list.l-input .styled-checkbox .text .ad-price {
  display: block;
  font-size: .9em;
  font-weight: 300;
  color: #2b6281;
}
.m-apply .l-checkbox_radio_list.l-input.ad-tipusok label {
  padding-top: 95px;
  padding-bottom: 15px;
  position: relative;
}
.m-apply .l-checkbox_radio_list.l-input.ad-tipusok label:before {
  content: '';
  width: 100px;
  height: 95px;
  overflow: hidden;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -50px;
  background-image: url(/Content/images/icon-hirdetes-sprite.png);
  background-size: 400%;
  background-position: 0 0;
  transition: all 0.3s ease-in-out;
}
.m-apply .l-checkbox_radio_list.l-input.ad-tipusok .styled-checkbox:nth-child(1) label:before {
  background-position: 0 0;
}
.m-apply .l-checkbox_radio_list.l-input.ad-tipusok .styled-checkbox:nth-child(1) input[type=checkbox]:checked + label:before {
  background-position: 0 100%;
}
.m-apply .l-checkbox_radio_list.l-input.ad-tipusok .styled-checkbox:nth-child(2) label:before {
  background-position: 33.3333% 0;
}
.m-apply .l-checkbox_radio_list.l-input.ad-tipusok .styled-checkbox:nth-child(2) input[type=checkbox]:checked + label:before {
  background-position: 33.3333% 100%;
}
.m-apply .l-checkbox_radio_list.l-input.ad-tipusok .styled-checkbox:nth-child(3) label:before {
  background-position: 66.6666% 0;
}
.m-apply .l-checkbox_radio_list.l-input.ad-tipusok .styled-checkbox:nth-child(3) input[type=checkbox]:checked + label:before {
  background-position: 66.6666% 100%;
}
.m-apply .l-checkbox_radio_list.l-input.ad-tipusok .styled-checkbox:nth-child(4) label:before {
  background-position: 100% 0;
}
.m-apply .l-checkbox_radio_list.l-input.ad-tipusok .styled-checkbox:nth-child(4) input[type=checkbox]:checked + label:before {
  background-position: 100% 100%;
}
.m-apply a.button-icon {
  display: flex;
  text-align: center;
  color: #454545;
  border-radius: 2px;
  text-transform: uppercase;
  max-width: 100%;
  align-items: center;
  justify-content: center;
  margin: 0 10px;
  position: relative;
  font-weight: 300;
  transition: all 0.4s ease-in-out;
}
.m-apply a.button-icon.text-center {
  display: block;
  font-size: 1.2em;
}
.m-apply a.button-icon.text-center i {
  margin-bottom: 20px;
}
.m-apply a.button-icon.text-center:hover i {
  transform: scale(1) rotate(0deg);
  box-shadow: none;
}
.m-apply a.button-icon i {
  display: inline-block;
  font-size: 1.5em;
  margin-bottom: 0px;
  left: 0px;
  height: 100%;
  padding: 0 5px;
  transition: all 0.2s ease-in-out;
  transform-origin: 50% 50%;
  border-radius: 50%;
  background: #1ed7b2;
  width: 30px;
  height: 30px;
  padding: 0;
  line-height: 30px;
  font-size: 1.3em;
  color: #ffffff;
  margin-right: 5px;
}
.m-apply a.button-icon:hover {
  text-shadow: none;
}
.m-apply a.button-icon:hover i {
  transform: scale(1.1) rotate(-10deg);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.m-apply .l-file_input-comment {
  margin-bottom: 15px;
}
.m-apply .justify-center {
  justify-content: center;
}
.m-apply .l-checkbox {
  margin: 10px 0;
}
.m-apply .l-cta_button {
  margin-top: 25px;
}
.m-apply .company_cc_phone a {
  display: none;
}
@media only screen and (max-width: 710px) {
  .m-apply .divider {
    margin: 15px 0;
  }
  .m-apply .grid-box {
    flex-direction: column;
  }
  .m-apply .grid-box div {
    margin-bottom: 5px;
  }
  .m-apply .l-form.align_left {
    margin: 0;
  }
  .m-apply .l-input_row > * {
    margin: 0;
    font-size: 16px;
    line-height: 1.25em;
  }
  .m-apply .l-input_row {
    display: block;
    margin: 0;
    margin-bottom: 20px;
  }
  .m-apply .l-input_row label,
  .m-apply .l-input_row input,
  .m-apply .l-input_row textarea {
    width: 100% !important;
  }
  .m-apply .l-input_row label {
    line-height: 1.25em;
    margin-bottom: 5px;
  }
  .m-apply .l-input_row textarea.l-input {
    line-height: 1.25em;
  }
  .m-apply .l-input_row .l-input,
  .m-apply .l-input_row .l-select select {
    margin: 0;
    height: 44px;
    line-height: 44px;
  }
  .m-apply .l-input_row.justify-center {
    display: flex;
  }
  .m-apply .l-upload_wrapper {
    display: block;
    text-align: center;
  }
  .m-apply .l-checkbox_radio_list.l-input.ad-tipusok {
    height: auto;
  }
  .m-apply .l-checkbox_radio_list.l-input.ad-tipusok .styled-checkbox {
    width: calc(50% - 1%);
  }
  .m-apply .l-checkbox_radio_list.l-input.ad-tipusok .styled-checkbox .text {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 580px) {
  .m-apply.l-paper_layout > .center {
    padding: 30px 16px;
  }
  .m-apply .m-display_ad,
  .m-apply .l-title-2 {
    display: none;
  }
  .m-apply .l-title {
    font-size: 1.7em;
  }
  .m-apply .grid-box {
    display: block;
  }
  .m-apply .grid-box div {
    display: inline-block;
    width: 100%;
  }
  .m-apply .grid-box div:nth-of-type(1) {
    display: block;
  }
  .m-apply .center.small {
    padding: 0;
  }
  .m-apply .l-line_figure {
    margin: 15px auto;
  }
  .m-apply a.button-icon {
    margin: 0;
  }
  .m-apply a.button-icon i {
    width: 25px;
    height: 25px;
    padding: 0;
    line-height: 25px;
    font-size: 1.2em;
  }
  .m-apply .company_cc_phone span {
    display: none;
  }
  .m-apply .company_cc_phone a {
    display: inline-block;
    background: #1ed7b2;
    color: #ffffff !important;
    border-radius: 2px;
    padding: 10px 20px;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 400px) {
  .m-apply .l-checkbox_radio_list.l-input.ad-tipusok .styled-checkbox {
    width: 100%;
    margin: 0;
  }
  .m-apply .l-checkbox_radio_list.l-input.ad-tipusok .styled-checkbox .text {
    padding-left: 60px;
    display: block;
    text-align: left;
  }
  .m-apply .l-checkbox_radio_list.l-input.ad-tipusok .styled-checkbox .text br {
    display: none;
  }
  .m-apply .l-checkbox_radio_list.l-input.ad-tipusok .styled-checkbox .text .ad-price {
    display: inline;
    padding-left: 20px;
  }
  .m-apply .l-checkbox_radio_list.l-input.ad-tipusok label {
    padding-top: 15px;
  }
  .m-apply .l-checkbox_radio_list.l-input.ad-tipusok label:before {
    width: 50px;
    height: 60px;
    top: 50%;
    transform: translateY(-50%);
    background-size: 450%;
    left: 0;
    margin-left: 10px;
  }
}
.m-brand_page {
  /*cheat: joblist after brand block top padding*/
  border-bottom: 70px solid #f1f1f1;
}
.m-brand_page .cover {
  display: block;
  width: 100%;
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.m-brand_page.l-paper_layout > .center {
  padding: 0px 0px;
  background: #ffffff;
}
.m-brand_page .l-title {
  margin-top: 100px;
  margin-bottom: 50px;
}
.m-brand_page .l-title:first-child {
  margin-top: 0;
}
.m-brand_page .l-line_figure {
  margin-bottom: 20px;
}
.m-brand_page .l-title + .l-line_figure {
  margin-top: -20px;
}
.m-brand_page .logo {
  margin-bottom: 40px;
}
.cf:before,
.cf:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.cf:after {
  clear: both;
}
.cf {
  *zoom: 1;
}
.brandpage {
  margin-bottom: 0;
}
.brandpage .description {
  padding: 50px 0px 50px 25px;
}
.brandpage h1.l-title {
  margin-bottom: 20px;
}
.brandpage p {
  line-height: 1.3;
  color: #333;
}
.brandpage .company-box {
  margin: 0;
}
.brandpage .company-box .company-logo {
  margin: 25px 0 40px 0;
}
.brandpage .company-box .company-logo img {
  border: 1px solid #ccc;
  display: block;
  float: left;
  margin-right: 15px;
}
.brandpage .company-box .company-logo h2 {
  font-size: 26px;
  font-weight: bold;
  margin-bottom: 20px;
  text-transform: uppercase;
  color: #333;
  line-height: 1;
  padding: 12px 0;
  margin-bottom: 0;
}
.brandpage .company-box .company-illustration {
  position: relative;
  margin: 0;
}
.brandpage .company-box .company-illustration img {
  display: block;
}
.brandpage .company-box .company-illustration .caption {
  position: relative;
  left: 0;
  bottom: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  padding: 22px;
  color: #fff;
  font-weight: bold;
  font-size: 26px;
  box-sizing: border-box;
}
.brandpage .company-contact {
  height: 215px;
  margin: 0;
  padding: 25px 0;
  box-sizing: border-box;
}
.brandpage .company-contact h2 {
  font-size: 26px;
  font-weight: bold;
  margin-bottom: 15px;
  color: #333;
}
.brandpage .company-contact .contact-block {
  border-left: 3px solid #767676;
  padding-left: 10px;
}
.brandpage .company-contact .contact-block .contact-line {
  margin-bottom: 5px;
  font-size: 16px;
}
.brandpage .company-contact .contact-block .contact-line span {
  color: #767676;
  text-transform: uppercase;
  display: block;
  font-weight: bold;
}
.brandpage .company-contact + iframe {
  margin: 0;
}
.brandpage .maps {
  padding-top: 25px;
}
.brandpage .more-news {
  text-align: right;
  text-transform: uppercase;
  margin-top: 25px;
  font-weight: bold;
  font-size: 15px;
}
.brandpage .more-news a {
  color: #767676;
}
.brandpage .allasposta h2 {
  font-size: 26px;
  margin: 25px 0 15px 0;
  font-weight: bold;
}
.brandpage .allasposta form .input-holder input[type=text] {
  border: 1px solid #8a8989;
  border-radius: 5px 0 0 5px;
  border-right: none;
  height: 42px;
  padding: 0 20px 0 70px;
  width: 490px;
  line-height: 40px;
  display: block;
  float: left;
  font-size: 16px;
  color: #767676;
  background: url('/Content/images/brandpage/input-mail.png') 20px center no-repeat;
}
.brandpage .allasposta form .input-holder input[type=text]::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #8a8989;
  transition: color 0.3s ease;
}
.brandpage .allasposta form .input-holder input[type=text]::-moz-placeholder {
  /* Firefox 19+ */
  color: #8a8989;
  transition: color 0.3s ease;
}
.brandpage .allasposta form .input-holder input[type=text]:-ms-input-placeholder {
  /* IE 10+ */
  color: #8a8989;
  transition: color 0.3s ease;
}
.brandpage .allasposta form .input-holder input[type=text]:-moz-placeholder {
  /* Firefox 18- */
  color: #8a8989;
  transition: color 0.3s ease;
}
.brandpage .allasposta form .input-holder input[type=text]:focus::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #ddd;
}
.brandpage .allasposta form .input-holder input[type=text]:focus::-moz-placeholder {
  /* Firefox 19+ */
  color: #ddd;
}
.brandpage .allasposta form .input-holder input[type=text]:focus:-ms-input-placeholder {
  /* IE 10+ */
  color: #ddd;
}
.brandpage .allasposta form .input-holder input[type=text]:focus:-moz-placeholder {
  /* Firefox 18- */
  color: #ddd;
}
.brandpage .allasposta form .input-holder input[type=button] {
  cursor: pointer;
  background: #ffa800;
  height: 42px;
  line-height: 42px;
  border-radius: 0px 5px 5px 0;
  color: #fff;
  font-size: 14px;
  width: 130px;
  text-align: center;
}
.brandpage .sticky-social {
  position: fixed;
  left: 0;
  top: 350px;
}
.brandpage .sticky-social .social-elem {
  width: 36px;
  height: 36px;
  background: #ccc;
  color: #fff;
  text-align: center;
  font-weight: bold;
  display: block;
  position: relative;
}
.brandpage .sticky-social .social-elem:before {
  content: attr(data-socialname);
  position: absolute;
  left: -300px;
  font-size: 14px;
  transition: left 0.3s ease;
  z-index: -1;
}
.brandpage .sticky-social .social-elem.jobs {
  width: 92px;
  height: 55px;
  background: #ffb21f;
  font-size: 18px;
  padding-top: 7px;
  z-index: 4;
}
.brandpage .sticky-social .social-elem.linkedin {
  background: #0177b5;
  line-height: 36px;
}
.brandpage .sticky-social .social-elem.linkedin:before {
  color: #0177b5;
}
.brandpage .sticky-social .social-elem.facebook {
  background: #3b5998;
  line-height: 36px;
}
.brandpage .sticky-social .social-elem.facebook:before {
  color: #3b5998;
}
.brandpage .sticky-social .social-elem:hover:before {
  left: 45px;
}
.brandpage .top-player {
  position: relative;
}
.brandpage .top-player img {
  display: block;
}
.brandpage .top-player .caption {
  position: absolute;
  width: 100%;
  padding: 20px 130px 20px 30px;
  min-height: 110px;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  font-size: 26px;
  font-weight: bold;
  display: flex;
  align-items: center;
  box-sizing: border-box;
}
.brandpage .top-player .caption:after {
  content: "";
  background: #bdbdbd url('/Content/images/brandpage/player-play.png') 25px center no-repeat;
  width: 70px;
  height: 70px;
  position: absolute;
  right: 30px;
  bottom: 20px;
  transition: border-radius 0.2s ease;
}
.brandpage .top-player:hover .caption:after {
  border-radius: 50px;
}
.brandpage .content-carousel {
  width: 770px;
  height: 400px;
  position: relative;
}
.brandpage .content-carousel .carousel-item {
  position: relative;
}
.brandpage .content-carousel .carousel-item img {
  display: block;
}
.brandpage .content-carousel .carousel-item .caption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 14px 28px;
  background: rgba(0, 0, 0, 0.2);
  color: #fff;
  font-weight: bold;
  font-size: 28px;
  box-sizing: border-box;
}
.brandpage .content-carousel .owl-controls {
  position: absolute;
  bottom: 0;
  right: 28px;
  margin-bottom: 12px;
}
.brandpage .content-carousel .owl-controls .owl-buttons .owl-prev {
  margin-right: 5px;
}
.brandpage .content-carousel .owl-controls .owl-buttons .owl-prev::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: url('/Content/images/brandpage/carousel-left.png') center center no-repeat;
  height: 38px;
  width: 38px;
}
.brandpage .content-carousel .owl-controls .owl-buttons .owl-next::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: url('/Content/images/brandpage/carousel-right.png') center center no-repeat;
  height: 38px;
  width: 38px;
}
.brandpage .content-carousel .owl-controls .owl-buttons .owl-prev,
.brandpage .content-carousel .owl-controls .owl-buttons .owl-next {
  height: 38px;
  width: 38px;
  float: left;
  position: relative;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
.brandpage .content-carousel .owl-controls .owl-buttons .owl-prev:hover,
.brandpage .content-carousel .owl-controls .owl-buttons .owl-next:hover {
  background: rgba(255, 255, 255, 0.2);
}
/* background image */
.bg-image-js {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  overflow: hidden;
}
.bg-image-js img {
  display: none !important;
  height: 0 !important;
  width: 0 !important;
}
.bg-image-js .bg-image-text {
  display: block !important;
  height: 0 !important;
  overflow: hidden !important;
  text-indent: -20000px !important;
  width: 0 !important;
}
.bg-image-js.bg-image-brandpage {
  padding-bottom: 51.948%;
}
/*.bg-image-js{
	img{
		width: 100%;
		height: 51.949%;
	}
}*/
/*basic brandelt oldal*/
.m-brand_page {
  background: #f1f1f1;
  /*-----------------------------------------block---------------------------------------------*/
  /*-----------------------------------------block---------------------------------------------*/
  /*-----------------------------------------allasposta---------------------------------------------*/
}
.m-brand_page .center {
  margin-bottom: 30px;
}
.m-brand_page .main {
  padding: 30px;
  padding-top: 0;
}
.m-brand_page .m-modular_content {
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
  font-weight: 400;
  line-height: 1.618;
  color: #444;
  font-size: 100%;
}
.m-brand_page .m-modular_content h1 {
  margin: 3.236rem 0 0.809rem;
  font-weight: 700;
  line-height: 1.1;
  color: #222;
  margin: 3.236rem 0;
  font-size: 3.125rem;
}
.m-brand_page .m-modular_content h2 {
  margin: 3.236rem 0 0.809rem;
  font-weight: 700;
  line-height: 1.1;
  color: #222;
  font-size: 2.61792rem;
}
.m-brand_page .m-modular_content h3 {
  margin: 3.236rem 0 0.809rem;
  font-weight: 700;
  line-height: 1.1;
  color: #222;
  font-size: 1.9314rem;
}
.m-brand_page .m-modular_content h4 {
  margin: 3.236rem 0 0.809rem;
  font-weight: 700;
  line-height: 1.1;
  color: #222;
  font-size: 1.618rem;
}
.m-brand_page .m-modular_content caption {
  margin: 3.236rem 0 0.809rem;
  font-weight: 700;
  line-height: 1.1;
  color: #222;
  font-size: 1.618rem;
  text-align: left;
}
.m-brand_page .m-modular_content h5 {
  margin: 3.236rem 0 0.809rem;
  font-weight: 700;
  line-height: 1.1;
  color: #222;
  font-size: 1.19369rem;
}
.m-brand_page .m-modular_content h6 {
  margin: 3.236rem 0 0.809rem;
  font-weight: 700;
  line-height: 1.1;
  color: #222;
  font-size: 1rem;
}
.m-brand_page .m-modular_content p {
  margin: 0 0 1.618rem;
}
.m-brand_page .m-modular_content blockquote {
  margin: 0 0 1.618rem;
  margin: 1.618rem;
  padding-left: 0.809rem;
  padding-right: 1.618rem;
  border-left: 3px solid #f5f5f5;
  font-style: italic;
}
.m-brand_page .m-modular_content figure {
  margin: 0 0 1.618rem;
}
.m-brand_page .m-modular_content ol {
  margin: 0 0 1.618rem;
  margin-left: 25px;
}
.m-brand_page .m-modular_content ol ol {
  margin-bottom: 0;
}
.m-brand_page .m-modular_content ol ul {
  margin-bottom: 0;
}
.m-brand_page .m-modular_content ul {
  margin: 0 0 1.618rem;
  margin-left: 25px;
}
.m-brand_page .m-modular_content ul ul {
  margin-bottom: 0;
}
.m-brand_page .m-modular_content ul ol {
  margin-bottom: 0;
}
.m-brand_page .m-modular_content dl {
  margin: 0 0 1.618rem;
}
.m-brand_page .m-modular_content table {
  margin: 0 0 1.618rem;
  text-align: left;
}
.m-brand_page .m-modular_content pre {
  margin: 0 0 1.618rem;
  font-family: "Menlo", "Monaco", monospace;
  background: #f5f5f5;
  margin: 1.618rem 0;
  padding: 0.809rem;
}
.m-brand_page .m-modular_content .vcard {
  margin: 0 0 1.618rem;
}
.m-brand_page .m-modular_content .vcard .org {
  font-weight: 700;
}
.m-brand_page .m-modular_content .vcard .fn {
  font-weight: 700;
}
.m-brand_page .m-modular_content hr {
  margin: 1.618rem 0;
  border: 0;
  height: 3px;
  background: #f5f5f5;
}
.m-brand_page .m-modular_content audio {
  vertical-align: middle;
}
.m-brand_page .m-modular_content canvas {
  vertical-align: middle;
}
.m-brand_page .m-modular_content img {
  vertical-align: middle;
  max-width: 100%;
  height: auto;
}
.m-brand_page .m-modular_content svg {
  vertical-align: middle;
}
.m-brand_page .m-modular_content video {
  vertical-align: middle;
  max-width: 100% !important;
  height: auto;
}
.m-brand_page .m-modular_content th {
  padding: 0.809rem 1.618rem 0.809rem 0;
  font-weight: 700;
}
.m-brand_page .m-modular_content th:last-child {
  padding-right: 0;
}
.m-brand_page .m-modular_content td {
  padding: 0.809rem 1.618rem 0.809rem 0;
}
.m-brand_page .m-modular_content td:last-child {
  padding-right: 0;
}
.m-brand_page .m-modular_content thead {
  border-bottom: 3px solid #f5f5f5;
}
.m-brand_page .m-modular_content tfoot {
  border-top: 3px solid #f5f5f5;
}
.m-brand_page .m-modular_content tfoot th {
  font-style: italic;
  font-weight: normal;
  font-size: 0.61805rem;
  color: #6e6e6e;
}
.m-brand_page .m-modular_content tbody tr {
  border-top: 1px solid #f5f5f5;
}
.m-brand_page .m-modular_content dt {
  font-size: 0.61805rem;
  font-weight: 700;
  text-transform: uppercase;
  color: #6e6e6e;
}
.m-brand_page .m-modular_content dd {
  margin: 0 0 1.618rem;
}
.m-brand_page .m-modular_content code {
  font-family: "Menlo", "Monaco", monospace;
}
.m-brand_page .m-modular_content kdb {
  font-family: "Menlo", "Monaco", monospace;
}
.m-brand_page .m-modular_content samp {
  font-family: "Menlo", "Monaco", monospace;
}
.m-brand_page .m-modular_content var {
  font-family: "Menlo", "Monaco", monospace;
}
.m-brand_page .m-modular_content b {
  font-weight: 700;
}
.m-brand_page .m-modular_content strong {
  font-weight: 700;
}
.m-brand_page .m-modular_content small {
  font-size: 0.61805rem;
}
.m-brand_page .m-modular_content q {
  quotes: "“" "”" "‘" "’";
}
.m-brand_page .m-modular_content .cl.brand-itsh:before {
  display: table;
  content: " ";
}
.m-brand_page .m-modular_content .cl.brand-itsh:after {
  display: table;
  content: " ";
  clear: both;
}
.m-brand_page .m-modular_content .fl {
  display: block;
  box-sizing: border-box;
  width: 66.66666667%;
  padding-right: 20px;
  float: left;
  margin-top: 40px;
}
.m-brand_page .m-modular_content .fr {
  display: block;
  box-sizing: border-box;
  width: 33.33333333%;
  float: left;
  margin-top: 40px;
}
.m-brand_page .m-modular_content .no-sidebar .fl {
  width: 100%;
  min-height: 5px;
  display: block;
}
.m-brand_page .m-modular_content .no-sidebar .fr {
  width: 100%;
  min-height: 5px;
  display: block;
  display: flex;
  flex-wrap: wrap;
  align-items: top;
}
.m-brand_page .m-modular_content .no-sidebar .fr div {
  flex: 1;
}
.m-brand_page .company-contact h2 {
  margin-top: 0;
}
.m-brand_page .company-contact .contact-block {
  border-left: 3px solid #767676;
  padding-left: 10px;
}
.m-brand_page .brand-facebook,
.m-brand_page .brand-maps {
  margin: 15px 0;
}
.m-brand_page .brand-facebook,
.m-brand_page .fake-brand-facebook {
  display: inline-block;
  background: #e8e8e8;
  height: 300px;
  width: 100%;
}
.m-brand_page .brand-maps {
  display: inline-block;
  background: #e8e8e8;
  height: 400px;
  width: 100%;
}
.m-brand_page .brand-maps .google-maps {
  /*position: relative;
            display: block;
            height: 0;
            padding: 0;
            overflow: hidden;
            padding-bottom: 400px;
            embed, object, iframe{
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                width: 100%;
                height: 100%;
                border: 0;            
            }*/
}
.m-brand_page .video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.m-brand_page .video-container iframe,
.m-brand_page .video-container object,
.m-brand_page .video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@keyframes "brand_anim-in" {
  0% {
    opacity: 0;
    transform: translate(-50px, 0);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}
@-moz-keyframes "brand_anim-in" {
  0% {
    opacity: 0;
    -moz-transform: translate(-50px, 0);
  }
  100% {
    opacity: 1;
    -moz-transform: translate(0, 0);
  }
}
@-webkit-keyframes "brand_anim-in" {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
  }
}
@-o-keyframes "brand_anim-in" {
  0% {
    opacity: 0;
    -o-transform: translate(-50px, 0);
  }
  100% {
    opacity: 1;
    -o-transform: translate(0, 0);
  }
}
@-ms-keyframes "brand_anim-in" {
  0% {
    opacity: 0;
    -ms-transform: translate(-50px, 0);
  }
  100% {
    opacity: 1;
    -ms-transform: translate(0, 0);
  }
}
@keyframes "brand_anim-in-right" {
  0% {
    opacity: 0;
    transform: translate(50px, 0);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}
@-moz-keyframes "brand_anim-in-right" {
  0% {
    opacity: 0;
    -moz-transform: translate(50px, 0);
  }
  100% {
    opacity: 1;
    -moz-transform: translate(0, 0);
  }
}
@-webkit-keyframes "brand_anim-in-right" {
  0% {
    opacity: 0;
    -webkit-transform: translate(50px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
  }
}
@-o-keyframes "brand_anim-in-right" {
  0% {
    opacity: 0;
    -o-transform: translate(50px, 0);
  }
  100% {
    opacity: 1;
    -o-transform: translate(0, 0);
  }
}
@-ms-keyframes "brand_anim-in-right" {
  0% {
    opacity: 0;
    -ms-transform: translate(50px, 0);
  }
  100% {
    opacity: 1;
    -ms-transform: translate(0, 0);
  }
}
@-webkit-keyframes "brand_animfadeIn" {
  from {
    opacity: 0;
    opacity: 1\9;
    /* IE9 only */
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes "brand_animfadeIn" {
  from {
    opacity: 0;
    opacity: 1\9;
    /* IE9 only */
  }
  to {
    opacity: 1;
  }
}
@keyframes "brand_animfadeIn" {
  from {
    opacity: 0;
    opacity: 1\9;
    /* IE9 only */
  }
  to {
    opacity: 1;
  }
}
.m-brand_page .brand_top-sticky-menu {
  position: fixed;
  opacity: 0;
  width: 100%;
  display: flex;
  top: -70px;
  left: 0;
  height: 60px;
  z-index: 20;
  background-size: cover;
  background-position: top center;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  border-bottom: 2px solid #ffffff;
  transition: all 0.4s ease-in-out;
}
.m-brand_page .brand_top-sticky-menu:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
  width: 100%;
  height: 100%;
  z-index: 1;
}
.m-brand_page .brand_top-sticky-menu .brand_top-sticky-menu-container {
  position: relative;
  z-index: 2;
  max-width: 1250px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  padding: 0 10px;
}
.m-brand_page .brand_top-sticky-menu .brand_top-sticky-menu-container .brand_top-brand-name {
  flex-grow: 1;
  display: flex;
  align-items: center;
}
.m-brand_page .brand_top-sticky-menu .brand_top-sticky-menu-container .brand_top-brand-name h2 {
  display: inline-block;
  color: #ffffff !important;
  font-size: 1.5em;
}
.m-brand_page .brand_top-sticky-menu .brand_top-sticky-menu-container .brand_top-jump-to-jobs {
  flex-grow: 1;
  display: flex;
  align-items: center;
  text-align: right;
  justify-content: flex-end;
}
.m-brand_page .brand_top-sticky-menu .brand_top-sticky-menu-container .brand_top-jump-to-jobs a {
  color: #ffffff !important;
}
.m-brand_page .brand_top-sticky-menu img {
  max-height: 45px;
  display: inline-block;
  padding: 5px;
  padding-right: 15px;
}
.m-brand_page .brand_top-sticky-menu.show {
  opacity: 1;
  top: 0;
}
.m-brand_page .brand_top-image-block {
  position: relative;
  width: 100%;
  height: 450px;
  /*max-height: 50vh;*/
  display: block;
  overflow: hidden;
}
.m-brand_page .brand_top-image-block .zoom {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-size: cover;
  background-position: top center;
}
.m-brand_page .brand_top-image-block .brand_top-content-block {
  position: absolute;
  right: 40px;
  top: 50px;
  height: calc(100% - 100px);
  width: 35%;
  display: block;
  z-index: 2;
  background-size: cover;
  background-position: top center;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  /*overflow: hidden;*/
  border-radius: 4px;
}
.m-brand_page .brand_top-image-block .brand_top-content-block .brand_top-content-block-title {
  z-index: 2;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  padding: 20px 10px;
  background: rgba(255, 255, 255, 0.75);
  color: #565656;
  font-weight: 700;
  text-align: center;
  font-size: 1.5em;
  transition: all 0.4s ease-in-out;
  border-radius: 0 0 4px 4px;
}
.m-brand_page .brand_top-image-block .brand_top-content-block .brand_top-content-block-title a.l-cta_button.yellow {
  color: #ffffff !important;
}
.m-brand_page .brand_top-image-block .brand_top-content-block:hover .brand_top-content-block-title {
  background: #ffffff;
}
.m-brand_page .brand_top-image-block .brand_top-content-block:hover .brand_top-content-block-title a.l-cta_button.yellow {
  color: #ffffff !important;
}
.m-brand_page .brand_top-image-block .brand_top-content-block:hover .brand_top-content-block-content {
  opacity: 1;
  transform: translateX(0%);
}
.m-brand_page .brand_top-image-block .brand_top-content-block.brand_top-content-nocontent {
  height: auto;
  top: auto;
  bottom: 100px;
  border-radius: 5px;
}
.m-brand_page .brand_top-image-block .brand_top-content-block.brand_top-content-nocontent .brand_top-content-block-title {
  border-radius: 4px;
}
.m-brand_page .brand_top-image-block .brand_top-content-block .brand_top-content-block-content {
  border-radius: 4px;
  z-index: 1;
  position: absolute;
  bottom: 0;
  left: 0px;
  width: calc(100% - 40px);
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-weight: 300;
  font-size: 1em;
  line-height: 1.35em;
  box-sizing: border-box;
  padding: 20px 40px;
  padding-bottom: 80px;
  background: rgba(0, 0, 0, 0.65);
  color: #ffffff;
  opacity: 0;
  transform: translateX(0%);
  transition: all 0.4s cubic-bezier(0.56, -0.34, 0.35, 1.3);
}
.m-brand_page .brand_top-image-block .brand_top-brand-name {
  position: absolute;
  left: 0;
  width: 100%;
  top: 80px;
  background: rgba(0, 0, 0, 0.55);
  z-index: 1;
  color: #ffffff;
}
.m-brand_page .brand_top-image-block .brand_top-brand-name h1 {
  max-width: 60%;
  font-size: 2.5em;
  text-transform: uppercase;
  font-weight: 900;
  padding: 20px;
  padding-left: 40px;
  color: #ffffff !important;
}
.m-brand_page .brand_top-image-block .brand_top-brand-logo {
  position: absolute;
  left: 50px;
  bottom: 50px;
  max-width: 30%;
  max-height: 20%;
  height: 120px;
  z-index: 2;
}
.m-brand_page .brand_top-image-block .brand_top-brand-logo img {
  height: 100%;
  width: auto;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  max-height: 120px;
}
.m-brand_page div[class^='brand_anim-in-'] {
  opacity: 0;
  animation: brand_anim-in ease-in-out 1s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  animation-fill-mode: forwards;
  -webkit-animation: brand_anim-in ease-in-out 1s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-fill-mode: forwards;
  -moz-animation: brand_anim-in ease-in-out 1s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -moz-animation-fill-mode: forwards;
  -o-animation: brand_anim-in ease-in-out 1s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -o-animation-fill-mode: forwards;
  -ms-animation: brand_anim-in ease-in-out 1s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
  -ms-animation-fill-mode: forwards;
}
.m-brand_page div[class*=' brand_anim-in-'] {
  opacity: 0;
  animation: brand_anim-in ease-in-out 1s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  animation-fill-mode: forwards;
  -webkit-animation: brand_anim-in ease-in-out 1s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-fill-mode: forwards;
  -moz-animation: brand_anim-in ease-in-out 1s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -moz-animation-fill-mode: forwards;
  -o-animation: brand_anim-in ease-in-out 1s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -o-animation-fill-mode: forwards;
  -ms-animation: brand_anim-in ease-in-out 1s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
  -ms-animation-fill-mode: forwards;
}
.m-brand_page div[class^='brand_anim-in-right'] {
  opacity: 0;
  animation: brand_anim-in-right ease-in-out 1s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  animation-fill-mode: forwards;
  -webkit-animation: brand_anim-in-right ease-in-out 1s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-fill-mode: forwards;
  -moz-animation: brand_anim-in-right ease-in-out 1s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -moz-animation-fill-mode: forwards;
  -o-animation: brand_anim-in-right ease-in-out 1s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -o-animation-fill-mode: forwards;
  -ms-animation: brand_anim-in-right ease-in-out 1s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
  -ms-animation-fill-mode: forwards;
}
.m-brand_page div[class*=' brand_anim-in-right'] {
  opacity: 0;
  animation: brand_anim-in-right ease-in-out 1s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  animation-fill-mode: forwards;
  -webkit-animation: brand_anim-in-right ease-in-out 1s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-fill-mode: forwards;
  -moz-animation: brand_anim-in-right ease-in-out 1s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -moz-animation-fill-mode: forwards;
  -o-animation: brand_anim-in-right ease-in-out 1s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -o-animation-fill-mode: forwards;
  -ms-animation: brand_anim-in-right ease-in-out 1s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
  -ms-animation-fill-mode: forwards;
}
.m-brand_page div.brand_anim-in-1 {
  -webkit-animation-delay: .2s;
  animation-delay: .2s;
}
.m-brand_page div.brand_anim-in-2 {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.m-brand_page div.brand_anim-in-right-3 {
  -webkit-animation-delay: 1.8s;
  animation-delay: 1.8s;
}
.m-brand_page .brand_anim-fade-in {
  opacity: 0;
  -webkit-animation: brand_animfadeIn ease-in 1;
  -moz-animation: brand_animfadeIn ease-in 1;
  animation: brand_animfadeIn ease-in 1;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: .5s;
  -moz-animation-duration: .5s;
  animation-duration: .5s;
}
.m-brand_page .brand_slider {
  position: relative;
  overflow: hidden;
  margin: 20px auto 0 auto;
  border-radius: 4px;
  width: 100%;
}
.m-brand_page .brand_slider ul {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
  height: 500px;
  overflow: hidden;
  background: #e8e8e8;
}
.m-brand_page .brand_slider ul li {
  position: relative;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 500px;
  background: #ccc;
  text-align: center;
  line-height: 300px;
}
.m-brand_page .brand_slider ul li figure {
  position: relative;
  height: 100%;
  width: 100%;
}
.m-brand_page .brand_slider ul li figure img {
  max-width: none;
  height: 100% !important;
  object-fit: contain;
}
.m-brand_page .brand_slider ul li figure figcaption {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  padding: 20px;
  background: rgba(0, 0, 0, 0.65);
  color: #ffffff;
  font-size: 1.1em;
  z-index: 2;
  text-align: center;
  line-height: 100%;
  box-sizing: border-box;
  transition: all 0.4s ease-in-out;
}
.m-brand_page .brand_slider ul li figure:hover figcaption {
  opacity: 0;
  bottom: -50px;
}
.m-brand_page .brand_slider a.brand_slider-control_prev {
  position: absolute;
  top: 40%;
  z-index: 10;
  display: block;
  padding: 3% 2%;
  width: auto;
  height: auto;
  background: rgba(0, 0, 0, 0.3);
  color: #ffffff;
  text-decoration: none;
  font-weight: 600;
  font-size: 1em;
  cursor: pointer;
  transition: all 0.4s ease-in-out;
  border-radius: 0 2px 2px 0;
}
.m-brand_page .brand_slider a.brand_slider-control_prev:hover {
  background: rgba(0, 0, 0, 0.95);
}
.m-brand_page .brand_slider a.brand_slider-control_next {
  position: absolute;
  top: 40%;
  z-index: 10;
  display: block;
  padding: 3% 2%;
  width: auto;
  height: auto;
  background: rgba(0, 0, 0, 0.3);
  color: #ffffff;
  text-decoration: none;
  font-weight: 600;
  font-size: 1em;
  cursor: pointer;
  transition: all 0.4s ease-in-out;
  right: 0;
  border-radius: 2px 0 0 2px;
}
.m-brand_page .brand_slider a.brand_slider-control_next:hover {
  background: rgba(0, 0, 0, 0.95);
}
.m-brand_page .brand-lead {
  font-size: 1.1em;
  color: #767676;
  font-style: italic;
}
.m-brand_page .more-news {
  text-align: center;
  text-transform: uppercase;
  margin-top: 25px;
  font-weight: bold;
  font-size: 15px;
}
.m-brand_page .more-news a {
  color: #767676;
}
.m-brand_page .allasposta {
  background: #efefef;
  padding: 20px;
  box-sizing: border-box;
  max-width: 900px;
  margin: 20px auto;
  margin-top: 40px;
  border-radius: 2px;
  position: relative;
}
.m-brand_page .allasposta h2 {
  position: relative;
  text-align: center;
  margin: 0;
  padding: 0;
  font-size: 1.2em;
  margin-bottom: 20px;
  padding-bottom: 20px;
  color: #454545  !important;
}
.m-brand_page .allasposta h2:after {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100px;
  height: 1px;
  background: #cdcdcd;
  bottom: 0px;
}
.m-brand_page .allasposta form .input-holder {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.m-brand_page .allasposta form .input-holder input[type=text] {
  background: #ffffff url('https://jobline.hu/Content/images/brandpage/input-mail.png') 10px center no-repeat;
  border: 1px solid #dfdfdf;
  border-right: none;
  border-radius: 4px 0 0 4px;
  padding: 15px 20px;
  padding-left: 45px;
  flex-grow: 1;
}
.m-brand_page .allasposta form .input-holder input[type=button] {
  min-width: 30%;
  background: #ffa800;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 15px 20px;
  border-radius: 0 4px 4px 0px;
  font-size: 16px;
  color: #ffffff;
  text-align: center;
  text-transform: uppercase;
  font-weight: 300;
  cursor: pointer;
  transition: background 0.2s, border 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s;
}
.m-brand_page .allasposta div[data-content] {
  display: inline-block;
  width: 30px;
  height: 30px;
  text-align: center;
  border-radius: 30px;
  background: #2b6281;
  color: #ffffff;
  font-weight: bold;
  font-size: 1.7em;
  line-height: 30px;
  position: relative;
}
.m-brand_page .allasposta div[data-content]:before {
  content: attr(data-content);
  display: flex;
  position: absolute;
  align-items: center;
  box-sizing: border-box;
  width: auto;
  width: 350px;
  padding: 20px 15px;
  left: 50%;
  transform: translateX(-50%);
  top: 160%;
  border-radius: 4px;
  background: #fff;
  color: #787878;
  font-size: .8em;
  line-height: 1.25em;
  font-weight: normal;
  box-shadow: 0 16px 40px 0 rgba(176, 176, 176, 0.44);
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  cursor: default;
  transition: all 0.2s ease-in-out;
  font-size: .6em;
}
.m-brand_page .allasposta div[data-content]:after {
  content: "";
  position: absolute;
  top: 160%;
  margin-top: -20px;
  left: 50%;
  margin-left: -6px;
  box-sizing: border-box;
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 12px solid #fff;
  border-top: 12px solid transparent;
  transition: all 0.2s ease-in-out;
  opacity: 0;
  visibility: hidden;
  z-index: 2;
}
.m-brand_page .allasposta .jobLetterSignupHelp {
  position: absolute;
  top: -20px;
  right: -20px;
}
.m-brand_page .allasposta .jobLetterSignupHelp div[data-content]:hover:before {
  top: 110%;
  opacity: 1;
  visibility: visible;
}
.m-brand_page .allasposta .jobLetterSignupHelp div[data-content]:hover:after {
  top: 110%;
  opacity: 1;
  visibility: visible;
}
.m-brand_page_jobs_list {
  margin-bottom: -220px;
  padding-bottom: 220px;
}
.m-brand_page_jobs_list h2:first-of-type {
  margin-top: 0;
}
.m-brand_page_jobs_list .sticky-social {
  position: fixed;
  left: 0;
  top: 350px;
  z-index: 2;
}
.m-brand_page_jobs_list .sticky-social .social-elem {
  width: 36px;
  height: 36px;
  background: #ccc;
  color: #fff;
  text-align: center;
  font-weight: bold;
  display: block;
  position: relative;
}
.m-brand_page_jobs_list .sticky-social .social-elem:before {
  content: attr(data-socialname);
  position: absolute;
  left: -300px;
  font-size: 14px;
  transition: left 0.3s ease;
  z-index: -1;
}
.m-brand_page_jobs_list .sticky-social .social-elem.jobs {
  width: 92px;
  height: 55px;
  background: #ffb21f;
  font-size: 18px;
  padding-top: 7px;
  z-index: 4;
}
.m-brand_page_jobs_list .sticky-social .social-elem.linkedin {
  background: #0177b5;
  line-height: 36px;
}
.m-brand_page_jobs_list .sticky-social .social-elem.linkedin:before {
  color: #0177b5;
}
.m-brand_page_jobs_list .sticky-social .social-elem.facebook {
  background: #3b5998;
  line-height: 36px;
}
.m-brand_page_jobs_list .sticky-social .social-elem.facebook:before {
  color: #3b5998;
}
.m-brand_page_jobs_list .sticky-social .social-elem:hover:before {
  left: 45px;
}
.m-display_ad {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin: 0 auto;
  height: 0;
  /*& {
		//background: red;

		font-size: 16px;
		color: #fff;
		font-weight: 300;
		text-align: center;

		&.brand_header { background: transparent; }
	}*/
}
.m-display_ad > * {
  flex-shrink: 0;
}
.m-display_ad.display-block.joblist-top-ad {
  margin-top: 80px;
  margin-bottom: -80px;
}
.m-display_ad.display-block.leaderboard {
  width: 100%;
  height: 150px;
}
.m-display_ad.display-block.leaderboard.home-leaderboard {
  height: auto;
  padding: 15px 0 0 0;
}
.m-display_ad.display-block.kategoria_szponzoracio-1 {
  /*position: absolute;*/
  width: 820px;
  height: 50px;
  margin-left: -60px;
  margin-bottom: 40px;
}
.m-display_ad.display-block.kategoria_szponzoracio-2 {
  width: 330px;
  height: 130px;
  display: block;
}
.m-display_ad.display-block.lista_banner {
  width: 468px;
  height: 120px;
}
.m-display_ad.display-block.normal_banner {
  width: 330px;
  height: 250px;
}
.m-display_ad.display-block.brand_header {
  height: 52px;
  justify-content: flex-end;
}
.m-display_ad.display-block.brand_header img {
  display: block;
}
.m-display_ad.display-block.ceg_reg_fenn {
  width: 970px;
  height: 90px;
  margin-bottom: 30px;
}
.m-display_ad.display-block.login-top {
  width: 970px;
  height: 90px;
}
.m-display_ad.display-none {
  display: none;
}
.m-display_ad .adtxt {
  display: block;
  color: #999;
  font-size: 10px;
  padding: 3px 0 0;
}
.m-person {
  display: block;
  align-items: center;
  width: 320px;
}
.m-person h3 {
  margin-bottom: 0!important;
  margin-top: 20px !important;
  font-size: 1.4em!important;
  color: #000000 !important;
}
.m-person .person-img {
  display: none;
  width: 100px;
  height: 100px;
  flex-shrink: 0;
  margin-right: 20px;
  overflow: hidden;
}
.m-person .person-img img {
  display: block;
  width: 100%;
  border-radius: 50%;
}
.m-person .person-name {
  margin-bottom: 5px;
  font-size: 1.8em;
  font-weight: 300;
  color: #333;
}
.m-person .person-email {
  font-size: 1.4em;
  color: #ffa800;
  text-decoration: underline;
  transition: color .2s;
}
.m-person .person-email:hover {
  color: #1ed7b2;
}
.m-people {
  display: flex;
  /*justify-content: space-between;*/
  flex-wrap: wrap;
  margin: 10px -10px;
}
.m-people .m-person {
  margin: 10px;
}
.m-people.m-people-col-3 .m-person {
  flex: 1 0 calc(33% - 20px);
  max-width: calc(33% - 20px);
  width: 100%;
}
.m-people:last-of-type {
  margin-bottom: 40px;
}
.impressum-partners a:first-of-type {
  margin-right: 20px;
}
.impressum-partners img {
  max-height: 42px;
}
.page-bg--gray {
  background-color: #f1f1f1;
}
.page--allasposta .center--gray {
  background-color: #f1f1f1;
  box-shadow: none;
}
.page--allasposta .center--gray .top-description {
  text-align: center;
  margin-bottom: 50px;
}
.page--allasposta .center--gray .top-description h1 {
  text-transform: uppercase;
  color: #2b6281;
  font-size: 30px;
}
.page--allasposta .center--gray .top-description .icon-jobline-separator {
  color: #2b6281;
  font-size: 18px;
  margin-bottom: 20px;
}
.page--allasposta .center--gray .top-description p {
  font-size: 18px;
  color: #666;
  margin-bottom: 25px;
  padding: 0 190px;
  font-weight: 300;
}
.page--allasposta .center--gray .top-description p:last-of-type {
  margin-bottom: 0;
}
.page--allasposta .center--gray .whitebox {
  background: #fff;
  box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.08);
  margin-bottom: 30px;
  box-sizing: border-box;
  font-size: 16px;
  color: #666;
}
.page--allasposta .center--gray .whitebox .side--left {
  width: 350px;
  border-right: 1px solid #ccc;
  padding: 30px;
  float: left;
  box-sizing: border-box;
}
.page--allasposta .center--gray .whitebox .side--left h1 {
  font-size: 24px;
  margin-bottom: 10px;
  font-weight: 600;
}
.page--allasposta .center--gray .whitebox .side--right {
  width: 810px;
  padding: 30px;
  float: left;
  box-sizing: border-box;
}
.page--allasposta .center--gray .whitebox .side--right .l-input_holder {
  display: flex;
}
.page--allasposta .center--gray .whitebox .side--right .l-input_holder input[type='text'] {
  width: 615px;
  margin-right: 20px;
  margin-top: 5px;
  height: 46px;
  background: #eee;
  border: none;
}
.page--allasposta .center--gray .whitebox .side--right .l-checkbox_radio_list .gui-item label {
  display: inline-block;
}
.page--allasposta .center--gray .whitebox .side--right .scrolling-content {
  max-height: 350px;
  position: relative;
  overflow: hidden;
  overflow-y: scroll;
  width: 100%;
}
.page--allasposta .center--gray .whitebox .side--right .columned-list {
  -webkit-column-count: 2;
  /* Chrome, Safari, Opera */
  -moz-column-count: 2;
  /* Firefox */
  column-count: 2;
}
.page--allasposta .center--gray .whitebox .side--right .columned-list .gui-item {
  display: flex;
  align-items: center;
}
.page--allasposta .center--gray .whitebox.whitebox--szakterulet .side--right {
  height: 400px;
}
.page--allasposta .center--gray .whitebox.whitebox--tapasztalat .columned-list {
  max-height: 85px;
}
.page--allasposta .jstree-default .jstree-themeicon {
  display: none;
}
.page--allasposta .jstree-default ul .gui-item label {
  padding: 0;
}
.page--allasposta .jstree-default ul .gui-item label .text {
  margin-left: 20px;
}
.page--allasposta .jstree-default ul .jstree-icon,
.page--allasposta .jstree-default ul .jstree-node {
  background: transparent;
}
.page--allasposta .jstree-default ul .jstree-leaf label .text {
  margin-left: 0px;
}
.page--allasposta .jstree-default .jstree-node .jstree-ocl {
  width: 16px;
  height: 16px;
  border-radius: 3px;
  margin-top: 3px;
  background: #1abc9c;
  position: relative;
  position: absolute;
  left: 24px;
}
.page--allasposta .jstree-default .jstree-node .jstree-ocl:before {
  content: "+";
  color: #fff;
  font-style: normal;
  line-height: 16px;
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.page--allasposta .jstree-default .jstree-node .jstree-node .jstree-ocl {
  left: 47px;
}
.page--allasposta .jstree-default .jstree-node .jstree-node .jstree-node .jstree-ocl {
  left: 70px;
}
.page--allasposta .jstree-default .jstree-closed > .jstree-ocl {
  background: #1abc9c;
}
.page--allasposta .jstree-default .jstree-open > .jstree-ocl {
  background: #fe585e;
}
.page--allasposta .jstree-default .jstree-open > .jstree-ocl:before {
  content: "-";
  color: #fff;
  font-style: normal;
  line-height: 16px;
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
  font-weight: bold;
}
.page--allasposta .jstree-default .jstree-leaf > .jstree-ocl {
  display: none;
}
.page--allasposta .jstree-default .jstree-checkbox {
  display: none;
}
.page--allasposta .jstree-default .jstree-hovered {
  background: transparent !important;
  border: none !important;
}
.page--allasposta .scrollbar-outer {
  z-index: 0;
}
.page--allasposta .scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer {
  width: 10px;
  border-radius: 0;
}
.page--allasposta .scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer .scroll-element_track {
  border-radius: 0;
}
.page--allasposta .scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer .scroll-bar {
  border-radius: 0;
  background: #2b6281;
}
.page--allasposta .m-border-button {
  border: 1px solid #fe585e;
  color: #fe585e;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 46px;
  padding: 0 15px;
  box-sizing: border-box;
  font-size: 15px;
  text-align: center;
  font-weight: 300;
  transition: background .2s, border .2s, color .2s;
  background: transparent;
  border-radius: 4px;
}
.page--allasposta .m-border-button:hover {
  background: #fe585e;
  color: #fff;
}
.page--allasposta .search-status {
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
}
.page--allasposta .search-status .search-result-text {
  font-size: 18px;
  font-weight: 300;
  float: left;
  line-height: 46px;
}
.page--allasposta .search-status .search-result-text span {
  color: #1abc9c;
  font-size: 22px;
  font-weight: bold;
}
.page--allasposta .search-status .search-result-text + .m-border-button {
  float: right;
}
.page--allasposta .l-cta_button-holder .m-cv-button {
  height: 65px;
  padding: 0 25px;
  background: #2b6281;
  font-size: 20px;
}
.page--allasposta .l-cta_button-holder .m-cv-button:hover {
  background: #1abc9c;
}
.page--allasposta .whitebox .l-input_row .l-select.gray {
  width: 340px;
  margin: 10px 0;
}
.page--allasposta .whitebox .l-input_row .l-select.gray:after {
  border-top-color: #666;
}
.page--allasposta .whitebox .l-input_row .l-select.gray select {
  background: #eee;
  border: none;
}
.page--allasposta .whitebox .l-input_row .l-select.gray + .gray {
  margin-left: 25px;
}
.page--allasposta .whitebox .l-input_row .row-delete {
  background: #fe585e;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  display: block;
  margin: 0;
  cursor: pointer;
  position: absolute;
  right: 0px;
}
.page--allasposta .whitebox .l-input_row .row-delete:before {
  display: block;
  padding-left: 1px;
  content: "+";
  font-size: 20px;
  text-align: center;
  line-height: 20px;
  width: 100%;
  transform: rotate(45deg) scale(1);
  color: #fff;
  font-weight: 300;
  transition: all linear 100ms;
}
.page--allasposta .whitebox .l-input_row .row-delete + .l-input_holder {
  margin-left: 0;
}
.page--allasposta .whitebox .l-input_row .row-delete:hover + .l-input_holder .l-select.gray select {
  transition: background 200ms linear;
  background: rgba(254, 88, 94, 0.4);
}
.page--allasposta .whitebox .l-input_row:nth-of-type(1) .row-delete {
  display: none;
}
.page--allasposta.page--advanced-search .tag,
.page--allasposta.page--allasposta__edit .tag {
  display: inline-block;
  background: #1abc9c;
  color: #ffffff;
  padding: 3px 8px;
  border-radius: 10px;
  margin: 0px 4px 5px 0px;
  position: relative;
  padding-right: 4px;
  word-break: break-word;
}
.page--allasposta.page--advanced-search .tag .close-tag,
.page--allasposta.page--allasposta__edit .tag .close-tag {
  display: flex;
  float: right;
  margin-left: 5px;
  align-items: center;
  background: rgba(0, 0, 0, 0.05);
  width: 20px;
  height: 20px;
  text-align: center;
  justify-content: center;
  border-radius: 50%;
  font-size: .7em;
  font-weight: bold;
  font-family: 'Roboto', sans-serif;
  cursor: pointer;
}
.simple-modal--background {
  background: rgba(0, 0, 0, 0.7);
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 1000;
  display: none;
}
.simple-modal--background .simple-modal {
  background: #f1f1f1;
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.6) 2px 2px 8px;
  width: 450px;
  padding: 30px;
  position: absolute;
  left: 50%;
  margin-left: -225px;
  top: 20%;
  box-sizing: border-box;
  display: none;
}
.simple-modal--background .simple-modal p {
  color: #666666;
  margin-bottom: 20px;
  font-size: 14px;
  font-weight: 300;
}
.simple-modal--background .simple-modal p:last-of-type {
  margin: 0;
}
.simple-modal--background .simple-modal .m-cv-button {
  text-transform: none;
  width: 110px;
  text-align: center;
  margin: 0 10px;
}
.simple-modal--background .simple-modal .m-cv-button:hover {
  background: rgba(26, 188, 156, 0.8);
}
.simple-modal--background .simple-modal .m-cv-button.yellow {
  background: #ffa800;
}
.simple-modal--background .simple-modal .m-cv-button.yellow:hover {
  background: rgba(255, 168, 0, 0.8);
}
.simple-modal--background .simple-modal .m-cv-button.red {
  background: #fe585e;
}
.simple-modal--background .simple-modal .m-cv-button.red:hover {
  background: rgba(254, 88, 94, 0.8);
}
.page-bg--gray {
  background-color: #f1f1f1;
}
.page--allasposta {
  margin-top: 80px;
  margin-top: var(--navigation-height);
  /*icon a js-tree helyett*/
}
.page--allasposta .center--gray {
  background-color: #f1f1f1;
  box-shadow: none;
}
.page--allasposta .center--gray .top-description {
  text-align: center;
  margin-bottom: 50px;
}
.page--allasposta .center--gray .top-description h1 {
  text-transform: uppercase;
  color: #2b6281;
  font-size: 30px;
}
.page--allasposta .center--gray .top-description .icon-jobline-separator {
  color: #2b6281;
  font-size: 18px;
  margin-bottom: 20px;
}
.page--allasposta .center--gray .top-description p {
  font-size: 18px;
  color: #666;
  margin-bottom: 25px;
  padding: 0 190px;
  font-weight: 300;
}
.page--allasposta .center--gray .top-description p:last-of-type {
  margin-bottom: 0;
}
.page--allasposta .center--gray .advanced-search__toggle-list {
  display: inline-block;
  width: 18px;
  height: 18px;
  border-radius: 3px;
  margin-top: 2px;
  background: #1abc9c;
  position: relative;
  transition: all .4s;
}
.page--allasposta .center--gray .advanced-search__toggle-list:before {
  content: "+";
  color: #fff;
  font-style: normal;
  font-size: 20px;
  line-height: 19px;
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
  cursor: pointer;
}
.page--allasposta .center--gray .whitebox {
  background: #fff;
  box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.08);
  margin-bottom: 30px;
  box-sizing: border-box;
  font-size: 16px;
  color: #666;
  position: relative;
}
.page--allasposta .center--gray .whitebox .side--left {
  width: 350px;
  border-right: 1px solid #ccc;
  padding: 30px;
  float: left;
  box-sizing: border-box;
}
.page--allasposta .center--gray .whitebox .side--left h1 {
  font-size: 24px;
  margin-bottom: 10px;
  font-weight: 600;
}
.page--allasposta .center--gray .whitebox .side--right {
  width: 810px;
  /*max-height: 400px;*/
  padding: 30px;
  float: left;
  box-sizing: border-box;
}
.page--allasposta .center--gray .whitebox .side--right .search-subtitle {
  font-family: 'Montserrat', sans-serif;
  font-size: 1em;
  margin-bottom: 5px;
}
.page--allasposta .center--gray .whitebox .side--right .m-cv-button {
  cursor: pointer;
}
.page--allasposta .center--gray .whitebox .side--right .toggle-content {
  width: 100%;
  display: block;
  text-align: right;
  margin-top: 10px;
}
.page--allasposta .center--gray .whitebox .side--right .l-input_holder {
  display: flex;
}
.page--allasposta .center--gray .whitebox .side--right .l-input_holder input[type='text'] {
  width: 100%;
  margin-top: 5px;
  height: 46px;
  background: #eee;
  border: none;
}
.page--allasposta .center--gray .whitebox .side--right .l-checkbox_radio_list .gui-item label {
  display: inline-block;
}
.page--allasposta .center--gray .whitebox .side--right .scrolling-content.open {
  max-height: 100000px !important;
}
.page--allasposta .center--gray .whitebox .side--right .scrolling-content .l-input_row {
  max-height: 350px;
}
.page--allasposta .center--gray .whitebox .side--right .columned-list {
  -webkit-column-count: 2;
  /* Chrome, Safari, Opera */
  -moz-column-count: 2;
  /* Firefox */
  column-count: 2;
}
.page--allasposta .center--gray .whitebox .side--right .columned-list .gui-item {
  display: flex;
  align-items: center;
}
.page--allasposta .center--gray .whitebox .side--right.language-select-block .l-checkbox_radio_list {
  width: 48%;
  display: inline-block;
  float: left;
}
.page--allasposta .center--gray .whitebox .side--right.language-select-block #languageBox {
  width: 48%;
  float: right;
  margin-right: 2%;
}
.page--allasposta .center--gray .whitebox .side--right.language-select-block .m-cv-button-holder {
  width: 98%;
  margin-right: 2%;
  text-align: right;
}
.page--allasposta .center--gray .whitebox .side--right .side--right_flex {
  display: flex;
  flex-wrap: wrap;
  margin-top: 15px;
}
.page--allasposta .center--gray .whitebox .side--right .side--right_flex .side--right_flex_item {
  flex: 0 0 auto;
  margin-right: 20px;
}
.page--allasposta .center--gray .whitebox .side--right .side--right_flex .side--right_flex_item .l-checkbox_radio_list.l-checkbox_radio_list-flex {
  padding: 0;
}
.page--allasposta .center--gray .whitebox .side--right .side--right_flex .side--right_flex_item .styled-checkbox,
.page--allasposta .center--gray .whitebox .side--right .side--right_flex .side--right_flex_item .styled-radio {
  margin-right: 10px;
}
.page--allasposta .center--gray .whitebox .toggle-whitebox {
  position: absolute;
  right: 5px;
  top: 5px;
  transform: rotate(90deg);
  display: block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 2em;
  cursor: pointer;
  color: #2b6281;
  transition: all 0.4s ease-in-out;
}
.page--allasposta .center--gray .whitebox .toggle-whitebox.close {
  transform: rotate(270deg);
}
.page--allasposta .center--gray .whitebox.close .side--left p,
.page--allasposta .center--gray .whitebox.close .side--right {
  display: none;
}
.page--allasposta .center--gray .whitebox.whitebox--tapasztalat .columned-list {
  max-height: 85px;
}
.page--allasposta .center--gray .whitebox .error {
  color: #fe585e;
  font-size: .9em;
  padding-top: 5px;
}
.page--allasposta .center--gray .whitebox--szakterulet .side--right,
.page--allasposta .center--gray .whitebox--hely .side--right {
  width: 810px;
  height: auto !important;
  min-height: 400px;
  max-height: none;
  padding: 30px;
  padding-bottom: 15px;
}
.page--allasposta ul {
  text-align: left;
}
.page--allasposta ul .gui-item label {
  padding: 0;
  position: relative;
  left: 25px;
}
.page--allasposta ul .gui-item label .text {
  margin-left: 0px;
}
.page--allasposta ul .gui-item label input[type="checkbox"] + span {
  margin-right: 0;
}
.page--allasposta ul .gui-item ul {
  margin-left: 0px;
  list-style-type: none;
  margin-top: 5px;
  display: none;
  /*overflow-y: hidden;
	            max-height: 1500px; 
	            transition-property: all;
	            transition-duration: .5s;
	            transition-timing-function: cubic-bezier(0, 1, 0.5, 1);*/
}
.page--allasposta ul .gui-item ul li {
  min-height: 24px;
  line-height: 24px;
  margin-left: 18px;
  min-width: 24px;
}
.page--allasposta ul .gui-item .advanced-search__toggle-list {
  position: absolute;
  z-index: 20;
  left: 0px;
}
.page--allasposta ul .gui-item .advanced-search__toggle-list.close {
  background: #fe585e;
}
.page--allasposta ul .gui-item .advanced-search__toggle-list.close:before {
  content: '-';
}
.page--allasposta .jstree-default .jstree-themeicon {
  display: none;
}
.page--allasposta .jstree-default ul {
  text-align: left;
}
.page--allasposta .jstree-default ul .gui-item label {
  padding: 0;
}
.page--allasposta .jstree-default ul .gui-item label .text {
  margin-left: 18px;
}
.page--allasposta .jstree-default ul .jstree-icon,
.page--allasposta .jstree-default ul .jstree-node {
  background: transparent;
}
.page--allasposta .jstree-default ul .jstree-leaf label .text {
  margin-left: 0px;
}
.page--allasposta .jstree-default .jstree-node .jstree-ocl {
  width: 16px;
  height: 16px;
  border-radius: 3px;
  margin-top: 3px;
  background: #1abc9c;
  position: relative;
  position: absolute;
  left: 22px;
}
.page--allasposta .jstree-default .jstree-node .jstree-ocl:before {
  content: "+";
  color: #fff;
  font-style: normal;
  line-height: 16px;
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.page--allasposta .jstree-default .jstree-node .jstree-node .jstree-ocl {
  left: 45px;
}
.page--allasposta .jstree-default .jstree-node .jstree-node .jstree-node .jstree-ocl {
  left: 68px;
}
.page--allasposta .jstree-default .jstree-closed > .jstree-ocl {
  background: #1abc9c;
}
.page--allasposta .jstree-default .jstree-open > .jstree-ocl {
  background: #fe585e;
}
.page--allasposta .jstree-default .jstree-open > .jstree-ocl:before {
  content: "-";
  color: #fff;
  font-style: normal;
  line-height: 16px;
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
  font-weight: bold;
}
.page--allasposta .jstree-default .jstree-leaf > .jstree-ocl {
  display: none;
}
.page--allasposta .jstree-default .jstree-checkbox {
  display: none;
}
.page--allasposta .jstree-default .jstree-hovered {
  background: transparent !important;
  border: none !important;
}
.page--allasposta .scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer {
  width: 10px;
  border-radius: 0;
}
.page--allasposta .scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer .scroll-element_track {
  border-radius: 0;
}
.page--allasposta .scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer .scroll-bar {
  border-radius: 0;
  background: #2b6281;
}
.page--allasposta .m-border-button {
  border: 1px solid #fe585e;
  color: #fe585e;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 46px;
  padding: 0 15px;
  box-sizing: border-box;
  font-size: 15px;
  text-align: center;
  font-weight: 300;
  transition: background .2s, border .2s, color .2s;
  background: transparent;
  border-radius: 4px;
}
.page--allasposta .m-border-button:hover {
  background: #fe585e;
  color: #fff;
}
.page--allasposta .search-status {
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 15px;
  background: #ffffff;
}
.page--allasposta .search-status .search-result-text {
  font-size: 18px;
  font-weight: 300;
  float: left;
  line-height: 46px;
}
.page--allasposta .search-status .search-result-text .adv-count-wrapper {
  cursor: pointer;
  position: relative;
}
.page--allasposta .search-status .search-result-text .adv-count-wrapper span {
  display: inline-block;
  background: #fafafa;
  font-size: 22px;
  font-weight: bold;
  color: #1abc9c;
  position: relative;
  padding: 0px 15px;
  margin: 0 5px;
  line-height: 30px;
  text-shadow: rgba(255, 255, 255, 0.3) 1px 1px 1px;
  box-shadow: inset 0px -2px 3px 0px rgba(0, 0, 0, 0.05);
  border-bottom: 2px solid #1abc9c;
  transition: all 1s ease-in-out;
}
.page--allasposta .search-status .search-result-text .adv-count-wrapper span.nullResult {
  background: #fe585e;
  border-bottom: 2px solid  #fe585e;
  color: #ffffff;
}
.page--allasposta .search-status .search-result-text + .m-border-button {
  float: right;
  cursor: pointer;
}
.page--allasposta .l-cta_button-holder .m-cv-button {
  height: 65px;
  padding: 0 25px;
  background: #2b6281;
  font-size: 20px;
}
.page--allasposta .l-cta_button-holder .m-cv-button:hover {
  background: #1abc9c;
}
.page--allasposta.page--allasposta-attekinto .center--gray .top-description {
  margin-bottom: 60px;
}
.page--allasposta .show-this {
  display: none;
}
.page--allasposta .hide-this {
  position: relative;
}
.page--allasposta .whitebox {
  display: flex;
  flex-direction: row;
}
.page--allasposta .whitebox .l-input_row .l-select.gray {
  width: 100%;
  margin: 10px 0;
}
.page--allasposta .whitebox .l-input_row .l-select.gray:after {
  border-top-color: #666;
}
.page--allasposta .whitebox .l-input_row .l-select.gray select {
  background: #eee;
  border: none;
}
.page--allasposta .whitebox .l-input_row .l-select.gray + .gray {
  margin-left: 25px;
}
.page--allasposta .whitebox .l-input_row .row-delete {
  background: #fe585e;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  display: block;
  margin: 0;
  cursor: pointer;
  position: absolute;
  right: -30px;
}
.page--allasposta .whitebox .l-input_row .row-delete:before {
  display: block;
  padding-left: 1px;
  content: "+";
  font-size: 20px;
  text-align: center;
  line-height: 20px;
  width: 100%;
  transform: rotate(45deg) scale(1);
  color: #fff;
  font-weight: 300;
  transition: all linear 100ms;
}
.page--allasposta .whitebox .l-input_row .row-delete + .l-input_holder {
  margin-left: 0;
}
.page--allasposta .whitebox .l-input_row .row-delete:hover + .l-input_holder .l-select.gray select {
  transition: background 200ms linear;
  background: rgba(254, 88, 94, 0.4);
}
.page--allasposta .whitebox .l-input_row:nth-of-type(1) .row-delete {
  display: none;
}
.page--allasposta .whitebox.whitebox--one-column {
  flex-direction: column;
}
.page--allasposta .whitebox.whitebox--one-column:first-of-type {
  position: relative;
}
.page--allasposta .whitebox.whitebox--one-column:first-of-type:before {
  content: "";
  border-top: 1px solid #ccc;
  width: 1160px;
  position: absolute;
  top: -30px;
}
.page--allasposta .whitebox.whitebox--one-column .box--left {
  float: left;
  width: 700px;
  margin-right: 15px;
}
.page--allasposta .whitebox.whitebox--one-column .box--right {
  float: right;
  text-align: right;
  width: 385px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.page--allasposta .whitebox.whitebox--one-column .box--header {
  display: flex;
  padding: 25px 30px;
}
.page--allasposta .whitebox.whitebox--one-column .box--header h1 {
  float: left;
  width: auto;
  width: calc(100% - 130px);
  margin: 0 30px 0 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 24px;
  line-height: 44px;
  display: flex;
}
.page--allasposta .whitebox.whitebox--one-column .box--header h1 .jobletter-number {
  display: inline-block;
  padding-right: 5px;
}
.page--allasposta .whitebox.whitebox--one-column .box--header h1 .editable_text {
  width: calc(100% - 20px);
  padding: 0px;
  border: 1px solid #ffffff;
  border-bottom: 1px dashed #e8e8e8;
  display: inline-block;
}
.page--allasposta .whitebox.whitebox--one-column .box--header h1 .editable_text:hover {
  border: 1px solid #d8d8d8;
}
.page--allasposta .whitebox.whitebox--one-column .box--header h1 .no_edit {
  padding: 0 10px;
  position: relative;
  overflow: hidden;
}
.page--allasposta .whitebox.whitebox--one-column .box--header h1 .no_edit .i_text {
  overflow: hidden;
  max-width: 100%;
  display: inline-block;
  line-height: 100%;
  margin-bottom: -4px;
}
.page--allasposta .whitebox.whitebox--one-column .box--header h1 .outside_btncontainer {
  position: absolute;
  right: 0px;
  padding-left: 30px;
  background: rgba(255, 255, 255, 0);
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 34%, #ffffff 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(34%, #ffffff), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 34%, #ffffff 100%);
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 34%, #ffffff 100%);
  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 34%, #ffffff 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 34%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
}
.page--allasposta .whitebox.whitebox--one-column .box--header h1 .just_edit {
  float: left;
  position: absolute;
  width: calc(100% - 80px);
  z-index: 20;
  background: #ffffff;
  top: 0px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  opacity: 0;
  transition: all 0.1s ease-in-out;
  pointer-events: none;
}
.page--allasposta .whitebox.whitebox--one-column .box--header h1 .just_edit.show_edit {
  pointer-events: all;
  top: 20px;
  opacity: 1;
}
.page--allasposta .whitebox.whitebox--one-column .box--header h1 .just_edit .input-group {
  width: 100% !important;
}
.page--allasposta .whitebox.whitebox--one-column .box--header h1 .just_edit .input-group input {
  width: 100%;
  padding: 5px 10px;
}
.page--allasposta .whitebox.whitebox--one-column .box--header h1 .just_edit .ibtn_container {
  width: 100%;
  text-align: left;
  padding: 0 10px;
  display: inline-block;
}
.page--allasposta .whitebox.whitebox--one-column .box--header h1 .just_edit .ibtn_container .i_ok,
.page--allasposta .whitebox.whitebox--one-column .box--header h1 .just_edit .ibtn_container .i_cancel {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0px 15px;
  color: #ffffff;
  margin: 5px 0;
  background: #f4f4f4;
  border-radius: 2px;
}
.page--allasposta .whitebox.whitebox--one-column .box--header h1 .just_edit .ibtn_container .i_ok {
  background: #1abc9c;
}
.page--allasposta .whitebox.whitebox--one-column .box--header h1 .just_edit .ibtn_container .i_cancel {
  background: #fe585e;
}
.page--allasposta .whitebox.whitebox--one-column .box--header .results {
  color: #ffa800;
  float: left;
  width: 100px;
  display: block;
  margin-top: 8px;
  line-height: 36px;
}
.page--allasposta .whitebox.whitebox--one-column .box--header .refresh-rate .l-select {
  margin: 0 0 0 40px;
}
.page--allasposta .whitebox.whitebox--one-column .box--bottom {
  display: flex;
  padding: 25px 30px;
}
.page--allasposta .whitebox.whitebox--one-column .box--bottom .lastMod {
  font-size: 18px;
  line-height: 46px;
  color: #ccc;
}
.page--allasposta .whitebox.whitebox--one-column .box--bottom .lastMod span {
  color: #2b6281;
}
.page--allasposta .whitebox.whitebox--one-column .box--bottom .box--right .l-cta_button {
  margin-left: 20px;
  cursor: pointer;
}
.page--allasposta .whitebox.whitebox--one-column .box--bottom .box--right .delete {
  color: #fe585e;
  cursor: pointer;
}
.page--allasposta .whitebox.whitebox--one-column .tags {
  display: flex;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 25px 22px 10px 22px;
  flex-wrap: wrap;
}
.page--allasposta .whitebox.whitebox--one-column .tags .tag {
  padding: 10px 10px;
  font-size: 16px;
  color: #666;
  border: 1px solid #ccc;
  border-radius: 5px;
  display: inline-block;
  margin: 0px 8px 15px 8px;
  white-space: nowrap;
}
.page--allasposta .whitebox .wage-holder {
  display: flex;
  align-items: center;
}
.page--allasposta .whitebox .wage-holder .l-input,
.page--allasposta .whitebox .wage-holder span {
  margin-right: 10px !important;
}
.page--allasposta .whitebox .wage-holder .l-input.large,
.page--allasposta .whitebox .wage-holder .l-select.large {
  width: auto;
  min-width: 100px;
  margin: 0;
}
.page--allasposta .whitebox .wage-holder .l-input {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.page--allasposta .whitebox .wage-holder .l-select.gray select {
  background: #eee;
  border: none;
  margin-top: 0px;
  height: 46px;
}
.page--allasposta .message--after-save {
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  margin: 30px 0;
  padding: 10px;
  display: none;
}
.page--allasposta .message--after-save.show {
  display: block;
}
.page--allasposta .message--after-save.done {
  background: #1abc9c;
}
.page--allasposta .message--after-save.error {
  background: #fe585e;
}
.page--allasposta .search-status {
  display: flex;
  align-items: center;
  transition: all .4s;
}
.page--allasposta .search-status div {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 25%;
}
.page--allasposta .search-status div:first-of-type {
  flex-basis: 50%;
}
.page--allasposta .search-status div.l-cta_button-holder {
  margin-top: 0;
}
.page--allasposta .search-status div.l-cta_button-holder .m-cv-button {
  height: 46px;
  width: 100%;
  font-size: 1.2em;
}
.page--allasposta .search-status div .m-border-button {
  cursor: pointer;
  position: relative;
}
.page--allasposta .search-status div .m-border-button:before {
  content: 'X';
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  padding-top: 2px;
  margin-right: 5px;
}
.page--allasposta .stickySearchStatus {
  transition: all .4s;
}
.page--allasposta .stickySearchStatus.fixed {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: 0;
  background: #ffffff;
  z-index: 9;
  box-shadow: 0 -3px 6px rgba(0, 0, 0, 0.1);
  border: none;
}
.page--allasposta .stickySearchStatus.fixed .search-status {
  border: none;
}
.page--allasposta .stickySearchStatus .search-status {
  max-width: 1160px;
  margin: 0 auto;
  padding: 15px;
}
.simple-modal--background {
  background: rgba(0, 0, 0, 0.7);
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 1000;
  display: none;
}
.simple-modal--background .simple-modal {
  background: #f1f1f1;
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.6) 2px 2px 8px;
  width: 450px;
  padding: 30px;
  position: absolute;
  left: 50%;
  margin-left: -225px;
  top: 20%;
  box-sizing: border-box;
  display: none;
}
.simple-modal--background .simple-modal p {
  color: #666666;
  margin-bottom: 20px;
  font-size: 14px;
  font-weight: 300;
}
.simple-modal--background .simple-modal p:last-of-type {
  margin: 0;
}
.simple-modal--background .simple-modal .m-cv-button {
  text-transform: none;
  width: 110px;
  text-align: center;
  margin: 0 10px;
}
.simple-modal--background .simple-modal .m-cv-button:hover {
  background: rgba(26, 188, 156, 0.8);
}
.simple-modal--background .simple-modal .m-cv-button.yellow {
  background: #ffa800;
}
.simple-modal--background .simple-modal .m-cv-button.yellow:hover {
  background: rgba(255, 168, 0, 0.8);
}
.simple-modal--background .simple-modal .m-cv-button.red {
  background: #fe585e;
}
.simple-modal--background .simple-modal .m-cv-button.red:hover {
  background: rgba(254, 88, 94, 0.8);
}
/*custom checkboxes*/
.styled-checkbox,
.styled-radio {
  display: inline-block;
  width: 31%;
  margin-right: 1%;
  height: 100%;
  text-align: center;
  cursor: pointer;
  /* unchecked icon */
  /* space between checkbox and label */
  /* checked icon */
  /* allow space for check mark */
}
.styled-checkbox input[type=checkbox],
.styled-radio input[type=checkbox],
.styled-checkbox input[type=radio],
.styled-radio input[type=radio] {
  display: none;
}
.styled-checkbox label,
.styled-radio label {
  transition: all 0.2s ease-in-out;
  background: #f4f4f4;
  display: inline-block;
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
}
.styled-checkbox label:hover,
.styled-radio label:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.styled-checkbox input[type=checkbox] + label:before,
.styled-radio input[type=checkbox] + label:before,
.styled-checkbox input[type=radio] + label:before,
.styled-radio input[type=radio] + label:before {
  display: inline-block;
}
.styled-checkbox input[type=checkbox]:checked + label,
.styled-radio input[type=checkbox]:checked + label,
.styled-checkbox input[type=radio]:checked + label,
.styled-radio input[type=radio]:checked + label {
  background: #1ed7b2;
  color: #ffffff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.styled-checkbox input[type=checkbox]:checked + label:before,
.styled-radio input[type=checkbox]:checked + label:before,
.styled-checkbox input[type=radio]:checked + label:before,
.styled-radio input[type=radio]:checked + label:before {
  letter-spacing: 5px;
}
.styled-checkbox.vegzettseg label,
.styled-radio.vegzettseg label {
  padding-top: 85px;
  padding-bottom: 15px;
  position: relative;
  height: 100%;
}
.styled-checkbox.vegzettseg label:before,
.styled-radio.vegzettseg label:before {
  content: '';
  width: 100px;
  height: 100px;
  overflow: hidden;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -50px;
  background-image: url(/Content/images/icon-vegzettseg-sprite.png);
  background-size: 500%;
  background-position: 0 0;
  transition: all 0.3s ease-in-out;
}
.styled-checkbox.vegzettseg label[for=vegzettseg_74]:before,
.styled-radio.vegzettseg label[for=vegzettseg_74]:before {
  background-position: 0 0;
}
.styled-checkbox.vegzettseg label[for=vegzettseg_75]:before,
.styled-radio.vegzettseg label[for=vegzettseg_75]:before {
  background-position: 25% 0;
}
.styled-checkbox.vegzettseg label[for=vegzettseg_76]:before,
.styled-radio.vegzettseg label[for=vegzettseg_76]:before {
  background-position: 50% 0;
}
.styled-checkbox.vegzettseg label[for=vegzettseg_202940]:before,
.styled-radio.vegzettseg label[for=vegzettseg_202940]:before {
  background-position: 100% 0;
}
.styled-checkbox.vegzettseg label[for=vegzettseg_202941]:before,
.styled-radio.vegzettseg label[for=vegzettseg_202941]:before {
  background-position: 75% 0;
}
.styled-checkbox.vegzettseg input[type=checkbox]:checked + label[for=vegzettseg_74]:before,
.styled-radio.vegzettseg input[type=checkbox]:checked + label[for=vegzettseg_74]:before {
  background-position: 0 100%;
}
.styled-checkbox.vegzettseg input[type=checkbox]:checked + label[for=vegzettseg_75]:before,
.styled-radio.vegzettseg input[type=checkbox]:checked + label[for=vegzettseg_75]:before {
  background-position: 25% 100%;
}
.styled-checkbox.vegzettseg input[type=checkbox]:checked + label[for=vegzettseg_76]:before,
.styled-radio.vegzettseg input[type=checkbox]:checked + label[for=vegzettseg_76]:before {
  background-position: 50% 100%;
}
.styled-checkbox.vegzettseg input[type=checkbox]:checked + label[for=vegzettseg_202940]:before,
.styled-radio.vegzettseg input[type=checkbox]:checked + label[for=vegzettseg_202940]:before {
  background-position: 100% 100%;
}
.styled-checkbox.vegzettseg input[type=checkbox]:checked + label[for=vegzettseg_202941]:before,
.styled-radio.vegzettseg input[type=checkbox]:checked + label[for=vegzettseg_202941]:before {
  background-position: 75% 100%;
}
.l-checkbox_radio_list-inline .styled-checkbox {
  width: auto;
}
.l-checkbox_radio_list-inline .styled-checkbox label,
.l-checkbox_radio_list-inline .styled-checkbox label.l-radio,
.l-checkbox_radio_list-inline .styled-checkbox label.l-checkbox {
  padding: 10px 20px;
  border-radius: 4px;
}
.l-checkbox_radio_list-inline .styled-checkbox label .text,
.l-checkbox_radio_list-inline .styled-checkbox label.l-radio .text,
.l-checkbox_radio_list-inline .styled-checkbox label.l-checkbox .text {
  margin-left: 0;
}
.shake-horizontal {
  display: inline-block;
  transform-origin: center center;
  animation-name: shake-horizontal;
  animation-duration: 1000ms;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}
@keyframes shake-horizontal {
  2% {
    transform: translate(-4px, 0) rotate(0);
  }
  4% {
    transform: translate(7px, 0) rotate(0);
  }
  6% {
    transform: translate(-3px, 0) rotate(0);
  }
  8% {
    transform: translate(-7px, 0) rotate(0);
  }
  10% {
    transform: translate(3px, 0) rotate(0);
  }
  12% {
    transform: translate(-9px, 0) rotate(0);
  }
  14% {
    transform: translate(-1px, 0) rotate(0);
  }
  16% {
    transform: translate(7px, 0) rotate(0);
  }
  18% {
    transform: translate(-3px, 0) rotate(0);
  }
  20% {
    transform: translate(10px, 0) rotate(0);
  }
  22% {
    transform: translate(8px, 0) rotate(0);
  }
  24% {
    transform: translate(7px, 0) rotate(0);
  }
  26% {
    transform: translate(4px, 0) rotate(0);
  }
  28% {
    transform: translate(7px, 0) rotate(0);
  }
  30% {
    transform: translate(9px, 0) rotate(0);
  }
  32% {
    transform: translate(4px, 0) rotate(0);
  }
  34% {
    transform: translate(2px, 0) rotate(0);
  }
  36% {
    transform: translate(-2px, 0) rotate(0);
  }
  38% {
    transform: translate(-2px, 0) rotate(0);
  }
  40% {
    transform: translate(0px, 0) rotate(0);
  }
  42% {
    transform: translate(-3px, 0) rotate(0);
  }
  44% {
    transform: translate(1px, 0) rotate(0);
  }
  46% {
    transform: translate(-4px, 0) rotate(0);
  }
  48% {
    transform: translate(-7px, 0) rotate(0);
  }
  50% {
    transform: translate(4px, 0) rotate(0);
  }
  52% {
    transform: translate(-5px, 0) rotate(0);
  }
  54% {
    transform: translate(-2px, 0) rotate(0);
  }
  56% {
    transform: translate(-6px, 0) rotate(0);
  }
  58% {
    transform: translate(7px, 0) rotate(0);
  }
  60% {
    transform: translate(2px, 0) rotate(0);
  }
  62% {
    transform: translate(10px, 0) rotate(0);
  }
  64% {
    transform: translate(-7px, 0) rotate(0);
  }
  66% {
    transform: translate(-6px, 0) rotate(0);
  }
  68% {
    transform: translate(2px, 0) rotate(0);
  }
  70% {
    transform: translate(2px, 0) rotate(0);
  }
  72% {
    transform: translate(5px, 0) rotate(0);
  }
  74% {
    transform: translate(-8px, 0) rotate(0);
  }
  76% {
    transform: translate(2px, 0) rotate(0);
  }
  78% {
    transform: translate(-1px, 0) rotate(0);
  }
  80% {
    transform: translate(-8px, 0) rotate(0);
  }
  82% {
    transform: translate(3px, 0) rotate(0);
  }
  84% {
    transform: translate(-8px, 0) rotate(0);
  }
  86% {
    transform: translate(6px, 0) rotate(0);
  }
  88% {
    transform: translate(5px, 0) rotate(0);
  }
  90% {
    transform: translate(5px, 0) rotate(0);
  }
  92% {
    transform: translate(-2px, 0) rotate(0);
  }
  94% {
    transform: translate(4px, 0) rotate(0);
  }
  96% {
    transform: translate(-2px, 0) rotate(0);
  }
  98% {
    transform: translate(-4px, 0) rotate(0);
  }
  0%,
  100% {
    transform: translate(0, 0) rotate(0);
  }
}
.m-job_item {
  display: flex;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  padding: 20px;
  margin: 15px 0;
  font-size: 10px;
  background: #ffffff;
  border-top: 1px solid #eaeaea;
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.07);
  transition: all 0.2s ease-in-out;
}
.m-job_item:hover {
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.3);
}
.m-job_item.no-flex {
  display: block;
}
.m-job_item:first-child,
.m-job_item:first-of-type {
  border-top: 0;
}
.m-job_item.top1 + .m-job_item,
.m-job_item.top5 + .m-job_item,
.m-job_item.highlight + .m-job_item {
  border-top: 0;
}
.m-job_item > * {
  position: relative;
}
.m-job_item.shadow {
  box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.06);
  padding-left: 62px;
  padding-right: 62px;
}
.m-job_item.top1:before,
.m-job_item.top5:before,
.m-job_item.highlight:before {
  display: block;
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  /*padding: 0 25px;
			margin: 0 -25px;*/
  border-radius: 4px;
}
.m-job_item.highlight .job-info .job-company {
  color: #fff;
}
.m-job_item.highlight .job-title {
  color: #fff;
}
.m-job_item.highlight .job-img {
  border-color: #fff;
}
.m-job_item.highlight .l-label_button {
  color: #fff;
  border-color: #fff;
}
.m-job_item.highlight .job-description {
  color: #ffffff;
}
.m-job_item.top1:before {
  border: 6px solid #ff6325;
  margin-top: -6px;
  left: -6px;
}
.m-job_item.top5:before {
  border: 3px solid #ffb200;
  margin-top: -3px;
  left: -3px;
}
.m-job_item.highlight-blue:before {
  background: #2b6281;
}
.m-job_item.highlight-red:before {
  background: #d01342;
}
.m-job_item.highlight-purple:before {
  background: #8d2a90;
}
.m-job_item.highlight-green:before {
  background: #00973f;
}
.m-job_item.highlight-yellow:before {
  background: #ffb200;
}
.m-job_item .job-img {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  width: 120px;
  height: 120px;
  margin-right: 35px;
}
.m-job_item .job-img img {
  display: block;
  width: 100%;
}
.m-job_item .job-img img.jl_default_img {
  opacity: .5;
}
.m-job_item .job-info {
  display: flex;
  margin-bottom: 12px;
}
.m-job_item .job-info .job-company {
  display: inline-block;
  font-size: 1.5em;
  color: #767676;
  font-weight: normal;
  text-transform: uppercase;
  margin-right: 80px;
}
.m-job_item .job-info a.job-company:hover {
  text-decoration: underline;
}
.m-job_item .job-info .l-rating {
  margin-right: 20px;
  display: none;
}
.m-job_item .job-info .job-apply_date {
  color: #767676;
  font-size: 15px;
  text-transform: uppercase;
}
.m-job_item .job-main {
  width: 100%;
  margin-bottom: 0px;
}
.m-job_item .job-title {
  display: inline-block;
  margin-right: 20px;
  margin-right: 60px;
  margin-bottom: 5px;
  font-family: 'Montserrat', sans-serif;
  font-size: 2.6em;
  color: #2b6281;
  font-weight: bold;
  vertical-align: middle;
}
.m-job_item .job-title a:hover {
  text-decoration: underline;
}
.m-job_item .job-title .mark {
  padding: 0 5px;
  background: #1ed7b2;
  color: #fff;
}
.m-job_item .job-description {
  font-size: 13px;
  color: rgba(6, 6, 6, 0.58);
  margin-bottom: 10px;
}
.m-job_item .job-description:empty {
  display: none;
}
.m-job_item div.job-description {
  font-size: 14px;
  margin: 10px 0;
}
.m-job_item .job-price {
  font-size: 14px;
  color: #333333;
  margin-bottom: 10px;
}
.m-job_item .job-expired-text {
  display: inline-block;
  font-family: 'Montserrat', sans-serif;
  font-size: 1.8em;
  color: #fe585e;
  font-weight: bold;
  vertical-align: middle;
  width: 100%;
  margin-bottom: 10px;
}
.m-job_item.job-expired {
  background: #ececec;
  box-shadow: none;
}
.m-job_item .job-labels {
  margin: 0 -1px;
}
.m-job_item .job-labels h4 {
  display: inline;
}
.m-job_item .job-actions {
  display: flex;
  position: absolute;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  box-sizing: content-box;
  left: 0;
  top: 0;
  background: rgba(255, 255, 255, 0.9);
  opacity: 0;
  visibility: hidden;
  transition: opacity .4s, visibility .4s;
  cursor: pointer;
}
.m-job_item .job-actions .l-cta_button {
  margin: 0 8px;
}
.m-job_item .job-actions.job-overlay {
  background: none;
  overflow: hidden;
}
.m-job_item .job-actions.job-overlay .l-cta_button {
  width: 100%;
  height: 100%;
  margin: 0;
  background: none;
}
.m-job_item .job-actions.job-overlay:hover {
  background: none;
}
.m-job_item.highlight .job-actions {
  margin-left: -25px;
  padding: 0 25px;
}
.m-job_item.top1 .job-actions {
  margin-left: -22px;
  padding: 0 25px;
}
.m-job_item.top5 .job-actions {
  margin-left: -24px;
  padding: 0 25px;
}
.m-job_item:hover .job-actions {
  visibility: visible;
  opacity: 1;
}
.m-job_item .job-actions_top {
  position: absolute;
  top: -20px;
  right: -20px;
  z-index: 2;
}
.m-job_item .job-actions_top .job-actions_top_item {
  position: absolute;
  right: 0;
  /*&:nth-of-type(1){right:44px;}
            &:nth-of-type(2){right:0;}*/
}
.m-job_item .job-actions_top .job-actions_top_item .l-cta_button {
  min-width: auto;
  height: 44px;
  width: 44px;
  line-height: 44px;
  padding: 0;
  border: none;
  background: none;
  border-radius: 0;
}
.m-job_item .job-actions_top .job-actions_top_item .l-cta_button.send:hover {
  background: #1ed7b2;
}
.m-job_item .job-actions_top .job-actions_top_item .l-cta_button span {
  color: #2b6281;
  font-size: 1.5em;
}
.m-job_item .job-actions_top .job-actions_top_item .l-cta_button .state_text {
  font-size: 1em !important;
}
.m-job_item .job-actions_top .job-actions_top_item .l-cta_button:hover {
  background: #ffa800;
}
.m-job_item .job-actions_top .job-actions_top_item .l-cta_button:hover span {
  color: #ffffff;
}
.m-job_item .job-actions_top .job-actions_top_item .l-cta_button span.icon-star,
.m-job_item .job-actions_top .job-actions_top_item .l-cta_button span.icon-star-bordered,
.m-job_item .job-actions_top .job-actions_top_item .l-cta_button span.icon-trash-o {
  line-height: 2em;
}
.m-job_item.compact {
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #dedede;
  font-size: 9px;
}
.m-job_item.compact .job-img {
  width: 90px;
  height: 90px;
  margin-right: 20px;
}
.m-job_item.compact .job-info {
  margin-bottom: 3px;
}
.m-job_item.compact .job-main {
  margin-bottom: 1px;
}
.m-job_item .m-job_item_lead {
  display: flex;
  width: 100%;
}
.m-compact_job_item {
  display: block;
  max-width: 900px;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 18px 50px;
  padding-bottom: 20px;
  background: #ffffff;
  box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.06);
}
.m-compact_job_item .job-info {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.m-compact_job_item .job-info .l-rating {
  margin-right: 20px;
}
.m-compact_job_item .job-company {
  margin-right: 10px;
  font-size: 15px;
  color: #767676;
  font-weight: bold;
  text-transform: uppercase;
}
.m-compact_job_item a.job-company:hover {
  text-decoration: underline;
}
.m-compact_job_item .l-rating {
  margin-top: -3px;
}
.m-compact_job_item .job-title {
  font-family: 'Montserrat', sans-serif;
  font-size: 20px;
  color: #333333;
  font-weight: bold;
}
.m-compact_job_item a.job-title:hover {
  text-decoration: underline;
}
.m-job_group {
  margin: 20px 0;
}
.m-job_group .job_group-header {
  display: flex;
  position: relative;
  align-items: center;
  height: 107px;
  padding: 0 40px;
  border: 11px solid #fff;
  border-top: 0;
  border-bottom: 0;
  background: #fff;
  box-shadow: 0px 0px 8px 0px rgba(176, 176, 176, 0.15), 0px 7px 3px 0px rgba(176, 176, 176, 0.15);
  transition: box-shadow 0.3s;
}
.m-job_group .job_group-header:hover,
.m-job_group .job_group-header:focus {
  box-shadow: 0px 0px 9px 0px rgba(176, 176, 176, 0.25), 0px 7px 5px 0px rgba(176, 176, 176, 0.25);
}
.m-job_group .job_group-header:after {
  display: block;
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  right: 30px;
  top: 50%;
  margin-top: -3px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #c7c7c7;
  transition: transform .5s;
}
.m-job_group.unread .job_group-header {
  border-left-color: #ff9d00;
}
.m-job_group.open .job_group-header:after {
  transform: rotate(180deg);
}
.m-job_group .job_group-header-inner {
  display: flex;
  align-items: center;
  transition: transform .5s;
}
.m-job_group.open .job_group-header-inner {
  transform: translateX(-10px);
}
.m-job_group .job_group-title {
  margin-right: 15px;
  font-family: 'Montserrat', sans-serif;
  font-size: 20px;
  color: #333333;
  font-weight: bold;
  transition: transform .5s;
}
.m-job_group .job_group-unread {
  font-family: 'Montserrat', sans-serif;
  color: #ff9d00;
  font-weight: bold;
}
.m-job_group .job_group-unread .count {
  display: inline-block;
  margin-right: 8px;
  padding: 6px 12px;
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  color: #fff;
  font-weight: 300;
  text-align: center;
  background: #ff9d00;
  border-radius: 4px;
}
.m-job_group:not(.open) .job_group-list {
  display: none;
}
.success-application {
  /* IE 6 & 7 */
}
.success-application h3.l-title {
  font-size: 1.5em;
  position: relative;
  margin-bottom: 20px;
  padding-bottom: 20px;
  -webkit-animation: slideUp-latency 1.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  animation: slideUp-latency 1.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.success-application h3.l-title:after {
  position: absolute;
  content: '';
  width: 30%;
  height: 1px;
  background: rgba(0, 0, 0, 0.3);
  left: 50%;
  transform: translateX(-50%);
  bottom: 0px;
}
.success-application h3.l-title small {
  font-size: .8em;
  display: block;
  width: 100%;
  text-transform: none;
  font-weight: 300;
}
.success-application .m-recommended_for_you {
  margin-top: 25px;
  padding: 0;
  background: none;
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 100px);
  padding: 30px 50px;
  margin-bottom: -55px;
  margin-left: -50px;
  background: #fed056;
}
.success-application .m-recommended_for_you h1 {
  font-size: 1.5em;
  margin-bottom: 20px;
}
.success-application .m-recommended_for_you .m-compact_job_item {
  width: 46%;
  margin: 1vh 2%;
  position: relative;
}
.success-application .double-bounce {
  width: 100px;
  height: 100px;
  position: relative;
  margin: 0px auto;
  margin-bottom: 20px;
}
.success-application .double-bounce .icon-check {
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 4em;
  font-weight: 900;
  position: relative;
  z-index: 20;
  width: 100%;
  height: 100%;
  opacity: 1;
  -webkit-animation: opacity-latency 1.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  animation: opacity-latency 1.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.success-application .double-bounce .bounce1,
.success-application .double-bounce .bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #1ed7b2;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.success-application .double-bounce .bounce1 {
  -webkit-animation: doubleBounce 1s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  animation: doubleBounce 1s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.success-application .double-bounce .bounce2 {
  z-index: 1;
  opacity: 0;
  -webkit-animation: doubleBounce2 1s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  animation: doubleBounce2 1s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
@-webkit-keyframes doubleBounce {
  0% {
    -webkit-transform: scale(0);
    opacity: 0;
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes doubleBounce {
  0% {
    -webkit-transform: scale(0);
    opacity: 0;
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes doubleBounce2 {
  0% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: .6;
  }
}
@keyframes doubleBounce2 {
  0% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: .6;
  }
}
@-webkit-keyframes opacity-latency {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
  70% {
    opacity: 0;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes opacity-latency {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
  70% {
    opacity: 0;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes slideUp-latency {
  0% {
    opacity: 0;
    bottom: -30px;
  }
  60% {
    opacity: 0;
    bottom: -30px;
  }
  100% {
    opacity: 1;
    bottom: 0px;
  }
}
@keyframes slideUp-latency {
  0% {
    opacity: 0;
    bottom: -30px;
  }
  60% {
    opacity: 0;
    bottom: -30px;
  }
  100% {
    opacity: 1;
    bottom: 0px;
  }
}
.success-application .clearfix:before,
.success-application .clearfix:after {
  content: "";
  display: table;
}
.success-application .clearfix:after {
  clear: both;
}
.success-application .clearfix {
  zoom: 1;
}
.m-aside-allasposta {
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 20px;
  background: #ff9d00;
  background: -webkit-linear-gradient(top, #ff9d00 0%, #ffc000 100%);
  background: linear-gradient(to bottom, #ff9d00 0%, #ffc000 100%);
}
.m-aside-allasposta .title {
  margin-bottom: 10px;
  font-family: 'Montserrat', sans-serif;
  font-size: 23px;
  color: #ffffff;
  font-weight: bold;
}
.m-aside-allasposta .desc {
  margin-bottom: 20px;
  font-size: 16px;
  color: #ffffff;
}
.m-aside-allasposta input {
  display: block;
  width: 100%;
  height: 42px;
  box-sizing: border-box;
  padding: 0 18px;
  margin-bottom: 10px;
  background: #fff;
  border-radius: 4px;
  font-size: 16px;
  color: #333333;
  font-weight: 300;
}
.m-aside-allasposta input::-webkit-input-placeholder {
  color: #888888;
}
.m-aside-allasposta input:-moz-placeholder {
  color: #888888;
  opacity: 1;
}
.m-aside-allasposta input::-moz-placeholder {
  color: #888888;
  opacity: 1;
}
.m-aside-allasposta input:-ms-input-placeholder {
  color: #888888;
}
.m-aside-allasposta input:placeholder-shown {
  color: #888888;
}
.m-aside-allasposta button {
  display: block;
  width: 100%;
  height: 42px;
  box-sizing: border-box;
  padding: 0 18px;
  background: #ff6325;
  border-radius: 4px;
  box-shadow: 0px 7px 24px 0px rgba(255, 60, 0, 0.5);
  text-align: center;
  font-size: 16px;
  color: #ffffff;
  font-weight: 300;
  transition: background 0.2s, box-shadow 0.2s;
}
.m-aside-allasposta button:hover,
.m-aside-allasposta button:focus {
  box-shadow: 0px 8px 27px 0px rgba(255, 60, 0, 0.6);
  background: #ff6f36;
}
.m-aside-allasposta button:active {
  background: #ba4213;
  box-shadow: 0px 5px 25px 0px rgba(255, 60, 0, 0.4);
}
.m-aside-allasposta .cancel {
  color: #fff;
  text-align: center;
  display: block;
  width: 100%;
  margin-top: 10px;
  font-size: 14px;
  font-weight: 300;
}
.m-aside-allasposta .form {
  margin-top: 30px;
}
.m-aside_elem {
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 15px 25px;
  background: #ffffff;
  border: 1px solid #e6e6e6;
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.07);
}
.m-aside_elem .elem-header {
  display: block;
  width: 100%;
  padding-bottom: 8px;
  margin-bottom: 15px;
  border-bottom: 1px solid #e6e6e6;
}
.m-aside_elem .elem-all {
  display: block;
  width: 100%;
  text-align: center;
  color: #2b6281;
  text-decoration: underline;
  margin-bottom: 10px;
  cursor: pointer;
}
.m-aside_elem .elem-title {
  font-size: 16px;
  color: #707070;
  font-weight: 700;
  text-transform: uppercase;
}
.m-aside_elem .elem-toggle {
  position: relative;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
  margin-top: 30px;
}
.m-aside_elem .elem-toggle:first-of-type {
  margin-top: 0;
}
.m-aside_elem .elem-toggle:after {
  position: absolute;
  right: 0;
  top: -5px;
  font-family: 'jobline-fonticon' !important;
  speak: none;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e409";
  color: #707070;
  transform-origin: center;
  transform: rotate(-90deg);
  font-size: 1.5em;
  font-weight: normal;
  transition: all 0.2s ease-in-out;
}
.m-aside_elem .elem-toggle.closed {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}
.m-aside_elem .elem-toggle.closed:after {
  transform: rotate(90deg);
  top: -2px;
}
.m-aside_elem .elem-toggle.closed + ul,
.m-aside_elem .elem-toggle.closed + .filter-options {
  height: 0;
  padding-bottom: 0;
}
.m-aside_elem .elem-large_text {
  text-align: center;
  font-weight: 300;
  color: #868585;
  font-size: 26px;
}
.m-aside_elem .elem-large_text .elem-desc {
  margin-top: 0;
  color: inherit;
}
.m-aside_elem .elem-content {
  padding: 5px 0;
  text-align: center;
}
.m-aside_elem .elem-content .l-rating {
  justify-content: center;
}
.m-aside_elem .elem-desc {
  margin: 12px 0;
  font-size: 16px;
  color: #333;
  font-weight: 300;
}
.m-aside_elem .filter-options {
  display: block;
  list-style: none;
  max-height: 155px;
  overflow: hidden;
  position: relative;
}
.m-aside_elem .filter-options.too-much-filter {
  padding-bottom: 40px;
}
.m-aside_elem .filter-options.closed {
  height: 0;
  padding-bottom: 0;
}
.m-aside_elem .filter-options.closed .show-all-filter {
  display: none;
}
.m-aside_elem .filter-options .filter-action {
  position: absolute;
  bottom: 0;
  background: #2b6281;
  border-radius: 4px;
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 5px;
  text-align: center;
  color: #fff;
  cursor: pointer;
  font-weight: normal;
  font-size: 13px;
  text-transform: uppercase;
  line-height: 26px;
}
.m-aside_elem .filter-options .text {
  position: relative;
  width: 100%;
}
.m-aside_elem .filter-options .text span {
  position: absolute;
  right: 0;
  display: inline-block;
  width: 14px;
  height: 100%;
  opacity: 0.5;
}
.m-aside_elem .filter-options .text span::before {
  content: "";
  width: 2px;
  height: 14px;
  display: block;
  position: absolute;
  background: #fe585e;
  transform: rotate(-45deg);
  left: 5px;
  top: 2px;
}
.m-aside_elem .filter-options .text span::after {
  content: "";
  width: 2px;
  height: 14px;
  display: block;
  position: absolute;
  background: #fe585e;
  transform: rotate(45deg);
  left: 5px;
  top: 2px;
}
.m-aside_elem .filter-options .text span:hover {
  transition: all 0.3s ease;
  opacity: 1;
}
.m-aside_elem .filter-options.wage {
  max-height: 400px;
}
.m-aside_elem .filter-options.wage .wage-holder {
  display: flex;
  align-items: center;
}
.m-aside_elem .filter-options.wage .wage-holder .l-input,
.m-aside_elem .filter-options.wage .wage-holder span {
  margin-right: 10px !important;
}
.m-aside_elem .filter-options.wage .wage-holder .l-input.large,
.m-aside_elem .filter-options.wage .wage-holder .l-select.large {
  width: auto;
  min-width: 70px;
  margin: 0;
}
.m-aside_elem .filter-options.wage .wage-holder .l-input {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  max-width: 92px;
}
.m-aside_elem .filter-options.wage .wage-holder .l-input,
.m-aside_elem .filter-options.wage .wage-holder .l-select select {
  height: 35px;
  padding: 8px;
  font-size: .9em;
}
.m-aside_elem .filter-options.wage .search-subtitle {
  margin-top: 10px;
}
.m-aside_elem .filter-options.wage .styled-checkbox,
.m-aside_elem .filter-options.wage .styled-radio {
  margin-right: 10px;
}
.m-aside_elem .filter-options.wage .l-checkbox_radio_list-inline .styled-checkbox label,
.m-aside_elem .filter-options.wage .l-checkbox_radio_list-inline .styled-checkbox label.l-radio,
.m-aside_elem .filter-options.wage .l-checkbox_radio_list-inline .styled-checkbox label.l-checkbox {
  padding: 8px;
  font-size: .9em;
}
.m-aside_elem .filter-options.wage .error {
  color: #fe585e;
  font-size: .9em;
  padding-top: 5px;
}
.m-aside_elem .filter-option label {
  display: block;
  position: relative;
  cursor: pointer;
}
.m-aside_elem .filter-option label .content {
  padding-left: 22px;
}
.m-aside_elem .filter-option label .content:before {
  display: block;
  position: absolute;
  content: "";
  width: 12px;
  height: 12px;
  left: 0;
  top: 5px;
  box-sizing: border-box;
  border: 1px solid #d9d9d9;
  border-radius: 50%;
  transition: background .2s, border .2s;
}
.m-aside_elem .filter-option label input {
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  opacity: 0;
}
.m-aside_elem .filter-option label input:checked + .content:before {
  background: #ffab00;
  border-color: #ffab00;
}
.m-aside_elem .filter-option label input:checked + .content .text {
  font-weight: bold;
}
.m-aside_elem .filter-option label input:checked + .content .count {
  background: #ffab00;
  border-color: #ffab00;
  color: #fff;
}
.m-aside_elem .filter-option .content {
  position: relative;
  display: flex;
  padding: 3px 0;
  justify-content: space-between;
}
.m-aside_elem .filter-option .content .text {
  font-size: 14px;
  color: #333333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.m-aside_elem .filter-option .content a.text:hover {
  text-decoration: underline;
}
.m-aside_elem .filter-option .content .count {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 30px;
  height: 20px;
  padding: 0 8px;
  margin-left: 20px;
  box-sizing: border-box;
  flex-shrink: 0;
  border: 1px solid #d9d9d9;
  border-radius: 10px;
  font-size: 10px;
  color: #757575;
  text-align: center;
  font-weight: 300;
  transition: background .2s, border .2s, color .2s;
}
.m-aside_elem .filter-option:hover .content:before,
.m-aside_elem .filter-option:focus .content:before {
  background: #d9d9d9;
}
.m-aside_elem .filter-option.selected .content .text {
  font-weight: bold;
}
.m-aside_elem .filter-option .lang-level {
  letter-spacing: 2px;
  color: #999999;
  font-size: .8em;
  padding-left: 2px;
}
.m-aside_elem .filter-option .multiple-select-container {
  display: flex;
}
.m-aside_elem .filter-option .multiple-select-container .content {
  padding-left: 10px;
  width: 100%;
}
.m-aside_elem .filter-option .multiple-select-container .multiple-option-checkbox {
  display: inline-block;
}
.m-aside_elem .filter-option .multiple-select-container .multiple-option-checkbox span {
  font-size: 0;
}
.m-aside_elem .filter-option .multiple-select-container .multiple-option-checkbox input {
  /*display: inline;
				    position: static;
				    width: auto;
				    height: auto;

				    overflow: auto;
				    opacity: 1;*/
}
.m-aside_elem .filter-option .multiple-select-container .multiple-option-checkbox input + span {
  width: 15px;
  display: inline-block;
}
.m-aside_elem .filter-option .multiple-select-container .multiple-option-checkbox input + span:before {
  display: block;
  position: absolute;
  content: "";
  width: 12px;
  height: 12px;
  left: 0;
  top: 5px;
  box-sizing: border-box;
  border: 1px solid #d9d9d9;
  border-radius: 50%;
  transition: background .2s, border .2s;
}
.m-aside_elem .filter-option .multiple-select-container .multiple-option-checkbox input:hover + span:before,
.m-aside_elem .filter-option .multiple-select-container .multiple-option-checkbox input:focus + span:before {
  background: #d9d9d9;
}
.m-aside_elem .filter-option .multiple-select-container .multiple-option-checkbox input:checked + span:before {
  background: #ffab00;
  border-color: #ffab00;
}
.m-aside_elem.search_parameters {
  background: #1ed7b2;
  color: white;
}
.m-aside_elem.search_parameters .too-much-filter {
  padding-bottom: 35px;
}
.m-aside_elem.search_parameters .elem-header {
  color: #ffffff;
  border-bottom: 1px solid #ffffff;
}
.m-aside_elem.search_parameters .elem-header .elem-title {
  color: #ffffff;
}
.m-aside_elem.search_parameters .filter-option {
  padding-bottom: 0px;
}
.m-aside_elem.search_parameters .filter-option .content a {
  color: #ffffff;
}
.m-aside_elem.search_parameters .filter-option .content .text {
  color: #ffffff;
}
.m-aside_elem.search_parameters .filter-option .content .jobs-count {
  display: inline-block;
  border-radius: 6px;
  letter-spacing: -1px;
  background: #ffffff;
  color: #1ed7b2;
  padding: 2px 5px;
}
.m-aside_elem.search_parameters .filter-option .l-desc.suggestion {
  border-color: #ffffff;
  padding: 2px 0 2px 10px;
}
.m-aside_elem.search_parameters .filter-options .text span {
  display: inline-block;
  border-radius: 9px;
  background: #ffffff;
  color: #1ed7b2;
  width: 18px;
  height: 18px;
}
.m-aside_elem.search_parameters .filter-options .text span::before,
.m-aside_elem.search_parameters .filter-options .text span::after {
  height: 12px;
  left: 8px;
  top: 3px;
}
.m-aside_elem.search_parameters .filter-options .filter-option .content a {
  padding: 1px 0;
}
.m-aside_elem.search_parameters a.text.l-cta_button {
  border: 1px solid white;
  text-transform: none;
  width: 100%;
  height: 40px;
  text-align: center;
  padding: 0;
}
.m-aside_elem.search_parameters a.text.l-cta_button:hover {
  text-decoration: none !important;
}
.m-aside_elem.job-search {
  background: #2b6281;
}
.m-aside_elem.job-search .aside-search {
  display: flex;
  position: relative;
  width: 100%;
  height: 44px;
  border-radius: 4px;
  transition: max-width 0.5s;
}
.m-aside_elem.job-search .aside-search input[type="search"] {
  background: #ffffff;
  border-radius: 4px;
  width: 100%;
  padding: 0 10px;
}
.m-aside_elem.job-search .aside-search button {
  position: absolute;
  display: flex;
  right: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 100%;
  background: #ffffff;
  border-radius: 4px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  text-align: center;
  font-size: 15px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 300;
  pointer-events: none;
  transition: background .5s;
}
.m-aside_elem.job-search .aside-search button:hover {
  background: #ffa800;
}
.m-aside_elem.job-search .aside-search button span {
  color: #666666;
  transform: scaleX(-1);
  transition: color 0.5s ease-in-out;
}
.m-aside_elem.job-search .aside-search button:before {
  display: block;
  position: absolute;
  content: "";
  width: 17px;
  height: 16px;
  left: 15px;
  top: 50%;
  margin-top: -8px;
  flex-shrink: 0;
  transition: opacity .5s;
}
.m-aside_elem.job-search .aside-search.focus button {
  pointer-events: all;
  background: #ffa800;
}
.m-aside_elem.job-search .aside-search.focus button span {
  color: #ffffff;
}
.m-aside_elem.job-letter_aside {
  border: 1px solid #ffa800;
}
.m-aside_elem .m-job_item.m-allasposta_box {
  background: none;
  padding: 0;
  margin: 0;
  box-shadow: none;
  display: block;
}
.m-aside_elem .m-job_item.m-allasposta_box .l-form {
  display: flex;
  flex-flow: column;
  padding: 0;
}
.m-aside_elem .m-job_item.m-allasposta_box .l-form .m-allasposta_box-item {
  width: 100%;
  text-align: center;
  margin-bottom: 15px;
}
.m-aside_elem .m-job_item.m-allasposta_box .l-form .formTitle {
  order: 1;
}
.m-aside_elem .m-job_item.m-allasposta_box .l-form .l-input_holder {
  order: 2;
  text-align: left;
}
.m-aside_elem .m-job_item.m-allasposta_box .l-form .jobLetterSignupHelp {
  order: 3;
  position: static;
}
.m-aside_elem .m-job_item.m-allasposta_box .l-form .jobLetterSignupHelp div[data-content] {
  background: none;
  content: '';
  width: 100%;
  height: 0;
}
.m-aside_elem .m-job_item.m-allasposta_box .l-form .jobLetterSignupHelp div[data-content]:before {
  text-align: left;
  display: block;
  position: static;
  opacity: 1;
  visibility: visible;
  width: 100%;
  height: auto;
  padding: 0;
  box-shadow: none;
  transform: none;
}
.m-aside_elem .m-job_item.m-allasposta_box .l-form .jobLetterSignupHelp div[data-content]:after {
  border: none;
}
.m-aside_elem .m-job_item.m-allasposta_box .l-form .actions {
  order: 4;
}
.m-article_header {
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 500px;
  max-height: 500px;
  box-sizing: border-box;
  padding: 50px 0;
  background: #2d4965;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
  font-size: 10px;
  transition: max-height 0.5s ease-in-out;
  transform-origin: 50% 50%;
}
.m-article_header * {
  transition: all 0.4s ease-in-out;
}
.m-article_header .article-title-description {
  max-height: 500px;
  display: inline-block;
}
.m-article_header .article-title {
  max-height: 500px;
  position: relative;
  left: 0;
  top: 0;
}
.m-article_header .article-title_secondary {
  font-family: 'Montserrat', sans-serif;
  font-size: 2.3em;
  font-weight: bold;
  color: #ffffff;
  text-shadow: rgba(0, 0, 0, 0.8) 0px 1px 5px;
  max-height: 0;
  transform: scale(0);
  font-size: 0;
  opacity: 0;
}
.m-article_header.fixed {
  position: fixed;
  top: 0;
  left: 0;
  padding: 50px 0;
  z-index: 20;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.m-article_header.fixed .center {
  align-items: center;
  max-width: 1250px;
  z-index: 2;
  transition: all 0.4s ease-in-out;
}
.m-article_header.fixed .center .article-title-description {
  max-height: 0;
  display: none;
}
.m-article_header.fixed .center .article-title {
  margin-bottom: 0;
  transform: scale(0);
  overflow: hidden;
  opacity: 0;
  left: -30%;
  top: 150%;
}
.m-article_header.fixed .center .article-title_secondary {
  max-height: 500px;
  font-size: 2.3em;
  opacity: 1;
  transform: scale(1);
}
.m-article_header.fixed .center .article-desc {
  text-align: left;
  font-size: 1.5em;
}
.m-article_header.fixed .center .l-input_row.align_center {
  justify-content: center;
  align-items: center;
}
.m-article_header.fixed .center .l-input_actions {
  margin-top: 0;
}
.m-article_header.fixed .center .l-input_actions .l-cta_button.large {
  height: 44px;
  width: 44px;
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.m-article_header.fixed .jobItemHeaderOverlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  background: rgba(0, 0, 0, 0.5);
  content: '';
  opacity: 0;
}
.m-article_header .center {
  max-width: 980px;
  transition: all 0.4s ease-in-out;
}
.m-article_header .article-title {
  margin-bottom: 15px;
  font-family: 'Montserrat', sans-serif;
  font-size: 3.4em;
  font-weight: bold;
  color: #ffffff;
  text-shadow: rgba(0, 0, 0, 0.8) 0px 1px 5px;
}
.m-article_header .article-desc {
  font-size: 2.1em;
  color: #ffffff;
  text-shadow: rgba(0, 0, 0, 0.8) 0px 1px 5px;
}
.m-article_header .l-input_row.align_center {
  transition: all 0.4s esae-in-out;
}
.m-article_header .l-cta_button.large {
  transition: background 0.2s, border 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s;
}
.m-article_header .l-cta_button.apply {
  padding-left: 30px;
  padding-right: 30px;
  transition: all 0.4s ease-in-out;
}
.m-article_header .l-cta_button.apply.yellow {
  border: 1px solid #ffa800;
}
.m-article_header .l-cta_button.save {
  min-width: 0px;
  padding-left: 0px;
  padding-right: 0px;
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  font-size: 2em;
  width: 60px;
  border: 1px solid #fff;
}
.m-article_header .l-cta_button.save:hover {
  background: #ffa800;
  border: 1px solid #ffa800;
}
.m-article_header .l-cta_button.delete {
  transition: all 0.4s ease-in-out;
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  font-size: 2em;
  min-width: 0;
  width: 60px;
  padding: 0;
  border: 1px solid #fff;
}
.m-article_header .l-cta_button.delete:hover {
  background: #fe585e;
  border-color: #fe585e;
}
.m-article_header-wrapper {
  position: relative;
  margin-top: 80px;
  margin-top: var(--navigation-height);
}
.m-article_expired {
  background: #fe585e;
  font-size: 10px;
  margin-top: 0;
  z-index: 1;
  width: 100%;
}
.m-article_expired .text {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  height: 78px;
  margin: 0 auto;
  font-size: 1.5em;
  color: #ffffff;
  text-align: center;
  font-weight: 300;
  text-transform: uppercase;
}
.m-article_header + .m-article_expired {
  top: 400px;
  z-index: 1;
  position: absolute;
}
.m-article_body {
  padding: 35px 0 40px 0;
}
.m-article_body .article-info {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.m-article_body .article-info > * {
  margin: 0 30px;
}
.m-article_body .article-info > *:first-child {
  margin-left: 0;
}
.m-article_body .article-info > *:last-child {
  margin-right: 0;
}
.m-article_body .article-company {
  display: flex;
  align-items: center;
}
.m-article_body .article-company .company-img {
  display: block;
  width: 120px;
  height: 120px;
  margin-right: 20px;
  flex-shrink: 0;
}
.m-article_body .article-company .company-img img {
  display: block;
  width: 100%;
}
.m-article_body .article-company .company-content .company-title {
  display: block;
  width: 100%;
  max-width: 400px;
  margin-bottom: 8px;
  font-weight: bold;
  color: #333333;
  font-size: 26px;
}
.m-article_body .article-skills {
  display: block;
  max-width: 700px;
}
.m-article_body .article-skills .skills-title {
  margin-bottom: 12px;
  font-size: 15px;
  color: #767676;
  font-weight: bold;
  text-transform: uppercase;
}
.m-article_body .article-skills .skills-list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 0 -3px;
}
.m-article_body .article-skills .skills-list .skill {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 34px;
  box-sizing: border-box;
  margin: 4px 3px;
  padding: 0 20px;
  background: #354551;
  border-radius: 17px;
  font-size: 13px;
  color: #ffffff;
  font-weight: 300;
  text-align: center;
  text-transform: uppercase;
  transition: background .2s;
}
.m-article_body .article-skills .skills-list .skill:hover,
.m-article_body .article-skills .skills-list .skill:focus {
  background: #475865;
}
.m-article_body .article-skills .skills-list .skill:active {
  background: #26313a;
}
.m-article_body .article-anonym_banner {
  display: flex;
  align-items: center;
  padding: 20px;
  margin: 40px 0;
  background: rgba(0, 0, 0, 0.05);
  border-radius: 6px;
  color: #333;
}
.m-article_body .article-anonym_banner:before {
  display: flex;
  content: "!";
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin-right: 20px;
  flex-shrink: 0;
  color: #fff;
  font-size: 30px;
  background: #fe585e;
  border-radius: 50%;
}
.m-article_body .article-apply {
  display: block;
  margin-top: 80px;
  text-align: center;
}
.m-article_body .article-apply .l-cta_button.save {
  min-width: 0px;
  padding-left: 0px;
  padding-right: 0px;
  background: transparent;
  border: none;
  color: #ffa800;
  border: 1px solid #ffa800;
  font-size: 1.5em;
  width: 60px;
}
.m-article_body .article-apply .l-cta_button.save:hover {
  background: #ffa800;
  border: 1px solid #ffa800;
  color: #fff;
}
.m-article_body .article-apply .l-cta_button.delete {
  transition: all 0.4s ease-in-out;
  font-size: 1.5em;
  min-width: 0;
  width: 60px;
  padding: 0;
  color: #ffa800;
  border: 1px solid #ffa800;
}
.m-article_body .article-apply .l-cta_button.delete:hover {
  color: #fff;
  background: #fe585e;
  border-color: #fe585e;
}
.m-article_map {
  display: block;
  width: 100%;
  height: 425px;
  margin-bottom: 80px;
  text-align: center;
}
.m-cv {
  padding: 30px 0;
}
.m-cv-icon {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  margin-left: 8px;
  background: none no-repeat center center;
}
.m-cv-icon.motivalt {
  background-image: url('/Content/images/cv_search/star_icon.svg');
}
.m-cv-icon.hasonlo {
  background-image: url('/Content/images/cv_search/tick_icon.svg');
}
.m-cv-icon.komment {
  background-image: url('/Content/images/cv_search/comment_icon.svg');
}
.m-cv-files .files-all_files:not(.visible) {
  display: none;
}
.m-cv-files .files-all_files_button {
  display: inline-flex;
  margin-top: 10px;
  justify-content: center;
  align-items: center;
  height: 29px;
  box-sizing: border-box;
  padding: 0 12px;
  border-radius: 4px;
  background: #d8d8d8;
  font-size: 13px;
  color: #333333;
  text-align: center;
  text-transform: uppercase;
  font-weight: 300;
  transition: background 0.2s, border 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s;
}
.m-cv-files .files-all_files_button:hover,
.m-cv-files .files-all_files_button:focus {
  background: #e7e7e7;
}
.m-cv-files .files-all_files_button:active {
  background: #cbcbcb;
}
.m-cv-file {
  display: flex;
  justify-content: space-between;
  width: 330px;
  min-height: 30px;
  box-sizing: border-box;
  border: 1px solid #cbcbcb;
  border-radius: 3px;
  transition: border .2s;
  margin: 8px 0;
}
.m-cv-file:first-child {
  margin-top: 0;
}
.m-cv-file:last-child {
  margin-bottom: 0;
}
.m-cv-file a {
  transition: background .2s;
}
.m-cv-file a:hover,
.m-cv-file a:focus {
  background: rgba(0, 0, 0, 0.1);
}
.m-cv-file a:active {
  background: rgba(0, 0, 0, 0.2);
}
.m-cv-file.selected {
  border-color: #ffad42;
  border-width: 2px;
}
.m-cv-file.selected a {
  background: #ffffff;
}
.m-cv-file .file-name {
  display: flex;
  flex-grow: 1;
  align-items: center;
  align-self: stretch;
  padding: 4px;
  padding-right: 10px;
  font-size: 13px;
  color: #333333;
}
.m-cv-file .file-name,
.m-cv-file .file-name .text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.m-cv-file .file-name:before {
  display: block;
  content: "";
  flex-shrink: 0;
  width: 14px;
  height: 19px;
  margin-right: 10px;
  background: url('/Content/images/file_icons.png') no-repeat 0 19px;
  background-size: 42px auto;
}
.m-cv-file.pdf .file-name:before {
  background-position: 0 0;
}
.m-cv-file.doc .file-name:before {
  background-position: -14px 0;
}
.m-cv-file.docx .file-name:before {
  background-position: -28px 0;
}
.m-cv-file .file-download {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 33px;
  box-sizing: border-box;
  border-left: 1px solid #cbcbcb;
}
.m-cv-file .file-download:before {
  display: block;
  content: "";
  width: 15px;
  height: 15px;
  opacity: .6;
  background: url('/Content/images/download_icon.svg') no-repeat center center;
}
.m-cv-file.m-cv-file-hidden {
  height: auto;
  background: rgba(0, 0, 0, 0.05);
  border: none;
}
.m-cv-file.m-cv-file-hidden .file-name {
  color: #969191;
  white-space: inherit;
  position: relative;
}
.m-cv-file.m-cv-file-hidden .file-name .text {
  white-space: inherit;
  padding-left: 10px;
}
.hidden-icon {
  margin: 0;
  width: 18px;
  height: 18px;
  border: solid 1px #787878;
  border-radius: 75% 15%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: rotate(45deg) translateY(-60%) scale(0.8);
  text-indent: -9999px;
}
.hidden-icon:before {
  content: '';
  display: block;
  position: absolute;
  width: 8px;
  height: 8px;
  border: solid 1px #787878;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  margin-top: -5px;
  margin-left: -5px;
}
.hidden-icon:after {
  content: '';
  display: block;
  position: absolute;
  border-top: solid 1px #787878;
  left: 50%;
  top: 50%;
  width: 180%;
  height: 1px;
  transform: translateX(-50%) translateY(-50%) rotate(-25deg);
}
.m-cv-card_layout-holder {
  padding-top: 35px;
  padding-bottom: 80px;
  background: #eff6f8;
}
.m-cv-card_layout-holder > .center {
  position: relative;
  max-width: 1040px;
  padding: 34px 45px;
  background: #fff;
  box-shadow: 0 12px 32px 0 rgba(197, 211, 216, 0.7);
}
.m-cv-card_layout-holder .card-arrow {
  display: block;
  position: absolute;
  width: 17px;
  height: 30px;
  top: 310px;
  background: url('/Content/images/cv_search/profile_arrows.png') no-repeat 0 0;
  opacity: .5;
  transition: opacity .2s;
}
.m-cv-card_layout-holder .card-arrow:hover,
.m-cv-card_layout-holder .card-arrow:focus {
  opacity: 1;
}
.m-cv-card_layout-holder .card-arrow.left {
  right: 100%;
  margin-right: 30px;
  background-position: 0 0;
}
.m-cv-card_layout-holder .card-arrow.right {
  left: 100%;
  margin-left: 30px;
  background-position: -17px 0;
}
.m-cv-gui_icon {
  cursor: pointer;
  margin: 0 5px;
  opacity: .8;
  transition: opacity .2s;
}
.m-cv-gui_icon:hover {
  opacity: 1;
}
.m-cv-gui_icon input[type="checkbox"] {
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  opacity: 0;
}
.m-cv-gui_icon input[type="checkbox"] + span {
  display: block;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  box-sizing: border-box;
  border: 1px solid #cbcbcb;
  border-radius: 50%;
  transition: border .2s, background .2s;
}
.m-cv-gui_icon input[type="checkbox"] + span:before,
.m-cv-gui_icon input[type="checkbox"] + span:after {
  display: block;
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  margin-left: -4px;
  margin-top: -5px;
  width: 8px;
  height: 11px;
  background: url('/Content/images/cv_search/flag_icons.png') no-repeat 0 0;
  transition: opacity .2s;
}
.m-cv-gui_icon input[type="checkbox"] + span:after {
  opacity: 0;
}
.m-cv-gui_icon input[type="checkbox"]:checked + span:before {
  opacity: 0;
}
.m-cv-gui_icon input[type="checkbox"]:checked + span:after {
  opacity: 1;
}
.m-cv-gui_icon:hover input[type="checkbox"] + span,
.m-cv-gui_icon.focus input[type="checkbox"] + span {
  border-color: #9a9a9a;
  background: #fff;
}
.m-cv-gui_icon.important input[type="checkbox"]:checked + span {
  border-color: #e54a4a;
}
.m-cv-gui_icon.important input[type="checkbox"] + span:before {
  background-position: 0 0;
}
.m-cv-gui_icon.important input[type="checkbox"] + span:after {
  background-position: -8px 0;
}
/*floating help button*/
.floating-help {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 99;
  background: #ffffff;
  color: #454545;
  padding: 0;
  border-radius: 40px;
  cursor: pointer;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  display: block;
  align-items: center;
  width: 40px;
  height: 40px;
  overflow: hidden;
  transition: width 0.4s ease-in-out;
  z-index: 10;
}
.floating-help:hover {
  width: 145px;
}
.floating-help .floating-help-icon {
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffa800;
  transition: all 0.3s ease-in-out;
  color: #ffffff;
  height: 40px;
  width: 40px;
  font-weight: 900;
  font-size: 1.2em;
  float: left;
  position: relative;
  z-index: 2;
}
.floating-help .floating-help-text {
  position: absolute;
  overflow: hidden;
  display: inline-flex;
  padding: 10px;
  right: 0%;
  float: left;
  z-index: 0;
}
#floating-toggle {
  position: absolute;
  top: -9999px;
  left: -9999px;
}
#floating-toggle:checked ~ .helpContent {
  /*opacity: 1;
        bottom: 75px;*/
  margin-bottom: 0;
  opacity: 1;
  pointer-events: auto;
}
#floating-toggle:checked ~ .floating-help {
  width: 145px;
}
#floating-toggle:checked ~ .floating-help .floating-help-icon {
  font-size: 0;
  background: #454545;
}
#floating-toggle:checked ~ .floating-help .floating-help-icon:after {
  content: 'X';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  z-index: 10;
  display: flex;
  height: 100%;
  width: 100%;
  color: #ffffff;
  font-size: 14px;
  align-items: center;
  justify-content: center;
}
.help-box {
  position: fixed;
  bottom: 0;
  right: 20px;
  z-index: 99;
}
.help-box .helpTitle {
  position: fixed;
  right: 40px;
  bottom: 40px;
  padding: 10px 20px;
  border-radius: 10px;
  background: #1ed7b2;
  color: #ffffff;
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1);
  z-index: 1;
  cursor: pointer;
  align-items: center;
  display: none;
}
.help-box .helpTitle i {
  top: 0;
  margin-right: 5px;
}
.help-box .helpContent {
  position: absolute;
  bottom: 90px;
  right: 10px;
  z-index: 2;
  background: #ffffff;
  color: #333333;
  padding: 15px 25px;
  padding-right: 0;
  box-sizing: border-box;
  border-radius: 0px 0 0 0;
  box-shadow: 0 5px 8px rgba(0, 0, 0, 0.07), 0 1px 11px rgba(0, 0, 0, 0.23);
  font-size: 1em;
  margin-bottom: -60px;
  transition: all 0.4s ease-in-out;
  flex-direction: column;
  padding: 20px;
  width: 300px;
  border-radius: 2px;
  border: 1px solid #d8d8d8;
  opacity: 0;
  pointer-events: none;
}
.help-box .helpContent:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  bottom: -18px;
  right: 50px;
  box-sizing: border-box;
  border: 10px solid black;
  border-color: transparent transparent #ffffff #ffffff;
  transform-origin: 0 0;
  transform: rotate(-45deg);
  box-shadow: -5px 5px 3px 0 rgba(0, 0, 0, 0.07);
}
.help-box .helpContent.show {
  margin-bottom: 0;
  opacity: 1;
  pointer-events: all;
}
.help-box .helpContent h3 {
  font-size: 1em;
  margin: 0;
  padding: 0;
  font-weight: 900;
  margin-right: 20px;
}
.help-box .helpContent .helpClose {
  padding: 0;
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  margin-left: 10px;
  font-weight: 900;
  cursor: pointer;
  position: absolute;
  top: 5px;
  right: 5px;
  border: none;
  color: #343434;
}
.help-box .helpContent span,
.help-box .helpContent a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 8px;
}
.help-box .helpContent span[data-toggle],
.help-box .helpContent a[data-toggle] {
  cursor: pointer;
}
.help-box .helpContent span img.welcome_layer-icon,
.help-box .helpContent a img.welcome_layer-icon {
  height: 24px;
}
.help-box .helpContent span i,
.help-box .helpContent a i {
  width: 30px;
}
.help-box .helpContent span i,
.help-box .helpContent a i,
.help-box .helpContent span img,
.help-box .helpContent a img {
  margin-right: 5px;
  text-align: center;
}
.help-box .helpContent .mb-2 {
  margin-bottom: 10px;
}
.help-box .helpContent .mb-0 {
  margin-bottom: 0;
}
.m-cv-title {
  margin-bottom: 30px;
}
.m-cv-title .header {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.m-cv-title .title {
  margin-right: 10px;
  font-family: 'Montserrat', sans-serif;
  font-size: 26px;
  color: #333333;
  font-weight: bold;
  text-transform: uppercase;
}
.m-cv-title .desc {
  font-size: 12px;
  color: #585858;
  text-transform: uppercase;
}
.m-cv-button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 46px;
  padding: 0 15px;
  box-sizing: border-box;
  font-size: 15px;
  color: #ffffff;
  text-align: center;
  font-weight: 300;
  text-transform: uppercase;
  transition: background .2s, border .2s, color .2s;
  background: #9f9f9f;
  border-radius: 4px;
}
.m-cv-button:hover,
.m-cv-button:focus {
  background: #b1b1b1;
}
.m-cv-button:active {
  background: #787878;
}
.m-cv-button.green {
  background: #1abc9c;
}
.m-cv-button.green:hover,
.m-cv-button.green:focus {
  background: #2bc6a7;
}
.m-cv-button.green:active {
  background: #128c74;
}
.m-cv-button.blue {
  background: #2e90ad;
}
.m-cv-button.blue:hover,
.m-cv-button.blue:focus {
  background: #359bb9;
}
.m-cv-button.blue:active {
  background: #1f6c83;
}
.m-cv-button.transparent {
  background: transparent;
  color: #818181;
  border: 1px solid #a8a8a8;
}
.m-cv-button.transparent:hover,
.m-cv-button.transparent:focus {
  background: rgba(0, 0, 0, 0.07);
}
.m-cv-button.transparent:active {
  background: rgba(0, 0, 0, 0.14);
}
.m-cv-button.icon:before {
  display: block;
  content: "";
  margin-right: 10px;
}
.m-cv-button.profile:before {
  width: 20px;
  height: 29px;
  background: url('/Content/images/cv_search/profile_icon.svg');
}
.m-cv-button.email:before {
  width: 26px;
  height: 18px;
  background: url('/Content/images/cv_search/email_icon.svg');
}
.m-cv-button.x:after {
  display: block;
  content: "";
  width: 16px;
  height: 16px;
  margin-left: 10px;
  background: url('/Content/images/cv_search/close_icon-white.png');
}
.m-cv-button-dd {
  display: flex;
  position: absolute;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 100%;
  right: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.2);
  transition: background .2s;
}
.m-cv-button-dd:hover,
.m-cv-button-dd:focus {
  background: rgba(255, 255, 255, 0.2);
}
.m-cv-button-dd:active {
  background: rgba(0, 0, 0, 0.4);
}
.m-cv-button-dd:before {
  display: block;
  content: "";
  width: 0px;
  height: 0px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #fff;
  transition: transform .3s;
}
.m-cv-button-dd.open:before {
  transform: rotate(180deg);
}
.m-cv-dd {
  display: block;
  position: absolute;
  width: 260px;
  box-sizing: border-box;
  top: 100%;
  right: 0;
  margin-top: -3px;
  background: #fff;
  border-radius: 4px;
  border-top-right-radius: 0;
  box-shadow: 0px 16px 40px 0px rgba(176, 176, 176, 0.64);
  text-align: left;
  transition: visibility .5s, opacity .5s, transform .3s;
  z-index: 1;
}
.m-cv-dd.align_left {
  right: auto;
  left: 0;
  border-top-right-radius: 4px;
  border-top-left-radius: 0;
}
.m-cv-dd:not(.open) {
  visibility: hidden;
  opacity: 0;
  transform: translateY(-5px);
}
.m-cv-dd .dd-title {
  padding: 0 25px;
  margin-top: 16px;
  margin-bottom: 10px;
  font-size: 12px;
  color: #585858;
  text-transform: uppercase;
  font-weight: bold;
}
.m-cv-dd .dd-items {
  min-height: 140px;
  max-height: 200px;
  padding-top: 3px;
  padding-bottom: 15px;
  overflow-y: auto;
}
.m-cv-dd .dd-item {
  display: block;
  width: 100%;
  padding: 12px 25px;
  box-sizing: border-box;
  font-size: 15px;
  color: #333333;
  font-weight: 300;
  transition: background .2s;
}
.m-cv-dd .dd-item:hover,
.m-cv-dd .dd-item:focus {
  background: #e8f0f3;
}
.m-cv-dd .dd-item:active {
  background: #d6e1e5;
}
.m-cv-dd .dd-item.folder:before {
  display: inline-block;
  content: "";
  width: 19px;
  height: 13px;
  margin-right: 10px;
  vertical-align: 0px;
  background: url('/Content/images/cv_search/folder_icon.svg') no-repeat center center;
}
.m-cv-dd .dd-cta {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 54px;
  box-sizing: border-box;
  padding: 0 25px;
  font-size: 13px;
  color: #ffffff;
  text-transform: uppercase;
  text-align: center;
  font-weight: 300;
  border-radius: inherit;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  transition: background .2s;
  background: #1abc9c;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.m-cv-dd .dd-cta:hover,
.m-cv-dd .dd-cta:focus {
  background: #2bc6a7;
}
.m-cv-dd .dd-cta:active {
  background: #128c74;
}
.m-cv-button-holder {
  position: relative;
  display: inline-block;
}
.m-cv-button-holder.with_dd > .m-cv-button {
  padding-right: 35px;
}
.m-cv-tooltip {
  display: flex;
  position: absolute;
  align-items: center;
  box-sizing: border-box;
  width: 330px;
  padding: 20px 15px;
  left: 50%;
  bottom: 100%;
  margin-left: -112px;
  margin-bottom: 20px;
  transition: visibility .5s, opacity .5s, transform .3s;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0px 16px 40px 0px rgba(176, 176, 176, 0.64);
  z-index: 1;
}
.m-cv-tooltip.large {
  width: 500px;
}
.m-cv-tooltip.bottom {
  bottom: auto;
  margin-bottom: 0;
  top: 100%;
  margin-top: 20px;
  box-shadow: 0px 0 40px 0px rgba(176, 176, 176, 0.64);
}
.m-cv-tooltip.right {
  left: auto;
  margin-left: 0;
  right: 50%;
  margin-right: -72px;
}
.m-cv-tooltip:not(.visible) {
  visibility: hidden;
  opacity: 0;
  transform: translateY(5px);
}
.m-cv-tooltip:before {
  display: block;
  position: absolute;
  content: "";
  left: 100px;
  top: 100%;
  margin-top: -1px;
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 12px solid #fff;
}
.m-cv-tooltip.bottom:before {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: -1px;
  border-top: 0;
  border-bottom: 12px solid #fff;
}
.m-cv-tooltip.right:before {
  left: auto;
  right: 61px;
}
.m-cv-tooltip .tooltip-icon {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  margin-right: 15px;
  font-size: 15px;
  color: #767676;
  font-weight: bold;
  text-transform: uppercase;
}
.m-cv-tooltip .tooltip-icon:before {
  display: block;
  content: "";
  width: 46px;
  height: 51px;
  margin-right: 10px;
  background: none no-repeat center center;
}
.m-cv-tooltip .tooltip-icon.star:before {
  background-image: url('/Content/images/cv_search/star_icon.svg');
}
.m-cv-tooltip .tooltip-icon.tick:before {
  background-image: url('/Content/images/cv_search/tick_icon.svg');
}
.m-cv-tooltip .tooltip-text {
  font-size: 15px;
  color: #585858;
}
.m-cv-tooltip .tooltip-text .title {
  margin-bottom: 20px;
  font-size: 12px;
  color: #585858;
  font-weight: bold;
  text-transform: uppercase;
}
.m-cv-tooltip .tooltip-text .title.comment:before {
  display: inline-block;
  content: "";
  margin-right: 8px;
  vertical-align: -3px;
  width: 18px;
  height: 18px;
  background: url('/Content/images/cv_search/comment_icon.svg') no-repeat center center;
}
.m-cv-tooltip .tooltip-text .text {
  margin: 15px 0;
  font-size: 15px;
  color: #333333;
}
.m-cv-tooltip .tooltip-text .date {
  display: inline-block;
  font-size: 11px;
  color: #818181;
}
.m-cv-tooltip .tooltip-text .author {
  display: inline-block;
  font-size: 11px;
  color: #818181;
}
.m-cv-tooltip .tooltip-text .author:before {
  display: inline-block;
  content: "-";
  margin: 0 6px;
}
.m-cv-tooltip .tooltip-close {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 12px;
  height: 12px;
  padding: 8px;
  display: block;
  position: absolute;
  flex-shrink: 0;
  right: 5px;
  top: 5px;
}
.m-cv-tooltip .tooltip-close:before {
  display: block;
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
  background: rgba(0, 0, 0, 0.2);
  transform: scale(0);
  opacity: 0;
  transition: background .3s, transform .3s, opacity .3s;
}
.m-cv-tooltip .tooltip-close.disabled {
  cursor: default;
}
.m-cv-tooltip .tooltip-close:not(.disabled):hover:before,
.m-cv-tooltip .tooltip-close:not(.disabled):focus:before,
.m-cv-tooltip .tooltip-close:not(.disabled):active:before {
  opacity: .5;
  transform: scale(1);
}
.m-cv-tooltip .tooltip-close:not(.disabled):active:before {
  opacity: 1;
}
.m-cv-tooltip .tooltip-close:after {
  display: block;
  content: "";
}
.m-cv-tooltip .tooltip-close:after {
  width: 12px;
  height: 12px;
  margin: 0 auto;
  background: url('/Content/images/cv_search/close_icon.png') no-repeat 0 0;
}
.m-cv-menu {
  width: 100%;
  height: 50px;
  margin-top: 80px;
  margin-top: var(--navigation-height);
  background: #1abc9c;
}
.m-cv-menu .user-menu {
  height: 50px;
  display: flex;
  align-items: center;
}
.m-cv-menu .user-menu .menu {
  display: flex;
  align-items: center;
  height: 50px;
  padding: 0px 30px;
  color: white;
  font-weight: 300;
  font-size: 14px;
  text-transform: uppercase;
  transition: background .2s;
}
.m-cv-menu .user-menu .menu:hover,
.m-cv-menu .user-menu .menu:focus {
  background: #25cbaa;
}
.m-cv-menu .user-menu .menu:active,
.m-cv-menu .user-menu .menu.selected {
  background: #10a184;
}
.m-cv-help_links {
  margin: 80px 0;
  font-size: 15px;
}
.m-cv-help_links.large_margin {
  margin-top: 200px;
}
.m-cv-help_links .help-content {
  display: flex;
  justify-content: center;
  align-items: center;
}
.m-cv-help_links .help-content > * {
  margin: 0 20px;
}
.m-cv-help_links .help-title {
  margin-bottom: 25px;
  text-align: center;
  font-size: 20px;
  font-weight: 300;
  color: #999;
}
.m-cv-help_links .help-link {
  display: block;
  color: #ffa800;
}
.m-cv-help_links .help-link:hover,
.m-cv-help_links .help-link:focus {
  text-decoration: underline;
}
.m-cv .cv_search-buttons {
  margin-bottom: 20px;
  display: flex;
  justify-content: flex-end;
}
.m-cv .cv_search-buttons > * {
  margin: 0 5px;
}
.m-cv .cv_search-buttons > *:first-child {
  margin-left: 0;
}
.m-cv .cv_search-buttons > *:last-child {
  margin-right: 0;
}
.m-cv-simple_search {
  margin-bottom: 30px;
}
.m-cv-simple_search > .center {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.m-cv-simple_search > .center > * {
  margin: 0 12px;
}
.m-cv-simple_search > .center > *:first-child {
  margin-left: 0;
}
.m-cv-simple_search > .center > *:last-child {
  margin-right: 0;
}
.m-cv-simple_search .cv_search-search_bar {
  width: 600px;
}
.m-cv-simple_search .cv_search-advanced_button {
  font-family: 'Montserrat', sans-serif;
  font-size: 11px;
  color: #696969;
  font-weight: bold;
  text-transform: uppercase;
}
.m-cv-simple_search .cv_search-advanced_button:hover {
  text-decoration: underline;
}
.m-cv-simple_search .simple-body {
  border: 1px solid #d5d5d5;
  background: rgba(0, 0, 0, 0.07);
  border-radius: 4px;
  overflow: hidden;
  width: 100%;
}
.m-cv-simple_search .simple-main {
  display: flex;
  background: #fff;
}
.m-cv-simple_search .simple-categories {
  width: 200px;
  flex-shrink: 0;
}
.m-cv-simple_search .simple-category {
  display: flex;
  position: relative;
  align-items: center;
  height: 38px;
  box-sizing: border-box;
  padding: 0 20px;
  margin-bottom: -1px;
  font-size: 14px;
  color: #333333;
  border-bottom: 1px solid #d5d5d5;
  transition: background .2s, color .2s, border .2s;
}
.m-cv-simple_search .simple-category:last-child {
  border-bottom: 0;
}
.m-cv-simple_search .simple-category:hover,
.m-cv-simple_search .simple-category:focus {
  background: rgba(0, 0, 0, 0.07);
}
.m-cv-simple_search .simple-category:active {
  background: rgba(0, 0, 0, 0.14);
}
.m-cv-simple_search .simple-category.selected {
  background: #ffa800;
  border-color: #ffa800;
  color: #fff;
}
.m-cv-simple_search .simple-category:before {
  display: block;
  content: "";
  position: absolute;
  left: 100%;
  top: 50%;
  width: 0px;
  height: 0px;
  margin-top: -19px;
  border-top: 19px solid transparent;
  border-bottom: 19px solid transparent;
  border-left: 10px solid transparent;
  transform: translateX(-100%);
  transition: transform .2s, border .2s;
}
.m-cv-simple_search .simple-category.selected:before {
  transform: translateX(0);
  border-left-color: #ffa800;
}
.m-cv-simple_search .simple-content {
  flex-grow: 1;
  padding: 10px 35px;
  font-size: 16px;
  color: #333;
}
.m-cv-simple_search .simple-summary-submit {
  margin: 10px 20px;
}
.m-cv-simple_search .cv_search-advanced_button {
  display: inline-block;
  padding: 10px 20px;
}
.m-cv-list {
  margin: 30px 0;
}
.cv_list-filter {
  display: flex;
  border-top: 1px solid #d5d5d5;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 15px 0;
  padding: 15px 15px 0 15px;
}
.cv_list-rows_found {
  font-size: 12px;
  color: #585858;
  text-transform: uppercase;
}
.cv_list-date_filter,
.cv-list-view_filter {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.cv_list-date_filter .l-checkbox::after,
.cv-list-view_filter .l-checkbox::after {
  content: "";
  border-right: 1px solid #999;
  margin-right: 15px;
}
.cv_list-date_filter .l-checkbox input[type="checkbox"] + span,
.cv-list-view_filter .l-checkbox input[type="checkbox"] + span {
  margin-top: -1px;
}
.cv_list-date_filter .label,
.cv-list-view_filter .label,
.cv_list-date_filter .option,
.cv-list-view_filter .option {
  font-size: 12px;
  color: #585858;
  text-transform: uppercase;
}
.cv_list-date_filter .label,
.cv-list-view_filter .label {
  margin-right: 15px;
}
.cv_list-date_filter .option-holder,
.cv-list-view_filter .option-holder {
  position: relative;
  margin: 0 3px;
}
.cv_list-date_filter .option-holder > *:first-child,
.cv-list-view_filter .option-holder > *:first-child {
  margin-left: 0;
}
.cv_list-date_filter .option-holder > *:last-child,
.cv-list-view_filter .option-holder > *:last-child {
  margin-right: 0;
}
.cv_list-date_filter .option,
.cv-list-view_filter .option {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 36px;
  padding: 0 10px;
  box-sizing: border-box;
  border: 1px solid transparent;
  border-radius: 3px;
  transition: border .2s;
}
.cv_list-date_filter .option:hover,
.cv-list-view_filter .option:hover,
.cv_list-date_filter .option:focus,
.cv-list-view_filter .option:focus {
  border-color: #ccc;
}
.cv_list-date_filter .option.selected,
.cv-list-view_filter .option.selected {
  border-color: #ffa800;
}
.cv-list-view_filter {
  margin-left: 15px;
}
.cv_list-items {
  border-top: 1px solid #cbcbcb;
}
.cv_list-items-inner {
  width: calc(100% + 60px);
  margin-left: -30px;
}
.m-cv-item {
  position: relative;
  width: 100%;
  padding: 20px 25px;
  box-sizing: border-box;
}
.m-cv-item:nth-child(even) {
  background: #eeeeee;
}
.m-cv-item .item-viewed {
  /*display: flex;
		justify-content: center;
		align-items: center;
		height: 25px;
		padding: 0 10px;
		background: #ffa800;
		font-size: 11px;
		color: #fff;
		text-align: center;
		text-transform: uppercase;*/
  text-align: right;
}
.m-cv-item .item-viewed .item-viewed-by-user,
.m-cv-item .item-viewed .item-viewed-by-coworker {
  height: 25px;
  line-height: 25px;
  padding: 0 10px;
  background: #ffa800;
  font-size: 11px;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
}
.m-cv-item .item-viewed .item-viewed-by-coworker {
  margin-top: 5px;
  background: none;
  color: #ffa800;
  padding: 0 0px;
}
.m-cv-item div[data-cv-viewers] {
  position: relative;
}
.m-cv-item div[data-cv-viewers]:before {
  content: attr(data-cv-viewers);
  display: flex;
  position: absolute;
  align-items: center;
  box-sizing: border-box;
  width: auto;
  padding: 20px 15px;
  left: 50%;
  transform: translateX(-50%);
  top: 160%;
  border-radius: 4px;
  background: #fff;
  color: #787878;
  box-shadow: 0px 16px 40px 0px rgba(176, 176, 176, 0.44);
  z-index: 1;
  white-space: pre;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  cursor: default;
  transition: all 0.2s ease-in-out;
}
.m-cv-item div[data-cv-viewers]:after {
  content: "";
  position: absolute;
  top: 160%;
  margin-top: -20px;
  left: 50%;
  margin-left: -6px;
  box-sizing: border-box;
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 12px solid #fff;
  border-top: 12px solid transparent;
  transition: all 0.2s ease-in-out;
  opacity: 0;
  visibility: hidden;
  z-index: 2;
}
.m-cv-item div[data-cv-viewers]:hover:before {
  top: 110%;
  opacity: 1;
  visibility: visible;
}
.m-cv-item div[data-cv-viewers]:hover:after {
  top: 110%;
  opacity: 1;
  visibility: visible;
}
.m-cv-item .item-title-holder {
  display: flex;
  align-items: center;
  margin-bottom: 18px;
}
.m-cv-item .item-title {
  margin-right: 5px;
  font-size: 16px;
  color: #333333;
  font-weight: bold;
}
.m-cv-item .item-title a:hover,
.m-cv-item .item-title a:focus {
  text-decoration: underline;
}
.m-cv-item .item-content {
  display: flex;
}
.m-cv-item .item-content > * {
  margin: 0 20px;
}
.m-cv-item .item-content > *:first-child {
  margin-left: 0;
}
.m-cv-item .item-content > *:last-child {
  margin-right: 0;
}
.m-cv-item .item-main {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  flex-grow: 0;
  width: 450px;
}
.m-cv-item .item-info .info-label {
  width: 170px;
  box-sizing: border-box;
  padding: 6px 0;
  padding-right: 20px;
  font-size: 13px;
  color: #6f6f6f;
}
.m-cv-item .item-info .info-value {
  font-size: 14px;
  color: #262626;
}
.m-cv-item .item-info.not .info-value {
  color: #e54a4a;
}
.m-cv-item .item-info.not .info-label:before {
  display: inline-block;
  content: "";
  width: 12px;
  height: 12px;
  margin-right: 8px;
  vertical-align: -1px;
  background: url('/Content/images/cv_search/not_icon.png') no-repeat 0 0;
}
.m-cv-item .m-cv-files {
  flex-grow: 1;
}
.m-cv-item .item-actions {
  max-width: 120px;
  flex-shrink: 0;
  text-align: right;
}
.m-cv-item .item-actions .action-updated {
  margin-top: 8px;
  font-size: 12px;
  color: #818181;
}
.m-cv-banner {
  margin: 20px 0;
}
.m-cv-banner .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 80px;
  padding: 0 35px;
  background: #24819c;
  background: -webkit-linear-gradient(left, #24819c 0%, #2b6281 100%);
  background: linear-gradient(to right, #24819c 0%, #2b6281 100%);
}
.m-cv-banner .header > * {
  margin: 0 10px;
}
.m-cv-banner .header > *:first-child {
  margin-left: 0;
}
.m-cv-banner .header > *:last-child {
  margin-right: 0;
}
.m-cv-banner .header .title {
  font-family: 'Montserrat', sans-serif;
  font-weight: bold;
  font-size: 23px;
}
.m-cv-banner .header .text {
  font-size: 21px;
  color: #ffffff;
  font-weight: 300;
}
.m-cv-banner .header .button {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 42px;
  box-sizing: border-box;
  padding: 0 20px;
  background: #ff6325;
  border-radius: 4px;
  box-shadow: 0px 7px 24px 0px rgba(255, 60, 0, 0.49);
  font-size: 16px;
  color: #fefefe;
  font-weight: 300;
  text-align: center;
  transition: background 0.3s, box-shadow 0.3s;
}
.m-cv-banner .header .button:hover,
.m-cv-banner .header .button:focus {
  background: #fb8251;
  box-shadow: 0px 7px 24px 0px rgba(255, 60, 0, 0.7);
}
.m-cv-banner .header .button:active {
  background: #dc5019;
  box-shadow: 0px 0 0 0px rgba(255, 60, 0, 0.7);
}
.m-cv-manage_folders .dir-new_button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 46px;
  padding: 0 24px;
  box-sizing: border-box;
  font-size: 15px;
  color: #ffffff;
  text-transform: uppercase;
  text-align: center;
  font-weight: 300;
  background: #1abc9c;
  border-radius: 4px;
  box-shadow: 0px 7px 10px 0px rgba(26, 188, 156, 0.23);
  transition: background 0.2s, box-shadow 0.2s;
}
.m-cv-manage_folders .dir-new_button:hover,
.m-cv-manage_folders .dir-new_button:focus {
  background: #24c9a8;
  box-shadow: 0px 10px 15px 0px rgba(26, 188, 156, 0.23);
}
.m-cv-manage_folders .dir-new_button:active {
  background: #0e876f;
  box-shadow: 0 0 0 0px rgba(26, 188, 156, 0.23);
}
.m-cv-manage_folders .dir-list {
  width: 100%;
  max-width: 420px;
  margin-top: 45px;
}
.m-cv-manage_folders .dir-item {
  position: relative;
  width: 100%;
  margin: 16px 0;
  box-sizing: border-box;
}
.m-cv-manage_folders .dir-item .dir-button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 16px;
  padding-left: 55px;
  box-sizing: border-box;
  border: 1px solid #e3e3e3;
  box-shadow: 0 4px 5px 0 rgba(197, 211, 216, 0.64);
  border-radius: 6px;
  transition: background 0.2s, box-shadow 0.2s;
}
.m-cv-manage_folders .dir-item .dir-button:hover,
.m-cv-manage_folders .dir-item .dir-button:focus {
  background: rgba(0, 0, 0, 0.05);
  box-shadow: 0 6px 8px 0 rgba(197, 211, 216, 0.64);
}
.m-cv-manage_folders .dir-item .dir-button:active {
  background: rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 0 0 rgba(197, 211, 216, 0.64);
}
.m-cv-manage_folders .dir-item .dir-name {
  font-size: 15px;
  color: #767676;
  font-weight: bold;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.m-cv-manage_folders .dir-item .dir-count {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 34px;
  height: 29px;
  margin-left: 15px;
  background: #e4e4e4;
  border-radius: 3px;
  font-size: 13px;
  color: #767676;
  font-weight: bold;
  text-align: center;
}
.m-cv-manage_folders .dir-item .dir-edit {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 12px;
  height: 12px;
  padding: 8px;
  position: absolute;
  left: 16px;
  top: 14px;
  flex-shrink: 0;
}
.m-cv-manage_folders .dir-item .dir-edit:before {
  display: block;
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
  background: rgba(0, 0, 0, 0.2);
  transform: scale(0);
  opacity: 0;
  transition: background .3s, transform .3s, opacity .3s;
}
.m-cv-manage_folders .dir-item .dir-edit.disabled {
  cursor: default;
}
.m-cv-manage_folders .dir-item .dir-edit:not(.disabled):hover:before,
.m-cv-manage_folders .dir-item .dir-edit:not(.disabled):focus:before,
.m-cv-manage_folders .dir-item .dir-edit:not(.disabled):active:before {
  opacity: .5;
  transform: scale(1);
}
.m-cv-manage_folders .dir-item .dir-edit:not(.disabled):active:before {
  opacity: 1;
}
.m-cv-manage_folders .dir-item .dir-edit:after {
  display: block;
  content: "";
}
.m-cv-manage_folders .dir-item .dir-edit:after {
  width: 12px;
  height: 12px;
  margin: 0 auto;
  background: url('/Content/images/cv_search/edit_icon.svg') no-repeat 0 0;
}
.m-cv-manage_folders .dir-item .dir-trash {
  position: absolute;
  left: 100%;
  top: 14px;
  margin-left: 10px;
}
.m-cv-profile_header {
  display: flex;
  padding-bottom: 30px;
  margin-bottom: 40px;
  border-bottom: 1px solid #e3e3e3;
}
.m-cv-profile_header .profile-img {
  display: block;
  width: 75px;
  height: 75px;
  flex-shrink: 0;
  margin-right: 20px;
  overflow: hidden;
}
.m-cv-profile_header .profile-img img {
  display: block;
  width: 100%;
}
.m-cv-profile_header .profile-main {
  flex-grow: 1;
  max-width: 594px;
}
.m-cv-profile_header .profile-title-holder {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.m-cv-profile_header .profile-title {
  font-family: 'Montserrat', sans-serif;
  font-size: 26px;
  color: #333333;
  font-weight: bold;
  text-transform: uppercase;
}
.m-cv-profile_header .profile-tel {
  margin-bottom: 2px;
  font-size: 17px;
  color: #ffa800;
  font-weight: bold;
}
.m-cv-profile_header .profile-email {
  font-size: 17px;
  color: #333333;
}
.m-cv-profile_header .profile-email:hover,
.m-cv-profile_header .profile-email:focus {
  text-decoration: underline;
}
.m-cv-profile_header .profile-actions {
  margin-left: 30px;
  text-align: right;
}
.m-cv-profile_header .profile-actions .m-cv-button-holder {
  margin-bottom: 10px;
}
.m-cv-profile_header .profile-actions .m-cv-button-holder .m-cv-button + .m-cv-button {
  margin-left: 10px;
}
.m-cv-profile_header .profile-actions .profile-updated {
  font-size: 13px;
  color: #818181;
}
.m-cv-profile_header .profile-actions .profile-updated th,
.m-cv-profile_header .profile-actions .profile-updated td {
  padding: 1px 5px;
}
.m-cv-profile_header .profile-actions .profile-updated th {
  text-align: left;
}
.m-cv-profile_main {
  display: flex;
}
.m-cv-profile_main .profile-col {
  flex-grow: 1;
  margin: 0 15px;
}
.m-cv-profile_main .profile-col.large {
  width: 500px;
  flex-grow: 0;
}
.m-cv-profile_main .profile-col:first-child {
  margin-left: 0;
}
.m-cv-profile_main .profile-col:last-child {
  margin-right: 0;
}
.m-cv-profile_main .profile-block {
  margin: 40px 0;
}
.m-cv-profile_main .profile-block:first-child {
  margin-left: 0;
}
.m-cv-profile_main .profile-block:last-child {
  margin-right: 0;
}
.m-cv-profile_main .profile-block.profile-views-list {
  width: 420px;
  max-width: 100%;
}
.m-cv-profile_main .profile-block.profile-views-list .l-details_table {
  text-align: center;
}
.m-cv-profile_main .profile-block.profile-views-list .l-details_table th {
  width: 50%;
}
.m-cv-profile_main .profile-title {
  margin-bottom: 20px;
  font-size: 15px;
  color: #767676;
  font-weight: bold;
  text-transform: uppercase;
}
/*show less/more*/
.cv-toggler .item {
  display: none;
  position: relative;
}
.cv-toggler .item:after {
  position: relative;
  content: ', ';
}
.cv-toggler .item.last:after {
  content: none;
}
.cv-toggler .show {
  display: inline-block;
}
.cv-toggler .show:nth-child(9):after {
  content: none;
}
.cv-toggler .show:nth-child(9):before {
  position: absolute;
  top: 0;
  left: 0;
  width: 101%;
  height: 100%;
  content: '';
  display: block;
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 77%, #ffffff 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 77%, #ffffff 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 77%, #ffffff 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1);
  /* IE6-9 */
}
.cv-toggler .cv-toggler_btn {
  display: inline-block;
  font-weight: 700;
  font-size: 1.1em;
  margin-top: 5px;
}
.cv-toggler .cv-toggler_btn i {
  display: inline-block;
  width: 18px;
  height: 18px;
  border-radius: 3px;
  top: 2px;
  background: #1abc9c;
  position: relative;
  transition: all .4s;
}
.cv-toggler .cv-toggler_btn i:before {
  content: "+";
  color: #fff;
  font-style: normal;
  font-size: 20px;
  line-height: 19px;
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
  cursor: pointer;
}
.cv-toggler .cv-toggler_btn span:last-of-type {
  display: none;
}
.cv-toggler .cv-toggler_btn span:last-of-type i:before {
  content: '-';
}
.cv-toggler .cv-toggler_btn span:first-of-type {
  display: inline;
}
.cv-toggler.active .item {
  display: inline-block;
}
.cv-toggler.active .item:before {
  content: none !important;
}
.cv-toggler.active .item:nth-child(9):after {
  content: ', ';
}
.cv-toggler.active .cv-toggler_btn span:last-of-type {
  display: inline;
}
.cv-toggler.active .cv-toggler_btn span:first-of-type {
  display: none;
}
.m-cv-notes .note-item {
  position: relative;
  display: flex;
  margin: 20px 0 30px  0px;
}
.m-cv-notes .note-trash {
  flex-shrink: 0;
  margin-left: 5px;
  align-self: center;
}
.m-cv-notes .note-info {
  position: absolute;
  padding-left: 20px;
  left: 0;
  top: 100%;
  margin-top: 4px;
  font-size: 12px;
  color: #979797;
}
.m-cv-notes .note-info > * {
  display: inline-block;
  margin: 0 4px;
}
.m-cv-notes .note-info > *:first-child {
  margin-left: 0;
}
.m-cv-notes .note-info > *:last-child {
  margin-right: 0;
}
.m-cv-notes .note-input {
  min-height: 46px;
  height: 46px;
  padding-top: 12px;
  padding-bottom: 12px;
}
.m-cv-notes .note-new {
  display: flex;
}
.m-cv-notes .note-new .l-input {
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.m-cv-notes .note-new .l-cta_button {
  height: auto;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.m-cv-view {
  display: flex;
  position: fixed;
  left: 35px;
  top: 35px;
  width: calc(100% - 70px);
  height: calc(100% - 70px);
  z-index: 100;
  /*overflow-x: auto;
	overflow-y: hidden;*/
}
.m-cv-view:before {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
  background: rgba(0, 0, 0, 0.5);
  z-index: 1;
}
.m-cv-view .view-center {
  display: flex;
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 1600px;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 40px;
  border-radius: 2px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  background: #fff;
}
.m-cv-view .view-nav {
  width: 100%;
  max-width: 400px;
  flex-shrink: 0;
  margin-left: -20px;
  margin-right: 30px;
  padding-left: 10px;
  padding-right: 10px;
  overflow-x: hidden;
  overflow-y: auto;
}
.m-cv-view .view-nav .m-cv-item {
  margin: 20px 0;
}
.m-cv-view .view-nav .m-cv-item:first-child {
  margin-top: 0;
}
.m-cv-view .view-nav .m-cv-item:last-child {
  margin-bottom: 0;
}
.m-cv-view .view-preview {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.m-cv-view .view-content {
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding-right: 10px;
  overflow-y: auto;
  overflow-y: hidden;
}
.m-cv-view .view-content img,
.m-cv-view .view-content video,
.m-cv-view .view-content iframe {
  display: block;
  width: 100%;
  border: 0;
  max-height: 99% !important;
}
.m-cv-view .view-actions {
  display: flex;
  flex-shrink: 0;
  margin-bottom: 15px;
}
.m-cv-view .view-actions > * {
  margin: 0 5px;
}
.m-cv-view .view-actions > *:first-child {
  margin-left: 0;
}
.m-cv-view .view-actions > *:last-child {
  margin-right: 0;
}
.m-cv-view .l-cta_button-close {
  position: absolute;
  z-index: 10;
  top: -20px;
  right: -20px;
  width: 40px;
  min-width: 0;
  height: 40px;
  padding: 0;
  border-radius: 50%;
  background: #373737;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
}
.m-cv-nav_help {
  position: relative;
  width: 100%;
  max-width: 430px;
  margin: 0 auto;
  box-sizing: border-box;
  padding-left: 75px;
}
.m-cv-nav_help:before {
  display: block;
  position: absolute;
  content: "";
  width: 46px;
  height: 51px;
  left: 0;
  top: 20px;
  margin-right: 10px;
  background: url('/Content/images/cv_search/star_icon.svg') no-repeat center center;
}
.m-cv-nav_help .desc {
  display: flex;
  align-items: center;
  margin: 55px 0;
}
.m-cv-nav_help .desc:first-child {
  margin-top: 0;
}
.m-cv-nav_help .desc:last-child {
  margin-bottom: 0;
}
.m-cv-nav_help .text {
  margin: 0;
  font-size: 15px;
  color: #585858;
}
.m-cv-nav_help .icons {
  display: flex;
  flex-shrink: 0;
  width: 100px;
  margin-left: 20px;
}
.m-cv-nav_help .icons.horizontal {
  justify-content: center;
}
.m-cv-nav_help .icons.vertical {
  align-items: center;
  flex-direction: column;
}
.m-cv-nav_help .icon {
  display: flex;
  position: relative;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 33px;
  height: 33px;
  margin: 3px;
  border-radius: 3px;
  border: 1px solid #cbcbcb;
}
.m-cv-nav_help .icon:before {
  display: block;
  content: "";
  width: 0;
  height: 0;
}
.m-cv-nav_help .icon.left:before {
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid #3c3c3c;
}
.m-cv-nav_help .icon.right:before {
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #3c3c3c;
}
.m-cv-nav_help .icon.up:before {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #3c3c3c;
}
.m-cv-nav_help .icon.down:before {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #3c3c3c;
}
.m-cv-nav_help-popup .popup-window {
  max-width: 550px;
  padding-top: 60px;
  padding-bottom: 60px;
  border-radius: 6px;
}
.m-cv-gui_search {
  /*boolean search*/
}
.m-cv-gui_search .gui-back_button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 35px;
  box-sizing: border-box;
  margin-bottom: 15px;
  padding: 0 12px;
  border: 1px solid #d5d5d5;
  border-radius: 4px;
  font-size: 13px;
  color: #989897;
  font-weight: 300;
  text-transform: uppercase;
  text-align: center;
  transition: background .2s;
}
.m-cv-gui_search .gui-back_button:hover,
.m-cv-gui_search .gui-back_button:focus {
  background: rgba(0, 0, 0, 0.07);
}
.m-cv-gui_search .gui-back_button:active {
  background: rgba(0, 0, 0, 0.14);
}
.m-cv-gui_search .l-cta_button {
  cursor: pointer;
}
.m-cv-gui_search .cv_search-simple_button-holder {
  background: rgba(0, 0, 0, 0.07);
  border-top: 1px solid #d5d5d5;
}
.m-cv-gui_search .cv_search-simple_button-holder .cv_search-simple_button {
  display: inline-block;
  padding: 10px 20px;
  font-family: 'Montserrat', sans-serif;
  font-size: 11px;
  color: #696969;
  font-weight: bold;
  text-transform: uppercase;
}
.m-cv-gui_search .cv_search-simple_button-holder .cv_search-simple_button:hover {
  text-decoration: underline;
}
.m-cv-gui_search .gui-body {
  border: 1px solid #d5d5d5;
  border-radius: 4px;
  overflow: hidden;
}
.m-cv-gui_search .gui-main {
  display: flex;
}
.m-cv-gui_search .gui-categories {
  width: 200px;
  flex-shrink: 0;
  border-right: 1px solid #d5d5d5;
}
.m-cv-gui_search .gui-category {
  display: flex;
  position: relative;
  align-items: center;
  height: 38px;
  box-sizing: border-box;
  padding: 0 20px;
  margin-bottom: -1px;
  font-size: 14px;
  color: #333333;
  border-bottom: 1px solid #d5d5d5;
  transition: background .2s, color .2s, border .2s;
}
.m-cv-gui_search .gui-category:last-child {
  border-bottom: 0;
}
.m-cv-gui_search .gui-category:hover,
.m-cv-gui_search .gui-category:focus {
  background: rgba(0, 0, 0, 0.07);
}
.m-cv-gui_search .gui-category:active {
  background: rgba(0, 0, 0, 0.14);
}
.m-cv-gui_search .gui-category.selected {
  background: #ffa800;
  border-color: #ffa800;
  color: #fff;
}
.m-cv-gui_search .gui-category:before {
  display: block;
  content: "";
  position: absolute;
  left: 100%;
  top: 50%;
  width: 0px;
  height: 0px;
  margin-top: -19px;
  border-top: 19px solid transparent;
  border-bottom: 19px solid transparent;
  border-left: 10px solid transparent;
  transform: translateX(-100%);
  transition: transform .2s, border .2s;
}
.m-cv-gui_search .gui-category.selected:before {
  transform: translateX(0);
  border-left-color: #ffa800;
}
.m-cv-gui_search .gui-content {
  flex-grow: 1;
  display: flex;
  flex-flow: row wrap;
  padding: 10px 35px;
  font-size: 16px;
  color: #333;
}
.m-cv-gui_search .gui-content:not(.selected) {
  display: none;
}
.m-cv-gui_search .gui-content .l-input:not(.small) {
  width: 600px;
}
.m-cv-gui_search .gui-content .main-area {
  flex-grow: 0;
}
.m-cv-gui_search .gui-content .etc-area {
  width: 210px;
  flex-grow: 1;
  margin-left: 35px;
  padding: 10px 20px;
  border-left: 1px solid #d5d5d5;
}
.m-cv-gui_search .gui-content .etc-area h2 {
  font-weight: bold;
  margin-bottom: 15px;
}
.m-cv-gui_search .gui-content .etc-area .small-text {
  font-size: 75%;
  line-height: 1.4em;
}
.m-cv-gui_search .gui-content .filter-template {
  width: 100%;
  display: flex;
  align-items: center;
  font-size: 14px;
  margin-bottom: 5px;
  font-weight: 300;
}
.m-cv-gui_search .gui-content .filter-template input[type="checkbox"] {
  border-radius: 2px;
  border: 1px solid #cbcbcb;
}
.m-cv-gui_search .gui-content .filter-template .filter-template_contains .label {
  margin-left: 5px;
  display: inline-flex;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 1px solid #cbcbcb;
  align-items: center;
  justify-content: center;
  text-align: center;
  opacity: .8;
  transition: all 0.2s ease-in-out;
}
.m-cv-gui_search .gui-content .filter-template .filter-template_contains .label span {
  width: 8px;
  height: 10px;
  display: block;
  background: url(/Content/images/cv_search/flag_icons.png) no-repeat 0 0;
}
.m-cv-gui_search .gui-content .filter-template .filter-template_contains .label:hover {
  opacity: 1;
}
.m-cv-gui_search .gui-content .filter-template .filter-template_contains input[type="checkbox"] {
  width: 0;
  height: 0;
  border: none;
  background: transparent;
  position: absolute;
  top: -9999px;
  left: -9999px;
}
.m-cv-gui_search .gui-content .filter-template .filter-template_contains input[type="checkbox"]:checked + .label {
  border-color: #e54a4a;
  opacity: 1;
}
.m-cv-gui_search .gui-content .filter-template .filter-template_contains input[type="checkbox"]:checked + .label span {
  background-position: -8px 0;
}
.m-cv-gui_search .scrolling-content {
  overflow-y: auto;
  max-height: 380px;
  width: 50%;
  float: left;
  box-sizing: border-box;
}
.m-cv-gui_search .scrolling-content + .scrolling-content {
  padding-left: 20px;
}
.m-cv-gui_search .columned-list {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  max-height: 380px;
}
.m-cv-gui_search .gui-item {
  display: flex;
  align-items: center;
}
.m-cv-gui_search .gui-item-options {
  display: flex;
}
.m-cv-gui_search .gui-summary {
  display: flex;
  justify-content: space-between;
  padding: 16px 20px;
  border-top: 1px solid #d5d5d5;
}
.m-cv-gui_search .gui-summary-title {
  margin-bottom: 15px;
  font-size: 14px;
  color: #7d7d7d;
}
.m-cv-gui_search .gui-summary-cancel {
  text-align: center;
  display: block;
  width: 100%;
}
.m-cv-gui_search .gui-summary-holder {
  flex-direction: column;
  align-self: flex-end;
  width: 200px;
}
.m-cv-gui_search .gui-summary-holder .gui-summary-submit {
  flex-direction: column;
  align-self: center;
  min-width: 160px;
  text-align: center;
  font-size: 12px;
}
.m-cv-gui_search .gui-summary-holder .gui-summary-submit b {
  font-size: 15px;
}
.m-cv-gui_search .sort-selector {
  margin-top: 10px;
  margin-bottom: -22px;
  text-align: right;
  display: block;
}
.m-cv-gui_search .sort-selector .l-radio {
  display: inline-block;
  line-height: 1.3;
  margin-bottom: 5px;
  margin-right: 20px;
}
.m-cv-gui_search .sort-selector .l-radio .text:not(.plain) {
  font-size: 13px;
}
.m-cv-gui_search .gui-filters {
  display: flex;
  flex-wrap: wrap;
  margin: -6px;
}
.m-cv-gui_search .gui-filter {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  max-width: 250px;
  height: 36px;
  box-sizing: border-box;
  padding: 0 20px;
  margin: 6px;
  border-radius: 18px;
  border: 1px solid #989898;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);
  font-size: 14px;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: border .2s, color .2s, background .2s;
}
.m-cv-gui_search .gui-filter .text {
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 12px;
}
.m-cv-gui_search .gui-filter .text + .m-cv-gui_icon {
  margin-left: 0;
}
.m-cv-gui_search .gui-filter.important {
  border-color: #e54a4a;
  position: relative;
}
.m-cv-gui_search .gui-filter.important .indicator {
  display: block;
  width: 8px;
  height: 11px;
  margin: 0 5px;
  background: url(/Content/images/cv_search/flag_icons.png) no-repeat -8px 0;
  position: absolute;
  right: 40px;
  top: 11px;
}
.m-cv-gui_search .gui-filter.ignore {
  position: relative;
}
.m-cv-gui_search .gui-filter.ignore .text {
  padding-right: 20px;
}
.m-cv-gui_search .gui-filter.ignore .indicator {
  display: block;
  width: 12px;
  height: 12px;
  margin: 0px;
  background: url(/Content/images/cv_search/block_icon.png) no-repeat 0px 0;
  position: absolute;
  right: 42px;
  top: 11px;
}
.m-cv-gui_search .gui-filter .remove {
  display: block;
  width: 12px;
  height: 12px;
  margin-left: 10px;
  transition: opacity .2s;
  background: url('/Content/images/cv_search/close_icon-dark.png') no-repeat 0 0;
  opacity: .4;
}
.m-cv-gui_search .gui-filter .remove:hover,
.m-cv-gui_search .gui-filter .remove:focus {
  opacity: .8;
}
.m-cv-gui_search .cv_search-keyword-type {
  display: inline-block;
  padding: 10px 15px;
  border-radius: 4px 4px 0 0;
  text-transform: uppercase;
  background: #e8e8e8;
  color: #454545;
  cursor: pointer;
}
.m-cv-gui_search .cv_search-keyword-type.active {
  background: #1ed7b2;
  color: #ffffff;
}
.m-cv-gui_search .expression--keyword {
  display: inline-block;
}
.m-cv-gui_search #dvExpression {
  max-width: 600px;
}
.m-cv-gui_search #dvExpression .l-cta_button-holder {
  text-align: center !important;
  float: left;
  width: 100%;
  display: block;
  margin-top: 0;
}
.m-cv-gui_search #dvExpression .l-cta_button-holder .l-cta_button {
  transition: all 0.4s ease-in-out;
}
.m-cv-gui_search #dvExpression .l-cta_button-holder .l-cta_button.disabled {
  background: #cecece;
  pointer-events: none;
  cursor: default;
}
.m-cv-gui_search #dvExpression #dvExpressionTemplate {
  opacity: 0;
  height: 0;
  transition: all 0.4s ease-in-out;
  width: 100%;
  max-width: 600px;
  background: #f6f6f6;
  float: left;
  padding: 0px;
  box-sizing: border-box;
  margin: 10px 0;
}
.m-cv-gui_search #dvExpression #dvExpressionTemplate.active {
  opacity: 1;
  height: auto;
  padding: 10px;
}
.m-cv-gui_search #dvExpression #dvExpressionTemplate div {
  display: inline-block;
}
.m-cv-gui_search #dvExpression #dvExpressionTemplate .expression--keyword {
  display: inline-block;
  animation-name: tagFadeIn;
  -webkit-animation-name: tagFadeIn;
  animation-duration: 0.25s;
  -webkit-animation-duration: 0.25s;
  animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  visibility: visible !important;
  /* float: left;
                padding: 5px 10px;
                padding-bottom: 8px;
                margin: 2px;
                border-radius: 15px;
                min-width: 15px;
                text-align: center;
                line-height: 120%;
                background-color: #ffffff;
                background-color: rgba(0,0,0,0.08);
                animation-name: tagFadeIn;
                -webkit-animation-name: tagFadeIn;
                animation-duration: 0.25s;
                -webkit-animation-duration: 0.25s;
                animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);;
                -webkit-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
                visibility: visible !important;
                &.operator{
                    background-color: #2e90ad;
                    color: @color-bg;                                  
                }
                &.freetext{
                    background-color: #c9dad7;
                }
                   */
}
.m-cv-gui_search #dvExpression #dvExpressionTemplate .expression--keyword.operator {
  font-weight: bold;
}
.level-indicator {
  background: url('/Content/images/cv_search/level_icon.png') no-repeat 0 0;
  width: 13px;
  height: 16px;
  display: block;
  position: relative;
  cursor: pointer;
}
.level-indicator:hover,
.level-indicator.opened {
  background-position: 0px -22px;
}
.level-indicator + .dropdown {
  display: none;
}
.level-indicator + .dropdown.level-open {
  display: block;
  position: absolute;
  background: #fff;
  padding: 15px 0px 15px 0px;
  margin-left: -15px;
  list-style: none;
  box-shadow: 0 18px 21px 0 rgba(0, 0, 0, 0.15);
  transition: transform .4s, opacity .4s, visibility .4s;
  z-index: 10;
}
.level-indicator + .dropdown.level-open li {
  padding: 2px 15px;
}
.level-indicator + .dropdown.level-open li:hover {
  background: #f5f5f5;
}
.level-indicator + .dropdown.level-open li.selected {
  background: #1abc9c;
  color: #fff;
}
.expression--help {
  display: block;
  width: 100%;
  float: left;
}
.expression--help h3 {
  margin: 10px 0;
  font-weight: bold;
  cursor: pointer;
  text-align: center;
  margin-top: 25px;
}
.expression--help h3 sup {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  line-height: 20px;
  background: #ffa800;
  text-align: center;
  color: #ffffff;
}
.expression--help .expression--help_row {
  position: relative;
  width: 100%;
  max-width: 600px;
  display: none;
  float: left;
  background: #f8f8f8;
  padding: 10px;
  box-sizing: border-box;
  color: #9f9f9f;
}
.expression--help .expression--help_row .close {
  position: absolute;
  top: -15px;
  right: -15px;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffa800;
  border-radius: 50%;
  color: #ffffff;
  cursor: pointer;
}
.expression--help .expression--help_row .expression--help_col.title {
  width: 25%;
  display: inline-block;
  float: left;
  font-size: 1.1em;
  font-weight: 300;
  text-transform: uppercase;
}
.expression--help .expression--help_row .expression--help_col.title strong {
  display: inline-block;
  width: 100%;
  text-align: center;
  font-size: 1.6em;
}
.expression--help .expression--help_row .expression--help_col.title small {
  padding-bottom: 5px;
  text-transform: none;
  font-size: .8em;
  display: inline-block;
  width: 100%;
  text-align: center;
}
.expression--help .expression--help_row .expression--help_col.details {
  width: 70%;
  display: inline-block;
  float: left;
  margin-left: 5%;
}
.expression--help .expression--help_row .expression--help_col.details:after {
  display: block;
  clear: both;
  float: left;
  content: '';
  width: 146%;
  height: 10px;
  border-top: 1px solid #e0e0e0;
  position: relative;
  left: -44%;
  margin-top: 10px;
}
.expression--help .expression--help_row .expression--help_col.full_col {
  width: 100%;
  display: block;
  text-align: center;
  font-size: 1.3em;
  text-transform: uppercase;
  background: #2e90ad;
  float: left;
  color: #ffffff;
  padding: 10px;
  position: relative;
  left: -10px;
  margin-bottom: 10px;
}
@keyframes tagFadeIn {
  0% {
    transform: scale(0);
    opacity: 0.0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes tagFadeIn {
  0% {
    -webkit-transform: scale(0);
    opacity: 0.0;
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
}
/**** 404 styling ****/
.not-found-wrapper {
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  min-height: 955px;
  box-sizing: border-box;
  background: #1abc9c url('/Content/images/404-bg-pattern.png') repeat 0 0;
  margin-top: var(--navigation-height);
}
.not-found-wrapper .biggest {
  font-family: 'Montserrat', sans-serif;
  font-size: 23.625em;
  font-weight: bold;
  text-transform: uppercase;
  margin-top: 100px;
  text-align: center;
  margin-bottom: 0;
  line-height: 1;
}
.not-found-wrapper .biggest-title {
  font-family: 'Montserrat', sans-serif;
  font-size: 3.375em;
  font-weight: bold;
  margin: 40px auto;
  color: #fff;
  text-align: center;
  line-height: 100%;
}
.not-found-wrapper .biggest-list-bg {
  width: 100%;
  height: 415px;
  position: relative;
  background-color: #1abc9c;
  bottom: 0;
}
.not-found-wrapper .bigglist-outer {
  position: absolute;
  z-index: 1;
  max-width: 1200px;
  margin: 0 auto;
  padding-top: 65px;
}
.not-found-wrapper .list-box-50 {
  width: 600px;
  display: block;
  float: left;
}
.not-found-wrapper .list-box-50 .title {
  font-family: 'Montserrat', sans-serif;
  font-size: 1.5em;
  font-weight: bold;
  color: #333333;
  margin-bottom: 24px;
}
.not-found-wrapper .list-box-50 > ul {
  list-style-type: none;
  color: #fff;
}
.not-found-wrapper .list-box-50 > ul > li {
  background: url('/Content/images/404-bullet.png') left 5px no-repeat;
  padding: 0 24px;
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
  color: #fff;
  line-height: 27px;
}
.not-found-wrapper .list-box-50 .left-one {
  padding-left: 115px;
  width: 450px;
}
.not-found-wrapper .list-box-50 .right-one {
  padding-left: 77px;
  width: 450px;
}
.loader-layer {
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  left: 0vw;
  top: 0vh;
  position: fixed;
  z-index: 10000;
  display: none;
}
.loader-layer .loader {
  width: 70px;
  height: 98px;
  position: relative;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -45px;
  margin-left: -35px;
}
.loader-layer .loader .icon-jobline-logo-j {
  animation: jump 1s infinite;
  transition: all 0.2s ease-in-out;
  margin: 0 auto;
  width: 80px;
  position: relative;
  z-index: 10001;
  font-size: 76px;
  text-align: center;
  color: #ffa800;
}
.loader-layer .loader .shadow {
  width: 30px;
  height: 10px;
  background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
  background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#22000000', endColorstr='#00000000', GradientType=1);
  border-radius: 50%;
  margin-left: 16px;
  position: absolute;
  bottom: 0;
  animation: shadow 1s infinite;
}
.loader-layer.loading {
  display: block;
}
@keyframes jump {
  0% {
    transform: scale(1, 1) translate(0px, 0px);
  }
  25% {
    transform: scale(1, 1) translate(0px, 3px);
  }
  50% {
    transform: scale(1, 0.8) translate(0px, 27px);
  }
  75% {
    transform: scale(1, 1) translate(0px, 7px);
  }
  100% {
    transform: scaleY(1, 1) translate(0px, 0px);
  }
}
@keyframes shadow {
  0% {
    transform: scale(1.2, 1);
    opacity: 0.2;
  }
  40% {
    transform: scale(1.15, 1);
    opacity: 0.25;
  }
  50% {
    transform: scale(1, 0.8);
    opacity: 0.5;
  }
  80% {
    transform: scale(1.15, 1);
    opacity: 0.25;
  }
  100% {
    transform: scale(1.2, 1);
    opacity: 0.2;
  }
}

