/* File: assets/cs/css/reset.css
   Compiled at: 2026-07-08 19:49:34 
================================ */


/* File: assets/cs/css/normalize.css
   Compiled at: 2026-07-08 19:49:35 
================================ */
/* normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}
/**
 * Remove default margin.
 */
body {
  margin: 0;
}
/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}
/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}
/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0;
}
/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}
/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}
/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}
/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}
/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}
/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0;
}
/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}
/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}
/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}
/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}
/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}
/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}
/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}
/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}
/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  box-sizing: content-box; /* 2 */
}
/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}
/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}
/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}
/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}


/* File: assets/cs/css/init.css
   Compiled at: 2026-07-08 19:49:35 
================================ */
html {
  box-sizing: border-box;
}
*,
*:before,
*:after {
  box-sizing: inherit;
}
.fl {
  float: left !important;
}
.fr {
  float: right !important;
}
.cl {
  clear: left !important;
}
.cr {
  clear: right !important;
}
.cb {
  clear: both !important;
}
.cn {
  clear: none !important;
}
.cf:before,
.cf:after {
  content: " ";
  display: table;
}
.cf:after {
  clear: both;
}
.cf {
  *zoom: 1;
}
.no-border {
  border: none !important;
}
.hide {
  display: none !important;
}
body:not(.no-js) .js-hide {
  display: none !important;
}
body:not(.no-js) .js-show {
  display: block !important;
}
.only-mobile,
.only-desktop,
.only-tablet,
.only-tablet-desktop {
  display: none !important;
}
body.mobile .only-mobile {
  display: block !important;
}
body.tablet .only-tablet {
  display: block !important;
}
body:not(.mobile):not(.tablet) .only-desktop {
  display: block !important;
}
body:not(.mobile) .only-tablet-desktop {
  display: block !important;
}
.big {
  font-size: 1.5em !important;
}
.small {
  font-size: 0.9em !important;
}
.thin {
  font-weight: 300 !important;
}
.italic {
  font-style: italic !important;
}
.normal {
  font-weight: normal !important;
  font-style: normal !important;
}
.bold {
  font-weight: bold;
}
.lower {
  text-transform: lowercase !important;
}
.upper {
  text-transform: uppercase !important;
}
.red {
  color: #f00 !important;
}
.yellow {
  color: #f0b600 !important;
}
.blue {
  color: #01509d !important;
}
.grey {
  color: #808080 !important;
}
.reset {
  margin: 0 !important;
  padding: 0 !important;
  list-style-type: none !important;
  background: none !important;
  border: none !important;
  font-weight: normal !important;
  text-align: left !important;
  width: auto !important;
  height: auto !important;
  color: inherit !important;
}
.center {
  text-align: center !important;
}
.left {
  text-align: left !important;
}
.right {
  text-align: right !important;
}
.vat {
  vertical-align: top !important;
}
.vam {
  vertical-align: middle !important;
}
.vab {
  vertical-align: bottom !important;
}
.nowrap {
  white-space: nowrap !important;
}
.center-content {
  margin-left: auto !important;
  margin-right: auto !important;
}
.error {
  border: 3px #f00;
  color: #f00;
}
.success {
  border: 3px #f0b600;
  color: #f0b600;
}
.disabled {
  opacity: 0.4;
}
.disabled:hover {
  cursor: not-allowed;
}
.width-10 {
  width: 10% !important;
}
.width-20 {
  width: 20% !important;
}
.width-30 {
  width: 30% !important;
}
.width-40 {
  width: 40% !important;
}
.width-50 {
  width: 50% !important;
}
.width-60 {
  width: 60% !important;
}
.width-70 {
  width: 70% !important;
}
.width-80 {
  width: 90% !important;
}
.width-90 {
  width: 90% !important;
}
.width-100 {
  width: 100% !important;
}
.m-0 {
  margin: 0 !important;
}
.m-5 {
  margin: 5px !important;
}
.m-10 {
  margin: 10px !important;
}
.m-15 {
  margin: 15px !important;
}
.m-20 {
  margin: 20px !important;
}
.m-25 {
  margin: 25px !important;
}
.m-30 {
  margin: 30px !important;
}
.m-35 {
  margin: 35px !important;
}
.m-40 {
  margin: 40px !important;
}
.m-45 {
  margin: 45px !important;
}
.m-50 {
  margin: 50px !important;
}
.mt-0 {
  margin-top: 0 !important;
}
.mt-5 {
  margin-top: 5px !important;
}
.mt-10 {
  margin-top: 10px !important;
}
.mt-15 {
  margin-top: 15px !important;
}
.mt-20 {
  margin-top: 20px !important;
}
.mt-25 {
  margin-top: 25px !important;
}
.mt-30 {
  margin-top: 30px !important;
}
.mt-35 {
  margin-top: 35px !important;
}
.mt-40 {
  margin-top: 40px !important;
}
.mt-45 {
  margin-top: 45px !important;
}
.mt-50 {
  margin-top: 50px !important;
}
.mr-0 {
  margin-right: 0 !important;
}
.mr-5 {
  margin-right: 5px !important;
}
.mr-10 {
  margin-right: 10px !important;
}
.mr-15 {
  margin-right: 15px !important;
}
.mr-20 {
  margin-right: 20px !important;
}
.mr-25 {
  margin-right: 25px !important;
}
.mr-30 {
  margin-right: 30px !important;
}
.mr-35 {
  margin-right: 35px !important;
}
.mr-40 {
  margin-right: 40px !important;
}
.mr-45 {
  margin-right: 45px !important;
}
.mr-50 {
  margin-right: 50px !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.mb-5 {
  margin-bottom: 5px !important;
}
.mb-10 {
  margin-bottom: 10px !important;
}
.mb-15 {
  margin-bottom: 15px !important;
}
.mb-20 {
  margin-bottom: 20px !important;
}
.mb-25 {
  margin-bottom: 25px !important;
}
.mb-30 {
  margin-bottom: 30px !important;
}
.mb-35 {
  margin-bottom: 35px !important;
}
.mb-40 {
  margin-bottom: 40px !important;
}
.mb-45 {
  margin-bottom: 45px !important;
}
.mb-50 {
  margin-bottom: 50px !important;
}
.ml-0 {
  margin-left: 0 !important;
}
.ml-5 {
  margin-left: 5px !important;
}
.ml-10 {
  margin-left: 10px !important;
}
.ml-15 {
  margin-left: 15px !important;
}
.ml-20 {
  margin-left: 20px !important;
}
.ml-25 {
  margin-left: 25px !important;
}
.ml-30 {
  margin-left: 30px !important;
}
.ml-35 {
  margin-left: 35px !important;
}
.ml-40 {
  margin-left: 40px !important;
}
.ml-45 {
  margin-left: 45px !important;
}
.ml-50 {
  margin-left: 50px !important;
}


/* File: assets/cs/css/components.css
   Compiled at: 2026-07-08 19:49:35 
================================ */
#menu-opener,
#menu-opener-blog {
  display: none;
  position: relative;
  z-index: 100;
  height: 51px;
  width: 52px;
  z-index: 100;
  -webkit-transition: background-color 0.4s, -webkit-transform 0.4s;
  transition: background-color 0.4s, -webkit-transform 0.4s;
  transition: background-color 0.4s, transform 0.4s;
  transition: background-color 0.4s, transform 0.4s, -webkit-transform 0.4s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  margin: 3px 3px 0 0;
  border: 0;
}
#menu-opener:hover,
#menu-opener-blog:hover {
  background: none;
}
#menu-opener::before,
#menu-opener-blog::before {
  position: absolute;
  content: "";
  top: 12px;
  left: 5px;
  width: 42px;
  height: 5px;
  background: #583119;
  -webkit-transition: background-color 0.4s, -webkit-transform 0.4s;
  transition: background-color 0.4s, -webkit-transform 0.4s;
  transition: transform 0.4s, background-color 0.4s;
  transition: transform 0.4s, background-color 0.4s, -webkit-transform 0.4s;
}
#menu-opener::after,
#menu-opener-blog::after {
  position: absolute;
  content: "";
  top: 34px;
  left: 5px;
  width: 42px;
  height: 5px;
  background: #583119;
  -webkit-transition: background-color 0.4s, -webkit-transform 0.4s;
  transition: background-color 0.4s, -webkit-transform 0.4s;
  transition: transform 0.4s, background-color 0.4s;
  transition: transform 0.4s, background-color 0.4s, -webkit-transform 0.4s;
}
#menu-opener span,
#menu-opener-blog span {
  display: inline-block;
  position: absolute;
  content: "";
  top: 23px;
  left: 5px;
  width: 42px;
  height: 5px;
  background: #583119;
  -webkit-transition: background-color 0.4s;
  transition: background-color 0.4s;
}
#menu-opener:hover,
#menu-opener-blog:hover {
  cursor: pointer;
}
.menu-opened #menu-opener::before {
  -webkit-transform: translate(0px, 11px) rotate(-45deg);
          transform: translate(0px, 11px) rotate(-45deg);
}
.menu-opened #menu-opener::after {
  -webkit-transform: translate(0px, -11px) rotate(45deg);
          transform: translate(0px, -11px) rotate(45deg);
}
.menu-opened #menu-opener span {
  background-color: transparent;
}
.owl-carousel {
  padding: 0;
}
.owl-carousel .owl-stage {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}
.owl-carousel .owl-prev,
.owl-carousel .owl-next {
  position: absolute;
  top: 50%;
  margin-top: -30px;
  width: 29px;
  height: 48px;
  color: transparent;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.owl-carousel .owl-prev {
  left: 10px;
  background: url("../images/icons/arrow-left.png") 0 -48px no-repeat;
}
.owl-carousel .owl-prev:hover {
  background-position: 0 0;
}
.owl-carousel .owl-next {
  right: 10px;
  background: url("../images/icons/arrow-right.png") 0 -48px no-repeat;
}
.owl-carousel .owl-next:hover {
  background-position: 0 0;
}

.intro.owl-carousel .owl-prev,
.owl-carousel.owl-carousel-about .owl-prev,
.top-owl-nav.owl-carousel .owl-prev{
  background: url("../images/icons/carousel-prev-grey.svg") no-repeat center center;
  background-size: contain;
  width: 62px;
  height: 62px;
}

.intro.owl-carousel .owl-next,
.owl-carousel.owl-carousel-about .owl-next,
.top-owl-nav.owl-carousel .owl-next{
  background: url("../images/icons/carousel-next-grey.svg") no-repeat center center;
  background-size: contain;
  width: 62px;
  height: 62px;
}

.owl-carousel .owl-dots {
  margin-top: 10px;
  text-align: center;
}
.owl-carousel .owl-dots .owl-dot {
  display: inline-block;
  width: 19px;
  height: 19px;
  border-radius: 50%;
  margin: 0 8px;
  box-shadow: inset 0 0 0 2px #583119;
  position: relative;
}
.owl-carousel .owl-dots .owl-dot::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  border-radius: 50%;
  background-color: #f0b600;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}
.owl-carousel .owl-dots .owl-dot.active {
  box-shadow: inset 0 0 0 2px #f0b600;
}
.owl-carousel .owl-dots .owl-dot.active::after {
  -webkit-transform: scale(1);
          transform: scale(1);
}
.columns {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
}
.column {
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  margin: 0 auto 2%;
  padding-bottom: 20px;
  word-wrap: break-word;
  -webkit-hyphens: all;
     -moz-hyphens: all;
      -ms-hyphens: all;
          hyphens: all;
}
.column p {
  margin: 15px 0;
}
.three .column {
  padding-left: 5px;
  padding-right: 5px;
  width: 31.3%;
}
.six .column {
  width: 14.6%;
  padding: 0 10px;
}
.vertical-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}
.vertical-center .column {
  vertical-align: middle;
}

@media (max-width: 990px) {
  .owl-carousel .owl-dots .owl-dot {
    width: 11px;
    height: 11px;
    margin: 0 4px;
  }
}


/* File: assets/cs/css/app.css
   Compiled at: 2026-07-08 19:49:35 
================================ */
/*@font-face {
  font-family: "Boulevard";
  src: url("../font/boulevard-webfont.eot");
  src: url("../font/boulevard-webfont.eot?#iefix") format('embedded-opentype'), url("../font/boulevard-webfont.woff2") format('woff2'), url("../font/boulevard-webfont.woff") format('woff'), url("../font/boulevard-webfont.ttf") format('truetype'), url("../font/boulevard-webfont.svg#boulevardbetaonebold") format('svg');
  font-weight: normal;
  font-style: normal;
}*/

@font-face {
  font-family: 'boulevard';
  src: url('../font/boulevard_bold_webfont.woff2') format('woff2'), url('../font/boulevard_bold_webfont.woff') format('woff'), url('../font/boulevard_bold_webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

html, body {
  scroll-behavior: smooth;
}

body {
  font-family: "Boulevard", Helvetica, sans-serif;
  font-size: 16px;
  color: #f1f1f1;
/*   background: #312927 url("../images/background.jpg") center top repeat; */
/*   background-size: 100% auto; */
  -webkit-font-smoothing: antialiased;
}

body::after {
  position: fixed;
  content: "";
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  height: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  opacity: 0;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

body.menu-opened {
  overflow: hidden;
}

body.menu-opened::after {
  height: 100%;
  opacity: 1;
}

.body-wrapper {
  width: 100%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.uri-pro-studenty .body-wrapper,
.uri-volne-pozice .body-wrapper,
.cms-jobs-read .body-wrapper {
  max-width: none;
  overflow-x: hidden;
}

.wrapper {
/*   max-width: 1280px; */
  max-width: 1400px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.wrapper.narrower {
  max-width: 1000px;
}

.full-width-container {
  max-width: 1240px;
  width: 100%;
  height: 100%;
  margin: auto;
  margin-top: -133px;
}


/* ============================================
  Positions slider
  ============================================= */

.page-jobs-types {
  background-attachment: fixed;
}

.page-jobs-types footer {
  margin-top: 100px;
}

.page-jobs-types #fp-nav ul li {
  margin-bottom: 10px;
}

.page-jobs-types #fp-nav ul li a span {
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  background: transparent;
  width: 15px;
  height: 15px;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  border: 2px solid #5a311d;
}

.page-jobs-types #fp-nav ul li:hover a span {
  width: 15px;
  height: 15px;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  background: #f0b600;
  border-color: #f0b600;
}

.page-jobs-types #fp-nav ul li:hover a.active span {
  width: 15px;
  height: 15px;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
}

.page-jobs-types #fp-nav ul li a.active span {
  background: #f0b600;
  border-color: #f0b600;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  width: 15px;
  height: 15px;
}

.career-mobile-opacity {
  display: none !important;
}

.career-section .fp-scroller {
  height: 100%;
}

.career-section-img {
  position: relative;
  display: block;
  margin: auto;
  top: 120px;
  height: calc(100vh - 80px);
  width: auto;
  -webkit-transition: opacity 0.5s ease-out;
  -moz-transition: opacity 0.5s ease-out;
  -o-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out;
}

.positions-slider_slide-title {
  display: block;
  width: 200px;
  position: absolute;
  font-size: 60px;
  left: 226px;
  top: 80px;
  line-height: 62px;
  text-indent: -1.5em;
  transform: rotate(-5deg);
  z-index: 10;
}

.page-jobs-types .accordion {
  position: absolute;
  left: 0px;
  top: 290px;
  width: 309px;
}

.page-jobs-types .accordion_item h3 {
  position: relative;
  text-transform: uppercase;
  padding-top: 4px;
  padding-bottom: 3px;
  padding-left: 10px;
  display: block;
  width: 100%;
  color: #5a311d;
  font-size: 29px;
  margin-bottom: 0px;
  margin-top: 0px;
  height: auto;
  border-top: 1px dashed rgba(90, 49, 29, 1);
}

.page-jobs-types .accordion_item:last-child h3 {
  border-bottom: 1px dashed rgba(90, 49, 29, 1);
}

.page-jobs-types .accordion_item.active h3 {
  border-top: 1px dashed rgba(90, 49, 29, 1);
  border-bottom: 1px dashed rgba(90, 49, 29, 1);
  background: rgba(90, 49, 29, 0.1);
}

.page-jobs-types .accordion_item h3:after {
  content: "";
  height: 18px;
  width: 18px;
  position: absolute;
  right: 27px;
  top: 50%;
  margin-top: -9px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url('../images/icons/arrow_career.png');
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  transition: all 200ms linear;
  transform: rotate(180deg);
}

.accordion_item.active .accordion_item-content {
  display: block;
}

.page-jobs-types .accordion_item.active h3:after {
  background-image: url('../images/icons/arrow_career-dark.png');
  transform: rotate(0deg);
}

.page-jobs-types .accordion_item h3:hover {
  cursor: pointer;
}

.page-jobs-types .accordion_item h3:hover:after {
  transform: rotate(0deg);
}

.page-jobs-types .accordion_item.active h3:hover:after {
  transform: rotate(180deg);
}

.page-jobs-types .accordion_item-content {
  display: none;
  font-family: 'Montserrat', sans-serif; /* font-family: "Open Sans", helvetica, sans-serif;  */
  font-size: 12px;
  color: #5a311d;
}

.page-jobs-types .accordion_item-content ul {
  margin-top: 7px;
  list-style-type: none;
  margin-left: 10px;
  padding: 0;
  font-family: 'Montserrat', sans-serif; /* font-family: "Open Sans", helvetica, sans-serif;  */
  font-size: 12px;
}

.page-jobs-types .accordion_item-content p {
  font-family: 'Montserrat', sans-serif; /* font-family: "Open Sans", helvetica, sans-serif;  */
  font-size: 12px;
  line-height: 17px;
}

.page-jobs-types .accordion_item-content ul li {
  text-indent: -11px;
}

.page-jobs-types .accordion_item-content ul li:before {
  display: inline-block;
  content: "";
  margin-right: 3px;
  width: 7px;
  height: 2px;
  background: #f0b600;
  vertical-align: middle;
}

.page-jobs-types .swith-year-month {
  position: absolute;
  right: 202px;
  top: 91px;
  font-family: "Boulevard", Helvetica, sans-serif;
  font-size: 31px;
  color: #5a311d;
}

.page-jobs-types .swith-year-month:hover {
  cursor: pointer;
}

.page-jobs-types .swith-year-month span:hover,
.swith-year-month span.active {
  color: #f0b600;
}

.salary-list {
  position: absolute;
  right: 140px;
  top: 175px;
  transform: rotate(3deg);
}

.salary-list a {
  position: absolute;
  bottom: 6px;
  display: inline-block;
  width: 43px;
  height: 100px;
}

.salary-list a[href="#p1"] {
  left: 0;
  height: 98px;
}

.salary-list a[href="#p2"] {
  left: 43px;
  height: 112px;
}

.salary-list a[href="#p3"] {
  left: 88px;
  height: 133px;
}

.salary-list a[href="#p4"] {
  left: 133px;
  height: 149px;
  width: 43px;
}

.salary-list a[href="#p5"] {
  left: 176px;
  height: 170px;
  width: 47px;
}

.salary-list a[href="#p6"] {
  left: 224px;
  height: 195px;
  width: 52px;
}

.salary-list a[href="#p7"] {
  left: 236px;
  height: 189px;
  width: 40px;
}

.salary-list img {
  width: 275px;
}

.salary-list__names-list {
  pointer-events: none;
  list-style-type: none;
  position: absolute;
  left: 78px;
  top: -33px;
  transform: rotate(-90deg);
  padding: 0;
  list-style-type: none;
}

.salary-list__names-list li {
  font-size: 18px;
  font-family: "Boulevard", Helvetica, sans-serif;
  color: #f0b600;
  text-transform: uppercase;
  margin-bottom: 23px;
}

.salary-list__names-list li.active {
  color: #5a311d;
}

.salary-list__names-list li:nth-of-type(5) {
  margin-bottom: 26px;
}

.salary-wallet-block {
  position: absolute;
  top: 384px;
  right: 169px;
  width: 150px;
  height: 100px;
}

.carrer-wallet-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 58px;
}

h5.salary-from {
  font-family: "Boulevard", Helvetica, sans-serif;
  text-transform: uppercase;
  position: absolute;
  top: 6px;
  left: 61px;
  color: #5a311d;
  font-size: 19px;
  transform: rotate(4deg);
  width: 100px;
  text-align: left;
  margin: 0;
}

h5.salary-to {
  font-family: "Boulevard", Helvetica, sans-serif;
  text-transform: uppercase;
  position: absolute;
  top: 28px;
  left: 61px;
  color: #5a311d;
  font-size: 19px;
  transform: rotate(4deg);
  width: 100px;
  text-align: left;
  margin: 0;
}

.benefits-details-btn,
.position-details-btn {
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
  color: #5a311d;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  transition: all 200ms linear;
  z-index: 10;
}

.benefits-details-btn {
  top: 575px;
  right: 176px;
  width: 174px;
  height: 100px;
  background-image: url('../images/benefits_detail_bg.png');
}

.position-details-btn {
  top: 468px;
  right: 205px;
  width: 142px;
  height: 100px;
  background-image: url('../images/position_details_bg.png');
}

.benefits-details-btn a,
.position-details-btn h5 {
  display: block;
  font-family: "Boulevard", Helvetica, sans-serif;
  font-size: 30px;
  text-transform: uppercase;
  text-decoration: none;
  text-indent: -20px;
  line-height: 30px;
  color: inherit;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  transition: all 200ms linear;
}

.benefits-details-btn a {
  transform: rotate(-2deg);
  margin-left: 50px;
  margin-top: 15px;
}

.position-details-btn h5 {
  transform: rotate(7deg);
  margin-left: 41px;
  margin-top: 21px;
}

.benefits-details-btn:hover,
.position-details-btn:hover {
  cursor: pointer;
  color: #5a311d;
}

.benefits-details-btn:hover {
  background-image: url('../images/benefits_detail_borders.png');
}

.position-details-btn:hover {
  background-image: url('../images/position_details_borders.png');
}

.career-section {
  overflow: hidden;
}

.career-section-background,
.career-section-background-next,
.career-section-background-prev {
  width: 100vW;
  height: 100vh;
  position: absolute;
  left: 0;
  top: 0;
}

.v-visible {
  visibility: visible;
}

.v-hidden {
  visibility: hidden;
}

@media all and (min-width: 1201px) {
/*  .page-jobs-types header {
    position: fixed;
    left: 50%;
    margin-left: -620px;
    width: 1240px;
  }*/
  .career-section-wrapper {
    width: 1200px;
    height: 100%;
    margin: auto;
    position: relative;
  }
}

@media all and (max-width:1100px) {
  .salary-list {
    right: 75px;
  }
  .salary-wallet-block {
    right: 120px;
  }
  .benefits-details-btn {
    right: 106px;
  }
  .position-details-btn {
    right: 102px;
  }
  .page-jobs-types .accordion {
    left: 15px;
  }
  .page-jobs-types .swith-year-month {
    right: 85px;
  }
}

@media all and (min-width: 1201px) and (min-height:900px) {
  .page-jobs-types .accordion {
    position: absolute;
    left: -90px;
    top: 330px;
    width: 350px;
  }
  .benefits-details-btn {
    top: 625px;
    right: 110px;
  }
  .position-details-btn {
    top: 510px;
    right: 140px;
  }
}

@media all and (max-width: 1023px) and (min-width:800px) {
  .career-section-img {
    position: absolute;
    display: block;
    margin: auto;
    top: calc(50vh + 30px);
    height: calc(50vh + 30px);
    left: 0;
    right: 0;
  }
  .positions-slider_slide-title {
    top: 40px;
  }
  .page-jobs-types .swith-year-month {
    top: 65px;
  }
  .salary-list {
    top: 140px;
  }
  .salary-wallet-block {
    top: 340px;
  }
  .page-jobs-types .accordion {
    top: 264px;
    width: 345px;
  }
}

@media all and (max-width: 799px) and (min-width:700px) {
  .career-section-img {
    position: absolute;
    display: block;
    margin: auto;
    top: calc(40vh + 30px);
    height: calc(60vh + 30px);
    right: 0;
  }
  .positions-slider_slide-title {
    left: 130px;
    top: 25px;
  }
  .page-jobs-types .accordion {
    top: 220px;
  }
  .benefits-details-btn {
    top: inherit;
    right: inherit;
    bottom: 70px;
    left: 20px;
  }
  .position-details-btn {
    top: inherit;
    right: inherit;
    bottom: 180px;
    left: 30px;
  }
}

@media all and (max-width: 699px) and (min-width: 600px) {
  .career-section-img {
    position: absolute;
    display: block;
    margin: auto;
    top: calc(40vh + 30px);
    height: calc(60vh + 30px);
    right: 0;
  }
  .benefits-details-btn {
    top: inherit;
    right: inherit;
    bottom: 160px;
    left: 25px;
  }
  .position-details-btn {
    top: inherit;
    right: inherit;
    bottom: 39px;
    left: 70px;
  }
  .positions-slider_slide-title {
    left: 108px;
    top: 35px;
  }
  .page-jobs-types .accordion_item h3 {
    font-size: 21px;
  }
  .page-jobs-types .accordion_item-content p {
    font-size: 10px;
    margin: 12px 0;
    line-height: 16px;
  }
  .page-jobs-types .accordion {
    top: 224px;
    width: 311px;
  }
  .page-jobs-types .swith-year-month {
    right: 40px;
    top: 76px;
    font-size: 27px;
  }
  .salary-list {
    right: 50px;
    top: 153px;
  }
  .salary-list img {
    width: 211px;
  }
  .salary-wallet-block {
    top: 299px;
    right: 85px;
  }
}

@media all and (max-width: 599px) and (min-width: 320px) {
  .career-section-img {
    position: absolute;
    display: block;
    margin: auto;
    top: calc(60vh + 15px);
    height: calc(40vh + 15px);
    right: 0;
  }
  .positions-slider_slide-title {
    display: block;
    width: 140px;
    position: absolute;
    font-size: 48px;
    left: 50vw;
    top: 40px;
    line-height: 50px;
    text-indent: -1.1em;
    transform: rotate(-5deg);
    /* right: 0; */
    margin-left: -35px;
  }
  .page-jobs-types .swith-year-month {
    display: none;
  }
  .page-jobs-types .accordion {
    left: 35px;
    width: calc(100vw - 70px);
    top: 185px;
  }
  .salary-list {
    right: 75px;
    display: none;
  }
  .page-jobs-types .accordion_item h3 {
    font-size: 21px;
  }
  .page-jobs-types .accordion_item-content p {
    font-size: 10px;
    margin: 12px 0;
    line-height: 16px;
  }
  .page-jobs-types .accordion_item h3:hover:after {
    transform: rotate(180deg);
  }
  .page-jobs-types .accordion_item.active h3:hover:after {
    transform: rotate(0deg);
  }
  .page-jobs-types .accordion_item.active h3:after {
    transform: rotate(0deg);
  }
  .salary-wallet-block {
    left: 35px;
    right: inherit;
    top: 315px;
  }
  .benefits-details-btn {
    top: inherit;
    right: inherit;
    bottom: 9px;
    left: 27px;
    width: 102px;
    height: 56px;
  }
  .position-details-btn {
    top: inherit;
    right: inherit;
    bottom: 55px;
    left: 40px;
    width: 80px;
    height: 68px;
  }
  .carrer-wallet-icon {
    width: 48px;
  }
  h5.salary-from {
    top: 9px;
    left: 50px;
    font-size: 15px;
  }
  h5.salary-to {
    top: 24px;
    left: 49px;
    font-size: 15px;
  }
  h5.salary-to {
    font-family: "Boulevard", Helvetica, sans-serif;
    text-transform: uppercase;
    position: absolute;
    top: 24px;
    left: 49px;
    color: #5a311d;
    font-size: 15px;
    transform: rotate(4deg);
    width: 100px;
    text-align: left;
    margin: 0;
  }
  .benefits-details-btn h5 {
    display: block;
    font-family: "Boulevard", Helvetica, sans-serif;
    font-size: 17px;
    text-transform: uppercase;
    transform: rotate(-2deg);
    margin-left: 35px;
    margin-top: 11px;
    text-indent: -15px;
    line-height: 17px;
    color: inherit;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
  }
  .position-details-btn h5 {
    font-size: 17px;
    margin-left: 27px;
    margin-top: 13px;
    text-indent: -15px;
    line-height: 18px;
  }
  .benefits-details-btn a {
    font-size: 17px;
    line-height: 18px;
    margin-left: 38px;
    margin-top: 10px;
  }
}

@media (min-width:1920px) {
  .salary-wallet-block {
    right: 200px;
  }
  .salary-wallet-block .carrer-wallet-icon {
    width: 75px;
  }
  .salary-wallet-block h5.salary-from {
    left: 76px;
    font-size: 25px;
    width: 150px;
    top: 9px;
  }
  .salary-wallet-block h5.salary-to {
    top: 34px;
    left: 75px;
    font-size: 25px;
    width: 150px;
  }
}


/*

.positions-slider {
    position: relative;
    width: 100%;
    height: auto;
    margin-bottom: 1045px;
}

.positions-slider_employee-img {
    position: absolute;
    height: 715px;
    width: auto;
    left: 50%;
    margin-left: -250px;
}

ul.positions-slider_navs li {
    list-style-type: none;
}

ul.positions-slider_navs {
    position: fixed;
    margin: 0;
    padding: 0;
    top: 50%;
    z-index: 20;
    left: calc( 50% + 600px);
}

ul.positions-slider_navs li a {
    display: block;
    height: 20px;
    width: 20px;
    border: 2px solid #312927;
    border-radius: 50%;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    margin-bottom: 5px;
}

.positions-slider_slide {
    position: relative;
    width: 100%;
    height: 700px;
    display: block;
    z-index: 2;
    left: -9999px;
}

.positions-slider_scene_container {
    position: fixed;
    width: 100%;
    height: 700px;
    display: block;
    top: 113px;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    left: 0;
}

.positions-slider_scene_container.scrolled {
    top: 33px;
}

.positions-slider_slide.active {
    left: 0;
    position: fixed;
    top: 113px;
}

.positions-slider_slide-content, .positions-slider_scene-content {
    width: 100%;
    height: 100%;
    max-width: 1240px;
    margin: auto;
    position: relative;
}

















/*.positions-slider_slide.active{
  position: fixed;
  top:80px;
  left: 0;
}*/


/*
footer.fixed {
    position: fixed;
    top: 770px;
    left: 0;
    right: 0;
    z-index: 21;
}

@media all and (min-width:900px) and (max-width: 1200px) {
    .benefits-details-btn {
        right: 76px;
    }
    .position-details-btn {
        right: 72px;
    }
    .salary-list ul {
        right: 160px;
    }
    .positions-slider_slide-title {
        left: 150px;
        top: -70px;
    }
    .positions-slider .accordion {
        z-index: 10;
        left: -40px;
        width: 245px;
        top: 150px;
    }
    .positions-slider_scene_container.scrolled {
        top: 113px;
    }
    .swith-year-month {
        right: 80px;
    }
    ul.positions-slider_navs {
        left: auto;
        right: 10px;
    }
    h5.salary-to {
        right: 116px;
    }
    h5.salary-from {
        right: 115px;
    }
    .salary-list {
        right: 100px;
    }
    .carrer-wallet-icon {
        right: 209px;
    }
}

@media all and (max-width:899px) {
    .mobile-delimeter{
      display: inline-block;
      width: 48%;
      vertical-align: top;
    }
    .positions-slider {
        margin-bottom: 0;
    }
    .positions-slider_slide {
        height: auto;
    }
    .benefits-details-btn h5 {
        margin-left: 17px;
        margin-top: 17px;
        text-indent: -46px;
    }
    .positions-slider_slide-title {
        text-align: left;
        display: block;
        position: relative;
        margin: 0;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
        padding-left: 50px;
        margin: auto;
    }
    .benefits-details-btn {
        display: inline-block;
        position: relative;
        margin: 0;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
    }
    .salary-wallet-block {
        position: relative;
        display: block;
        width: 100%;
        height: 100px;
    }
    .carrer-wallet-icon {
        top: 50%;
        left: 50%;
        margin-left: -70px;
        margin-top: -24px;
    }
    h5.salary-to {
        top: 50%;
        left: 50%;
        margin-top: -18px;
        margin-left: -9px;
    }
    h5.salary-from {
        top: 50%;
        left: 50%;
        margin-top: 3px;
        margin-left: -10px;
    }
    .salary-list {
        display: none;
    }
    .position-details-btn {
        display: inline-block;
        position: relative;
        margin: 0;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
    }
    .position-details-btn h5 {
        margin-left: 20px;
        margin-top: 21px;
        text-indent: -44px;
    }
    .inline-delimeter:after {
        content: "";
        width: 100%;
        display: block;
    }
    .accordion {
        text-align: left;
        vertical-align: top;
        display: inline-block;
        position: relative;
        margin: auto;
        top: auto;
        left: auto;
        right: auto;
        width: 100%;
        bottom: auto;
    }
    .accordion_item h3:after {
        transform: rotate(180deg);
    }
    .accordion_item.active h3:after {
        transform: rotate(0deg);
    }
    .accordion_item h3:hover:after {
        transform: rotate(180deg);
    }
    .accordion_item.active h3:hover:after {
        transform: rotate(0deg);
    }
    .positions-slider_employee-img {
        display: inline-block;
        position: relative;
        margin: auto;
        width: 49%;
        height: auto;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
    }
    .swith-year-month {
        display: none;
    }
    .positions-slider_slide-content {
        padding: 30px;
        text-align: center;
    }
    .positions-slider_scene-content {
        display: none;
    }
    .positions-slider_slide {
        left: auto;
    }
    .positions-slider {
        margin-top: 180px;
    }
}

@media all and (max-width: 600px) {
    .mobile-delimeter{
      width: 100%;
    }
    .accordion {
        width: 100%;
        margin: auto;
    }
    .positions-slider_employee-img {
        width: 100%;
        margin: auto;
    }
}

ul.positions-slider_navs li a:hover, ul.positions-slider_navs li.active a {
    background-color: #f0b600;
    border-color: #f0b600;
}
*/

section {
  padding: 50px 0 65px;
}

section.new-section {
  padding: 20px 0px 0px 0px;
  margin-bottom: 40px;
}

section:last-of-type {
  padding-bottom: 140px;
}

.white-bg {
  background: #efefef url("../images/white-bg2.jpg") center top repeat;
  color: #312927;
}

.white-bg h1,
.white-bg h2,
.white-bg h3 {
  color: #312927;
}

.white-bg h4,
.white-bg h5 {
  color: #312927;
}

.white-bg blockquote {
  color: #312927;
}

.white-bg blockquote::before,
.white-bg blockquote::after {
  background-color: #312927;
}

.white-bg .button,
.white-bg button {
  color: #312927;
  border-color: #312927;
}

.white-bg .button:hover,
.white-bg button:hover {
  border-color: #f0b600;
}

h1,
h2,
h3,
h4,
h5 {
  color: #f0b600;
  font-weight: normal;
}

h1 {
  text-transform: uppercase;
  font-size: 48px;
  margin-bottom: 0;
}

h2 {
  text-transform: uppercase;
  font-size: 25px;
}

h3 {
  font-size: 25px;
}

h4,
h5 {
  text-transform: uppercase;
  font-size: 14px;
  color: #f1f1f1;
  font-family: 'Montserrat', sans-serif; /* font-family: "Open Sans", helvetica, sans-serif;  */
  font-weight: bold;
}

h5 {
  text-transform: none;
}

.excerpt,
.strong {
  font-family: "Boulevard", Helvetica, sans-serif;
}

.excerpt a,
.strong a {
  font-weight: normal;
}

.excerpt {
  font-size: 24px;
  line-height: 30px;
}

.strong {
  font-size: 20px;
  line-height: 26px;
}

.two-columns {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
}

.three-columns {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
}

blockquote {
  font-size: 25px;
  font-style: italic;
  color: #5a3218;
  margin: 50px auto 0px auto;
  text-align: center;
  width: 70%;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  line-height: 1.7em;
}

p,
ul,
ol {
  font-family: 'Montserrat', sans-serif; /* font-family: "Open Sans", helvetica, sans-serif;  */
  font-size: 14px;
}

a {
  color: #f0b600;
}

a:hover {
  text-decoration: none;
}

p {
  margin: 25px 0;
  line-height: 26px;
  color: #583119;
}

p a {
  font-weight: 700;
}

.wrapper ul li::before {
  display: inline-block;
  content: "";
  width: 7px;
  height: 2px;
  vertical-align: top;
  margin: 10px 10px 0 0;
  background-color: #f0b600;
}

.wrapper ul.strong li::before {
  width: 10px;
  height: 3px;
}

.wrapper ol {
  counter-reset: item;
}

.wrapper ol li::before {
  margin-right: 3px;
  content: counter(item) ". ";
  counter-increment: item;
  color: #f0b600;
  font-weight: 700;
}

.wrapper ul,
.wrapper ol {
  list-style-type: none;
  padding-left: 0;
}

.wrapper ul.strong,
.wrapper ol.strong {
  margin: 35px 0;
}

.wrapper ul.strong li,
.wrapper ol.strong li {
  font-size: 24px;
  margin-bottom: 12px;
  text-transform: uppercase;
}

.wrapper ul.strong li::before,
.wrapper ol.strong li::before {
  margin-right: 10px;
}

.wrapper ul.strong li::before {
  margin-top: 12px;
  margin-right: 20px;
}

.wrapper ol.strong li::before {
  font-weight: normal;
}

table {
  width: 100%;
  font-family: 'Montserrat', sans-serif; /* font-family: "Open Sans", helvetica, sans-serif;  */
  background-color: #f1f1f1;
  color: #583119;
  font-size: 14px;
}

table thead {
  background-color: #f0b600;
  color: #583119;
  font-size: 18px;
  font-family: "Boulevard", Helvetica, sans-serif;
  text-align: left;
}

table thead th {
  font-weight: normal;
}

table td,
table th {
  padding: 12px;
}

table td:first-child,
table th:first-child {
  padding-left: 30px;
}

table tr.pending td:nth-child(3) {
  color: #0084ff;
}

table tr.delivered td:nth-child(3) {
  color: #00bc00;
}

table tr.cancelled td:nth-child(3) {
  color: #e30000;
}

table td:nth-child(2),
table td:nth-child(3),
table td:nth-child(5) {
  font-weight: 700;
}

table td:last-child a {
  color: #583119;
  text-decoration: none;
}

table td:last-child a:hover {
  text-decoration: underline;
}

table tr:nth-child(even) {
  background-color: #efefef;
}

header {
  background-color: #E7B200;
  text-align: right;
  z-index: 1004;
  height: 90px;
  position: relative;
/*   max-width: 1240px; */
  margin: 0 auto 43px;
  padding-right: 15px;
/*   border-radius: 13px; */
}

header::before {
/*   content: ""; */
/*   display: block; */
  width: 100%;
  height: 15px;
  position: absolute;
  bottom: -15px;
  left: 0px;
  background: transparent url('../images/menu_gradient.png') repeat-x top left;
}

header .inner-wrapper {
/*     max-width: 1240px; */
    margin-left: auto;
    margin-right: auto;
/*     padding-left: 30px; */
    padding-left: 0px;
}

/*header::before,
header::after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  z-index: -2;
}

header::before {
  top: 0;
  left: -68px;
  border-width: 0 68px 113px 0;
  border-color: transparent #f0b600 transparent transparent;
}

header::after {
  left: 0;
  bottom: -43px;
  border-width: 43px 1240px 0 0;
  border-color: #f0b600 transparent transparent transparent;
}*/

header .right-corner {
  position: absolute;
  top: 0;
  right: -1900px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 70px 1900px 0 0;
  border-color: #f0b600 transparent transparent transparent;
  display: none;
}

header .logo {
  text-decoration: none;
  float: left;
  margin: 8px 0 0 10px;
  max-height: 75px;
}

header .main-menu {
/*   float: left; */
  margin: 0px 0 0 40px;
/*
  margin: 20px 0 0 40px;
  -webkit-transform: rotate(-2deg);
  transform: rotate(-2deg);*/
}

header .select-store,
header .bbdomu-header {
  border: 2px solid #583119;
  margin-right: 15px;
  margin-top: -5px;
  vertical-align: middle;
  display: inline-block;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 18px;
  color: #583119;
  padding: 8px 50px 8px 20px;
  position: relative;
/*  -webkit-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;*/
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  transition: all 200ms linear;
}

header .bbdomu-header {
  text-align: left;
}

header .bbdomu-header span {
  position: relative;
  top: 17px;
}

header .bbdomu-header em {
  color: #FFFFFF;
  font-style: normal;
}

header .select-store::after {
  content: "";
  position: absolute;
  width: 20px;
  height: 12px;
  top: 50%;
  right: 50px;
  margin-top: -7px;
  background-image: url("../images/icons/dropdown.png");
  background-repeat: no-repeat;
  z-index: 2;
  pointer-events: none;
  -webkit-transition: -webkit-transform .2s linear;
  transition: transform .2s linear;
}

header .select-store::after {
  background-size: 100%;
  background-position: 0 0;
}

header .select-store:hover,
header .bbdomu-header:hover {
  background-color: #583119;
  color: #f0b600;
}

header .bbdomu-header:hover em {
  color: #FFFFFF;
}

header .select-store:hover::after {
  background-position: 0 -11px;
}

.arrow-up::after {
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

header .languages {
  margin-top: 15px;
  display: inline-block;
  vertical-align: middle;
}

header .languages a,
header .languages li a {
  display: inline-block;
  color: #f1f1f1;
  text-decoration: none;
  text-transform: uppercase;
  padding: 5px 3px;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}

header .languages a.current,
header .languages a:hover,
header .languages li a.current,
header .languages li a:hover {
  color: #583119;
}

.map-opened .select-store {
  background-color: #583119;
  color: #f0b600;
}

.map-opened .select-store::after {
  background-position: 0 -11px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.main-menu {
  margin: 0 auto;
  padding: 0;
  display: inline-block;
  font-size: 0;
  font-family: "Boulevard", Helvetica, sans-serif;
}

.main-menu li {
  display: inline-block;
  list-style-type: none;
  font-size: 23px;
  text-transform: uppercase;
  -webkit-transition: line-height 0.5s;
  transition: line-height 0.5s;
}

.main-menu li a {
  display: inline-block;
  text-decoration: none;
  color: #583119;
  line-height: 90px;
  padding: 0 16px;
  -webkit-transition: background-color 0.4s, color 0.4s;
  transition: background-color 0.4s, color 0.4s;
}

.main-menu li.active a,
.main-menu li a:hover {
/*   background-color: #583119; */
  color: #ffffff;
}

.menu-opened .main-menu {
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  height: auto;
  opacity: 1;
}

.intro {
  position: relative;
  top: 75px;
  margin-bottom: 60px;
/*   overflow: hidden; */
  padding-bottom: 40px !important;
}

.intro.owl-carousel .owl-prev,
.top-owl-nav.owl-carousel .owl-prev{
  left: 40px;
}

.intro.owl-carousel .owl-next,
.top-owl-nav.owl-carousel .owl-next {
  right: 40px;
}

.intro.owl-carousel .owl-prev,
.intro.owl-carousel .owl-next,
.top-owl-nav.owl-carousel .owl-prev,
.top-owl-nav.owl-carousel .owl-next {
  background-position: 0 0;
  top: -75px;
}

#old-chefmade .top-owl-nav.owl-carousel .owl-prev,
#old-chefmade .top-owl-nav.owl-carousel .owl-next {
  top: -100px;
}

.map,
.map-contact,
.branch-map {
  position: relative;
  top: -113px;
  margin-bottom: -113px;
  height: 800px;
  padding-top: 113px;
}

.branch-map {
  top: 0px;
  height: auto;
  min-height: 1040px;
}

.no-events {
  pointer-events: none;
}

.no-capitalize {
  text-transform: none !important;
}

.map .ui-controls,
.map-contact .ui-controls {
  position: absolute;
  left: 0;
  bottom: 45px;
  width: 100%;
  text-align: center;
}

.map-contact .ui-controls.contact-controls {
  width: 720px;
  left: 50%;
  margin-left: -360px;
}

.map .ui-controls .buttons-group,
.map-contact .ui-controls .buttons-group {
  background-color: #491b13;
  margin: 0 5px 5px;
  display: inline-block;
  padding: 5px 5px 0;
  border-radius: 4px;
}

.map .ui-controls .buttons-group.bigger-font,
.map-contact .ui-controls .buttons-group.bigger-font {
  font-size: 18px;
  text-transform: uppercase;
}

.map .ui-controls .buttons-group a,
.map-contact .ui-controls .buttons-group a {
  text-decoration: none;
  padding: 10px 20px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 4px;
  margin-bottom: 5px;
  -webkit-transition: background-color 0.3s, color 0.3s;
  transition: background-color 0.3s, color 0.3s;
}

.map .ui-controls .buttons-group a span,
.map-contact .ui-controls .buttons-group a span {
  color: #f1f1f1;
}

.map .ui-controls .buttons-group a:hover,
.map-contact .ui-controls .buttons-group a:hover,
.map .ui-controls .buttons-group a.current,
.map-contact .ui-controls .buttons-group a.current {
  background-color: #f0b600;
  color: #583119;
}

.map .ui-controls .buttons-group a#by-car,
.map-contact .ui-controls .buttons-group a#by-car,
.map .ui-controls .buttons-group a#by-train,
.map-contact .ui-controls .buttons-group a#by-train,
.map .ui-controls .buttons-group a#by-foot,
.map-contact .ui-controls .buttons-group a#by-foot {
  background-position: 12px center;
  background-repeat: no-repeat;
}

.map .ui-controls .buttons-group a#by-car,
.map-contact .ui-controls .buttons-group a#by-car {
  background-image: url("../images/icons/by-car.png");
  padding-left: 40px;
}

div.map .ui-controls .buttons-group a#by-car.active,
div.map .ui-controls .buttons-group a#by-car:hover {
  background-image: url("../images/icons/by-car-dark.png");
}

div.map .ui-controls .buttons-group a#by-foot.active,
div.map .ui-controls .buttons-group a#by-foot:hover {
  background-image: url("../images/icons/by-foot-dark.png");
}

div.map .ui-controls .buttons-group a#by-train.active,
div.map .ui-controls .buttons-group a#by-train:hover {
  background-image: url("../images/icons/by-train-dark.png");
}

.map .ui-controls .buttons-group a#by-train,
.map-contact .ui-controls .buttons-group a#by-train {
  background-image: url("../images/icons/by-train.png");
  padding-left: 40px;
}

.map .ui-controls .buttons-group a#by-foot,
.map-contact .ui-controls .buttons-group a#by-foot {
  background-image: url("../images/icons/by-foot.png");
  padding-left: 35px;
}

.map .ui-controls .button,
.map-contact .ui-controls .button {
  font-size: 21px;
  color: #f1f1f1;
  border: none;
  background-color: #491b13;
  border-radius: 4px;
  vertical-align: middle;
  margin-bottom: 5px;
}

.map .ui-controls .button:hover,
.map-contact .ui-controls .button:hover {
  background-color: #f0b600;
}

/*.blog-home,*/
.blog-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}

/*.blog-home .blog-item,*/
.blog-center .blog-item {
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  /*   width: 413px; */
  width: 33.33%;
  height: 396px;
  text-decoration: none;
  position: relative;
  color: #312927;
}

.blog-home .blog-item h2,
.blog-center .blog-item h2 {
  font-size: 33px;
  line-height: 41px;
  margin: 25px 0 0;
  color: #312927;
  padding: 15px 120px 0px 40px;
}

.blog-home .blog-item p,
.blog-center .blog-item p {
  padding: 15px 40px 0px;
  margin: 0 0 10px;
  font-size: 18px;
  line-height: 30px;
}

.blog-center .blog-item p {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 170px;
}

.blog-home .blog-item img,
.blog-center .blog-item img {
  display: block;
  width: 100%;
  height: auto;
}

.blog-home .blog-item .date,
.blog-center .blog-item .date {
  font-size: 12px;
  color: #747474;
  font-family: 'Montserrat', sans-serif; /* font-family: "Open Sans", helvetica, sans-serif;  */
  margin-left: 40px;
}

/*.blog-home .blog-item .read-more,*/
.blog-center .blog-item .read-more {
  position: absolute;
  right: 45px;
  bottom: 35px;
  font-size: 23px;
  text-transform: uppercase;
  border: 2px solid #312927;
  padding: 10px 25px;
  -webkit-transform: rotate(-3deg);
  transform: rotate(-3deg);
  -webkit-transition: background-color 0.3s, color 0.3s;
  transition: background-color 0.3s, color 0.3s;
  -webkit-backface-visibility: hidden;
}

.blog-home .blog-item.badge::before,
.blog-center .blog-item.badge::before {
  content: "";
  width: 154px;
  height: 76px;
  position: absolute;
  top: 0;
  right: 0;
  background: url("../images/icons/badge.png") center no-repeat;
}

.blog-home .blog-item.yellow,
.blog-center .blog-item.yellow,
.blog-home .blog-item.white,
.blog-center .blog-item.white {
  background-color: #f1f1f1;
  color: #312927;
}

.blog-home .blog-item.yellow h2,
.blog-center .blog-item.yellow h2,
.blog-home .blog-item.white h2,
.blog-center .blog-item.white h2,
.blog-home .blog-item.yellow .date,
.blog-center .blog-item.yellow .date,
.blog-home .blog-item.white .date,
.blog-center .blog-item.white .date {
  color: #312927;
}

.blog-home .blog-item.yellow .read-more,
.blog-center .blog-item.yellow .read-more,
.blog-home .blog-item.white .read-more,
.blog-center .blog-item.white .read-more {
  border-color: #312927;
  color: #312927;
}

.blog-home .blog-item.yellow,
.blog-center .blog-item.yellow {
  background-color: #f0b600;
}

.blog-home .blog-item.yellow:hover .read-more,
.blog-center .blog-item.yellow:hover .read-more {
  background-color: #312927;
  color: #f0b600;
}

.blog-item.has-image .read-more {
  background-color: #312927;
  color: #f0b600;
}

.blog-item.has-image.yellow .read-more {
  background-color: transparent;
  border-color: #312927;
  color: #312927;
}

.blog-item.has-image.yellow:hover .read-more {
  background-color: #312927;
  border-color: #312927;
  color: #f0b600;
}

.blog-home .blog-item.brown,
.blog-center .blog-item.brown {
  background-color: #312927;
}

.blog-home .blog-item.brown h2,
.blog-center .blog-item.brown h2,
.blog-home .blog-item.brown p,
.blog-center .blog-item.brown p,
.blog-home .blog-item.brown .date,
.blog-center .blog-item.brown .date {
  color: #f0b600;
}

.blog-home .blog-item.brown .read-more,
.blog-center .blog-item.brown .read-more {
  color: #f0b600;
  border-color: #f0b600;
}

.blog-home .blog-item:hover .read-more,
.blog-center .blog-item:hover .read-more {
  background-color: #f0b600;
  color: #312927;
}

.call-to-action {
  text-align: center;
  padding: 140px 0 115px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.call-to-action h1 {
  color: #f1f1f1;
  font-size: 53px;
}

.call-to-action p {
  font-family: "Boulevard", Helvetica, sans-serif;
  font-size: 23px;
  text-transform: uppercase;
  line-height: 30px;
  color: #5a311d;
}

.call-to-action .button {
  margin-top: 80px;
}

.testimonials {
  text-align: center;
  padding-top: 70px;
}

.testimonials .owl-carousel {
  padding-left: 60px;
  padding-right: 60px;
}

.testimonials .owl-carousel div:hover {
  cursor: pointer;
}

.testimonials .facebook {
  display: inline-block;
  font-size: 43px;
  color: #312927;
  text-decoration: none;
  padding: 15px 0 15px 100px;
  background: url("../images/icons/facebook.png") left center no-repeat;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.testimonials .facebook:hover {
  opacity: 0.85;
}

.testimonials p {
  font-family: "Boulevard", Helvetica, sans-serif;
  font-size: 20px;
  line-height: 31px;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.products-menu {
  text-align: center;
  margin-bottom: 35px;
}

.products-menu a {
  display: inline-block;
  font-size: 23px;
  text-decoration: none;
  color: #5a311d;
  text-transform: uppercase;
  padding: 5px 18px;
  border: 2px solid transparent;
}

.products-menu a:hover,
.products-menu a.current {
  border: 2px solid #5a311d;
}

.products-submenu {
  text-align: center;
}

.products-submenu a {
  margin: 0 auto;
  display: inline-block;
  text-decoration: none;
  color: #f1f1f1;
  text-transform: uppercase;
  font-size: 35px;
  margin: 10px 25px;
  opacity: 0.6;
  position: relative;
  padding-bottom: 30px;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.products-submenu a::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 50%;
  margin-left: -20px;
  width: 40px;
  height: 24px;
  background: url("../images/icons/arrow-down.png") center no-repeat;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.products-submenu a:hover,
.products-submenu a.current {
  opacity: 1;
}

.products-submenu a:hover::after,
.products-submenu a.current::after {
  opacity: 1;
}

.products-submenu .owl-carousel {
  padding-left: 60px;
  padding-right: 60px;
}

.products-submenu .owl-carousel .owl-prev,
.products-submenu .owl-carousel .owl-next {
  background-position: 0 0;
  margin-top: -37px;
  opacity: 0.6;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.products-submenu .owl-carousel .owl-prev:hover,
.products-submenu .owl-carousel .owl-next:hover {
  opacity: 1;
}

.product-detail {
  text-align: center;
}

.product-detail h1 {
  margin-bottom: 0;
}

.product-detail h2 {
  color: #f1f1f1;
}

.product-detail h2 small {
  display: block;
}

.chef-menu h1 {
  text-align: center;
}

.chef-menu .button {
  margin-top: 50px;
}

.chef-menu .frame {
  border: 6px solid #312927;
  overflow: hidden;
  padding: 20px 30px;
}

.map-contact h1 {
  text-align: center;
}

.container.mojebb {
  padding-top: 50px;
}

.mojebb h1 {
  text-align: center;
  margin-bottom: 39px;
}

@media (min-width:1200px) {
  .container.mojebb {
    padding-left: 70px;
    padding-right: 70px;
  }
}

.map-contact p {
  line-height: 20px;
}

.map-contact .contact-info {
  position: absolute;
  top: 50%;
  left: 70%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-top: 40px;
  width: 330px;
  background-color: #491b13;
  text-align: center;
  padding: 10px 20px 20px 20px;
  overflow: auto;
  border: 2px solid #f0b600;
}

.map-contact .contact-info a {
  text-transform: uppercase;
  font-size: 12px;
}


/*.map-contact .contact-info a::after {
  content: " >";
}*/

.map-contact .contact-info p {
  margin: 15px 0;
  font-size: 14px;
}

.map-contact .contact-info h3 {
  font-size: 16px;
}

.map-contact .contact-info #close {
  display: inline-block;
  width: 40px;
  height: 40px;
  background: url("../images/icons/close.png") center no-repeat;
}

.map-contact .contact-info #close::after {
  content: "";
}

.contact {
  overflow: hidden;
}

.contact h2 {
  margin-left: 3.5%;
  margin-bottom: 0;
}

.contact button {
  float: right;
  margin-right: 3.5%;
  margin-top: 15px;
}

.message {
  display: inline-block;
  background-color: #af0917;
  color: #f1f1f1;
  font-size: 18px;
  text-transform: none;
  padding: 0 20px;
  line-height: 48px;
}

.message.ok {
  background-color: #008000;
}

.message.ok::before {
  border-color: transparent #008000 transparent transparent;
}

h2 .message {
  vertical-align: middle;
  margin: -3px 0 0 30px;
  position: relative;
}

h2 .message::before {
  position: absolute;
  content: "";
  left: -11px;
  top: 50%;
  margin-top: -12px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 11px 12px 0;
  border-color: transparent #af0917 transparent transparent;
}

body.blog {
  background-image: url("../images/blog-bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}

body.blog::after {
  display: none;
}

body.blog header {
  margin: 0;
  height: auto;
  max-width: initial;
  background: none;
}

body.blog header::before,
body.blog header::after,
body.blog header .right-corner,
body.blog header .logo,
body.blog header .select-store,
body.blog header .bbdomu-header {
  display: none;
}

body.blog header .main-menu {
  -webkit-transform: none;
  transform: none;
}

body.blog header nav {
  position: fixed;
  top: 70px;
  left: 0;
  width: 20%;
  text-align: center;
  display: none;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}

body.blog header nav li {
  display: block;
}

body.blog header .main-menu {
  margin: 0;
  width: 100%;
}

body.blog header .main-menu li a {
  display: block;
}

body.blog header .languages {
  display: none;
}

body.blog footer::before {
  display: none;
}

body.blog.menu-opened header {
  background-color: #f0b600;
  top: 0;
  left: 0;
}

body.blog.menu-opened header nav {
  display: block;
  background-color: #f0b600;
}

body.blog.menu-opened header #menu-opener-blog::before,
body.blog.menu-opened header #menu-opener-blog::after {
  background-color: #583119;
}

body.blog.menu-opened header #menu-opener-blog span {
  background: none;
}

body.blog.menu-opened header #menu-opener-blog::before {
  -webkit-transform: translate(0px, 6px) rotate(-45deg);
  transform: translate(0px, 6px) rotate(-45deg);
}

body.blog.menu-opened header #menu-opener-blog::after {
  -webkit-transform: translate(0px, -6px) rotate(45deg);
  transform: translate(0px, -6px) rotate(45deg);
}

body.blog.menu-opened .blog-left,
body.blog.menu-opened .blog-center {
  overflow: hidden;
}

body.blog.menu-opened .blog-left .filter,
body.blog.menu-opened .blog-center .filter {
  color: #583119;
}

body.blog.menu-opened .blog-left::after,
body.blog.menu-opened .blog-center::after {
  height: 100%;
  opacity: 1;
}

.blog-left::after,
.blog-center::after {
  position: fixed;
  content: "";
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  height: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  opacity: 0;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.blog-left {
  padding: 0;
  width: 20%;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  bottom: 0;
  background: url("../images/icons/blog-timeline-bg.png") left top repeat-y, url("../images/_background.jpg") top left repeat;
/*   background-size: 100% auto; */
  overflow: auto;
}

.blog-left header {
  display: inline-block;
  padding: 0 5px 10px 0;
  width: 100%;
  text-align: center;
}

.blog-left header .logo-blog {
  float: left;
}

.blog-left header #menu-opener-blog {
  display: block;
  float: right;
}

.blog-left header #menu-opener-blog::before,
.blog-left header #menu-opener-blog::after,
.blog-left header #menu-opener-blog span {
  background-color: #f0b600;
  height: 2px;
  width: 34px;
}

.blog-left header #menu-opener-blog::before {
  top: 17px;
}

.blog-left header #menu-opener-blog::after {
  top: 29px;
}

.blog-left header #menu-opener-blog p {
  font-family: "Boulevard", Helvetica, sans-serif;
  font-size: 16px;
  text-transform: uppercase;
  color: #f0b600;
  position: relative;
  left: -50px;
  line-height: 51px;
  margin: 0;
}

.blog-left header .filter {
  display: block;
  float: left;
  margin-top: 18px;
  font-size: 16px;
  text-transform: uppercase;
  text-decoration: none;
}

.blog-left header .filter i {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}

.blog-left header .filter i:hover {
  color: #f1f1f1;
}

.blog-left h1 {
  clear: both;
  font-size: 34px;
  text-align: center;
}

.blog-left .button {
  margin: 20px 0 50px;
}

.blog-left .blog-item {
  display: block;
  text-decoration: none;
  position: relative;
  padding: 15px 30px 20px 45px;
  overflow: hidden;
  -webkit-transition: background-color 0.1s;
  transition: background-color 0.1s;
}

.blog-left .blog-item::before {
  position: absolute;
  content: "";
  top: 18px;
  left: 0;
  width: 6px;
  height: 16px;
  background-color: #f0b600;
}

.blog-left .blog-item .date {
  font-size: 10px;
  position: absolute;
  top: 20px;
  left: 12px;
  color: #f0b600;
  font-weight: bold;
}

.blog-left .blog-item h2 {
  font-size: 21px;
  margin: 0 0 10px;
  line-height: 21px;
  text-transform: none;
}

.blog-left .blog-item p {
  font-size: 10px;
  line-height: 15px;
  color: #583119;
  margin: 0;
}

.blog-center {
  width: calc(636px + 20%);
  float: left;
  padding: 0 0 0 20%;
  background-color: #f1f1f1;
}

.blog-center .blog-item {
  width: 318px;
  height: 305px;
  color: #312927;
}

.blog-center .blog-item h2 {
  margin: 30px 0 15px;
  font-size: 25px;
  line-height: 31px;
}

.blog-center .blog-item h2,
.blog-center .blog-item p {
  color: #312927;
  padding: 0 30px 0 30px;
}

.blog-center .blog-item p {
  font-size: 14px;
  line-height: 23px;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 115px;
  margin: 0 0 10px;
}

.blog-center .blog-item .date {
  margin-left: 30px;
  color: #747474;
  font-size: 10px;
}

.blog-center .blog-item .read-more {
  bottom: 25px;
  right: 40px;
  font-size: 16px;
  border: 2px solid #583119;
  padding: 7px 20px;
}

html,
body {
  height: 100%;
}

.blog .body-wrapper {
  height: 100%;
  overflow: auto;
}

.blog-detail {
  display: block;
  color: #312927;
  padding-top: 25px;
  padding-right: 30px;
  padding-bottom: 50px !important;
  padding-left: calc(20% + 30px);
  min-height: 100%;
}

.blog-detail .featured-image {
  float: left;
  width: 290px;
  margin-right: 25px;
}

.blog-detail .date {
  font-size: 10px;
  font-family: 'Montserrat', sans-serif; /* font-family: "Open Sans", helvetica, sans-serif;  */
  color: #747474;
}

.blog-detail h1 {
  font-size: 25px;
  color: #312927;
  line-height: 31px;
  margin: 5px 0 20px;
}

.blog-detail p {
  /*   font-family: "Boulevard", Helvetica, sans-serif; */
  font-family: 'Montserrat', sans-serif; /* font-family: "Open Sans", helvetica, sans-serif;  */
  font-size: 18px;
  line-height: 26px;
  margin: 15px 0;
  clear: both;
}

.blog-detail .button {
  font-size: 16px;
  color: #312927;
  border-color: #312927;
  padding: 8px 15px;
  -webkit-transform: rotate(-3deg);
  transform: rotate(-3deg);
  float: right;
  margin-bottom: 20px;
}

.blog footer {
  width: calc(80% - 636px);
  display: inline-block;
  vertical-align: top;
  background: none;
  /*z-index: -1;*/
}

.blog footer .newsletter {
  width: 318px;
  height: 305px;
  padding: 0 0 0 20px;
}

.blog footer .newsletter form {
  margin-bottom: 30px;
}

.blog footer .newsletter .facebook,
.blog footer .newsletter .instagram {
  font-size: 11px;
  text-decoration: none;
  color: #FFFFFF;
  padding: 12px 0 12px 45px;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  z-index: -1;
}

.blog footer .newsletter .facebook:hover,
.blog footer .newsletter .instagram:hover {
  opacity: 0.8;
}

.blog footer .newsletter .facebook {
  background: url("../images/icons/facebook-yellow.png") left center no-repeat;
  background-size: 33px auto;
  margin-right: 20px;
}

.blog footer .newsletter .instagram {
  background: url("../images/icons/instagram-yellow.png") left center no-repeat;
  background-size: 33px auto;
  top: 0;
}

.blog footer .blog-banner,
.blog .blog-banner {
  display: block;
  text-decoration: none;
  width: 318px;
  height: 305px;
  overflow: hidden;
}

.blog footer .blog-banner img,
.blog .blog-banner img {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.blog .credits,
.blog .credits {
  text-align: left !important;
  padding: 0 0 0 20px !important;
  font-size: 10px !important;
}

footer {
  background-color: #f0b600;
  position: relative;
  color: #583119;
  text-align: center;
}

/*footer::before {
  position: absolute;
  content: "";
  top: -100px;
  left: 50%;
  margin-left: -1300px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 100px 0 0 2600px;
  border-color: transparent transparent transparent #f0b600;
}*/

footer .instagram-big {
  display: inline-block;
  font-size: 43px;
  color: #312927;
  text-decoration: none;
  padding: 15px 0 15px 100px;
  background: url("../images/icons/instagram.png") left center no-repeat;
  position: relative;
  top: -25px;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

footer .instagram-big:hover {
  opacity: 0.85;
}

footer #instafeed {
  overflow: hidden;
  width: 100%;
}

footer #instafeed .insta-photo {
  display: block;
  float: left;
  width: 16.666%;
  overflow: hidden;
}

footer #instafeed .insta-photo>div {
  width: 100%;
  padding-top: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  /*  background-size: cover;*/
  background-position: center;
  background-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.6s;
  transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
  transition: transform 0.6s, -webkit-transform 0.6s;
}

footer #instafeed .insta-photo>div::after {
  position: absolute;
  z-index: 1;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.25);
  -webkit-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

footer #instafeed .insta-photo>div:hover {
  -webkit-transform: scale(1.2) rotate(10deg);
  transform: scale(1.2) rotate(10deg);
}

footer #instafeed .insta-photo>div:hover::after {
  opacity: 0;
}

footer #instafeed img {
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
}

footer .footer-bottom {
/*  text-align: left;
  background-image: url("../images/footer-bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;*/
  padding: 40px 0px;
}

footer .footer-bottom .columns {
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  padding-bottom: 60px;
}

footer .footer-logo {
  width: 23%;
}

footer .footer-logo img {
  max-width: initial;
}

footer .footer-menu {
  width: 27%;
}

footer .footer-menu h3 {
  font-size: 24px;
  line-height: 57px;
  white-space: nowrap;
  margin-bottom: 10px;
}

footer .footer-menu a {
  display: block;
  text-decoration: none;
  line-height: 24px;
  -webkit-transition: color 0.1s;
  transition: color 0.1s;
}

footer .footer-menu a::before {
  content: "-";
  display: inline-block;
  margin-right: 5px;
}

footer .footer-menu a:hover {
  color: #f1f1f1;
}

footer .newsletter {
  width: 30%;
  padding: 0 50px 0 30px;
  text-align: center;
}

footer .newsletter .get-connected {
  display: inline-block;
  background-color: #f0b600;
  font-size: 31px;
  padding: 10px 20px;
  position: relative;
  margin-left: -30px;
}

footer .newsletter .get-connected::before {
  position: absolute;
  top: 0;
  left: -25px;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 58px 25px;
  border-color: transparent transparent #f0b600 transparent;
}

footer .newsletter .get-connected::after {
  position: absolute;
  top: 0;
  right: -15px;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 58px 0 0 15px;
  border-color: transparent transparent transparent #f0b600;
}

footer .newsletter h3 {
  font-size: 21px;
  color: #f1f1f1;
  text-align: left;
}

footer .newsletter form {
  border: 2px solid #f0b600;
  width: 100%;
  position: relative;
}

footer .newsletter input {
  border: none;
  font-family: "Boulevard", helvetica, sans-serif;
  font-size: 21px;
  width: 100%;
  padding-left: 50px;
  padding-right: 50px;
  color: #FFFFFF;
  background: url("../images/icons/newsletter.png") 21px center no-repeat;
}

.blog footer .newsletter input {
  color: #FFFFFF;
}

footer .newsletter button {
  position: absolute;
  top: 0;
  right: 0;
  width: 60px;
  height: 46px;
  border: none;
  background: url("../images/icons/arrow-right-small.png") center no-repeat;
}

footer .newsletter .message {
  white-space: nowrap;
  position: absolute;
  bottom: -60px;
  left: 0;
  z-index: 10;
}

footer .newsletter .message::before {
  position: absolute;
  content: "";
  top: 5px;
  left: 10px;
  margin-top: -12px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 7.5px 8px 7.5px;
  border-color: transparent transparent #af0917 transparent;
}

footer .newsletter .message.ok::before {
  border-color: transparent transparent #008000 transparent;
}

footer .socials {
  width: 20%;
  text-align: center;
}

footer .socials a {
  font-size: 17px;
  color: #f1f1f1;
  display: inline-block;
  text-decoration: none;
  line-height: 55px;
  padding: 0 0 0 70px;
  position: relative;
  -webkit-transition: color 0.1s;
  transition: color 0.1s;
}

footer .socials a:hover {
  color: #f0b600;
}

footer .socials a:hover::before {
  opacity: 0.8;
}

footer .socials a.facebook::before,
footer .socials a.instagram::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  margin-top: -27px;
  width: 54px;
  height: 54px;
  -webkit-transition: opacity 0.1s;
  transition: opacity 0.1s;
}

footer .socials a.facebook {
  margin-bottom: 20px;
}

footer .socials a.facebook::before {
  background: url("../images/icons/facebook-yellow.png") center no-repeat;
}

footer .socials a.instagram::before {
  background: url("../images/icons/instagram-yellow.png") center no-repeat;
}

footer .credits,
.blog footer .credits {
  clear: both;
  font-family: 'Montserrat', sans-serif; /* font-family: "Open Sans", helvetica, sans-serif;  */
  font-size: 12px;
/*   opacity: 0.41; */
  color: #312927;
  padding: 20px 0;
  overflow: hidden;
}

.blog footer .credits {
    color: #FFFFFF;
}

footer .credits .design-code,
.blog .credits .design-code {
  float: right;
}

footer .credits a,
.blog .credits a {
  text-decoration: none;
  color: #f1f1f1;
}

footer .credits a:hover,
.blog .credits a:hover {
  text-decoration: underline;
}

.fb-comments {
  position: relative;
  z-index: 0;
}

table.clean-table,
table.clean-table tr,
table.clean-table td {
  background-color: transparent;
  color: #583119;
  margin: 0px;
  padding: 0px;
  line-height: 26px;
}

.blog-home .blog-item.full,
.blog-center .blog-item.full {
  /*  width: 1239px; */
  width: 100%;
}

.blog-home .blog-item.two-third,
.blog-center .blog-item.two-third {
  /*  width: 826px; */
  width: 66.66%;
}

.blog-home .blog-item.full {
  height: auto;
  padding-bottom: 60px;
}

.blog-home .blog-item.full.has-image {
  height: 396px;
}


/* SHARE */

#lth-article-wrapper .share span {
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
}

#lth-article-wrapper .share a {
  display: inline-block;
  vertical-align: middle;
  width: 34px;
  height: 34px;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

#lth-article-wrapper .share a:hover {
  opacity: 0.6;
}

#lth-article-wrapper .share a.twitter {
  background: url("../images/icons/twitter-grey.png") center no-repeat;
}

#lth-article-wrapper .share a.facebook {
  background: url("../images/icons/facebook-grey.png") center no-repeat;
}

#lth-article-wrapper .share a.linkedin {
  background: url("../images/icons/linkedin-grey.png") center no-repeat;
}

#lth-article-wrapper .share a.email {
  background: url("../images/icons/email-grey.png") center no-repeat;
}


/* rotate x */

#close {
  -webkit-transition: -webkit-transform .4s ease-in-out;
  transition: transform .4s ease-in-out;
}

#close:hover {
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.composition {
  font-size: 18px;
  line-height: 32px;
}

.bag-top,
.bag-bottom {
  display: none;
}

.bag-tabs {
  display: none;
}

#form-career h2 {
  margin-left: 0%;
}

section.blog-center:last-of-type {
  padding-bottom: 0px !important;
}

.more-langs {
  display: inline-block;
}

.lang-wrapper {
  display: inline-block;
  height: 42px;
  line-height: 42px;
  margin-top: 0px;
  padding-top: 10px;
  position: relative;
}

ul.languages {
  -webkit-padding-start: 0px !important;
  list-style-type: none;
  display: inline-block;
  height: 42px;
  line-height: 42px;
  margin-top: 0px;
  padding-top: 0px;
  position: relative;
}

ul.languages ul {
  list-style-type: none;
  display: none;
  position: absolute;
  width: 68px;
  top: 50px;
  left: -20px;
  background-color: #f0b600;
  -webkit-padding-start: 0px !important;
  margin: 0px !important;
  padding: 8px 0px 0px 0px !important;
}

ul.languages li {
  display: block;
  position: relative;
  float: left;
}

ul.languages a {
  font-family: "Boulevard", Helvetica, sans-serif;
  font-size: 16px;
  display: block;
  width: 100%;
}

ul.languages li:hover ul {
  display: block;
}

ul.languages li ul li a {
  display: block;
  text-align: left;
  width: 42px;
  height: 42px;
  line-height: 42px;
  padding: 0px;
  margin: 0px;
}

ul.languages li:last-child {
  padding-right: 40px !important;
  width: 80px;
}

ul.languages li:last-child a {
  text-align: left;
  display: block !important;
  width: 100%;
  height: 100%;
}

ul.languages li ul li:last-child {
  padding-right: 0px !important;
  width: 100% !important;
}

ul.languages li ul li:last-child a {
  width: auto !important;
  height: auto !important;
}

ul.languages li:last-child a::after {
  display: block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  content: '\25bc';
  position: absolute;
  right: 37px;
  top: 50%;
  margin-top: -11px;
  cursor: pointer;
}

ul.languages li ul li:last-child a::after,
ul.languages li:last-child ul li a::after,
ul.languages li ul li a::after {
  display: none;
}

ul.languages li ul li {
  display: block !important;
  width: 100% !important;
}

ul.languages li ul li a {
  padding-left: 25px !important;
}

ul.languages li {
  margin-left: 14px !important;
}

ul.languages li ul li {
  margin-left: 0px !important;
}

.mobile-lang-opener {
  display: none;
}

.career-steps-wrapper {
  width: 100%;
  text-align: center;
}

.career-step {
  display: inline-block;
  width: 96%;
  font-size: 0px;
  padding: 0px;
  /*  margin: 0px -5px 0px 5%; */
  height: 250px;
  /*  background-color: #F7F8F7; */
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 8px 8px 0px 0px;
  position: relative;
}

.career-steps-wrapper .career-step:first-child {
  margin-left: 0px;
}

.inner-step {
  display: inline-block;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  /*  background-color: #FBE68D; */
  background-color: #FFFFFF;
}

.inner-step h3 {
  width: 100%;
  padding: 0px !important;
  margin: 0px !important;
  position: absolute;
  left: 0px;
}

.inner-step h3.step-top {
  font-size: 21px;
  background-color: #f0b600;
  height: 35px;
  line-height: 35px;
  top: 0px;
  color: #583119;
}

.inner-step h3.step-top span {
  color: #ffffff;
  padding-left: 25px;
}

.inner-step h3.step-top span sup {
  color: #BC7E1E;
}

.inner-step h3.step-bottom {
  font-size: 22px;
  background-color: #583119;
  bottom: 0px;
  height: 68px;
  text-transform: uppercase;
  color: #FFFFFF;
  line-height: 0.8em;
  padding-top: 8px !important;
  text-align: left;
  padding-left: 6px !important;
}

.inner-step h3.step-bottom small {
  font-size: 13px;
  text-transform: none;
}

.inner-step h3.step-bottom span {
  color: #f0b600;
  position: absolute;
  bottom: 3px;
  left: 6px;
  font-size: 16px;
}

.career-steps-wrapper .owl-stage .owl-item:nth-child(1) .inner-step {
  height: 55%;
}

.career-steps-wrapper .owl-stage .owl-item:nth-child(2) .inner-step {
  height: 63%;
}

.career-steps-wrapper .owl-stage .owl-item:nth-child(3) .inner-step {
  height: 68%;
}

.career-steps-wrapper .owl-stage .owl-item:nth-child(4) .inner-step {
  height: 73%;
}

.career-steps-wrapper .owl-stage .owl-item:nth-child(5) .inner-step {
  height: 80%;
}

.career-steps-wrapper .owl-stage .owl-item:nth-child(6) .inner-step {
  height: 90%;
}

.career-steps-wrapper .owl-stage .owl-item:nth-child(7) .inner-step {
  height: 100%;
}

.career-steps-wrapper .owl-stage .owl-item:nth-child(7) .inner-step {
  border-radius: 8px 8px 0px 0px;
  border-top: 8px solid #f0b600;
}

.step-baguettes {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-top: -7.5%;
  width: 100%;
  text-align: center;
}

.owl-carousel.owl-career .owl-item img {
  width: 50% !important;
  margin: 6px auto !important;
}

.owl-career,
.owl-career .owl-stage-outer,
.owl-career .owl-stage-outer .owl-stage {
  min-height: 250px !important;
}

.owl-career .owl-item {
  text-align: center !important;
}

.owl-carousel.owl-career .owl-prev {
  left: -40px;
  background-position: 0 0;
}

.owl-carousel.owl-career .owl-next {
  right: -40px;
  background-position: 0 0;
}

.steps-info {
  color: #583119;
  line-height: 1.3em !important;
  font-size: 13px !important;
  background-color: rgba(255, 255, 255, 1);
  display: inline-block;
  padding: 12px;
  font-weight: 500; /* font-weight: 500; /* font-weight: 600; */ */
  margin-bottom: 0px !important;
  width: 99%;
  margin-left: 3px;
}

.steps-info sup:nth-of-type(1) {
  color: #583119;
  font-size: 17px;
  vertical-align: baseline;
  position: relative;
  top: 0px;
}

.steps-info sup:nth-of-type(2) {
  color: #BC7E1E !important;
  font-size: 17px;
  vertical-align: baseline;
  position: relative;
  top: 0px;
}

.owl-carousel.owl-career .owl-item:hover {
  cursor: pointer;
}

.fileinput-button {
  position: relative;
  overflow: hidden;
  display: inline-block;
  padding: 0px 30px 0px 60px !important;
  height: 60px;
  line-height: 50px;
  border: 2px solid #f0b600;
  cursor: pointer;
  -webkit-transition: all 0.4s, color 0.4s;
  transition: all 0.4s, color 0.4s;
  top: 4px !important;
}

.input-wrapper.full.fileinput-button {
  width: auto;
}

.fileinput-button:hover {
  background-color: #f0b600;
  color: #FFFFFF;
}

.fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  -ms-filter: 'alpha(opacity=0)';
  /*   font-size: 200px !important; */
  direction: ltr;
  cursor: pointer;
}


/* Fixes for IE < 8 */

@media screen\9 {
  .fileinput-button input {
    filter: alpha(opacity=0);
    font-size: 100%;
    height: 100%;
  }
}

.jobs {
  padding-bottom: 50px;
}

.fileinput-button::before {
  content: '';
  width: 30px;
  height: 30px;
  display: block;
  position: absolute;
  top: 12px;
  left: 15px;
  background: transparent url('../images/icons/add_file.png') no-repeat center center;
  background-size: 30px auto;
  -webkit-transition: all 0.4s, color 0.4s;
  transition: all 0.4s, color 0.4s;
}

.fileinput-button:hover::before {
  background-image: url('../images/icons/add_file_dark.png');
}

.list-of-files {
  line-height: 52px;
  vertical-align: top;
  display: inline-block;
  padding-left: 20px;
}

.white-popup-block {
  color: black;
  background: #FFF;
  padding: 20px 30px;
  text-align: left;
  max-width: 650px;
  margin: 40px auto;
  position: relative;
}

.mfp-wrap {
  width: 100% !important;
}

.branch-button {
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -80px;
  left: 0px;
  width: 76px;
  height: 160px;
  background: transparent url('../images/branch_button.png') no-repeat top left;
  background-size: auto 160px;
  z-index: 1000;
  text-decoration: none;
  -webkit-transition: all 0.4s, color 0.4s;
  transition: all 0.4s, color 0.4s;
}

.branch-button span {
  display: block;
  position: absolute;
  bottom: 10px;
  left: 10px;
  transform: rotate(-90deg);
  transform-origin: left top 0;
  color: #583119;
  font-size: 23px;
  text-transform: uppercase;
  -webkit-transition: all 0.4s, color 0.4s;
  transition: all 0.4s, color 0.4s;
}

.branch-button:hover {
  background-image: url('../images/branch_button_hover.png');
}

.branch-button:hover span {
  color: #f0b600;
}

.jobs-list h3 {
  margin-bottom: 0px !important;
  padding-bottom: 7px !important;
  margin-top: 0px !important;
  padding-top: 0px !important;
  font-size: 22px !important;
}

.jobs-list a {
  font-size: 22px !important;
  font-family: "Boulevard", Helvetica, sans-serif;
  text-transform: uppercase;
}

.jobs-list li {
  margin-bottom: 4px !important;
}

.career-step,
.inner-step {
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  transition: all 200ms linear;
}

.career-step:hover {
  background-color: rgba(255, 255, 255, 0.3);
}

.career-steps-wrapper .owl-stage .owl-item:nth-child(1):hover .inner-step {
  height: 58%;
}

.career-steps-wrapper .owl-stage .owl-item:nth-child(2):hover .inner-step {
  height: 66%;
}

.career-steps-wrapper .owl-stage .owl-item:nth-child(3):hover .inner-step {
  height: 71%;
}

.career-steps-wrapper .owl-stage .owl-item:nth-child(4):hover .inner-step {
  height: 76%;
}

.career-steps-wrapper .owl-stage .owl-item:nth-child(5):hover .inner-step {
  height: 83%;
}

.career-steps-wrapper .owl-stage .owl-item:nth-child(6):hover .inner-step {
  height: 93%;
}

.career-steps-wrapper .owl-stage .owl-item:nth-child(7):hover .inner-step {
  height: 100%;
}


.other_jobs{
  float:right;
  padding-right: 30px;
  padding-top: 30px;
}

.other_jobs a{
  color:#5a311d;
  font-size: 14px;
}

.fileinput-button label,
.filename-label {
  display: inline-block;
}

.filename-label {
  color: #f0b600;
  -webkit-transition: all 0.4s, color 0.4s;
  transition: all 0.4s, color 0.4s;
  text-indent: 20px;
  max-width: 280px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 19px;
  top: 4px;
  position: relative;
}

.fileinput-button:hover .filename-label {
  color: #583119;
}

.wrapper .jobs-list ul li::before {
  margin-top: 16px;
}

#career-position {
  position: relative;
  text-decoration: none;
  margin-top: 25px !important;
  clear: both;
  display: inline-block;
  border: 2px solid #f0b600;
  padding: 10px 40px 10px 17px;
}

#career-position:hover {
  background-color: #f0b600;
  color: #FFFFFF;
}

#career-position::after {
  content: '';
  width: 20px;
  height: 20px;
  background: transparent url("../images/icons/arrow-down.png") top left no-repeat;
  background-size: 20px auto;
  position: absolute;
  top: 50%;
  margin-top: -7px;
  right: 12px;
}

#career-position.arr-up::after {
  background-image: url("../images/icons/arrow-up.png");
}

#career-position:hover::after {
  background-image: url("../images/icons/arr-down-white.png");
}

#career-position.arr-up:hover::after {
  background-image: url("../images/icons/arr-up-white.png");
}

.product-detail-new p.composition,
.product-detail.current-baguette .composition {
  font-family: "Boulevard", Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 23px;
  padding: 0px 15px 10px 15px !important;
  margin-top: 0px !important;
  -webkit-margin-before: 0em !important;
  -webkit-margin-after: 0em !important;
  color: #583119;
}

.product-detail-new .description p,
.product-detail.current-baguette .description p {
  font-size: 18px !important;
  line-height: 1.5em !important;
  padding: 0px 30px 10px 30px !important;
  margin-top: 0px !important;
  color: #583119;
}

.product-detail.current-baguette .description p {
  width: 75%;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
  color: #583119;
}

.product-detail-new h2 {
  /*  -webkit-margin-before: 0em !important; */
  margin-top: 5px !important;
  /*  padding-bottom: 0px !important;
margin-bottom: 0px !important;*/
  color: #583119;
}

.mailchimp {
  margin-bottom: 80px;
}

.clear {
  clear: both;
}

.form-wrap {
  margin: 0 3.5%;
}

table td:first-child,
table th:first-child {
  padding-left: 0px;
}

#ui-datepicker-div,
.ui-datepicker .ui-datepicker-header,
.ui-datepicker-calendar,
.ui-datepicker-next.ui-corner-all,
.ui-datepicker-prev.ui-corner-all {
  border-radius: 0 !important;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  background: #491b13 !important;
  border-color: #491b13 !important;
}

.ui-datepicker-title {
  font-family: "Boulevard", Helvetica, sans-serif;
  text-transform: uppercase;
}

.mojebb-region {
  display: none;
}

.favorite-branches ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  padding-top: 5px;
}

.favorite-branches ul li {
  display: inline;
  padding-left: 25px;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari*/
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
}

.favorite-branches ul li:first-child {
  padding-left: 0px;
}

@media all and (max-width: 992px) {
  .favorite-branches ul li {
    padding-left: 0px;
    display: block;
  }
}

@media all and (max-width: 380px) {
  #form-mailchimp input#email {
    margin-top: 22px;
  }
}

ul.group-checkbox-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.input-wrapper.favorite-branches-list {
  display: none;
}

#form-mailchimp button.bigger {
  margin-top: 37px;
}

div.input-wrapper.input-wrapper-checkbox {
  float: none;
  width: 100%;
}

@media (min-width: 1200px) and (max-width: 1261px) {
  .filter-text {
    display: none;
  }
}

.chef-menu-item h3 {
  text-align: center;
}

.chef-menu-item img {
  height: 300px;
  width: auto !important;
  flex: none;
  margin: auto;
}

.owl-carousel .owl-next,
.owl-carousel .owl-prev {
  background-position: 0 0;
}

.short-description {
  padding: 25px;
  height: 230px;
  padding-left: 40px;
  padding-right: 40px;
}

.popup-content-hidden {
  display: none;
}

@media all and (max-width: 750px) {
  .short-description {
    padding: 25px;
    height: 160px;
  }
}

.chef-menu-item p {
  text-decoration: none;
  color: #583119;
  text-align: justify;
}

.chef-menu-item h3 {
  text-decoration: none;
}

.owl-carousel-about a {
  text-decoration: none;
}

.white-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 500px;
  margin: 20px auto;
  color: #000;
}



/*.page-career,
.uri-kariera,
.uri-volne-pozice,
.cms-jobs-read */

body {
/*   background: transparent url('../images/_background.jpg') repeat center; */
/*   background-size: 100% auto; */
  background-color: #FFFFFF;
}

/* ====================================================
   Career page
   ==================================================== */


.career-nav div a,
.career-nav div a::after {
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.career-nav {
  text-align: right;
  margin-top: 55px;
  margin-bottom: 55px;
}

.career-nav>div>a {
  position: relative;
  text-align: left;
  display: inline-block;
  font-size: 36px;
  text-decoration: none;
  width: 145px;
  height: 70px;
  text-transform: uppercase;
  text-indent: -0.5em;
  line-height: 1em;
}

a.career-nav-career {
  color: #583119;
}

a.career-nav-career::after {
  z-index: -1;
  display: block;
  position: absolute;
  left: -58px;
  top: -23px;
  content: " ";
  width: 206px;
  height: 142px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../images/career-nav-career-filled.png);
}

a.career-nav-career::before {
  content: "";
  width: 53px;
  height: 35px;
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  position: absolute;
  left: -128px;
  top: 27px;
  background-image: url(../images/icons/go.png);
}


a.career-nav-reward {
  transform: rotate(5deg);
  color: #f0b600;
}

a.career-nav-reward::after {
  z-index: -1;
  display: block;
  position: absolute;
  left: -55px;
  top: -28px;
  content: " ";
  width: 193px;
  height: 142px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../images/career-nav-reward-bordered.png);
  transform: rotate(-5deg);
}

a.career-nav-reward::before {
  content: "";
  width: 34px;
  height: 11px;
  display: block;
  position: absolute;
  left: -113px;
  top: 29px;
  background-image: url(../images/icons/arrow_1.png);
  background-repeat: no-repeat;
  background-size: contain;
}

a.career-nav-benefits {
  transform: rotate(-3deg);
  color: #f0b600;
}

a.career-nav-benefits::after {
  z-index: -1;
  display: block;
  position: absolute;
  left: -55px;
  top: -18px;
  content: " ";
  width: 204px;
  height: 142px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../images/career-nav-benefits-bordered.png);
  transform: rotate(3deg);
}

a.career-nav-benefits::before {
  content: "";
  width: 40px;
  height: 9px;
  display: block;
  position: absolute;
  left: -122px;
  top: 22px;
  background-image: url(../images/icons/arrow_2.png);
  background-repeat: no-repeat;
  background-size: contain;
}

a.career-nav-10000 {
  transform: rotate(7deg);
  color: #f0b600;
}

a.career-nav-10000::after {
  z-index: -1;
  display: block;
  position: absolute;
  left: -39px;
  top: -14px;
  content: " ";
  width: 191px;
  height: 142px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../images/career-nav-10000-bordered.png);
  transform: rotate(-7deg);
}

a.career-nav-10000::before {
  content: "";
  width: 38px;
  height: 11px;
  display: block;
  position: absolute;
    left: -110px;
    top: 34px;
  background-image: url(../images/icons/arrow_3.png);
  background-repeat: no-repeat;
  background-size: contain;
}

.career-nav>div>a:hover {
  color: #583119;
}

.career-nav>div>a.career-nav-career:hover {
  color: #f0b600;
}

a.career-nav-career:hover::after {
  background-image: url(../images/career-nav-career-bordered.png);
}

a.career-nav-reward:hover::after {
  background-image: url(../images/career-nav-reward-filled.png);
}

a.career-nav-benefits:hover::after {
  background-image: url(../images/career-nav-benefits-filled.png);
}

a.career-nav-10000:hover::after {
  background-image: url(../images/career-nav-10000-filled.png);
}

@media all and (max-width: 1100px) {
  a.career-nav-career::before {
    display: none;
  }
  a.career-nav-reward::before {
    display: none;
  }
  a.career-nav-benefits::before {
    display: none;
  }
  a.career-nav-10000::before {
    display: none;
  }
}

.career-news-list ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.career-news-list h2 {
  padding-left: 23px;
  font-size: 55px;
  margin-top: 7px;
  margin-bottom: 0;
}

.career-news-list ul li a {
  text-decoration: none;
}

.career-news-list ul li a:hover {
  text-decoration: none;
}

.career-news-list ul li h3 {
  font-family: "Boulevard", Helvetica, sans-serif;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 28px;
  color: #5a311d;
  margin: 6px 0 6px 3px;
}

.career-news-list ul li p {
  color: #5a311d;
  margin: 0;
  padding-left: 4px;
  font-size: 13px;
  line-height: 16px;
  text-decoration: none !important;
}

.career-news-list ul li span {
    display: inline-block;
    margin-top: 0px;
    padding: 8px 25px;
    background-color: #f0b600;
    color: #5a311d;
    font-weight: bold;
    font-size: 17px;
    margin-right: 10px;
}

.career-news-list ul li small {
    display: inline-block;
    width: 37px;
    height: 25px;
    background: transparent url('../images/icons/career-next.png') no-repeat center;
    background-size: contain;
    position: relative;
    top: 6px;
}

.career-news-list.wide-list ul li small {
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.career-news-list ul li {
  position: relative;
  margin-right: 30px;
  padding: 8px 20px 17px 20px;
  /*border-bottom: 1px dotted white;*/
  background-image: linear-gradient(to right, #5a311d 33%, rgba(255, 255, 255, 0) 0%);
  background-position: bottom;
  background-size: 4px 1px;
  background-repeat: repeat-x;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  transition: all 200ms linear;
}

.career-news-list ul li:nth-child(2) {
    padding-top: 16px;
}

.career-news-list ul li:last-child {
  background-image: none;
}

/*.career-news-list ul li:after {
  content: "";
  height: 22px;
  width: 32px;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -12px;
  background-size: contain;
  background-image: url(../images/icons/big-arrow.png);
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  transition: all 200ms linear;
}*/

.career-news-list ul li:hover {
  background-color: rgba(90, 49, 29, 0.1);
}

/*.career-news-list ul li.dummy-item:after {
    display: none;
}*/

.career-news-list ul li.dummy-item:hover {
  background-color: transparent;
}

.career-news-list ul li:hover::after {
  transform: translate(10px);
  background-image: url(../images/icons/big-arrow.png);
}

.career-news-list-new {
	margin-bottom: 30px !important;
}

.career-news-list-new li {
	padding-left: 0px !important;
}

/*.career-news-list-new li:before {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 30px !important;
	height: 2px !important;
	background-color: #FFFFFF !important;
	content: '';
}*/

.career-news-list-new li h3 a {
	display: block;
}

.career-news-list-new li h3 span {
	color: #FFFFFF;
	text-transform: none;
	font-weight: normal;
}

.career-video {
  padding-top: 17px;
}

.career-video p {
  margin: 0;
}


/* ===============================================================
   career jobs list
   ===============================================================*/

.career-jobs-list {
  padding-left: 30px;
}

.career-jobs-list ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.career-jobs-list h2 {
  padding-left: 5px;
  font-size: 33px;
  margin-top: 7px;
  margin-bottom: 0;
}

.career-jobs-list ul li a {
  text-decoration: none;
}

.career-jobs-list ul li a:hover {
  text-decoration: none;
}

.career-jobs-list ul li h3 {
  text-decoration: none;
  text-transform: uppercase;
  font-size: 15px;
  margin: 0;
  padding-top: 7px;
  padding-left: 2px;
  color: #5a311d;
  font-weight: bold;
}

.career-jobs-list ul li p {
  color: #5a311d;
  margin: 0;
  padding-left: 2px;
  line-height: 12px;
  text-decoration: none !important;
  font-size: 13px;
}

.career-jobs-list ul li {
  position: relative;
  margin-right: 10px;
  padding: 0px 65px 10px 7px;
  /*border-bottom: 1px dotted white;*/
  background-image: linear-gradient(to right, #5a311d 33%, rgba(255, 255, 255, 0) 0%);
  background-position: bottom;
  background-size: 4px 1px;
  background-repeat: repeat-x;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  transition: all 200ms linear;
}

.career-jobs-list ul li:last-child {
  background-image: none;
}

.career-jobs-list ul li:after {
  content: "";
  height: 22px;
  width: 32px;
  position: absolute;
  background-repeat: no-repeat;
  right: 10px;
  top: 50%;
  margin-top: -12px;
  background-size: contain;
  background-image: url(../images/icons/big-arrow.png);
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  transition: all 200ms linear;
}

.career-jobs-list ul li:hover::after {
  transform: translate(10px);
  background-image: url(../images/icons/big-arrow.png);
}

.career-jobs-list ul li:hover {
  background-color: rgba(90, 49, 29, 0.1);
}

.career-content main {
  padding-top: 20px;
  padding-bottom: 20px;
}

/*#form-career {
  overflow: inherit;
}*/

#form-career label {
  color: #5a311d;
  margin-top: 12px;
  position: relative;
  display: block;
  text-transform: uppercase;
  font-size: 21px;
  margin-bottom: 4px;
}

#form-career .col-lg-3 {
  padding-right: 20px;
}

#form-career .col-lg-3:last-of-type {
  padding-right: 0;
}

/*#form-career .fileinput-button {
  margin-left: 0;
  width: 100%;
  margin-right: 0;
  height: 45px;
  margin-top: 26px;
  border-color: #5a311d;
}*/

#form-career input, #form-career textarea {
  border-color: #FFFFFF;
  color: #5a311d;
  text-align: left;
}

#form-career .form-group.error input {
    border-color: #FF3B30;
}

/*.cms-jobs-read #form-career .fileinput-button {
  border-color: white;
}*/

.cms-jobs-read #form-career input, .cms-jobs-read #form-career textarea {
  border-color: white;
}

.cms-jobs-read #form-career label {
  color: #5a311d;
}

.cms-jobs-read #form-career .fileinput-button::before {
    background-image: url(../images/icons/add_file_light.png);
}

#form-career h2 {
  margin-bottom: 10px;
  font-size: 34px;
  margin-top: 23px;
  margin-left: 2px;
}

#form-career .fileinput-button label {
  font-size: 15px;
}

#form-career .fileinput-button::before {
  top: 50%;
  margin-top: -15px;
  background-image: url(../images/icons/add_file_dark.png);
}

#form-career button[type="submit"] {
  display: block;
  width: auto;
  margin-top: 30px;
  padding: 10px 70px 10px 40px;
  background: #f0b600;
  color: #5a311d;
  font-size: 24px;
  border-color: #5a311d;
  float: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
  outline: 0;
}

#form-career button[type="submit"]:focus {
    outline: 0;
}

#form-career button[type="submit"]:hover {
  background-color: #5a311d;
  color: #f0b600;
}

#form-career button[type="submit"]:before {
  position: absolute;
  content: "";
  top: 50%;
  right: 25px;
  left: auto;
  width: 33px;
  height: 23px;
  margin-top: -11px;
  background: url(../images/icons/button-send.png) no-repeat;
  background-position: center;
  background-size: contain;
}

#form-career button[type="submit"]:hover::before {
  background-image: url(../images/icons/button-send-hover.png);
}

@media all and (max-width: 767px) {
  .career-nav {
    text-align: center;
  }
  .career-nav>div {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .career-nav>div>a {
    margin-left: 40px;
  }
  .career-news-list ul li {
    position: relative;
    margin-right: 0px;
  }
  .career-news-list {
    padding-right: 20px;
    padding-left: 20px;
  }
  .career-jobs-list {
    padding-right: 20px;
    padding-left: 20px;
  }
  #form-career:after {
    display: block;
    content: "";
    clear: both;
  }
  #form-career {
    padding-left: 20px;
    padding-right: 20px;
  }
  #form-career button[type="submit"] {
    margin-left: 0;
    margin-right: 0;
  }
  #form-career .col-lg-3 {
    padding-right: 0;
    padding-left: 0;
  }
  #form-career label[for="email"],
  #form-career label[for="phone"] {
    padding-top: 10px;
  }
  #form-career .nowrap {
    white-space: inherit !important;
  }
}

@media all and (max-width: 420px) {
  .career-nav>div {
    width: 100%;
  }
}


/* Animation */

@-webkit-keyframes bounce-arrow {
  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-arrow {
  from,
  4%,
  10.6%,
  16%,
  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);
  }
  8%,
  8.6% {
    -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);
  }
  14% {
    -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);
  }
  18% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}


/*------------------------------------*\
  base
\*------------------------------------*/

@media (max-width: 767px) {
  .franchise-benefits .container,
  .franchise-contact-form .container,
  .franchise-posts .container {
    padding-right: 30px;
    padding-left: 30px;
    margin-right: auto;
    margin-left: auto;
  }
}


/*------------------------------------*\
  .intro-banner
\*------------------------------------*/

.arrow-bottom {
  display: block;
  margin-top: 750px;
  height: 65px;
  width: 37px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url('../images/arrow-btm-big.png');
}

.bounce-arrow {
  -webkit-animation-name: bounce-arrow;
  animation-name: bounce-arrow;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
  -webkit-animation-duration: 3s;
  -moz-animation-duration: 3s;
  -o-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.arrow-bottom:hover {
  -webkit-animation-name: none !im;
  animation-name: none !im;
}

.intro-banner {
  width: 100vw;
  height: calc( 100vh - 100px);
  margin-top: -113px;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-position: center;
  background-size: cover;
  text-align: center;
  background-image: url('../images/franchise-intro-bg.png');
  background-repeat: no-repeat;
}

@media (min-width: 1900px) {
  .intro-banner {
    height: calc( 100vh - 180px);
  }
}

.intro-banner h1 {
  position: relative;
  z-index: 2;
  color: #583119;
  font-size: 3.75em;
  line-height: 1em;
  margin-top: 4.167em;
}

.lang-de .intro-banner h1 {
  font-size: 3.3em;
  line-height: 1em;
}

.intro-banner h1 em {
  color: #f0b600;
  font-style: normal;
}

.intro-banner h1::before {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: -1;
  margin-left: -289px;
  margin-top: -114px;
  width: 100%;
  height: 212px;
  width: 586px;
  content: "";
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('../images/franchise-heading-bg.png');
}

@media all and (max-width:1024px) {
  .intro-banner {
    margin-top: -70px;
  }
}

@media all and (max-width:769px) {
  .intro-banner {
    margin-top: -60px;
  }
}

@media all and (max-width: 450px) {
  .intro-banner {
    margin-top: -50px;
  }
  .arrow-bottom {
    margin-top: 130px;
    height: 40px;
    width: 23px;
  }
  .intro-banner h1 {
    position: relative;
    z-index: 2;
    color: #583119;
    font-size: 2.15em;
    line-height: 1em;
  }
  .lang-de .intro-banner h1 {
    font-size: 1.9em;
  }
  .intro-banner h1::before {
    margin-left: -180px;
    margin-top: -83px;
    height: 160px;
    width: 360px;
  }
}


/*------------------------------------*\
  .franchise-benefits
\*------------------------------------*/

.franchise-benefits {
  padding-top: 0;
  padding-bottom: 0;
}

.franchise-benefits nav {
  position: relative;
  display: flex;
  justify-content: center;
  background-color: #f0b600;
}

.franchise-benefits nav .triangle {
  position: absolute;
  top: 100%;
  left: 300px;
  width: 0;
  height: 0;
  border-top: 24px solid #f0b600;
  border-left: 24px solid transparent;
  border-right: 24px solid transparent;
  -webkit-transition: all 250ms linear;
  -moz-transition: all 250ms linear;
  -o-transition: all 250ms linear;
  -ms-transition: all 250ms linear;
  transition: all 250ms linear;
  z-index: 15;
}

.franchise-benefits nav figure {
  margin-top: 46px;
  margin-bottom: 40px;
}

.franchise-benefits nav figure:hover {
  cursor: pointer;
}

.franchise-benefits nav figure figcaption {
  max-width: 150px;
  color: #5a311d;
  text-align: center;
  font-family: 'Montserrat', sans-serif; /* font-family: "Open Sans", helvetica, sans-serif;  */
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  transition: all 200ms linear;
}

.franchise-benefits nav figure:hover figcaption,
.franchise-benefits nav figure.active figcaption {
  color: #fff;
}

.franchise-benefits nav figure .icon {
  display: block;
  margin: auto;
  width: 100px;
  height: 82px;
  margin-bottom: 25px;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  transition: all 200ms linear;
}

.franchise-benefits main {
  position: relative;
  z-index: 10;
  background-color: rgb(236, 236, 236);
}

.franchise-benefits main article {
  display: none;
  padding-top: 69px;
  padding-bottom: 45px;
}

.franchise-benefits main article.active {
  display: block;
}

.franchise-benefits main article.displayInAnimation {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.franchise-benefits main article h2 {
  margin: 0;
  font-size: 36px;
}

.franchise-benefits main article p {
  color: #5a311d;
  font-size: 15.97px
}

.franchise-benefits main article p em {
  font-weight: 500; /* font-weight: 600; */
}

.franchise-benefits .container .row article ul,
.franchise-benefits .container .row article ol {
  color: #5a311d;
  font-size: 15.97px
}

.franchise-benefits .container .row article table {
  width: 100%!important;
  border: 0px solid transparent;
  background-color: transparent;
}

.franchise-benefits .container .row article table td {
  vertical-align: top;
  width: 50%;
  background-color: transparent;
}

.franchise-benefits .container .row article table tr {
  background-color: transparent;
}

.franchise-benefits .container .row article table td p,
.franchise-benefits .container .row article table td ul {
  font-weight: normal;
}

@media all and (max-width:1024px) {
  .franchise-benefits nav {
    flex-wrap: wrap;
  }
  .franchise-benefits nav .triangle {
    display: none;
    content: none;
  }
}


/*------------------------------------*\
  .franchise-contact-form
\*------------------------------------*/

.error .form-control {
  border-color: red;
}

.img-rounded {
  border-radius: 100%;
}

form .button-big {
  padding-top: 17px;
  padding-bottom: 17px;
  padding-right: 52px;
  padding-left: 52px;
  font-size: 25px;
}

form .button-big {
  padding-left: 94px;
}

form .button-big::before {
  position: absolute;
  top: 50%;
  left: 25px;
  width: 33px;
  height: 32px;
  margin-top: -16px;
  content: "";
  background: url(../images/icons/icon--send_light.png) no-repeat;
  background-size: cover;
}

form .button-big:hover::before {
  background: url(../images/icons/icon--send_dark.png) no-repeat;
}

.franchise-contact-form {
  padding-top: 19px;
  padding-bottom: 20px;
}

.franchise-contact-form h2 {
  margin-bottom: -3px;
  font-size: 36px;
}

.franchise-contact-form .nowrap {
  padding-top: 25px;
}

.franchise-contact-form form label:not(.lab-exc) {
  margin-bottom: 14px;
  margin-top: 31px;
}

.franchise-contact-form form .form-group.col-lg-6:nth-child(odd) {
  padding-right: 22px;
}

.franchise-contact-form form .form-group.col-lg-6:nth-child(even) {
  padding-left: 22px;
}

.franchise-contact-form form .form-group input {
  text-align: left;
}

.franchise-contact-form form .form-group textarea {
  height: 110px;
}

.franchise-contact-form form .form-group [type="submit"] {
  float: right;
  margin: 23px 0;
}

.franchise-contact-form aside {
  text-align: center;
}

.franchise-contact-form aside {
  text-align: center;
}

.franchise-contact-form aside img {
  margin-top: 42px;
}

.franchise-contact-form aside h5 {
  color: #f0b600;
  margin-top: 36px;
  font-size: 18px;
  margin-bottom: 0px;
}

.franchise-contact-form aside h6 {
  font-family: 'Montserrat', sans-serif; /* font-family: "Open Sans", helvetica, sans-serif;  */
  color: rgb(133, 129, 109);
  margin-top: 0;
  font-weight: 100;
  font-size: 18px;
  margin-bottom: 16px;
}

.franchise-contact-form aside address {
  font-size: 18px;
  font-family: 'Montserrat', sans-serif; /* font-family: "Open Sans", helvetica, sans-serif;  */
  font-style: normal;
}

@media all and (max-width: 767px) {
  .franchise-contact-form form .form-group {
    width: 100%;
  }
  .franchise-contact-form form .form-group.col-lg-6:nth-child(odd),
  .franchise-contact-form form .form-group.col-lg-6:nth-child(even) {
    padding: 0;
  }
  .franchise-contact-form aside {
    width: 100%;
  }
}


/*------------------------------------*\
  .franchise-posts
\*------------------------------------*/

.franchise-posts {
  padding-top: 5px;
}

.franchise-posts .header::before {
  content: none;
  display: none;
}

.franchise-posts .header {
  /* reset */
  background-color: #f0b600;
  text-align: center;
  z-index: 3;
  height: auto;
  position: relative;
  max-width: inherit;
  margin: auto;
  padding-right: 0;
  position: relative;
}

.franchise-posts .header::after {
  position: absolute;
  left: 0;
  bottom: -69px;
  width: 100%;
  height: 70px;
  border-width: inherit;
  border-color: inherit;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: "";
  transform: scaleY(-1);
  background-image: url("../images/triangle.svg");
}

.franchise-posts .header h2 {
  margin-top: 20px;
  padding-top: 40px;
  color: rgb(72, 27, 17);
  font-size: 44px;
}

.franchise-posts .articles {
  padding-top: 60px;
  padding-bottom: 15px;
}

.franchise-posts article {
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  width: 33%;
  height: 396px;
  position: relative;
}

.franchise-posts article.white {
  background-color: #f1f1f1;
  color: #312927;
}

.franchise-posts article a {
  text-decoration: none;
  color: #f1f1f1;
}

.franchise-posts article h3 {
  font-size: 33px;
  line-height: 41px;
  margin: 25px 0 0;
  color: #5a311d;
  padding: 15px 120px 0 40px;
  text-transform: uppercase;
}

.franchise-posts article.white h3 {
  color: #312927;
}

.franchise-posts article p {
  padding: 15px 40px 0;
  margin: 0 0 10px;
  font-size: 18px;
  line-height: 30px;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 170px;
}

.franchise-posts article.white p {
  color: #312927;
}

.franchise-posts article span.read-more {
  position: absolute;
  right: 45px;
  bottom: 35px;
  font-size: 23px;
  text-transform: uppercase;
  border: 2px solid #312927;
  padding: 10px 25px;
  -webkit-transform: rotate(-3deg);
  transform: rotate(-3deg);
  -webkit-transition: background-color .3s, color .3s;
  transition: background-color .3s, color .3s;
  -webkit-backface-visibility: hidden;
  color: #312927;
}

.franchise-posts article:hover span.read-more {
  background-color: #f0b600;
  color: #312927;
}

.franchise-posts article.white span.read-more {
  border-color: #312927;
  color: #312927;
}

@media (max-width: 980px) {
  .franchise-posts article {
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    width: 100%;
    height: 396px;
    position: relative;
  }
}

@media all and (min-width: 1100px) {
  .inner-call-to-action {
    max-width: 680px;
  }
}

@media all and (min-width: 1100px) {
  .call-to-action .wrapper {
    max-width: 1800px;
  }
}

@media all and (min-width: 1900px) {
  .call-to-action .wrapper {
    max-width: 1850px;
  }
}

@media all and (max-width: 768px) {
	.franchise-tab-articles {
		float: none !important;
	}

	.franchise-benefits nav figure {
		width: 20%;
		margin: 0px 0px 10px 0px;
		padding: 0px 11px;
	}

	.franchise-benefits nav figure .icon {
		width: 100%;
		background-size: contain;
		margin-bottom: 0px;
	}

	.franchise-benefits nav figure figcaption {
		max-width: none;
		width: 100%;
		font-size: 10px;
		font-weight: bold;
	}

	.franchise-benefits .container .row article table,
	.franchise-benefits .container .row article table tbody,
	.franchise-benefits .container .row article table tfoot,
	.franchise-benefits .container .row article table tr,
	.franchise-benefits .container .row article table th,
	.franchise-benefits .container .row article table td {
			display: block !Important;
			width: 100%;
			padding-left: 0px;
	}

	.franchise-benefits main article {
		padding: 0px 10px;
	}

	.franchise-benefits .container .row article h3 {
		-webkit-margin-before: 0em !important;
		-webkit-margin-after: 0em !important;
	}

    .franchise-benefits main article ul {
        margin-left: 0px;
        padding-left: 10px;
    }

	.franchise-benefits main article li {
		margin-bottom: 10px;
	}
}

.cms-jobs-read #form-career input, .cms-jobs-read #form-career textarea {
	color: #FFFFFF;
}

/* .video-career.not-mobile { */
/* 	height: 50vh; */
/* 	min-height: 590px; */
/*     height: auto; */
/*     padding-top: 56.25%; */
/* 	z-index: 0; */
/* } */

.video-career {
    width: 100%;
    height: 75vh;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
/*     top: -115px; */
    top: 70px;
    overflow: hidden;
    padding-top: 0px !important;
}

.video-career .video-content:hover {
    cursor: url('../images/icons/cursor_pause.png'), auto;
}

.video-career .video-content.is-paused:hover {
    cursor: url('../images/icons/cursor_play.png'), auto;
}

.career-content {
    position: relative;
    top: -100px;
    padding-top: 0px !important;
    padding-bottom: 140px;
}

#form-career {
/*     background-color: #f0b600; */
    padding: 10px 0px 30px 0px;
}

#form-career h2 {
    color: #E9B400;
    text-align: center;
}

#form-career .check-wrapper,
.yellow-check {
    margin-top: 20px;
}

#form-career .check-wrapper label,
.yellow-check label {
    margin-top: -20px;
    display: inline-block;
    margin-bottom: 0px;
    padding-left: 0px;
    line-height: normal;
    font-family: 'Montserrat', sans-serif; /* font-family: "Open Sans", helvetica, sans-serif;  */
    font-weight: normal;
    text-transform: none;
    font-size: 15px;
}

#form-career .check-wrapper input[type="checkbox"],
.yellow-check input[type="checkbox"] {
    width: 30px;
    height: 30px;
    display: inline-block;
    margin-right: 10px;
    cursor: pointer;
}

#form-career .check-wrapper input[type="checkbox"] + label::before,
.yellow-check input[type="checkbox"] + label::before {
    display: none;
}

#form-career .check-wrapper input[type="checkbox"] + label::after {
    left: -36px;
    top: 1px;
    margin-top: 0px;
    background: url(../images/icons/checkbox-white.png) center no-repeat;
}

.yellow-check input[type="checkbox"] + label::after {
    left: -37px !important;
    top: 5px !important;
    margin-top: 0px !important;  
    z-index: -22;
}

.yellow-check  input[type="checkbox"] + label {
    padding-left: 0px !important;
}

#form-career .check-wrapper label,
#form-career .check-wrapper label a,
.yellow-check input[type="checkbox"] label,
.yellow-check input[type="checkbox"] label a {
    color: #5a311d;
}

#form-career .check-wrapper label a:hover,
.yellow-check input[type="checkbox"] label a:hover {
    color: #5a311d;
    text-decoration: none;
}

#form-career h2 .message::before {
    display: none;
}

#form-career h2 .message {
    margin: 10px auto;
}

.wrapper .career-news-list ul li::before {
    display: none;
}

.cms-jobs-read .jobs,
.cms-jobs-read .jobs h1,
.cms-jobs-read .jobs h3 {
    color: #583119 !important;
}

.cms-jobs-read .jobs p {
    max-width: 95%;
    padding-top: 0px !important;
    margin-top: 5px !important;
    font-size: 18px;
    line-height: 1.6em;
}

.cms-jobs-read .jobs h1 {
    margin-top: 0px;
    padding-top: 0px;
}

.cms-jobs-read .jobs h3 {
    text-transform: uppercase;
    margin-block-end: 0px !important;
    font-size: 30px;
}

.cms-jobs-read #form-career {
    margin-top: 15px;
}

.cms-jobs-read #form-career h2 {
    margin-bottom: 20px !important;
}

.center-title {
    margin: 0px auto !important;
    padding: 0px 0px 30px 0px !important;
    text-align: center;
}

.back-arrow-button {
    display: block;
    padding: 35px 70px 35px 40px;
    background-color: #583119;
    color: #f0b600;
    text-decoration: none;
    font-family: "Boulevard", Helvetica, sans-serif;
    text-transform: uppercase;
    font-size: 27px;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}

.back-arrow-button::after {
    content: '';
    display: block;
    width: 33px;
    height: 22px;
    background: transparent url('../images/icons/button-send-hover.png') no-repeat center;
    background-size: contain;
    position: absolute;
    top: 50%;
    right: 40px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}

.back-arrow-button:hover {
    background-color: #f0b600;
    color: #583119;
}

.back-arrow-button:hover::after {
    background-image: url('../images/icons/button-send.png');
}

.no-row-hack .row {
    margin: 0px !important;
}

.mini-contact-box {
    background-color: #583119;
    padding: 35px 50px;
    margin-top: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mini-contact-box h3 {
    font-size: 36px;
    text-align: center;
    text-transform: uppercase;
    margin-block-start: 0em !important;
    margin-block-end: 0em !important;
    padding: 0px !important;
    margin: 0px !important;
}


.mini-contact-box p {
    color: #f0b600 !important;
    font-size: 21px;
    line-height: 1.6em;
}

.mini-contact-box strong {
    font-size: 30px;
    font-family: "Boulevard", Helvetica, sans-serif;
}

/*.cms-jobs-read section li {
    font-size: 18px;
    padding-bottom: 5px;
}

.cms-jobs-read ul {
    list-style-type: none;
}

.cms-jobs-read ul,
.cms-jobs-read ol {
    margin-block-start: 0em;
    margin-block-end: 0em;
    padding-inline-start: 0px;
    margin-top: 5px;
}

.cms-jobs-read ul li {
    padding-left: 25px;
    position: relative;
}

.cms-jobs-read ul li::before {
    content: '';
    width: 10px;
    height: 2px;
    background-color: ;
    position: absolute;
    top: 12px;
    left: 0px;
}

.cms-jobs-read .jobs ul li::before {
    background-color: #583119;
}*/

#play-career-video {
    width: 170px;
    height: 170px;
    background: transparent url('../images/icons/video-play.png') no-repeat center;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

}

.not-mobile .play-career-video {
    display: none;
}

.freejobs-filter {
    margin-top: 30px;
}

.freejobs-filter label {
    color: #583119;
    font-family: "Boulevard", Helvetica, sans-serif;
    font-size: 22px;
    font-weight: bold;
    display: inline-block;
    position: relative;
    top: 3px;
    margin-right: 10px;
}

.freejobs-filter .styled-select {
    border: none !important;
    background-color: #583119;
    color: #FFFFFF;
    font-family: 'Montserrat', sans-serif; /* font-family: "Open Sans", helvetica, sans-serif;  */
    min-width: 150px;
    margin-right: 20px;
}

.freejobs-filter .styled-select select {
    background-color: #583119;
    color: #FFFFFF;
    font-weight: bold;
    font-family: 'Montserrat', sans-serif; /* font-family: "Open Sans", helvetica, sans-serif;  */
}

.freejobs-filter .styled-select,
.freejobs-filter .styled-select:focus,
.freejobs-filter .styled-select select,
.freejobs-filter .styled-select select:focus {
    outline: 0;
}

.freejobs-filter .styled-select::after {
  width: 24px;
  height: 13px;
  top: 50%;
  right: 10px;
  background-image: url("../images/icons/select-arrow.png");
  background-size: contain;
}

.page-career::before {
    content: '';
    display: block;
    top: 0px;
    left: 0px;
    height: 70px;
    width: 100%;
    position: absolute;
    background-color: #f0b600;
    z-index: 0;
}


.product-detail-new .description {
    color: #5a311d;
}

form label {
    color: #5a311d;
}

.box-wysiwyg-simple {
    color: #5a311d;
}

.blog footer .newsletter h3 {
    color: #FFFFFF;
}

.w-100 {
    width: 100%;
}


.branch-list,
.branch-detail {
  display: grid;
  grid-template-columns: 32fr 68fr;
  grid-template-rows: 1fr;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  min-height: 800px;
}

.branch-overview,
.branch-grid,
.branch-detail-overview {
  padding: 70px 80px;
}

.branch-grid-items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  width: 95%;
}

.branch-overview,
.branch-detail-overview {
  background-color: #FFFFFF;
}

.branch-item {
  width: 100%;
  padding: 15px 30px;
  background-color: #FFFFFF;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  color: #312927;
  font-size: 19px;
  position: relative;
}

.branch-item:not(.to-be):hover {
  background-color: #E7B200;
}

.branch-item h5 {
  margin: 0px 0px 3px 0px !important;
  padding: 0px !important;
  font-size: 25px;
  text-transform: uppercase;
  font-family: "Boulevard", Helvetica, sans-serif;
  color: #E7B200;
}

.branch-item:not(.to-be):hover h5 {
  color: #FFFFFF;
}

.branch-item,
.branch-item h5 {
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  transition: all 200ms linear;
}

.branch-item a {
  position: absolute;
  display: block;
  text-decoration: none;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.branch-item:not(.to-be)::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -13px;
  right: 30px;
  width: 14px;
  height: 26px;
  background: transparent url('../images/branch-arrow.svg') no-repeat center center;
  background-size: contain;
  z-index: 0;
}

.branch-list h1,
.branch-list h2 {
  font-size: 50px;
  color: #583119;
}

.branch-list h2 span {
  color: #f0b600;
}

.branch-grid h3 {
  font-size: 40px;
  color: #583119;
  text-transform: uppercase;
  margin-block-end: 0px;
  margin-bottom: 20px;
}

.show-branch-map {
  text-decoration: underline;
  font-size: 15px;
  color: #583119;
  font-family: 'Montserrat', sans-serif; /* font-family: "Open Sans", helvetica, sans-serif;  */
  font-weight: bold;
}

.show-branch-map:hover {
  text-decoration: none;
}

.branch-detail-overview h1 {
  margin: 0px 0px 7px 0px !important;
  padding: 0px !important;
  font-size: 33px;
  text-transform: uppercase;
  font-family: "Boulevard", Helvetica, sans-serif;
}

.branch-detail-overview h2 {
  margin: 0px 0px 10px 0px !important;
  padding: 0px !important;
  font-size: 22px;
  font-family: "Boulevard", Helvetica, sans-serif;
  color: #583119;
  text-transform: none;
}

.branch-detail-overview h2.uppercase {
  text-transform: uppercase;
}

.branch-detail-overview p {
  margin: 18px 0px !important;
  font-size: 18px;
}

.branch-detail-content {
  width: 85%;
}

.branch-detail-content table td:nth-child(2),
.branch-detail-content table td:nth-child(3),
.branch-detail-content table td:nth-child(5) {
  font-weight: normal;
}

.branch-detail-content table {
  font-size: 16px;
}

.branch-detail-content hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #E7DCD6;
  margin: 1em 0;
  padding: 0;
}

.branch-detail-button {
  display: block;
  text-decoration: none;
  padding: 20px 30px;
  background-color: #E7B200;
  color: #FFFFFF;
  font-weight: bold;
  font-family: 'Montserrat', sans-serif; /* font-family: "Open Sans", helvetica, sans-serif;  */
  font-size: 15px;
  margin: 10px 0px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  position: relative;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  transition: all 200ms linear;
}

.branch-detail-button::after {
  content: "";
  display: block;
  width: 17px;
  height: 15px;
  background: transparent url('../images/white-arrow.svg') no-repeat center center;
  background-size: contain;
  position: absolute;
  right: 30px;
  top: 50%;
  margin-top: -8px;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  transition: all 200ms linear;
}

.branch-detail-button:hover {
  background-color: #583119;
}

.branch-detail-button:hover::after {
  right: 20px;
}

.branch-map {
  position: relative;
  padding-top: 40px;
}

.branch-map .contact-map,
.branch-map .contact-map #branch-map {
  width: 100%;
  height: 600px; /*100%*/
  margin: 0px !important;
  padding: 0px !important;
}

.branch-back {
  display: block;
  margin-bottom: 20px;
  color: #583119;
  text-decoration: none;
  position: relative;
  padding-left: 30px;
  font-family: 'Montserrat', sans-serif; /* font-family: "Open Sans", helvetica, sans-serif;  */
  font-size: 15px;
  font-weight: bold;
}

.branch-back::before {
  content: '';
  display: block;
  background: transparent url('../images/arrow-left.svg') no-repeat center center;
  background-size: contain;
  width: 15px;
  height: 25px;
  position: absolute;
  top: 50%;
  margin-top: -13px;
  left: 0px;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  transition: all 200ms linear;
}

.branch-back:hover {
  text-decoration: none;
}

.branch-back:hover::before {
  left: -5px;
}

.branch-overview p {
  margin-bottom: 10px;
  font-size: 17px;
}

.find-branch-wrapper {
  border: 1px solid #E3D6CD;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  padding: 15px 20px;
  position: relative;
}

.find-branch-wrapper::before {
  content: '';
  display: block;
  width: 28px;
  height: 38px;
  float: left;
  background: transparent url('../images/searchMarker.svg') no-repeat center center;
  background-size: contain;
}

.find-branch-wrapper input {
  width: calc(100% - 40px);
  float: right;
  text-align: left;
  color: #5A33218;
  border: none;
}

.find-branch-wrapper ::placeholder {
  color: #5A3218 !important;
  opacity: 1 !important;
}

.find-branch-wrapper :-ms-input-placeholder {
  color: #5A3218 !important;
}

.find-branch-wrapper ::-ms-input-placeholder {
  color: #5A3218 !important;
}

.direction-info p {
  color: #FFFFFF;
}

header {
  padding-right: 0px;
}

header .select-store,
header .bbdomu-header {
  padding: 0px 85px 0px 100px;
  height: 90px;
  margin-right: 0px;
  margin-top: 0px;
  border: none;
  background-color: #E7B200;
  font-size: 23px;
  line-height: 90px;
}

header .bbdomu-header {
  line-height: 1.2em;
}

header .select-store::before,
header .bbdomu-header::before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -24px;
  left: 25px;
}

header .select-store::before {
  background: transparent url('../images/store-icon.svg') no-repeat center center;
  background-size: contain;
  width: 55px;
  height: 48px;
}

header .bbdomu-header::before {
  background: transparent url('../images/icons/cart.svg') no-repeat center center;
  background-size: contain;
  width: 44px;
  height: 48px;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  transition: all 200ms linear;
}

header .bbdomu-header:hover::before {
  background: transparent url('../images/icons/cart-yellow.svg') no-repeat center center;
  background-size: contain;
}

header .select-store:hover::before {
  background: transparent url('../images/store-icon-hover.svg') no-repeat center center;
  background-size: contain;
}

#new-lang-switcher {
  float: right;
  margin-top: 3px;
}

#new-lang-switcher,
#new-lang-switcher ul {
  margin-block-start: 0em;
  margin-block-end: 0em;
  padding-inline-start: 0px;
}

#new-lang-switcher li::after,
#new-lang-switcher ::marker {
  display: none;
  content: '';
}

.lang-dropdown {
  display: none;
  background-color: #E7B200;
  position: relative;
}

#new-lang-switcher li a {
  text-decoration: none;
  color: #583119;
  font-size: 22px;
  font-family: 'Montserrat', sans-serif; /* font-family: "Open Sans", helvetica, sans-serif;  */
  position: relative;
  padding : 0px 35px;
}

#new-lang-switcher li:first-child {
  margin-top: 3px;
  position: relative;
}

#new-lang-switcher li a::after {
  display: inline-block;
  content: "";
  width: 19px;
  height: 11px;
  margin-left: 15px;
  background-image: url("../images/arrow-down.svg");
/*   background-position: 0 -11px; */
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 2;
  pointer-events: none;
  -webkit-transition: -webkit-transform .3s ease-in-out;
  transition: transform .3s ease-in-out;
}

#new-lang-switcher:hover ul.lang-dropdown {
  display: block;
}

#new-lang-switcher::before {
  content: '';
  display: block;
  position: absolute;
  left: 0px;
  top: 15px;
  width: 1px;
  height: 45px;
  background-color: #B18309;
}

#new-lang-switcher .lang-dropdown li a {
  padding: 0px 35px 0px 29px;
}

#new-lang-switcher .lang-dropdown li a::after {
  height: 19px;
  width: 11px;
  background-image: url("../images/dropdown.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  top: 3px;
  position: relative;
  left: -5px;
  margin-left: 24px;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  transition: all 200ms linear;
}

#new-lang-switcher .lang-dropdown li a:hover {
  color: #FFFFFF;
}

#new-lang-switcher .lang-dropdown li a:hover::after {
  left: -1px;
  background-image: url("../images/dropdown-hover.svg");
}

.lang-wrapper {
  right: -4px;
}

#fill-loc {
  position: absolute;
  width: 28px;
  height: 38px;
  background-color: transparent;
  z-index: 10;
  cursor: pointer;
  left: 20px;
}

.lang-sk #bbdomu-ext {
  display: none;
}

#page-logo {
/*   background: #f0b600 url('../images/logo.png') no-repeat center center; */
/*   background-size: auto 80px; */
  background: transparent url('../images/bb_logo_full.svg') no-repeat left center;
  background-size: auto 80px;
  display: block;
  width: 230px;
  height: 90px;
  position: absolute;
  left: 35px;
  top: 0px;
}

.blog #page-logo {
  display: none;
}

header nav {
/*   width: calc(100% - 230px); */
  position: absolute;
  top: 0;
  right: 0;
}

header .select-store,
header .bbdomu-header {
  float: right;
}

/* 2023-07 */
.products-menu {
  position: fixed;
  top: 90px;
  left: 0px;
  width: 250px;
  background-color: #FFFFFF;
  padding-top: 20px;
  padding-bottom: 100px;}

.products-menu a {
  display: block;
  text-align: left;
  padding-left: 60px;
}

.products-menu a:hover, .products-menu a.current {
  border-color: transparent;
  color: #f0b600;
}

#lth-product-wrapper h1 {
  color: #583119;
  font-size: 40px;
}

.products-info-header {
  display: grid;
  grid-template-columns: 0.3fr 0.7fr;
  grid-column-gap: 40px;
  grid-row-gap: 0px;
  margin-bottom: 40px;
}

.p-i-part {
  text-align: right;
}

.p-i-part-grid {
  display: grid;
  grid-template-columns: 0.2fr 0.5fr 0.3fr;
  grid-column-gap: 20px;
  grid-row-gap: 0px;
  margin-top: 23px;
}

.p-i-part-grid img {
  display: block;
  margin-left: auto;
  margin-right: 0px;
  position: relative;
  top: 2px;
}

.p-i-part-grid p {
  margin: 0px !important;
  text-align: left;
  font-size: 16px;
}

.new-order-btn {
  display: inline-block;
  text-decoration: none;
  background-color: #f0b600;
  text-transform: uppercase;
  padding: 0px 10px;
  height: 45px;
  color: #FFFFFF;
  border-radius: 10px;
  text-align: center;
  font-family: 'Montserrat', sans-serif; /* font-family: "Open Sans", helvetica, sans-serif;  */
  line-height: 45px;
  font-weight: bold;
  font-size: 14px;
  position: relative;
  top: 3px;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  transition: all 200ms linear;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.new-order-btn:hover {
  background-color: #583119;
}

.arrow-right-white,
.arrow-left {
  display: inline-block;
  width: 15px;
  height: 15px;
}

.arrow-right-white {
  background: transparent url('../images/icons/arrow-right-white.svg') no-repeat center;
  background-size: contain;
  margin-left: 10px;
  position: relative;
  top: 2px;
}

.arrow-left {
  background: transparent url('../images/icons/arrow-left.svg') no-repeat center;
  background-size: contain;
  margin-right: 15px;
}

.bb-products {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
}

.bb-product {
  border-radius: 10px;
  border: 3px solid #FFFFFF;
  background-color: #FFFFFF;
  overflow: hidden;
}

.bb-product h2,
.bb-product h2 a,
#lth-product-wrapper .bb-product-card-content h1 {
  color: #583119;
  font-size: 30px;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  margin: 0px !important;
}

.bb-product p,
.bb-product-card-content p {
  font-family: 'Montserrat', sans-serif; /* font-family: "Open Sans", helvetica, sans-serif;  */
  font-size: 16px;
  margin-top: 10px;
  margin-bottom: 0px;
  padding: 0px;
  line-height: 1.5em;
  min-height: 3em;
}

.bb-product-info {
  padding: 20px;
}

.bb-product-additional-info {
  display: grid;
  grid-template-columns: 0.9fr 0.4fr;
  grid-column-gap: 20px;
  grid-row-gap: 0px;
  margin-top: 20px;
  min-height: 45px;
}

.bb-product-icons img {
  display: inline-block;
  width: 50px;
  height: auto;
  margin-right: 10px;
}

.owl-carousel .bb-product-icons img {
  display: inline-block !important;
  width: 50px !important;
}

.bb-product-add {
  position: relative;
}

.bb-product-add a {
  display: block;
  position: absolute;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
  right: 0px;
}

.bb-product-add img {
  display: block;
  width: 45px;
  height: 45px;
}

.bb-product-card {
  background-color: #FFFFFF;
  padding: 15px 20px 30px 20px;
  border-radius: 10px;
  margin-bottom: 30px;
}

.bb-product-card-content {
  display: grid;
  grid-template-columns: 0.4fr 0.25fr 0.35fr;
  grid-column-gap: 30px;
  grid-row-gap: 0px;
}

body.cms-products-index {
  background-color: #FBEEE5;
  background-image: none;
}

.bb-product-nutrition {
  background-color: #FBEEE5;
  padding: 15px 10px;
  border-radius: 10px;
}

p.allergens {
  border-top: 1px solid #E5E5E5;
  border-bottom: 1px solid #E5E5E5;
  min-height: 0;
  padding: 10px 0px;
  margin: 30px 0px !important;
}

#lth-product-wrapper .bb-product-card-content h1 {
  margin-bottom: 30px !important;
}

.bb-product-card-content .bb-product-icons {
  margin-bottom: 40px;
}

.bb-product-card-content .new-order-btn {
  width: 100%;
}

.bb-product-nutrition h3 {
  color: #583119;
  font-size: 23px;
  text-transform: uppercase;
  margin: 0px 0px 0px 20px !important;
}

.bb-product-nutrition table {
  margin-top: 10px;
}

.bb-product-nutrition table,
.bb-product-nutrition table td,
.bb-product-nutrition table tr {
  color: #583119;
  padding: 0px !important;
}


.bb-product-nutrition table td {
  background-color: #FBEEE5 !important;
  font-family: 'Montserrat', sans-serif !important; /* font-family: "Open Sans", helvetica, sans-serif !important;  */
  font-weight: 600 !important;
  font-size: 12px !important;
  padding: 7px 20px !important;
}

.bb-product-nutrition table tr:nth-child(4n+1) td,
.bb-product-nutrition table tr:nth-child(4n+2) td {
  background-color: #FFFFFF !important;
}

.bb-product-nutrition table tr:nth-child(4n+1) td {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  font-weight: 800 !important;
}

.bb-product-nutrition table tr:nth-child(4n+2) td:nth-child(1) {
  border-bottom-left-radius: 10px;
}

.bb-product-nutrition table tr:nth-child(4n+2) td:nth-child(2) {
  border-bottom-right-radius: 10px;
}

.bb-product-nutrition table tr:nth-child(odd) td {
  font-weight: 800 !important;
}

.bb-product-card-header {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 20px;
  grid-row-gap: 0px;
  margin-bottom: 15px;
}

.bb-product-card-header a {
  text-transform: uppercase;
  font-size: 20px !important;
  text-decoration: none;
}

.bb-product-card-header .card-close {
  display: block;
  margin-left: auto;
  margin-right: 0px;
}

.bb-product-image {
  position: relative;
  overflow: hidden;
}

.bb-product-image img {
  border-radius: 10px;
  width: 100%;
  display: block;
}

.bb-product-badge {
  display: inline-block;
  position: absolute;
  top: 0px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  color: #FFFFFF;
  background-color: #D34441;
  font-family: "Boulevard", Helvetica, sans-serif;
  padding: 5px 20px;
  text-transform: uppercase;
  font-size: 20px;
}

.branch-tag {
  display: inline-block;
  margin: 0px 10px 10px 0px;
  background-color: #583119;
  color: #FFFFFF;
  padding: 5px 25px;
  border-radius: 200px;
}

.footer-soc-ico {
  color: #583119;
  font-size: 30px;
  display: block;
  text-decoration: none;
  position: relative;
  margin-bottom: 15px;
  text-align: left;
}

.footer-soc-ico::before {
  content: '';
  display: inline-block;
  width: 50px;
  height: 50px;
  position: relative;
  top: 15px;
  left: 0px;
  margin-right: 20px;
/*   -webkit-transform: translateY(-50%); */
/*   transform: translateY(-50%); */
}

.footer-soc-ico.soc-ico-fb::before {
  background: transparent url('../images/icons/fb.svg') no-repeat center;
  background-size: contain;
}

.footer-soc-ico.soc-ico-insta::before {
  background: transparent url('../images/icons/insta.svg') no-repeat center;
  background-size: contain;
}

.footer-bottom-grid {
  display: grid;
  grid-template-columns: 0.4fr 0.6fr;
  grid-column-gap: 50px;
  grid-row-gap: 0px;
}

#footer-logo {
  width: 60%;
  height: auto;
  display: block;
  margin-bottom: 20px;
}

.footer-links h3 {
  color: #583119;
  font-size: 35px;
  text-align: left;
}

.footer-links a {
  color: #583119;
  font-family: 'Montserrat', sans-serif; /* font-family: "Open Sans", helvetica, sans-serif;  */
  font-size: 17px;
  display: block;
  text-decoration: none;
  margin-bottom: 15px;
  text-align: left;
}

.footer-links a:hover {
  text-decoration: underline;
}

.footer-credits {
  display: grid;
  grid-template-columns: 0.5fr 0.5fr;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  font-size: 13px;
  font-family: 'Montserrat', sans-serif; /* font-family: "Open Sans", helvetica, sans-serif;  */
  text-align: left;
  margin-top: 25px;
}

.footer-credits .right-part {
  text-align: right;
}

.footer-credits a {
  color: #583119;
  text-decoration: none;
}

.footer-credits a:hover {
  color: #583119;
  text-decoration: underline;
}

.hnw {
  letter-spacing: 1px;
}

.footer-bottom .wrapper,
.intro.wrapper {
  padding-left: 0px;
  padding-right: 0px;
}

.hp-blog-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

.hp-blog-item {
  position: relative;
  padding-bottom: 120px;
  border-radius: 10px;
  overflow: hidden;
  background-color: #F7F0EB;
}

.hp-blog-item a {
  display: block;
  text-decoration: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 10;
}

.hp-blog-item .read-more {
  position: absolute;
  right: 35px;
  bottom: 30px;
  font-size: 30px;
  text-transform: uppercase;
  border: 2px solid #583119;
  background-color: #583119 !important;
  color: #f0b600 !important;
  padding: 10px 25px;
  -webkit-transform: rotate(-3deg);
  transform: rotate(-3deg);
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  transition: all 200ms linear;
  -webkit-backface-visibility: hidden;
}

.hp-blog-item:hover .read-more {
  background-color: #f0b600 !important;
  color: #583119 !important;
  border-color: #f0b600;
}

.hp-blog-item.yellow:hover .read-more {
  background-color: #f0b600 !important;
  color: #583119 !important;
  border-color: #583119;
}

.hp-blog-item.white:hover .read-more {
  border-color: #f0b600;
}

.section-header {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 20px;
  grid-row-gap: 0px;
  margin-bottom: 25px;
}

.section-header .right-part {
  text-align: right;
}

.section-header-button {
  display: inline-block;
  background-color: #f0b600;
  color: #583119;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 23px;
  padding: 15px 30px;
  -webkit-transform: rotate(-3deg);
  transform: rotate(-3deg);
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  transition: all 200ms linear;
  -webkit-backface-visibility: hidden;
  border-radius: 4px;
  position: relative;
  top: 5px;
}

.section-header-button:hover {
  background-color: #583119;
  color: #f0b600;
}

.section-header h2 {
  color: #583119;
  font-size: 50px;
  margin-left: 40px;
  text-transform: uppercase;
  margin-block-end: 0 !important;
  margin-block-start: 0 !important;
}

.hp-products {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-column-gap: 20px;
  grid-row-gap: 0px;
  margin-bottom: 25px;
}

.hp-products .bb-product {
  background-color: #FBEEE5;
}

.hp-banner-links {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

.hp-banner-links a {
  border-radius: 10px;
  overflow: hidden;
}

.hp-banner-links a img {
  display: block;
  width: 100%;
  height: auto;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.hp-banner-full {
  grid-area: auto / span 2;
  margin: 40px 0px;
}

.hp-banner-links a:not(.hp-banner-full):hover img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}

.intro.owl-carousel .owl-item {
  border-radius: 10px;
  overflow: hidden;
}

/* LOYALTY */
.general-grid {
  display: grid;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

.g-2 {
  grid-template-columns: 1fr 1fr;
}

.g-3 {
  grid-template-columns: 1fr 1fr 1fr;
}

.g-4 {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.about-contacts .g-4 {
  grid-template-columns: 1fr 1fr 0.8fr 0.8fr;
}

.g-5 {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

#loyalty-path .g-5 {
  grid-column-gap: 0px;
}


#loyalty-intro {
  padding-top: 100px;
}

#loyalty-intro p {
  margin: 40px auto 0px auto;
  text-align: center;
  font-size: 17px;
  font-family: 'Montserrat', sans-serif; /* font-family: "Open Sans", helvetica, sans-serif;  */
  color: #5a3218;
  line-height: 1.5em;
  font-weight: 500;
}

#loyalty-app-text {
  background-color: #e8b300;
  padding-bottom: 200px;
}

#loyalty-intro .general-grid img {
  display: block;
  width: 70%;
  height: auto;
  margin: 0px auto;
}

#loyalty-intro .new-order-btn {
  min-width: 250px;
}

#loyalty-app-text p {
  text-align: center;
  font-family: "Boulevard", Helvetica, sans-serif;
  color: #5a3218;
  line-height: 1.5em;
  font-size: 30px;
  margin: 40px auto 0px auto;
}

#loyalty-app-collage {
  display: block;
  width: 90%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0px auto;
  transform: translate(-50%, -50%);
}

#loyalty-app {
  padding-top: 0px;
  padding-bottom: 10px;
  background-color: #5A3218;
}

.store-links {
  text-align: center;
  margin-top: -80px;
}

.store-links a,
.store-links span {
  display: inline-block;
  margin: 0px 10px;
}

.store-links a img,
.store-links span img {
  height: 60px;
  width: auto;
}

.l-path img {
  display: block;
  height: 55px;
  width: auto;
}

.l-path p {
  font-family: "Boulevard", Helvetica, sans-serif;
  color: #5a3218;
  line-height: 1.5em;
  font-size: 22px;
}

.l-path,
.l-arrow {
  position: relative;
}

.l-arrow img {
  width: 80%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 0px;
/*  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);*/
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

#loyalty-path {
  padding: 80px 0px 120px 0px;
}

#loyalty-path .general-grid {
  width: 90%;
  margin: 0px auto;
}

#l-path-logo img {
  width: 125%;
  height: auto;
  left: 0px;
  top: 50%;
  -webkit-transform: translate(-20%, -50%);
  transform: translate(-20%, -50%);
  position: absolute;
  max-width: none;
}

#l-path-arrow-top img {
  top: 0px;
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
  width: 70%;
}


#l-path-arrow-bottom img {
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
}

#l-path-text p {
  font-size: 35px;
  position: absolute;
  top: 50%;
  left: 0px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  line-height: 1.2em;
}

#l-path-arrow-extra::before {
  content: '';
  display: block;
  width: 90px;
  height: 173px;
  background: transparent url('../images/loyalty/path-arrow-03.svg') no-repeat center;
  background-size: contain;
  position: absolute;
  left: -55%;
  top: 55%;
}

#loyalty-form {
  background-color: #5a3218;
}

#loyalty-form h3 {
  font-family: "Boulevard", Helvetica, sans-serif;
  color: #5a3218;
  font-size: 35px;
  color: #e8b300 !important;
  text-transform: uppercase;
  text-align: center;
  margin: 0px auto;
}

#loyalty-form p {
  text-align: center;
  color: #FFFFFF;
  font-size: 17px;
}

#loyalty-form input[type="text"],
#loyalty-form input[type="file"] {
  border: 1px solid #FFFFFF;
  border-radius: 15px;
  padding: 15px 30px;
  text-align: left !important;
  color: #e8b300 !important;
  font-weight: 600;
}

#loyalty-form input[type="text"]::-webkit-input-placeholder,
#loyalty-form textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #e8b300 !important;
  font-weight: 600;
}
#loyalty-form input[type="text"]::-moz-placeholder,
#loyalty-form textarea::-moz-placeholder { /* Firefox 19+ */
  color: #e8b300;
  font-weight: 600;
}
#loyalty-form input[type="text"]:-ms-input-placeholder,
#loyalty-form textarea:-ms-input-placeholder { /* IE 10+ */
  color: #e8b300;
  font-weight: 600;
}
#loyalty-form input[type="text"]:-moz-placeholder,
#loyalty-form textarea:-moz-placeholder { /* Firefox 18- */
  color: #e8b300;
  font-weight: 600;
}

#loyalty-form form {
  width: 100%;
  margin: 0px auto;
}

#loyalty-form .t-a-r {
  text-align: right;
  margin: 0px;
}

#loyalty-form .new-order-btn {
  min-width: 250px;
  border: 2px solid #e8b300;
  line-height: 43px;
  background-color: #e8b300;
}

#loyalty-form .new-order-btn .arrow-right-white {
  top: 3px;
}

#loyalty-form .new-order-btn:hover {
  background-color: transparent;
}

#loyalty-form p.form-note {
  padding: 0px;
  text-align: left;
  margin: 10px 0px 0px 0px;
  font-size: 15px;
}

.section-grey {
  background-color: #f7f0eb;
}

section.section-about {
  margin: 0px !important;
  padding: 40px 0px 60px 0px !important;
}

#hp-app.section-about {
  margin: 0px auto !important;
}

.section-about,
.section-about p,
.section-about h1,
.section-about h2,
.section-about h3,
.section-career h2 {
  color: #5a3218 !important;
  text-align: center;
  margin-top: 20px !important;
  margin-bottom: 0px !important;
}

.section-career h2 {
  color: #f0b600 !important;
}

.section-about h1,
.section-about h2,
.section-career h2,
.chefmenu h1,
.chefmenu h2 {
  font-family: "Boulevard", Helvetica, sans-serif;
  font-size: 50px;
  text-transform: uppercase;
}

.section-about h2.smaller {
  font-size: 40px;
}

.section-about h3 {
  font-family: "Boulevard", Helvetica, sans-serif;
  font-size: 35px;
  text-transform: uppercase;
}

.section-about h4 {
  font-family: "Boulevard", Helvetica, sans-serif;
  font-size: 25px !important;
  color: #5a3218 !important;
  text-transform: none !important;
}

.section-about .wrapper p,
.chefmenu p {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  font-size: 17px;
  font-weight: 500;
}

.section-about .wrapper a,
.chefmenu p a {
  color: #5a3218 !important;
}

.section-about .history-snippet p,
.section-about .history-snippet h4,
.contact-item p {
  text-align: left;
  margin-left: 0px;
  margin-right: 0px;
}

section.about-map {
  padding-top: 150px !important;
  padding-bottom: 150px !important;
}

.section-about h2 {
  margin-bottom: 40px !important;
}

section.about-map h2 {
  margin-bottom: 80px !important;
}

.about-contacts .general-grid {
  grid-row-gap: 60px;
  margin-top: 40px !important;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.contact-item p a {
  font-weight: 400 !important;
}

p.a.no-underline {
  text-decoration: none !important;
}

.about-contacts .wrapper {
  padding: 0px !important;
}

.contacts-itemn p {
  margin-block-start: 0em !important;
  margin-block-end: 0em !important;
  padding: 0px !important;
}

.about-map {
  position: relative;
}

.about-map::after {
  content: '';
  display: block;
  position: absolute;
  bottom: -80px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 40%;
  height: 200px;
  background: transparent url('../images/bb_logo_full.svg') no-repeat center;
  background-size: contain;
}

section.section-fasfood {
  padding-top: 80px !important;
}

section.section-video {
  padding: 0px !important;
}

section.section-video .wrapper {
  padding: 0px !important;
  position: relative;
  aspect-ratio: 16/9;
}

section.section-video iframe {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0px;
  left: 0px;
}

section.timeline-wrapper,
.timeline-wrapper .wrapper {
  padding-bottom: 0px !important;
}

section.about-map {
  background-image: url('../images/map.png');
  background-repeat: no-repeat;
  background-position: center right;
  background-size: auto 110%;
}

.chef-menu-item {
  border-radius: 10px;
  border: 3px solid #FFFFFF;
  background-color: #FFFFFF;
  overflow: hidden;
  padding-bottom: 25px;
}

.chef-menu-item h3 {
  text-transform: none !important;
  line-height: 1.3em !important;
  font-size: 30px !important;
/*  width: 70%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;*/
}

.chef-menu-photo {
  width: 100%;
/*   height: 300px; */
  aspect-ratio: 16/15;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

.owl-carousel.owl-carousel-about .owl-prev {
  left: -70px;
}

.owl-carousel.owl-carousel-about .owl-next {
  right: -70px;
}

.career-menu {
  width: 100%;
  height: 70px;
  background-color: #5a3218;
  margin-top: 90px;
  padding: 0px !important;
  position: fixed;
  z-index: 100;
}

.career-menu-item {
  color: #f0b600;
  text-transform: uppercase;
  font-family: "Boulevard", Helvetica, sans-serif;
  font-size: 23px;
  display: inline-block;
  line-height: 70px;
  padding-left: 20px;
  padding-right: 20px;
  text-decoration: none;
}

.career-menu .g-5 {
  grid-template-columns: 1fr 1fr 1.3fr 1fr 1fr;
}

.page-career header::before {
  display: none;
}

/* FAQ */

.details {
  margin-bottom: 20px;
}

.details.pre-hidden {
  display: none;
}

.details div.answer {
  padding: 20px 20px 10px 20px;
  background-color: #FFFFFF;
  color: #000000;
  display: none;
  line-height: 1.3em;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

#benefits-accordeon div.answer {
  background-color: #f0b600;
}

.summary {
  list-style: none;
}

.summary::-webkit-details-marker {
  display: none;
}

.summary {
  background-color: #FFFFFF;
  padding: 15px 60px 15px 20px;
  cursor: pointer;
  position: relative;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  transition: all 200ms linear;
  line-height: 1.3em;
  border-radius: 10px;
  color: #5a3218;
  text-transform: uppercase;
  font-family: "Boulevard", Helvetica, sans-serif;
  font-size: 20px;
}

#benefits-accordeon .summary {
  background-color: #f7f0eb;
}

.summary:after {
  position: absolute;
  top: 50%;
  right: 20px;
  content: "";
  width: 20px;
  height: 12px;
  background: transparent url('../images/arrow-down.svg') no-repeat center;
  background-size: contain;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  transition: all 200ms linear;
}

.summary.open {
  background-color: #FFFFFF;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

#benefits-accordeon .summary.open {
  background-color: #f0b600;
}

.summary.open:after {
  margin-top: -7px;
  transform: rotate(180deg);
}

.answer p {
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  color: #5a3218;
  line-height: 1.3em;
  margin: 0px 0px 20px 0px !important;
  padding: 0px !important;
}

.summary {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 20px;
  grid-row-gap: 0px;
}

.summary div:nth-child(2) {
  text-align: right;
}

.answer .new-order-btn {
  margin-bottom: 10px !important;
  padding: 0px 20px 0px 20px;
}

.benefits-list {
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  color: #5a3218;
}

.benefits-list h4 {
  font-weight: 600;
  color: #5a3218 !important;
  margin: 0px 0px 5px 0px !important;
}

.benefits-list ul {
  margin: 0px 0px 15px 0px;
  padding: 0px;
}

.benefits-list ul li::before {
  content: '+';
  font-weight: 600;
  color: #f0b600;
  display: inline-block;
  width: auto;
  height: auto;
  margin: 0px;
  background-color: transparent;
  padding-right: 5px;
}

#career-man {
  position: relative;
}

#career-man img {
  display: block;
  width: 520px;
  max-width: none;
  height: auto;
  position: absolute;
  top: 0px;
  left: -50px;
}

#career-intro {
  min-height: 600px;
  margin-top: 160px;
}

.benefit-item {
  position: relative;
  padding-top: 40px;
}

.benefit-item p {
  font-family: "Boulevard", Helvetica, sans-serif;
  font-size: 25px;
  color: #5a3218;
  line-height: 1.5em;
  margin: 0px !important;
  padding: 0px !important;
  width: 70%;
}

.benefit-item p span {
  color: #f0b600;
}

.benefit-items {
  grid-column-gap: 0px;
  grid-row-gap: 40px;
}

.benefit-item::before {
  content: '+';
  font-family: "Boulevard", Helvetica, sans-serif;
  font-size: 55px;
  color: #f0b600;
  position: absolute;
  top: -20px;
  left: 0px;
}

.benefit-item::after {
  content: '';
  position: absolute;
  top: 13px;
  right: 15px;
  width: calc(100% - 45px);
  height: 1px;
  background-color: #f0b600;
}

.benefit-items {
  margin-top: 40px;
}

.benefit-items .benefit-item:last-child::after {
  display: none;
}

#benefits-accordeon {
  margin-top: 60px;
}

#career-jobs h2 {
  font-size: 55px !important;
  font-family: "Boulevard", Helvetica, sans-serif;
  color: #f0b600;
  text-transform: uppercase;
  text-align: left;
  margin: 0px 0px 30px 0px !important;
}

.jobs-filter-right {
  text-align: right;
}

.job-item {
  border-radius: 10px;
  background-color: #FFFFFF;
  padding: 20px 25px;
  margin-top: 20px;
  position: relative;
}

.job-item h3 {
  font-size: 25px !important;
  font-family: "Boulevard", Helvetica, sans-serif;
  color: #f0b600;
  text-transform: uppercase;
  text-align: left;
  margin: 0px !important;
}

.job-item p {
  font-size: 17px !important;
  font-family: "Boulevard", Helvetica, sans-serif;
  color: #5a3218;
  text-transform: uppercase;
  text-align: left;
  margin: 5px 0px 0px 0px !important;
}

.job-item a {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  text-decoration: none;
}

.job-item::after {
  content: '';
  display: block;
  width: 20px;
  height: 12px;
  background: transparent url('../images/arrow-down.svg') no-repeat center center;
  background-size: contain;
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-top: -5px;
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.styled-select.new-styled-select {
  border: 1px solid #5a3218 !important;
  border-radius: 15px;
  color: #5a3218;
  margin-left: 15px;
  top: 10px;
}

.styled-select.new-styled-select::after {
  background-image: url(../images/arrow-down.svg);
  background-size: contain;
}

.two-row-element {
  grid-row: 1 / 3;
  grid-column: 2 / 3;
}

.career-form-wrapper {
  margin-top: 50px !important;
}

#loyalty-form textarea {
  border: 1px solid #FFFFFF;
  border-radius: 15px;
  padding: 15px 30px;
  text-align: left !important;
  color: #e8b300 !important;
  font-weight: 600;
}

#loyalty-form .check-wrapper label,
#loyalty-form .check-wrapper label a {
  color: #FFFFFF !important;
  font-family: 'Montserrat', sans-serif; /* font-family: "Open Sans", helvetica, sans-serif;  */
}

#loyalty-form input[type="checkbox"] + label::before {
  border: 1px solid #FFFFFF !important;
  border-radius: 50%;
}

#loyalty-form input[type="checkbox"]:checked + label::after {
  background-image: none;
  width: 14px;
  height: 14px;
  background-color: #FFFFFF;
  border-radius: 50%;
  left: 7px;
  margin-top: -6px;
}

.career-anchor {
  position: relative;
  top: -110px;
}

.owl-carousel-branch {
  margin-top: 40px;
}

#owl-carousel-branch-wrapper {
  min-width: 100%;
  position: relative;
/*   top: -80px; */
  margin-bottom: 40px;
  width: calc(100vw* 0.68);
}

#owl-carousel-branch-wrapper .owl-carousel-branch {
  width: 80%;
  margin-left: 40px;
}

#owl-carousel-branch-wrapper .owl-carousel .owl-prev {
  background: transparent url('../images/arrow-left.svg') no-repeat center;
  background-size: contain;
  left: -45px;
  width: 35px;
  height: 35px;
  margin-top: -15px;
}

#owl-carousel-branch-wrapper .owl-carousel .owl-next {
  background: transparent url('../images/arrow-left.svg') no-repeat center;
  background-size: contain;
  right: -45px;
  width: 35px;
  height: 35px;
  margin-top: -15px;
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}

.owl-carousel-branch a {
  border-radius: 15px;
  overflow: hidden;
  display: block;
}

.chef-menu-banner {
  border-radius: 10px;
  display: block;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
}

.chefmenu h1,
.chefmenu h2 {
  color: #5a3218 !important;
}

.chefmenu {
  text-align: center;
}

.chefmenu h2 {
  text-transform: none;
  margin-top: 0px !important;
}

.about-chef {
  text-align: left;
  margin-top: 60px;
}

.about-chef img {
  border-radius: 10px;
  display: block;
  margin: 0 auto;
}

.about-chef p,
.chefmenu .bb-product p {
  margin-left: 0px;
  margin-right: 0px;
  width: 100%;
}

.masonry-grid {
  display: grid;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  margin-top: 60px;
}

.chefmenu .bb-product {
  text-align: left;
  margin-bottom: 40px;
}

.chefmenu .bb-product h2 {
  margin-top: 10px !important;
}

.chefmenu .bb-product h2 a {
  text-transform: none !important;
  position: static;
}

.chefmenu .bb-product p {
  font-weight: 400 !important;
}

.chefmenu .bb-product-info {
  padding-top: 0px;
}

.bbdomu-banner {
  display: block;
  width: 100%;
  padding-bottom: 100%;
  background: #f0b600 url('../images/bbdomu_banner.svg') no-repeat center center;
  background-size: 70% auto;
  border-radius: 10px;
  overflow: hidden;
}

section.chefmenu-previous {
  padding-bottom: 40px !important;
}

section.chefmenu-previous h2 {
  margin-block-end: 0px !important;
  text-transform: uppercase;
}

.chefmenu-intro {
  top: 0px !important;
}

.p-arrow-mob {
  display: none;
}

.blog .lang-wrapper {
  display: none;
}

.footer-bottom .wrapper {
  max-width: 1024px;
}

.footer-bottom-grid {
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 20px;
}

#menu-slide-indicator {
  display: none;
  width: 100%;
  position: relative;
  height: 20px;
  top: 65px;
  right: 0px;
}

#menu-slide-indicator::before {
  content: '';
  width: 14px;
  height: 14px;
  position: absolute;
  display: block;
  background: transparent url('../images/icons/arrow-right-brown.svg') no-repeat center center;
  background-size: contain;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -moz-animation: LeftRight 1.5s linear infinite;
  -webkit-animation: LeftRight 1.5s linear infinite;
  animation: LeftRight 1.5s linear infinite;
}

@keyframes LeftRight {
  0% {
    transform: translateX(0px);
  }
  50% {
    transform: translateX(-10px);
  }
  100% {
    transform: translateY(0px);
  }
}

.p-two-cols {
  display: grid;
  grid-template-columns: 1fr 1fr ;
  grid-template-rows: 1fr;
  grid-column-gap: 40px;
  grid-row-gap: 0px;
}

.p-two-cols p {
  width: 100% !important;
}

form.general-grid.g-2 .message {
  grid-area: auto / span 2;
  display: block;
  border-radius: 15px;
}

#promo-bar {
  display: none;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 90px;
  background-color: #E7B200;
  z-index: 1010;
}

.promo-bar-content {
  position: absolute;
  top: 0px;
  left: 20px;
  padding-left: 80px;
  background: transparent url('../images/bb_phone.svg') no-repeat left center;
  background-size: auto 80%;
}

.promo-bar-content h3 {
  color: #583119;
  font-family: "Boulevard", Helvetica, sans-serif;
  font-size: 20px;
  text-transform: uppercase;
}

#promo-bar-close {
  display: block;
  position: absolute;
  top: 20px;
  right: 15px;
  width: 32px;
  height: 32px;
  background: transparent url('../images/icons/close-white.svg') no-repeat top right;
  background-size: 70% auto;
}

.promo-bar-content a {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: block;
}

.old-chefmade img {
  border-radius: 15px;
}

/* CATERING - 2025  */

.uri-catering header::before,
.uri-pro-studenty header::before,
.uri-vernostni-program header::before {
  display: none;
}

.catering-hero {
  height: 75vh;
  width: 100%;
  background: transparent url('../images/catering/catering_hero.jpg') no-repeat center center;
  background-size: cover;
}

.catering-content {
  max-width: 1620px;
  padding: 0px 40px;
  position: relative;
  margin: 0 auto;
}

.catering-content-narrow {
  max-width: 1440px;
  padding: 0px 40px;
  position: relative;
  margin: 0 auto;
}

#catering-hero-label {
  display: block;
  position: relative;
  width: 40%;
  height: auto;
  left: -40px;
  top: 0px;
  margin-top: 60px;
}

.catering-hero .catering-content {
  height: 100%;
}

.catering-hero .catering-content p {
  font-family: "Boulevard", Helvetica, sans-serif;
  font-size: 35px;
  font-weight: 700;
  font-style: bold;
  color: #583119;
  line-height: 1.3em;
  margin-top: 60px;
}

.catering-hero .catering-content p small {
  font-size: 30px;
}

.catering-events {
  display: grid;
/*  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: auto;*/
  grid-template-columns: repeat(auto-fit, minmax(calc(25% - 30px), max-content));
  justify-content: center;
  grid-column-gap: 40px;
  grid-row-gap: 0px;
  position: relative;
}

.catering-event {
  position: relative;
}

/* .catering-event::before, */
.catering-event span {
/*   content: ''; */
  display: block;
  width: 100%;
  aspect-ratio: 47 / 34;
  border: 8px solid #FFFFFF;
  border-radius: 14px;
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  transition: all 200ms linear;
  overflow: hidden;
}

.catering-event h3 {
  color: #583119;
  font-family: "Boulevard", Helvetica, sans-serif;
  font-size: 27px;
  font-weight: 700;
  font-style: bold;
  text-decoration: none;
  padding-left: 8px;
  position: relative;
  margin-block-start: 0em;
  margin-top: 10px;
}

.catering-event h3::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 8px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background: #583119 url('../images/arrow-next.svg') no-repeat 13px center;
  background-size: auto 18px;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  transition: all 200ms linear;
}

.catering-event a {
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

.catering-event:hover h3::after {
  right: 0px;
}

/*.catering-event:hover::before {
  -webkit-transform: translate(-50%, -50%) scale(1.01);
  transform: translate(-50%, -50%) scale(1.01);
}*/

.catering-event-home::before {background-image: url('../images/catering/catering_home.jpg');}
.catering-event-office::before {background-image: url('../images/catering/catering_office.jpg');}
.catering-event-garden::before {background-image: url('../images/catering/catering_garden.jpg');}
.catering-event-special::before {background-image: url('../images/catering/catering_special.jpg');}

.catering-events-section {
  padding: 0px;
  margin-top: -110px;
}

.catering-content .p-two-cols p {
  font-size: 20px;
}

.section-white {
  background-color: #FFFFFF;
}

.round-next-btn {
  display: inline-block;
  background-color: #583119;
  padding: 15px 80px 15px 25px;
  border-radius: 50px;
  text-transform: uppercase;
  color: #E7B200;
  position: relative;
  font-family: "Boulevard", Helvetica, sans-serif;
  font-size: 20px;
  text-decoration: none;
}

.round-next-btn.very-big {
  font-size: 30px;
  margin-top: 40px;
  padding: 20px 90px 20px 45px;
}

.round-next-btn::after {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  background: transparent url('../images/arrow-next.svg') no-repeat right center;
  background-size: contain;
  position: absolute;
  top: 50%;
  right: 25px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  transition: all 200ms linear;
}

.round-next-btn:hover::after {
  right: 15px;
}

.yt-video-wrapper {
  position: relative;
  width: 100%;
  max-width: 60%;
  aspect-ratio: 16 / 9;
  cursor: pointer;
  margin: 0px auto;
  top: -60px;
}

.yt-background-image {
  position: absolute;
  width: 100%;
  height: 100%;
/*   background-image: url('../images/catering/catering_video.jpg'); */
/*   background-size: cover; */
/*   background-position: center; */
  z-index: 2;
  transition: opacity 0.5s ease;
  border-radius: 15px;
}

.yt-video-wrapper iframe {
  width: 100%;
  height: 100%;
  z-index: 1;
  position: relative;
  display: block;
/*   opacity: 0; */
}

.yt-play-btn {
  width: 250px;
  height: 250px;
  background-color: rgba(233, 180, 0, 0.28);
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50);
  transform: translate(-50%, -50%);
  border-radius: 50%;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  transition: all 200ms linear;
}

.yt-play-btn::after {
  content: '';
  display: block;
  width: 165px;
  height: 165px;
  border-radius: 50%;
  background: rgba(233, 180, 0, 0.9) url('../images/vid-triangle.svg') no-repeat 55px center;
  background-size: 70px auto;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50);
  transform: translate(-50%, -50%);
  position: absolute;
}

.yt-play-btn:hover {
  width: 265px;
  height: 265px;
}

.yt-section {
  background-color: #f7f0eb;
  padding-top: 0px;
  margin-top: 50px;
}

.catering-gallery {
  display: flex;
  flex-direction: column;
  margin-left: -60px;
  margin-right: -60px;
}

.catering-gallery-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  height: 370px;
  overflow: hidden;
  gap: 20px;
  margin-bottom: 20px;
}

.img-wrap {
/*   aspect-ratio: 4 / 3; */
  overflow: hidden;
}

.catering-gallery-row.shift-left {
  transform: translateX(-60px);
}

.catering-gallery-row.shift-right {
  transform: translateX(60px);
}

.catering-gallery img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.section-catering-gallery {
  padding-top: 0px !important;
}

.split-box {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  position: relative;
}

.split-box-text {
  padding: 100px 75px;
}

.split-box-left .split-box-text {
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
  background-color: #583119;
}

.split-box-right .split-box-text {
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
  background-color: #E7B200;
}

#split-box-image-events {background: transparent url('../images/catering/box_bigger_events.png') no-repeat center center;}
#split-box-image-foodtruck {background: transparent url('../images/catering/box_foodtruck.png') no-repeat center center;}

.split-box-image {
  background-size: cover;
  height: calc(100% + 50px);
  border-radius: 25px;
  position: relative;
  top: -25px;
}

.split-box-text h3 {
  color: #E7B200;
  font-family: "Boulevard", Helvetica, sans-serif;
  font-size: 50px;
  font-weight: 700;
  text-transform: uppercase;
  margin-block-start: 0em;
  margin-block-end: 0em;
}

.split-box-text p {
  color: #FFFFFF;
  font-family: 'Montserrat', sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5em;
}

.split-box-text .section-header-button {
  color: #FFFFFF;
  padding-left: 100px;
  padding-right: 100px;
  border: 2px solid #E7B200;
}

.split-box-right .section-header-button {
  color: #FFFFFF;
  padding-left: 100px;
  padding-right: 100px;
  border: 2px solid #583119;
  background-color: #583119;
}

.split-box-right .section-header-button:hover {
  color: #FFFFFF;
  background-color: #E7B200;
}

.split-box-right h3 {
  color: #583119;
}

.split-box-right p {
  color: #583119;
}

.catering-testimonials {
  column-count: 4;
  column-gap: 25px;
  width: 100%;
}

.catering-testimonial {
  border-radius: 15px;
  background-color: #f7f0eb;
  padding: 25px;
  color: #583119;
  text-align: left !important;
  break-inside: avoid;
  width: 100% !important;
  box-sizing: border-box;
}

.catering-testimonial h4 {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  margin-block-start: 0em !important;
  margin-block-end: 0em !important;
}

.catering-testimonial p {
  font-size: 15px !important;
  font-weight: 400 !important;
  text-align: left !important;
  font-family: 'Montserrat', sans-serif !important;
  position: relative;
  padding-bottom: 40px !important;
}

.catering-testimonial p::after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 100%;
  height: 35px;
  background: transparent url('../images/catering_quotes.svg') no-repeat right center;
  background-size: auto 100%;
}

.testimonial-profile {
  display: flex;
  align-items: center;
}

.testimonial-profile-img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  object-fit: cover;
  margin-right: 15px;
}

.testimonial-profile-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-family: 'Montserrat', sans-serif !important;
}

.testimonial-profile-name {
  font-weight: bold;
  font-size: 13px;
}

.testimonial-profile-position {
  font-size: 13px;
}

.students-hero {
  height: 90vh;
  width: 100%;
  background: #E9B400 url('../images/students/students_hero.png') no-repeat left center;
  background-size: auto 100%;
}

.g-4 {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.student-path {
  margin-bottom: 60px;
}

.student-path .l-path p {
  font-size: 35px;
  line-height: 1.2em;
}

.app-store-btn {
  margin-bottom: 15px;
}

/*.student-path .wrapper {
  max-width: 1620px;
}*/

.app-screen {
/*   height: 70% !important; */
  height: 320px !important;
  width: auto !important;
  text-align: right !important;
  margin-left: auto !important;
  margin-right: 0 !important;
}

.m-t-40p {
  margin-top: 40%;
}

.app-isic {
  width: 90% !important;
  height: auto !important;
}

.l-arrow.a-r .arrow-img {
  right: 0;
  left: auto;
}


#extra-arrow::before {
  content: '';
  display: block;
  width: 194px;
  height: 173px;
  background: transparent url(../images/loyalty/path-arrow-05.svg) no-repeat center;
  background-size: contain;
  position: absolute;
  right: -27%;
  top: -55%;
}

#student-app {
  background-color: #f0ecea;
  padding-bottom: 0px !important;
}

#students-app-collage {
  display: block;
  width: 90%;
  height: auto;
  position: relative;
  margin: 0px auto;
}

#student-app .store-links {
  margin-top: 50px !important;
}

.no-upper {
  text-transform: none !important;
}

/*.student-app-offers {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: auto;
  grid-column-gap: 0px;
  grid-row-gap: 40px;
  position: relative;
  width: calc(100% + 3 * 50px);
  transform: translateY(calc(-50% - 40px));
}

.student-app-offers img {
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
}*/

.student-app-offers {
  position: relative;
  transform: translateY(calc(-50% - 40px));
}

.student-app-offers .owl-stage {
  transition-timing-function: linear !important;
}

#student-app .wrapper {
  top: -115px;
}

#student-footer .footer-bottom-grid {
  max-width: 1620px;
  grid-template-columns: 1fr 1fr 1fr;
}

.footer-app h3 {
  color: #583119;
  font-size: 35px;
  text-align: left;
}

.footer-app img {
  width: 30%;
  height: auto;
  display: block;
  margin-top: 20px;
}

.footer-app {
  background: transparent url('../images/students/footer_app.png') no-repeat right top;
  background-size: auto 100%;
}

.footer-bottom .wrapper.student-footer-credits {
  max-width: 1620px;
}

.loyalty-hero {
  width: 100%;
  background: #E9B400 url('../images/loyalty/loyalty_hero.png') no-repeat right bottom;
  background-size: contain;
  aspect-ratio: 16 / 9;
  position: relative;
}

.loyalty-hero .store-links {
  position: absolute;
  left: 0;
  bottom: 3%;
  width: 100%;
  text-align: left;
  padding-left: 9%;
  margin-top: 0px !important;
}

.hero-link {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: 10;
}

#loyalty-fifth-banners {
  padding-bottom: 20%;
}

#loyalty-fifth-banners .wrapper {
  max-width: 1620px;
}

#loyalty-app .wrapper p {
  color: #FFFFFF;
  text-align: center;
  width: 90%;
  margin: 30px auto 0px auto;
  font-family: 'Montserrat', sans-serif;
}

.shift-by-image {
  padding-top: 350px;
}

#loyalty-app .store-links {
  margin-bottom: 40px !important;
}

.classic-arrow-btn {
  border-radius: 10px;
  background-color: #E9B400;
  color: #5a3218;
  padding: 15px 90px 15px 30px;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  display: inline-block;
  margin-top: 20px;
  position: relative;
  text-align: left !important;
}

.classic-arrow-btn::after {
  content: '';
  display: block;
  width: 23px;
  height: 19px;
  background: transparent url('../images/classic-arrow.svg') no-repeat center center;
  background-size: contain;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  transition: all 200ms linear;
}

.classic-arrow-btn:hover::after {
  right: 20px;
}

.hp-hero {
  width: 100%;
  aspect-ratio: 560 / 315;
/*  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;*/
  position: relative;
  border-bottom-left-radius: 13px;
  border-bottom-right-radius: 13px;
  top: 40px;
  overflow: hidden;
}

.hp-hero .ytvideo {
  display: block;
  position: absolute;
/*  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;*/

  top: -10%;
  left: -10%;
  width: 120%;
  height: 120%;

/*  top: -10%;
  left: 0%;
  right: -10%;
  bottom: -10%;
  width: 120%;
  height: 120%;*/
}

.hp-hero .ytvideo iframe {
  width: 100%;
  height: 100%;
}

h2.new-intro-title {
  text-align: center;
  color: #E9B400 !important;
  font-size: 120px;
  margin-block-start: 0em;
  margin-block-end: 0em;
}

.new-section-header {
  padding-bottom: 20px;
}

.chef-menu-info {
  transform: translateY(-10px);
  z-index: 10;
  position: relative;
}

.chef-menu-info-header {
  width: 100%;
  background-color: #E9B400;
  border-radius: 13px;
  display: grid;
/*   grid-template-columns: 1.5fr 2fr 2fr 1fr; */
  grid-template-columns: 2.5fr 2.8fr 1.1fr 1fr;
  grid-template-rows: 1fr;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  position: relative;
  z-index: 10;
}

.chef-menu-info-header div {
  text-transform: uppercase;
  color: #5A3218;
  font-family: Boulevard, Helvetica, sans-serif;
  padding: 20px 40px;
  align-self: center;
}

.chef-menu-info-header a {
  color: #5A3218;
  font-family: Boulevard, Helvetica, sans-serif;
  text-decoration: none;
}

.chef-menu-info-chef,
.chef-menu-info-name {
  font-size: 33px;
}

.chef-menu-info-prev,
.chef-menu-info-show {
  font-size: 19px;
}

.chef-menu-info-prev {
  text-align: right;
}

.chef-menu-info-show {
  text-align: center;
}

.chef-menu-detail {
  background-color: #FBF1D0;
  border-radius: 13px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 2fr;
  grid-template-rows: 1fr;
  grid-column-gap: 30px;
  grid-row-gap: 0px;
  border-radius: 15px;
  padding: 40px 40px 20px 30px;
  position: relative;
  top: -15px;
  z-index: 9;
}

.chef-menu-detail img {
  display: block;
  width: 100%;
  height: auto;
}

.chef-menu-detail p {
  font-size: 17px;
  color: #5A3218;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-top: 0px !important;
}

.bb-product-info {
  position: relative;
}

.bb-product-info img {
  border-radius: 15px;
}

.bb-product-info h2 {
  color: #5A3218;
  font-size: 29px;
  text-align: center;
  margin-block-start: 0em;
  margin-block-end: 0em;
  margin-top: 10px;
}

.hp-products .bb-product-info a,
.new-restaurant a {
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

.hp-products .owl-stage {
  margin-left: -100px;
}

#hp-locations .branch-overview {
  background-color: #E9B400;
  border-radius: 15px;
  position: relative;
  z-index: 10;
}

#hp-locations .branch-map {
  border-radius: 15px;
  margin-bottom: 0px;
  min-height: 0px;
  width: calc(100% + 20px);
  position: relative;
  left: -20px;
  overflow: hidden;
  z-index: 9;
}

#hp-locations .branch-overview {
  min-height: 0px;
  padding: 20px 40px 60px 60px;
}

#hp-locations .branch-list {
  min-height: 0px;
}

#hp-locations .branch-list h2 span {
  color: #FFFFFF;
}

.new-restaurants .owl-stage {
  margin-left: -150px;
}

.new-restaurant {
  position: relative;
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 15px;
  aspect-ratio: 16/9;
}

.new-restaurant p {
  position: absolute;
  border-radius: 15px;
  padding: 30px;
  top: 00px;
  left: 30px;
  background-color: #FFFFFF;
  color: #5A3218;
  font-size: 25px;
  text-transform: none;
  font-family: Boulevard, Helvetica, sans-serif;
  line-height: 1.3em;
}

.new-restaurant p span {
  text-transform: uppercase;
  color: #E9B400;
}

#hp-app .app-preview {
  width: 80%;
  margin: 0px auto 40px auto;
}

footer {
  padding: 0px 50px;
/*   max-width: 1400px; */
  margin: 0px auto;
}

.bbapp-header {
  color: #5A3218;
  text-transform: uppercase;
  font-family: Boulevard, Helvetica, sans-serif;
  font-size: 23px;
  position: relative;
  text-decoration: none;
  display: inline-block;
  line-height: 1.1em;
  text-align: left;
  padding-left: 90px;
  padding-right: 20px;
  top: 0px;
  height: 90px;
  -webkit-transition: color 0.4s;
  transition: color 0.4s;
}

.bbapp-header:before {
  content: '';
  display: block;
  position: absolute;
  background: transparent url(../images/app-icon.svg) no-repeat center center;
  background-size: contain;
  width: 72px;
  height: 93px;
  transform: rotate( -5deg );
  top: 7px;
  left: 0px;
}

.bbapp-header span {
  position: relative;
  top: 0;
  display: inline-block;
  line-height: 90px;
  vertical-align: top;
}

#menu-app-promo {
  position: relative;
  display: inline-block;
  height: 90px;
  width: auto;
  overflow: hidden;
}

header nav {
  right: 190px;
}

.bbapp-header:hover {
  color: #FFFFFF;
}

#old-chefmade {
  top: 80px;
}

#insta-carousel .insta-image {
  aspect-ratio: 311 / 414;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.insta-header {
  display: grid;
  grid-template-columns: 0.5fr 1fr;
  grid-template-rows: 1fr;
  grid-column-gap: 40px;
  grid-row-gap: 0px;
  align-items: center;
  width: auto;
  max-width: 500px;
  margin: 0px auto 40px auto;
}


.insta-header div {
  align-self: center;
  font-family: 'Montserrat', sans-serif;
  font-weight: bold;
}

.insta-header div span {
  color: #583119;
  text-decoration: none;
  display: inline-block;
}

.insta-header div span::after {
  content: '';
  display: inline-block;
  width: 25px;
  height: 25px;
  background: transparent url('../images/insta_verified.svg') no-repeat center;
  background-size: contain;
  margin-left: 10px;
  position: relative;
  top: 6px;
}


.insta-header img {
  width: auto;
  max-width: 100px;
  height: auto;
  display: inline-block;
}

.insta-logo-img {
  text-align: right;
}

.yt-youtubePlayer {
  pointer-events: none;
}
.yt-video-wrapper.playing .yt-youtubePlayer {
  pointer-events: auto;
}


#old-chefmade .yt-video-wrapper {
  max-width: none;
  top: 0px;
  z-index: 9;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  overflow: hidden;
}

#old-chefmade .yt-background-image {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.hp-hero .ytvideo::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: rgba(255, 255, 255, 0.01);
}


#hp-locations .find-branch-wrapper::before {
  background: transparent url('../images/searchMarkerWhite.svg') no-repeat center center;
  background-size: contain;
}

.old-menu-hero {
  aspect-ratio: 16/9;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}


@media (min-width: 1024px) {
  .cms-home-index #bb-menu {
    margin-top: 100px;
    margin-bottom: 0px;
  }

  .cms-home-index #new-restaurants {
    margin-top: 60px;
  }

  .cms-home-index #hp-app {
    padding-top: 0px !important;
  }

  .cms-home-index #hp-locations {
    padding-top: 0px !important;
  }

  .chef-menu-detail .g-full-w p:not(:first-of-type) {
    display: none;
  }

  .chef-menu-detail .g-full-w p {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}

@media (min-width: 1440px) {
  .chef-menu-detail .g-full-w p {
    display: -webkit-box;
    -webkit-line-clamp: 9;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}


#old-chefmade .owl-carousel .owl-stage {
  -webkit-box-align: start;
  -webkit-align-items: start;
  align-items: start;
}

.mobile-only {
  display: none;
}

.chef-read-more {
  text-align: center;
  color: #E9B400;
  text-decoration: underline;
  text-align: center;
  font-weight: bold;
  font-size: 17px;
}

.chef-read-more:hover {
  text-decoration: none;
}

@media (max-width: 960px) {
  .mobile-only {
    display: block;
  }

  .chef-menu-detail p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}

.small-contact-box a{
  color: #583119;
  text-decoration: none;
}

.small-contact-box a:hover{
  color: #f0b600;
}

/* NEW CAREER */
.page-career .body-wrapper {
  max-width: none;
}

#career-wrapper {
  margin-top: 90px;
}

:root {
  --brown: #5A3218;
  --page-bg: #F7F0EB;
  --active-border: #F4D97F;
  --icon-bg: #ffd151;
  --accent-btn: #E9B400;
  --inner-max: 1400px;
  --input-border: #fff;
  --text: #fff;
}

* { box-sizing: border-box; }

main {
  display: flex;
  flex-direction: column;
/*   gap: 4.5rem; */
}

/* generic section wrapper */
.section {
  width: 100%;
}
.section__inner {
  max-width: var(--inner-max);
  margin: 0 auto;
  padding: 0 1.5rem;
}

/* ============== SECTION 1 – JOB LIST ============== */
.jobs {
  padding-top: 3rem;
}

.jobs__header h1 {
  font-size: 55px;
  margin-bottom: 2rem;
  text-transform: uppercase;
  color: #4a1f0f;
}

.jobs__filters {
  display: flex;
  gap: 1.5rem;
  flex-wrap: wrap;
  margin-bottom: 2.5rem;
}

/* wrapper */
.filter {
  position: relative;
  flex: 1 1 220px;
}

/* button */
.filter__label {
  color: #5A3218;
  text-transform: none;
  font-size: 21px;
}

.filter__toggle {
  width: 100%;
  background: #fff;
  border: 2px solid var(--brown);
  border-radius: 15px;
  padding: 0.85rem 1.25rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  font-weight: 600;
  color: var(--brown);
  cursor: pointer;
}

.filter__toggle:hover {
  background-color: #FFFFFF;
}

.filter__menu {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  right: 0;
  background: #fff;
  border: 2px solid var(--brown);
  border-radius: 14px;
  box-shadow: 0 12px 28px rgba(0,0,0,0.08);
  display: none;
  z-index: 30;
  overflow: hidden;
}

.filter--open .filter__menu {
  display: block;
}

.filter__menu button {
  width: 100%;
  text-align: left;
  background: transparent;
  border: none;
  padding: 0.6rem 1rem;
  font-size: 18px;
  color: var(--brown);
  cursor: pointer;
  text-transform: none;
}

.filter__menu button:hover {
  background: rgb(242, 184, 0);
  color: #FFFFFF;
}

.filter--open .filter__icon {
  transform: rotate(180deg);
}
.filter__icon {
  transition: transform 0.15s ease;
}

.filter__icon img {
  width: 18px;
}

.jobs__list {
  display: flex;
  flex-direction: column;
  gap: 1.1rem;
}

.job-item-wrapper {
  background: #F7F0EB;
  border-radius: 9px;
  display: flex;
  gap: 1.5rem;
  align-items: center;
  padding: 1.3rem 1.5rem;
  border: 2px solid transparent;
  transition: all 0.2s ease;
  position: relative;
}

.job-item-wrapper:hover {
  border: 2px solid var(--active-border);
  background: #FFFFFF;
  cursor: pointer;
}

.job-item-wrapper a:not(.job-item__icon) {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
}

.job-item__icon {
  flex: 0 0 55px;
  height: 43px;
  width: 43px;
  background: transparent url('../images/career-avatar.svg') no-repeat center;
  background-size: contain;
  display: grid;
  place-items: center;
}

.job-item__content { flex: 1 1 auto; }

.job-item__title {
  font-size: 28px;
  margin: 0 0 0.4rem;
  text-transform: uppercase;
  color: #5A3218;
}

.job-item__meta {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 13px;
  padding: 0;
  margin: 0;
  font-size: 15px;
  align-items: center;
  color: #5A3218;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
}

.job-item__meta li {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  white-space: nowrap;
  text-transform: uppercase;
}

.job-item__meta li.meta-note {
  text-transform: none;
}

.job-item__meta li::after {
  content: '/';
  color: #E8B300;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  margin-left: 5px;
}

.job-item__meta li:last-child::after {
  content: '';
}

.job-item__meta img {
  height: 20px;
  width: auto;
}

.job-item__meta img.meta-small-icon {
  height: 13px;
  width: auto;
}

.job-item__arrow {
  flex: 0 0 auto;
  width: 35px;
  height: 20px;
  background: transparent url('../images/branch-arrow.svg') no-repeat right center;
  background-size: contain;
}

.jobs__more {
  display: flex;
  justify-content: center;
  margin: 3rem 0 1rem;
}

.btn-more {
  background: var(--accent-btn);
  color: #fff;
  border: none;
  border-radius: 9px;
  padding: 1rem 3.2rem;
  font-size: 26px;
  font-weight: 700;
  letter-spacing: 0.04em;
  cursor: pointer;
  text-transform: uppercase;
  color: #5A3218;
  text-decoration: none;
  transition: all 0.2s ease;
}

.btn-more:hover { color: #FFFFFF; }

/* ============== SECTION 2 – CAREER ============== */
.career {
  background: var(--page-bg);
  padding: 3.5rem 0 0 0;
  height: 90vh;
  position: relative;
  margin-bottom: 50px;
}

.career::after {
  content: '';
  height: 50px;
  width: 100%;
  position: absolute;
  bottom: -50px;
  left: 0px;
  background-color: var(--page-bg);
  z-index: -1;
}

.career__inner {
  display: flex;
  gap: 2rem;
  align-items: flex-start;
}

.career__content {
/*   flex: 0 1 60%; */
/*   max-width: 740px; */
}

.career__title {
  font-size: 55px;
  color: #5A3218;
  margin: 0 0 1.6rem;
  text-transform: uppercase;
}

.career__tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  padding: 0.5rem 1.5rem 0rem 0rem;
}

.career-tab {
  background: transparent;
  border: 1px solid var(--brown);
  border-radius: 15px;
  padding: 0.5rem 3.5rem;
  font-size: 21px;
  color: var(--brown);
  cursor: pointer;
  white-space: nowrap;
  transition: 0.15s ease;
  text-transform: none;
}

.career-tab--active,
.career-tab:hover {
  background: #f4b800;
  border-color: #f4b800;
  color: var(--brown);
}

/* two-column layout below */
.career__grid {
  overflow-y: auto;
  position: relative;
  z-index: 1;
}

#career .section__inner {
  position: relative;
  z-index: 1;
}

#career .section__inner::after {
  content: '';
  width: 100%;
  display: block;
  position: absolute;
  bottom: -50px;
  right: 0px;
  background-image: var(--after-bg);
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: calc(100% - 40px) bottom;
  background-size: contain;
  z-index: 0;
  height: 80%;
}

/* --- WebKit Browsers (Chrome, Edge, Safari) --- */
.career__grid::-webkit-scrollbar {
  width: 16px;
}

.career__grid::-webkit-scrollbar-track {
  background: #E3D8D1;
  border-radius: 10px;
  width: 16px;
}

.career__grid::-webkit-scrollbar-thumb {
  background-color: #E9B400;
  border-radius: 10px;
}

.career__grid::-webkit-scrollbar-thumb:hover {
}

/* left column */
.career__content {
  max-width: 640px;
}

/* right column */
.career__visual {
  height: 100%;
  position: relative;
}

.career__visual::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-image: url('../images/chef.png');
  z-index: 0;
}

/*
.career__visual img {
  max-width: 100%;
  height: auto;
  display: block;
}
*/
.career__salary {
  font-size: 2.45rem;
  font-weight: 700;
  color: #f3b600;
  margin-bottom: 1.5rem;
}

.career__text {
  font-size: 0.95rem;
  line-height: 1.6;
  margin-bottom: 1.4rem;
}

.career__subtitle {
  font-size: 0.95rem;
  margin-top: 1.7rem;
  margin-bottom: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.career__text ul {
  list-style: none;
  padding-left: 0;
  margin: 0 0 1.5rem;
}

.career__text ul li {
  position: relative;
  padding-left: 1.3rem;
  margin-bottom: 0.4rem;
  line-height: 1.5;
}

.career__text ul li::before {
  content: "+";
  position: absolute;
  left: 0;
  top: 0;
  font-weight: 700;
}

.career__text p,
.career__text strong,
.career__text ul li {
  color: #5A3218;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-size: 14px;
}

.career__text p {
  line-height: 1.3em;
  margin-top: 0px;
}

.career__text strong {
  font-weight: 700;
}

.career-panel { display: none; }
.career-panel.is-active { display: block; }


/*.career__person {
}*/

.career__person img {
  display: block;
  height: auto;
}

/* ============== SECTION 3 – BENEFITS ============== */
.benefits {
  padding-bottom: 0px;
}

.benefits__title {
  font-size: 55px;
  color: #5A3218;
  margin: 0 0 1.6rem;
  text-transform: uppercase;
}

.benefits__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.5rem;
  margin-bottom: 1.5rem;
}

.benefit-card {
  background: #f5ece5;
  border-radius: 6px;
  padding: 1.7rem 1.6rem 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  min-height: 220px;
}

.benefit-card h3 {
  font-size: 41px;
  text-transform: uppercase;
  margin: 0;
  color: #5A3218;
}

.benefit-card p {
  font-size: 16px;
  line-height: 1.6em;
  margin: 0;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
}

.benefit-card p strong {
  font-weight: 700;
}

.benefit-card a {
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  text-decoration: underline;
  margin-top: 20px;
  color: #4a1f0f;
  font-family: 'Montserrat', sans-serif;
}

.benefit-card a:hover {
  text-decoration: none;
}

.benefit-card--highlight {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: 0.8fr 1.3fr;
  background: #f2b500;
  color: #fff;
  border-radius: 6px;
  padding: 2.2rem 2rem;
}

.benefit-card--highlight h3 { font-size: 53px; color: #5A3218;}
.benefit-card--highlight p {
  margin-bottom: 20px;
}

/* ============== SECTION 4 – GALLERY ============== */
.gallery {
  padding-bottom: 4.5rem;
}

.img-wrap {
  border-radius: 18px;
  overflow: hidden;
  background: #ddd;
}

.bbbox-gallery {
    display: flex;
    flex-direction: column;
    margin-left: -60px;
    margin-right: -60px;
}

.bbbox-gallery-row {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    height: 370px;
    overflow: hidden;
    gap: 20px;
    margin-bottom: 20px;
}

.bbbox-gallery-row.shift-right {
    transform: translateX(60px);
}

.bbbox-gallery-row.shift-left {
    transform: translateX(-60px);
}


/* --- Perks section --- */
.perks {
  background: #f2b500;
  padding: 3.5rem 0 3rem;
  color: #4a1f0f;
}

.perks__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.5rem 3rem;
  align-items: start;
  max-width: 1200px;
  margin: 0 auto;
}

.perks__item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0rem;
  position: relative;
}

.perks__item p {
  font-weight: 700;
  font-size: 26px;
  line-height: 1.4em;
  font-family: "Boulevard", Helvetica, sans-serif;
}

.perks__item p span {
  color: #FFFFFF;
}

.perks__icon {
  width: auto;
  height: 40px;
  display: grid;
  place-items: center;
}

/* line up 3 on first row, 2 on second row, left-aligned */
.perks__item:nth-child(4) {
  grid-column: 1;
}
.perks__item:nth-child(5) {
  grid-column: 2;
}

#perks-arrow {
  width: 237px;
  height: 299px;
  background: transparent url('../images/perks-arrow.svg') no-repeat center;
  background-size: contain;
  position: absolute;
  z-index: 10;
  top: 40px;
}

.map-section {
  width: 100%;
  height: 80vh;
  min-height: 380px; /* optional */
  background: url("../images/career-map-background.jpg") center center / cover no-repeat;
  display: flex;
  align-items: center;
  padding: 0px;
  position: relative;
}

.map-svg {
  height: 77%;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.map-svg svg {
  width: auto !important;
  height: 100% !important;
  display: block;
  margin: 0px auto;
}

.map-svg .region {
  fill: #5a321880;
  transition: fill 0.2s ease;
  cursor: pointer;
}

.map-svg .region:hover {
  fill: #e9b400ff;
}


.hero-positions {
  height: calc(100vh - 90px);
  min-height: 520px;              /* optional safety */
  background-color: #F7F0EB;
  position: relative;
  padding-top: 0px;
}

.hero-owl {
  width: 100%;
  height: 100%;
}

.hero-owl-item {
  position: relative;
  background-color: transparent;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: calc(100vh - 90px);
}

.hero-owl-item a {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

#career-form {
  background-color: #5A3218;
  padding-bottom: 40px !important;
}

#career-form .row {
  margin-right: 0px;
  margin-left: 0px;
}

.contact-wrap {
  background: var(--brown-bg);
  padding: 0px !important;
}

.form-cell-3 {
    grid-row: span 2 / span 2;
}


.form-cell-5 {
    grid-row-start: 3;
}

.form-cell-6 {
    grid-row-start: 3;
}

.form-cell-7,
.form-cell-8 {
    grid-row-start: 4;
}

.form-cells-parent {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(4, 1fr);
    grid-column-gap: 20px;
    margin-top: 40px;
}

#form-career input, #form-career textarea {
  border-width: 1px;
  border-radius: 15px;
  padding: 20px;
  color: #E9B400 !important;
  transition: all 0.2s ease;
}

#form-career input[type="file"] {
  padding: 18px 20px;
}

#form-career .form-group:focus-within input, #form-career .form-group:focus-within textarea {
  border-color: #E9B400;
}

#form-career .form-group input::placeholder,
#form-career .form-group textarea::placeholder {
  color: #E9B400;
  font-weight: 700;
}

#form-career .check-wrapper label,
#form-career .check-wrapper label a {
  color: #FFFFFF;
}

#form-career .check-wrapper label a:hover {
  color: #FFFFFF;
  text-decoration: none;
}

#form-career .check-wrapper input[type="checkbox"] {
  width: 32px;
  height: 32px;
  border-radius: 16px;
  padding: 0px;
}

#form-career .check-wrapper input[type="checkbox"] + label::after {
  left: -38px;
}

.form-textarea-span {
  display: flex;
  height: calc(100% - 23px);
}

#form-career button[type="submit"]:before {
  display: none;
}

#form-career button[type="submit"] {
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  text-transform: none;
  color: #5A3218;
  border: 2px solid transparent;
  margin-right: 0px !important;
}

#form-career button[type="submit"]:hover {
  border: 2px solid #f0b600;
}

#form-career button[type="submit"]:hover::after {
  background: transparent url(../images/classic-arrow-yellow.svg) no-repeat center center;
  background-size: contain;
}

.jobs-filter-header {
  background-color: #F7F0EB;
  padding-top: 50px;
  padding-bottom: 30px;
  margin-bottom: 30px;
}

.uri-volne-pozice .jobs {
  padding-top: 0px;
  padding-bottom: 40px;
  min-height: 550px;
}

.jobs-filter-header .filter__toggle {
  background-color: #F7F0EB;
}

.jobs-filter-header h1 {
  margin-top: 0px !important;
}

.jobs-lang-bar {
  text-align: right;
  margin-top: 15px;
}

.jobs-lang-bar a {
  display: inline-block;
  height: 32px;
  margin-left: 8px;
  border-radius: 16px;
  background-color: #FFFFFF;
  color: #5A3218;
  text-transform: uppercase;
  padding: 0px 15px 0px 10px;
  font-size: 11px;
  font-family: 'Montserrat', sans-serif;
  transition: all 0.2s ease;
  font-weight: 700;
  text-decoration: none;
  line-height: 32px;
}

.jobs-lang-bar a img {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 8px;
  position: relative;
  top: 6px;
}

.jobs-lang-bar a:hover,
.jobs-lang-bar a.lang-active {
  background-color: #E8B300;
}

.jobs-filter-header .job-item__title {
  font-size: 55px;
}

.cms-jobs-read .jobs {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  margin-top: 2px;
}

.jobs-filter-header .job-item-wrapper {
  padding: 0px !important;
}

.jobs-filter-header .job-item-wrapper:hover {
  border: 2px solid transparent;
  background: #F7F0EB;
  cursor: default;
}

.jobs-filter-header .job-item__icon {
  height: 99px;
  width: 99px;
  background: #E9B400 url('../images/arrow-left.svg') no-repeat center;
  background-size: 18px auto;
  border-radius: 50px;
  flex: none;
  text-decoration: none;
  transition: all 0.2s ease;
}

.jobs-filter-header .job-item__icon:hover {
  background: #5A3218 url('../images/arrow-left-yellow.svg') no-repeat center;
  background-size: 18px auto;
}

.job-detail h2 {
  margin: 0px !important;
  font-size: 41px;
  text-decoration: uppercase;
  color: #5A3218;
}

.job-detail-intro {
  display: grid;
  grid-template-columns: 60fr 40fr;
  position: relative;
}

.job-detail-intro p {
  font-size: 21px;
  color: #5A3218;
  font-family: 'Montserrat', sans-serif;
  line-height: 1.8em;
  font-weight: 600;
}

#job-badges {
  position: absolute;
  top: -120px;
  right: -120px;
  width: 555px;
  height: auto;
  display: block;
  z-index: 3;
}

.job-detail-info {
  border-radius: 16px;
  background-color: #F7F0EB;
  padding: 45px 70px;
  width: 100%;
  position: relative;
  z-index: 1;
}

.job-detail-info h2 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

.text-columns {
  column-count: 2;
  column-gap: 90px;
  padding-right: 200px;
}

.job-detail-info > .text-columns:first-of-type {
  column-count: 1;
  width: 70%;
}

.text-columns p,
.text-columns li {
  font-size: 16px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  color: #5A3218;
  line-height: 1.5em;
  padding: 0px !important;
}

.text-columns p {
  margin: 0px 0px 40px 0px !important;
}

.text-columns p strong,
.text-columns li strong {
  font-weight: 700;
}

.text-columns ul br {
  display: none;
}

.text-columns li {
  margin-bottom: 10px !important;
}

.text-columns ul {
  margin-block-start: 0em;
  margin-block-end: 0em;
  padding-inline-start: 20px;
  margin-bottom: 25px;
}

.job-detail {
  position: relative;
  z-index: 2;
  padding-bottom: 0px;
  margin-bottom: 0px;
}

.job-detail::after {
  content: '';
  display: block;
  width: 100%;
  height: 150px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  background-color: #5A3218;
  z-index: -1;
}

.cms-jobs-read #gallery {
  background-color: #5A3218;
}

.benefits__title__big {
  font-size: 149px;
  color: #E9B400;
  text-align: center;
}

#career-map-tooltip {
  position: absolute;
  width: 90px;
  height: 90px;
  border: 8px solid #FFFFFF;
  background-color: #5a321880;
  font-size: 50px;
  color: #E9B400;
  text-align: center;
  top: 50%;
  left: 50%;
  border-radius: 45px;
}

/*#career-map.jihocesky #m-tooltip {transform: translate(-117.85193px,29.98142px);}
#career-map.jihomoravsky #m-tooltip {transform: translate(65.881474px,122.52209px);}
#career-map.karlovarsky #m-tooltip {transform: translate(-297.9462px,63.196493px);}
#career-map.kralovehradecky #m-tooltip {transform: translate(60.990473px,27.88493px);}
#career-map.liberecky #m-tooltip {transform: translate(85.990473px,-145.11507px);}
#career-map.stredocesky #m-tooltip {transform: translate(53.419376px,-43.146909px);}
#career-map.pardubicky #m-tooltip {transform: translate(104.23635px,-69.96096px);}
#career-map.olomoucky #m-tooltip {transform: translate(122.23635px,40.03904px);}
#career-map.ostravsky #m-tooltip {transform: translate(252.14807px,102.98142px);}
#career-map.plzensky #m-tooltip {transform: translate(-141.91231px,158.84137px);}
#career-map.praha #m-tooltip {transform: translate(-93.353073px,61.885895px);}
#career-map.ustecky #m-tooltip {transform: translate(-57.009527px,-129.11507px);}
#career-map.vysocina #m-tooltip {transform: translate(172.44477px,158.14633px);}
#career-map.zlinsky #m-tooltip {transform: translate(255.89809px,57.132519px);}*/

#hoverDiv {
  width: 150px;
  height: 150px;
  border: 10px solid #FFFFFF;
  background-color: #5A3218;
  border-radius: 50%;
  position: absolute;
  z-index: 99999;
  text-align: center;
  color: #F2B600;
  rotate: -4deg;
  display: none;
}

#hoverDiv span {
  font-size: 70px;
  position: relative;
  top: 3px;
}

#hoverDiv small {
  font-size: 28px;
  position: relative;
  top: -7px;
}

#career-header-bar {
  position: relative;
  z-index: 1;
}

.gallery {
  padding-bottom: 0px;
}

/* ============== RESPONSIVE ============== */

@media (max-width: 1280px) {
  .benefits__title__big {
      font-size: 100px;
  }
}
@media (max-width: 1100px) {
  .gallery__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-rows: 200px;
  }
  .gallery__item--1 { grid-column: 1 / -1; height: 280px; }
  .gallery__item--6 { grid-column: 1 / -1; }

  #job-badges {
    width: 400px;
    right: -65px;
  }

  .bbbox-gallery-row {
    grid-template-columns: 1fr 1fr 1fr;
    height: auto;
  }

  .img-wrap {
    aspect-ratio: 16 / 9 !important;
  }

  #career-form {
    padding-top: 0px !important;
  }

  .cms-jobs-read #form-career {
    margin-top: 0px;
  }

  .cms-jobs-read #gallery {
    padding-bottom: 0px;
  }
}

@media (max-width: 1024px) {
  .hero-positions__text--left {
    left: 1rem;
  }
  .hero-positions__text--right {
    right: 1rem;
  }

  #hoverDiv {
    width: 100px;
    height: 100px;
    border-width: 7px;
  }

  #hoverDiv span {
    font-size: 37px;
    top: 5px;
  }

  #hoverDiv small {
    font-size: 22px;
    top: -3px;
  }

  .career__content {
    max-width: 540px;
  }

  #career .section__inner::after {
    height: 65%;
  }

  .benefit-card h3 {
    font-size: 30px;
  }
}

@media (max-width: 968px) {
  .benefits__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .benefit-card--highlight { grid-template-columns: 1fr; }

  #career-wrapper {
    margin-top: 20px;
  }

  .hero-positions {
    height: auto;
    aspect-ratio: 16 / 9;
    min-height: 0;
  }

  .hero-owl-item {
    height: auto;
    aspect-ratio: 16 / 9;
  }
}

@media (max-width: 900px) {
  .perks__grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .perks__item:nth-child(4),
  .perks__item:nth-child(5) {
    grid-column: auto;
  }

  .career__grid {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
  .career__visual {
    justify-content: center;
  }

  .perks {
    padding-bottom: 0px;
  }

  #perks-arrow {
    display: none;
  }

  .map-svg {
    height: auto;
    width: 90%;
  }

  .map-section {
    height: auto;
    min-height: 0;
    aspect-ratio: 836 / 479;
  }

  #hoverDiv {
    width: 70px;
    height: 70px;
    border-width: 4px;
  }

  #hoverDiv span {
    font-size: 27px;
    top: 4px;
  }

  #hoverDiv small {
    font-size: 18px;
  }

  .jobs {
    padding-top: 0px;
  }

  .job-item__content {
    min-width: 0;
  }

  .job-item__meta li {
    white-space: normal;
  }

  .career {
    height: auto;
  }

  #career .section__inner::after {
    position: relative;
    height: 200px;
    bottom: 0px;
  }

  .career::after {
    display: none;
  }

  #career .section__inner::after {
    background-position: center bottom;
  }

  .bbbox-gallery-row {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .bbbox-gallery-row {
    height: auto;
  }

  .jobs-lang-bar {
    text-align: center;
  }

  .jobs-filter-header {
    padding-top: 10px;
  }

  .jobs-lang-bar a {
    margin-bottom: 8px;
  }

  .jobs-filter-header .job-item__icon {
    width: 40px;
    height: 40px;
    border-radius: 20px;
    background-size: 11px auto;
  }

  .jobs-filter-header .job-item__title {
    font-size: 40px;
  }

  .job-item__meta {
    margin-top: 15px;
  }

  #job-badges {
    display: none;
  }

  .job-detail-intro {
    grid-template-columns: 1fr;
  }

  .job-detail-intro p {
    font-size: 17px;
  }

  .job-detail-info > .text-columns:first-of-type {
    width: 100%;
  }

  .text-columns {
    column-count: 1;
    column-gap: 0px;
    padding-right: 0px;
  }

  .job-detail-info {
    padding: 20px;
  }

  .job-detail::after {
    bottom: -1px;
  }

  .benefits__title__big {
    font-size: 75px;
  }

  .cms-jobs-read #career-form {
    top: -1px;
    position: relative;
  }

  .form-cells-parent {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    grid-row-gap: 20px;
  }

  .form-cell-3, .form-cell-4, .form-cell-5, .form-cell-6, .form-cell-7 {
    grid-row: auto;
  }

  .form-textarea-span {
    height: auto;
  }

  #career-form .section__inner {
    padding-left: 0px;
    padding-right: 0px;
  }

  .form-cell-2 {grid-row: 1;}
  .form-cell-4 {grid-row: 2;}
  .form-cell-5 {grid-row: 3;}
  .form-cell-3 {grid-row: 4;}
  .form-cell-6 {grid-row: 5;}
  .form-cell-7 {grid-row: 6;}
  .form-cell-8 {grid-row: 7;}

  #form-career .check-wrapper input[type="checkbox"] + label::after {
    top: 9px;
  }
}

@media (max-width: 768px) {
  .jobs__filters { gap: 1rem; }
  .job-item-wrapper { flex-wrap: wrap; }
  .job-item__arrow { margin-left: auto; }

  .gallery__grid {
    grid-template-columns: 1fr;
    grid-auto-rows: auto;
  }
  .gallery__item { height: 250px; }
}

@media (max-width: 620px) {
  .career__tabs { gap: 0.6rem; }
  .career-tab { font-size: 0.9rem; padding: 0.6rem 1.1rem; }
  .career__salary { font-size: 2.1rem; }
  .benefits__grid { grid-template-columns: 1fr; }
}

@media (max-width: 600px) {
  .perks__grid {
    grid-template-columns: 1fr;
    gap: 1.8rem;
  }
}

.cms-pages-read #gallery {
  max-width: none;
  overflow-x: hidden;
}

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

.new-checkbox-form .check-wrapper {
  margin-top: 0px !important;
}

.new-checkbox-form .check-wrapper label {
    display: inline-block !important;
    padding-left: 42px !important;
    margin: 0 !important;
    line-height: 1.4 !important;
    position: relative !important;
    top: 3px !important;
    height: 64px !important;
    width: calc(100% - 50px) !important;
    left: -40px !important;
    padding-top: 7px !important;
}

.new-checkbox-form .check-wrapper input[type="checkbox"] + label::after {
    left: 1px !important;
    top: 10px !important;
}

#perks .jobs-lang-bar {
  text-align: center;
  margin-bottom: 40px;
}


#perks .jobs-lang-bar a {
  border: 2px solid #FFFFFF;
  height: 36px;
  border-radius: 18px;
}

#perks .jobs-lang-bar a:hover, #perks .jobs-lang-bar a.lang-active {
    background-color: transparent;
}

/* ABOUT US */
.hero {
  position: relative;
  min-height: clamp(360px, 65vh, 620px);
  border-radius: 18px;
  overflow: hidden;
  isolation: isolate;
}

.hero__bg {
  position: absolute;
  inset: 0;
  background-image: url("../images/about-hero.jpg");
  background-size: cover;
  background-position: center;
  transform: scale(1.02);
}

.hero__overlay {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      90deg,
      rgba(0,0,0,.45) 0%,
      rgba(0,0,0,.25) 40%,
      rgba(0,0,0,.02) 70%,
      rgba(0,0,0,.01) 100%
    ),
    linear-gradient(
      180deg,
      rgba(0,0,0,.08) 0%,
      rgba(0,0,0,.12) 100%
    );
  z-index: 1;
}

.hero__inner {
  position: relative;
  z-index: 2;
  height: 100%;
  display: grid;
  align-items: center;
  padding: clamp(24px, 4vw, 72px);
}

.hero__content {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
  max-width: 100%;
}

.hero__title {
  margin: 0;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  line-height: 0.9;
  font-weight: 800;
  font-size: clamp(48px, 6vw, 96px);
  max-width: 100%;
  text-shadow: 0 2px 18px rgba(0,0,0,.3);
}

.hero__lead {
  margin: 50px 0px 0px 0px;
  color: rgba(255,255,255,.92);
  font-size: clamp(16px, 1.3vw, 18px);
  line-height: 1.65;
  max-width: 50%;
  text-shadow: 0 2px 14px rgba(0,0,0,.3);
  font-weight: 500;
}

@media (max-width: 1024px) {
  .hero__lead {
    max-width: 70%;
  }
}

@media (max-width: 768px) {
  .hero__lead {
    max-width: 100%;
  }
}

.celebrate {
  position: relative;
  overflow: hidden;
  background: #fff;
  padding: clamp(32px, 6vw, 84px) 0;
}

.celebrate__inner {
  width: min(1200px, calc(100% - 2 * clamp(18px, 4vw, 56px)));
  margin: 0 auto;
  display: grid;
}

.celebrate__copy {
  display: grid;
  gap: 18px;
  z-index: 2;
}

.celebrate__title {
  margin: 0;
  color: #583119;
  font-weight: 800;
  line-height: 1.02;
  letter-spacing: -0.01em;
  font-size: clamp(42px, 4.4vw, 78px);
  text-transform: none;
  font-size: 61px;
}

.celebrate__text {
  margin: 0;
  color: rgba(90, 50, 24, 1);
  font-size: clamp(14px, 1.2vw, 18px);
  line-height: 1.8;
  max-width: 42ch;
  font-weight: 500;
}

.celebrate__confetti,
.celebrate__flags {
  position: absolute;
  pointer-events: none;
  user-select: none;
}

.celebrate__flags {
  width: 70%;
  height: auto;
  object-fit: contain;
  top: -15px;
  right: 0;
}

.celebrate__confetti {
  width: 100%;
  height: auto;
  object-fit: contain;
  top: 20px;
  left: 0;
}

.celebrate__inner,
.celebrate__copy {
  position: relative;
  z-index: 2;
}

@media (max-width: 768px) {
  .celebrate__copy {
    max-width: none;
    gap: 14px;
  }
  .celebrate__flags {
    object-position: 60% 0%;
    top: -5px;
  }

  .celebrate__title {
    margin-top: 110px;
  }
}

.section-head {
  background: #fff;
  padding: clamp(28px, 6vw, 84px) 0;
  padding-bottom: 20px;
}

.section-head__inner {
  width: min(1100px, calc(100% - 2 * clamp(18px, 4vw, 56px)));
  margin: 0 auto;
  display: grid;
  justify-items: center;
  gap: clamp(14px, 2vw, 26px);
  text-align: center;
}

.section-head__title {
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  line-height: 0.9;
  font-weight: 700;
  font-size: clamp(44px, 7vw, 99px);
  color: rgba(232, 179, 0, 1);
}

.section-head__text {
  margin: 30px 0px 0px 0px;
  max-width: 78ch;
  color: rgba(90, 50, 24, 1);
  font-size: clamp(16px, 1.25vw, 18px);
  line-height: 1.85;
  font-weight: 500;
}

@media (min-width: 1200px) {
  .section-head__text {
    max-width: 72ch;
  }
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.chef-grid {
  background: #fff;
  padding: clamp(22px, 4vw, 56px) 0;
}

.chef-grid__inner {
  width: min(1280px, calc(100% - 2 * clamp(18px, 4vw, 56px)));
  margin: 0 auto;

  display: grid;
  gap: 15px;

  grid-template-columns: repeat(4, minmax(0, 1fr));
}


@media (max-width: 960px) {
  .chef-grid__inner {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.chef-card {
  display: grid;
  gap: 14px;
  grid-template-rows: auto auto;
  align-content: start;
  position: relative;
}

.chef-card:nth-child(2),
.chef-card:nth-child(4) {
  margin-top: 100px;
  z-index: 1;
}

.chef-card:nth-child(5),
.chef-card:nth-child(7) {
  top: -100px;
  z-index: 2;
}

.chef-card:nth-child(6),
.chef-card:nth-child(8){
  top: 15px;
  z-index: 2;
}

.chef-card__link {
  color: inherit;
  text-decoration: none;
  display: grid;
  gap: 14px;
}

.chef-card__media {
  overflow: hidden;
  position: relative;
}

.chef-card__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.chef-card__meta {
  display: grid;
  grid-template-columns: 44px 1fr;
  gap: 12px;
  align-items: center;
}

.chef-card__flag {
  width: 45px;
  height: 45px;
  overflow: hidden;
  display: grid;
  place-items: center;
}

.chef-card__flag img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.chef-card__txt {
  display: grid;
  gap: 4px;
}

.chef-card__country {
  margin: 0;
  font-size: clamp(18px, 1.5vw, 22px);
  line-height: 1.1;
  font-weight: 700;
  color: #5A3218;
  font-size: 25px;
}

.chef-card__name {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  color: #E9B400;
  font-family: 'boulevard';
}

@media (hover: hover) {
  .chef-card__media {
    transition: transform .18s ease, box-shadow .18s ease;
  }
  .chef-card__link:hover .chef-card__media {
    transform: translateY(-2px);
  }
}

.about-button {
  font-size: 32px;
  padding-left: 90px;
  padding-right: 90px;
}

.slim-head {
  padding-top: 20px;
}

.split-feature {
  padding: clamp(22px, 4vw, 56px) 0;
  margin-top: 40px;
}

.split-feature.split-feature--reverse {
  padding-top: 0px;
}

.split-feature__inner {
  width: min(1280px, calc(100% - 2 * clamp(18px, 4vw, 56px)));
  margin: 0 auto;

  display: grid;
  gap: clamp(22px, 3vw, 48px);
  align-items: start;

  grid-template-columns: 1fr;
}

.split-feature__media {
  margin: 0;
  border-radius: 18px;
  overflow: hidden;
  aspect-ratio: 1 / 1;
}

.split-feature--reverse .split-feature__media {
  aspect-ratio: 650 / 490;
}

.split-feature__img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.split-feature__content {
  display: grid;
  gap: clamp(16px, 2vw, 26px);
  align-content: start;
  padding-top: clamp(0px, 1vw, 10px);
}

.split-feature__title {
  margin: 0;
  color: #5A3218;
  font-weight: 900;
  line-height: 1.02;
  letter-spacing: -0.01em;
  font-size: clamp(34px, 4.2vw, 61px);
  text-transform: none;
}

.split-feature__copy {
  display: grid;
  gap: 18px;
  max-width: 70ch;
  color: rgba(90, 58, 37, 0.92);
  line-height: 1.9;
  font-weight: 500;
}

.split-feature__copy p {
  margin: 0;
  font-size: clamp(16px, 1.15vw, 17px);
}

.split-feature__logos {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: max-content;
  gap: clamp(18px, 3vw, 44px);
  align-items: end;
  justify-content: start;
  padding-top: clamp(6px, 1.2vw, 18px);
}

.split-feature__logo {
  height: clamp(60px, 4.2vw, 90px);
  width: auto;
  display: block;
  object-fit: contain;
}

.split-feature__inner {
  grid-template-columns: 1fr;
  grid-template-areas:
    "media"
    "content";
}

.split-feature__media { grid-area: media; }
.split-feature__content { grid-area: content; }

@media (min-width: 980px) {
  .split-feature__inner {
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
    grid-template-areas: "media content";
  }
}

@media (min-width: 980px) {
  .split-feature--reverse .split-feature__inner {
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
    grid-template-areas: "content media";
  }
}

@media (max-width: 540px) {
  .split-feature__logos {
    justify-content: center;
  }
}

@media (min-width: 980px) {
  .split-feature__inner {
    grid-template-columns: minmax(0, 0.85fr) minmax(0, 0.95fr);
    align-items: start;
  }

  .split-feature--reverse .split-feature__inner {
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
  }
}

.product-carousel .owl-stage {
  display: flex;
}

.product-carousel .owl-item {
  padding-right: 25px;
}

.product-carousel .owl-item:last-child {
  padding-right: 0;
}

.product-carousel__item {
  position: relative;
  width: 100%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  border-radius: 18px;
  background: #f3f3f3;
}

.product-carousel__item img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.carousel-section {
  padding-bottom: 20px;
}

.gallery-section {
  padding: clamp(22px, 4vw, 56px) 0;
  background: #fff;
}

.gallery {
  margin: 0 auto;

  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap: 25px;

  aspect-ratio: 16 / 2;

  align-items: stretch;
}

.jobs-full-gallery.gallery {
  grid-template-columns: auto;
}

.gallery__left {
  margin: 0;
  border-radius: 18px;
  overflow: hidden;
}

.gallery__right {
  display: grid;
  grid-template-rows: 1fr 1fr;
  gap: 25px;
}

.gallery__item {
  margin: 0;
  border-radius: 18px;
  overflow: hidden;
}

.gallery__left img,
.gallery__item img {
  width: 100%;
  display: block;
  object-fit: cover;
}

.gallery__left img {
  aspect-ratio: 753 / 556;
}

.gallery__item img {
  aspect-ratio: 584 / 266;
}

@media (max-width: 900px) {
  .gallery {
    grid-template-columns: 1fr;
    aspect-ratio: auto;
  }

  .gallery__right {
    grid-template-rows: none;
  }
}

.highlight-headline {
  margin: 50px 0px 0px 0px;
  text-align: center;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -0.01em;

  color: #5A3218;
  font-size: clamp(28px, 4.4vw, 61px);
  text-transform: none;
}

.highlight-headline__accent {
  color: #E8B300;
  white-space: nowrap;
}

.brand-note {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: clamp(18px, 3vw, 32px);
  align-items: center;
  width: 55%;
  margin: 75px auto;
}

.brand-note__logo {
  width: clamp(110px, 14vw, 180px);
  height: auto;
  display: block;
}

.brand-note__text {
  margin: 0;
  max-width: 72ch;
  color: #5A3218;
  font-size: clamp(16px, 1.15vw, 17px);
  line-height: 1.75;
  font-weight: 500;
}

@media (max-width: 960px) {
  .brand-note {
    width: auto;
  }
}

@media (max-width: 640px) {
  .brand-note {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }

  .brand-note__text {
    max-width: 60ch;
  }
}

#insta-section {
  padding-bottom: 0px !important;
  margin-bottom: 0px !important;
}

@media (max-width: 1024px) {
  .hero {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    min-height: 0;
  }

  .celebrate__flags {
    width: 100%;
  }

  .chef-card:nth-child(2) {
    margin-top: 50px;
    z-index: 1;
  }

  .chef-card:nth-child(4),
  .chef-card:nth-child(6),
  .chef-card:nth-child(8) {
    top: -10px;
    margin-top: 0px;
  }

  .chef-card:nth-child(1) {
    top: 0px;
    margin-top: 0px;
  }

  .chef-card:nth-child(3),
  .chef-card:nth-child(5),
  .chef-card:nth-child(7) {
    margin-top: 0px;
    top: -55px;
  }

  .gallery__left,
  .gallery__item {
    border-radius: 0px;
  }

  .gallery__left img,
  .gallery__item img {
    aspect-ratio: auto;
  }

  .highlight-headline {
    margin-top: 20px;
  }

  .brand-note {
    margin: 40px auto 20px auto;
  }

  .brand-note__text {
    padding: 15px;
  }
}


/* File: assets/cs/css/jquery.mCustomScrollbar.min.css
   Compiled at: 2026-07-08 19:49:35 
================================ */
.mCustomScrollbar{-ms-touch-action:pinch-zoom;touch-action:pinch-zoom}.mCustomScrollbar.mCS_no_scrollbar,.mCustomScrollbar.mCS_touch_action{-ms-touch-action:auto;touch-action:auto}.mCustomScrollBox{position:relative;overflow:hidden;height:100%;max-width:100%;outline:0;direction:ltr}.mCSB_container{overflow:hidden;width:auto;height:auto}.mCSB_inside>.mCSB_container{margin-right:30px}.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container{margin-right:0;margin-left:30px}.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-left:0}.mCSB_scrollTools{position:absolute;width:16px;height:auto;left:auto;top:0;right:0;bottom:0;opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_outside+.mCSB_scrollTools{right:-26px}.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{right:auto;left:0}.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{left:-26px}.mCSB_scrollTools .mCSB_draggerContainer{position:absolute;top:0;left:0;bottom:0;right:0;height:auto}.mCSB_scrollTools a+.mCSB_draggerContainer{margin:20px 0}.mCSB_scrollTools .mCSB_draggerRail{width:2px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCSB_scrollTools .mCSB_dragger{cursor:pointer;width:100%;height:30px;z-index:1}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{position:relative;width:4px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;text-align:center}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:12px}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:8px}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonUp{display:block;position:absolute;height:20px;width:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools .mCSB_buttonDown{bottom:0}.mCSB_horizontal.mCSB_inside>.mCSB_container{margin-right:0;margin-bottom:30px}.mCSB_horizontal.mCSB_outside>.mCSB_container{min-height:100%}.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal{width:auto;height:16px;top:auto;right:0;bottom:0;left:0}.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:-26px}.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer{margin:0 20px}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:2px;margin:7px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{width:30px;height:100%;left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:4px;margin:6px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:12px;margin:2px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:8px;margin:4px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{display:block;position:absolute;width:20px;height:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{right:0}.mCSB_container_wrapper{position:absolute;height:auto;width:auto;overflow:hidden;top:0;left:0;right:0;bottom:0;margin-right:30px;margin-bottom:30px}.mCSB_container_wrapper>.mCSB_container{padding-right:30px;padding-bottom:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:20px}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:20px}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:20px}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper{margin-right:0;margin-left:30px}.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container{padding-right:0}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container{padding-bottom:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0;margin-left:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;transition:opacity .2s ease-in-out,background-color .2s ease-in-out}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar{-webkit-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out}.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools{opacity:0;filter:"alpha(opacity=0)";-ms-filter:"alpha(opacity=0)"}.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,.mCustomScrollBox:hover>.mCSB_scrollTools,.mCustomScrollBox:hover~.mCSB_scrollTools,.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag{opacity:1;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)"}.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.4);filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75);filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85);filter:"alpha(opacity=85)";-ms-filter:"alpha(opacity=85)"}.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9);filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp{background-image:url(mCSB_buttons.png);background-repeat:no-repeat;opacity:.4;filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_buttonUp{background-position:0 0}.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -20px}.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -40px}.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -56px}.mCSB_scrollTools .mCSB_buttonDown:hover,.mCSB_scrollTools .mCSB_buttonLeft:hover,.mCSB_scrollTools .mCSB_buttonRight:hover,.mCSB_scrollTools .mCSB_buttonUp:hover{opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_buttonDown:active,.mCSB_scrollTools .mCSB_buttonLeft:active,.mCSB_scrollTools .mCSB_buttonRight:active,.mCSB_scrollTools .mCSB_buttonUp:active{opacity:.9;filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:rgba(0,0,0,.85)}.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:rgba(0,0,0,.9)}.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:4px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px auto}.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px 0}.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -20px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -40px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px 0}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -20px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -40px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px 0}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:6px;margin:5px auto}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px 0}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -20px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -40px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px 0}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -20px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -40px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -56px}.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.1)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:2px}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:2px;margin:7px auto}.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,.mCS-rounded.mCSB_scrollTools .mCSB_dragger{height:14px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:14px;margin:0 1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger{width:14px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:14px;margin:1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:16px;height:16px;margin:-1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:4px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:16px;width:16px;margin:0 -1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:4px;margin:6px 0}.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{background-position:0 -72px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -92px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -112px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -128px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px -72px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -92px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -112px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail{width:4px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{background-color:transparent;background-position:center}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);background-repeat:repeat-y;opacity:.3;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{height:4px;margin:6px 0;background-repeat:repeat-x}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px -72px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -92px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -112px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=)}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px -72px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -92px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -112px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-y;background-image:-moz-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to right,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-x;background-image:-moz-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to bottom,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger{height:70px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger{width:70px}.mCS-3d-dark.mCSB_scrollTools,.mCS-3d.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{width:8px;background-color:#000;background-color:rgba(0,0,0,.2);box-shadow:inset 1px 0 1px rgba(0,0,0,.5),inset -1px 0 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:8px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:8px;margin:4px 0;box-shadow:inset 0 1px 1px rgba(0,0,0,.5),inset 0 -1px 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:8px;margin:4px auto}.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);box-shadow:inset 1px 0 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{box-shadow:inset 0 1px 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,.mCS-3d-thick.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical{right:1px}.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCS-3d-thick.mCSB_scrollTools_vertical{box-shadow:inset 1px 0 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal,.mCS-3d-thick.mCSB_scrollTools_horizontal{bottom:1px;box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;box-shadow:inset 1px 0 0 rgba(255,255,255,.4);width:12px;margin:2px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4);height:12px;width:auto}.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{background-color:#000;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-thick-dark.mCSB_scrollTools{box-shadow:inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 1px 0 0 rgba(255,255,255,.4),inset -1px 0 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#777}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{background-color:#fff;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{right:0;margin:12px 0}.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:0;margin:0 12px}.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{left:0;right:auto}.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger{height:50px}.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger{width:50px}.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail{width:6px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px}.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:6px;margin:5px 0}.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:12px}.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:12px;margin:2px 0}.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools .mCSB_draggerRail{width:12px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;margin:3px 5px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:6px;margin:5px 3px;position:absolute;width:auto;top:0;bottom:0;left:0;right:0}.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:12px;margin:2px 0}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent;border-width:1px;border-style:solid;border-color:#fff;border-color:rgba(255,255,255,.2);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{border-color:#000;border-color:rgba(0,0,0,.2)}.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.6)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.6)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}

/* File: assets/cs/css/font-awesome.min.css
   Compiled at: 2026-07-08 19:49:36 
================================ */
/*!
 *  Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url('../font/fontawesome-webfont.eot?v=4.6.3');src:url('../font/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'),url('../font/fontawesome-webfont.woff2?v=4.6.3') format('woff2'),url('../font/fontawesome-webfont.woff?v=4.6.3') format('woff'),url('../font/fontawesome-webfont.ttf?v=4.6.3') format('truetype'),url('../font/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}


/* File: assets/cs/css/forms.css
   Compiled at: 2026-07-08 19:49:36 
================================ */
::-webkit-input-placeholder {
  color: #f1f1f1;
  opacity: 1;
}
:-moz-placeholder {
  color: #f1f1f1;
  opacity: 1;
}
::-moz-placeholder {
  color: #f1f1f1;
  opacity: 1;
}
:-ms-input-placeholder {
  color: #f1f1f1;
}
input,
textarea {
  outline: 0;
  border-radius: 0;
  box-shadow: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}
.input-wrapper {
  width: 43%;
  display: block;
  float: left;
  margin: 0 3.5%;
  margin-top: 17px;
}
.input-wrapper.error label {
  color: #af0917;
}
.input-wrapper.error input {
  border-color: #af0917;
}
.input-wrapper.full {
  width: 93%;
}
.one-third {
  width: 31%;
}
.one-third input,
.one-sixth input {
	width: 95% !important;
}

.one-third select,
.one-sixth select {
	width: 100% !important;
}

#form-opinion .styled-select {
	width: 95% !important;
	height: 44px;
	top: -1px;
}

#form-opinion .styled-select select {
	padding-top: 10px;
}

#form-opinion .styled-select select option {
	color: #000000;
}

#form-opinion .one-sixth {
  width: 16% !important;
	margin: 0 0.5% !important;
}

#form-opinion .input-wrapper.full {
  width: 94%;
}

#form-opinion .line-breaker {
	display: block;
}

#form-opinion .input-wrapper {
	margin: 0 0.5% 20px 0.5% !important;
	float: none;
	display: inline-block;
}

#form-opinion input {
	text-align: left;
}

#form-opinion.contact h2 {
	margin-left: 0px !important;
	margin-bottom: 15px !important;
}

.input-wrapper .load-data {
  float: right;
  text-transform: uppercase;
  padding: 5px 15px;
  color: #583119;
  text-decoration: none;
  background-color: #f0b600;
  font-size: 15px;
  letter-spacing: 0.3px;
  -webkit-transition: background-color 0.4s;
  transition: background-color 0.4s;
}
.input-wrapper .load-data:hover {
  background-color: #d3a000;
}
fieldset {
  border: 0;
  border-bottom: 1px solid #f0b600;
  padding: 0 60px 60px;
  margin-bottom: 25px;
}
fieldset:last-child {
  border: 0;
  padding-bottom: 0;
}
fieldset h2 {
  margin-left: 3.5%;
}
fieldset .button {
  margin: 0 3.5%;
  margin-top: 30px;
}
label,
.label {
  font-size: 18px;
  display: block;
  margin-bottom: 12px;
  margin-top: 3px;
}
input,
textarea {
  background: none;
  border: 2px solid #f0b600;
  width: 100%;
  padding: 10px;
  font-family: 'Montserrat', sans-serif; /* font-family: "Open Sans", helvetica, sans-serif;  */
  font-size: 15px;
  color: #5a311d;
}
input {
  text-align: center;
}
textarea {
  resize: none;
}
input[type="radio"],
input[type="checkbox"] {
  display: none;
}
input[type="radio"] + label,
input[type="checkbox"] + label {
  display: inline-block;
  padding-left: 40px;
  position: relative;
  line-height: 26px;
  vertical-align: middle;
}
input[type="radio"] + label:not(:last-child),
input[type="checkbox"] + label:not(:last-child) {
  margin-right: 30px;
}
input[type="radio"] + label::before,
input[type="checkbox"] + label::before {
  position: absolute;
  content: "";
  left: 0;
  width: 28px;
  height: 28px;
  border: 2px solid #f0b600;
}
input[type="radio"] + label:hover,
input[type="checkbox"] + label:hover {
  cursor: pointer;
}
input[type="radio"]:checked + label::after,
input[type="checkbox"]:checked + label::after {
  position: absolute;
  content: "";
  width: 17px;
  height: 14px;
  left: 6px;
  top: 50%;
  margin-top: -7px;
  background: url("../images/icons/checkbox.png") center no-repeat;
}
.input-wrapper input[type="radio"] + label,
.input-wrapper input[type="checkbox"] + label {
  font-family: 'Montserrat', sans-serif; /* font-family: "Open Sans", helvetica, sans-serif;  */
  font-size: 15px;
}
.button,
button {
  display: inline-block;
  font-size: 19px;
  padding: 12px 30px;
  border: 2px solid #f0b600;
  text-decoration: none;
  text-transform: uppercase;
  background: none;
  color: #f0b600;
  -webkit-transition: background-color 0.4s, color 0.4s;
  transition: background-color 0.4s, color 0.4s;
  position: relative;
}
.button.bigger,
button.bigger {
  font-size: 25px;
  padding: 18px 40px;
}
.button.ico-send,
button.ico-send {
  padding-left: 85px;
}
.button.ico-send::before,
button.ico-send::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 25px;
  width: 33px;
  height: 32px;
  margin-top: -16px;
  background: url("../images/icons/send.png") 0 0 no-repeat;
}
.button.ico-send:hover,
button.ico-send:hover {
  background-color: #f0b600;
  color: #583119;
}
.button.ico-send:hover::before,
button.ico-send:hover::before {
  background-position: 0 -32px;
}
.button:hover,
button:hover {
  background-color: #f0b600;
  color: #583119;
}
.styled-select {
  display: inline-block;
  vertical-align: middle;
  max-width: 630px;
  border: 2px solid #f0b600;
}
.error .styled-select {
	border-color: #f00;
}
.styled-select select {
  font-size: 14px;
  font-family: 'Montserrat', sans-serif; /* font-family: "Open Sans", helvetica, sans-serif;  */
  background: none;
  border-radius: 0;
  -webkit-transition: background-color 0.4s;
  transition: background-color 0.4s;
  text-overflow: ellipsis;
  color: #5a311d;
}
.styled-select {
  position: relative;
}
margin-right 4px {
  padding: 0;
}
.styled-select select {
  width: 100%;
  margin: 0;
  border: 1px solid transparent;
  outline: none;
  box-sizing: border-box;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 12px 60px 12px 15px;
}
.styled-select select:hover {
  cursor: pointer;
}
.styled-select::after {
  content: "";
  position: absolute;
  width: 19px;
  height: 11px;
  top: 50%;
  right: 1em;
  margin-top: -5px;
  background-image: url("../images/icons/arrow-down-small.png");
  background-repeat: no-repeat;
	background-size: 17px auto;
  z-index: 2;
  pointer-events: none;
}
.styled-select::after background-size 100% {
  background-position: 0 0;
}
.styled-select select:focus {
  outline: none;
  border-radius: 0;
}
.styled-select option {
  font-weight: normal;
}
x:-o-prefocus,
.styled-select::after {
  display: none;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .styled-select select::-ms-expand {
    display: none;
  }
  .styled-select select:focus::-ms-value {
    background: transparent;
    color: #222;
  }
}
@-moz-document url-prefix() {
  .custom-select {
    overflow: hidden;
  }
  .custom-select select {
    width: 120%;
    width: calc(100% + em);
  }
}
.styled-select select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}
@media (min-width:600px) and (max-width: 1025px) {
  section.wrapper-filter{
    padding-left: 0;
    padding-right: 0;
  }
}

.input-wrapper.error textarea {
    border: 2px solid #af0917;
}

@media (max-width:768px) {
	#form-opinion .input-wrapper,
	#form-opinion .styled-select {
		width: 100% !important;
		margin-left: 0px !important;
		margin-right: 0px !important;
		max-width: none !important;
	}
	
	#form-opinion input,
	#form-opinion select {
		width: 100% !important;
	}
	
	#form-opinion .line-breaker {
		margin-bottom: 20px !important;
	}
	
	#form-opinion h2 .message {
		margin-right: 0px !important;
	}
	
	#form-opinion .styled-select select {
		padding-left: 10px !important;
	}
}


/* File: assets/cs/css/responsive.css
   Compiled at: 2026-07-08 19:49:36 
================================ */
img {
  max-width: 100%;
  height: auto;
}

@media (max-height: 800px) {
  .branch-map .contact-map, .branch-map .contact-map #branch-map {
    height: 480px;
  }

/*  #owl-carousel-branch-wrapper {
    top: -230px;
  }*/
}

@media (max-height: 800px) and (min-width: 1000px) and (max-width: 1100px)  {
/*  #owl-carousel-branch-wrapper {
    top: -150px;
  }*/
}


@media (min-width: 1670px) {
  .float-banner {
    position: fixed;
    bottom: 0px;
    right: 0px;
    width: 318px;
  }

  .blog .float-banner .blog-banner {
    height: auto !important;
  }

  .blog .float-banner .blog-banner img {
    top: 0px !important;
    -webkit-transform: translateY(0%) !important;
    transform: translateY(0%) !important;
  }

  .blog .float-banner .credits {
    text-align: left !important;
    padding: 20px 10px 20px 0px !important;
    font-size: 10px !important;
  }
}

@media (min-width: 768px) {
  .blog-left .blog-item:hover {
    background-color: rgba(88,49,25,0.1);
  }
}

@media all and (max-width: 1600px) {
  .products-menu {
    width: 180px;
  }

  .products-menu a {
    padding-left: 30px;
  }

  #bb-product-section {
    max-width: 1280px;
    margin-left: 250px;
    margin-right: auto;
  }

  .products-info-header {
    grid-template-columns: 0.2fr 0.8fr;
  }

  .p-i-part-grid {
    grid-template-columns: 0.1fr 1.4fr 0.8fr;
    margin-top: 30px;
  }
}

@media all and (max-width: 1440px) {
  #bb-product-section {
    margin-left: 195px;
  }

  #student-footer .footer-bottom-grid,
  .footer-bottom .wrapper.student-footer-credits {
    padding-left: 50px;
    padding-right: 50px;
  }
}


@media all and (max-width: 1390px) {
    #new-lang-switcher li a {
        padding: 0 25px;
    }

    .main-menu li {
        font-size: 20px;
    }

    .main-menu li a {
        padding: 0px 10px;
    }
}

@media (max-width: 1366px) {
  .branch-grid-items {
    width: 100%;
  }

  .branch-overview, .branch-grid, .branch-detail-overview {
    padding: 75px 45px;
  }

  #bb-product-section {
    margin-left: 195px;
  }
}


@media (max-width: 1280px) {
  header .select-store::before {
    background: transparent url('../images/store-icon-mobile.svg') no-repeat center center;
    background-size: contain;
    width: 37px;
    left: 8px;
  }

  header .select-store:hover::before {
    background: transparent url('../images/store-icon-hover.svg') no-repeat center center;
    background-size: contain;
    width: 37px;
    left: 8px;
  }

  header .select-store {
    padding: 0px 40px 0px 55px;
    font-size: 20px;
    background-color: #FFFFFF;
  }

  header .select-store::after {
    right: 13px;
  }

  #new-lang-switcher li a {
    padding: 0px 30px;
    top: -2px;
  }

  #new-lang-switcher .lang-dropdown li a {
    padding-right: 30px;
  }

  .wrapper {
    max-width: 1024px;
  }

  .catering-hero {
    height: 95vh;
  }

  h2.new-intro-title {
    font-size: 80px;
  }

  .top-owl-nav.owl-carousel .owl-prev,
  .top-owl-nav.owl-carousel .owl-next {
    width: 50px;
    height: 50px;
    top: -45px;
  }

  #hp-locations .branch-list {
    grid-template-columns: 43fr 68fr;
  }

  #old-chefmade .top-owl-nav.owl-carousel .owl-prev, #old-chefmade .top-owl-nav.owl-carousel .owl-next {
      top: -65px;
  }

  .chef-menu-info-chef, .chef-menu-info-name {
    font-size: 27px;
  }

  .chef-menu-info-prev, .chef-menu-info-show {
    font-size: 15px;
  }

  .chef-menu-info-header {
    grid-template-columns: 1fr 1.2fr 0.8fr 0.8fr;
  }
}

@media (max-width: 1200px) {
  header .inner-wrapper {
    padding-left: 10px;
  }
  header .logo {
    margin-left: 0px;
  }
  #new-lang-switcher::before {
    left: auto;
    right: 0px;
  }
  body:not(.blog) {
    margin-top: 70px;
  }
  body:not(.blog) #menu-opener {
    display: inline-block;
    position: absolute;
    top: 5px;
    right: 15px;
  }
  body:not(.blog) header {
    padding-right: 85px;
    padding-left: 5px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 70px;
  }
  body:not(.blog) header::before,
  body:not(.blog) header .right-corner {
    display: none;
  }
  body:not(.blog) header::after {
    bottom: -15px;
    border-width: 15px 1200px 0 0;
  }
  body:not(.blog) header .logo {
    width: 120px;
  }
  /*  body:not(.blog) header .languages {
      margin-top: 10px;
    }*/
  body:not(.blog) header nav {
/*     background-color: #f0b600; */
    height: 70px;
  }
  header .select-store {
    height: 70px;
    line-height: 70px;
  }
  header .select-store {
    padding: 0px 50px 0px 29px;
/*     margin-top: -4px; */
  }
  header .select-store::after {
    right: 18px;
  }
  header .select-store::before {
    display: none;
  }
  body:not(.blog) header .main-menu {
    position: fixed;
    z-index: -1;
    top: 70px;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-200%);
    transform: translateY(-200%);
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
    padding-top: 20px;
    background-color: #E7B200;
    text-align: center;
    margin: 0;
  }
  body:not(.blog) header .main-menu li {
    display: block;
  }
  body:not(.blog) header .main-menu li a {
    width: 100%;
    line-height: 60px;
  }
  body:not(.blog).menu-opened .main-menu {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  header nav {
    position: static;
  }

/*  #page-logo {
    background: #f0b600 url('../images/logo.png') no-repeat center center;
    background-size: auto 60px;
    width: 200px;
    height: 70px;
  }*/

  .intro {
    top: 0;
    margin-bottom: 0;
    height: auto;
  }
  .map-contact .contact-info {
    left: 65%;
  }
  table td:first-child,
  table th:first-child {
    padding-left: 20px;
  }
  table td:first-child::before,
  table th:first-child::before {
    display: none;
  }
  body.blog {
    background: url("../images/background.jpg") center top repeat-y;
    background-attachment: scroll;
  }
  body.blog header nav {
    width: 100%;
  }
  body.blog .body-wrapper {
    overflow: visible;
  }
  .blog-left {
    width: 100%;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    background: none;
  }
  .blog-left div#slim-scroll {
    height: auto !important;
  }
  .blog-left header .filter {
    padding-right: 0;
  }
  .blog-left h1 {
    float: none;
    padding-right: 0;
    margin-bottom: 10px;
  }
  .blog-left .blog-items-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .blog-left .blog-items-wrapper .blog-item {
    width: 33.33%;
  }
  .blog footer {
    display: block;
    clear: both;
    width: 100%;
    padding-left: 0;
    overflow: hidden;
  }
  .blog footer .blog-banner {
    display: none;
  }
  .blog footer .newsletter {
    width: 50%;
    height: auto;
    padding: 0 20px 20px;
    margin: 0 auto;
  }
  .blog footer .newsletter .facebook,
  .blog footer .newsletter .instagram {
    display: inline-block;
    margin: 0 10px;
  }
  .blog footer .credits {
    padding: 20px;
    text-align: center;
  }
  .blog-center {
    padding: 10px 20px 50px 20px !important;
    width: 100%;
  }
  
	.uri-franchise .intro-banner,
	.uri-fransiza .intro-banner {
		margin-top: 0px;
		padding-bottom: 50.625%;
		height: 0px;
	}

	.uri-franchise  .intro-banner .bounce-arrow,
	.uri-fransiza .intro-banner .bounce-arrow {
		display: none;
	} 
	
	.video-career,
    .career-content {
        top: -5px;
    }

    #menu-app-promo {
      display: none;
    }

    .hp-hero {
      top: 0px;
    }

}
@media (max-width: 1150px) {
  .blog-home .blog-item,
  .blog-center .blog-item {
    height: 450px;
  }
}

@media (max-width: 1024px) {
  .owl-carousel.owl-career {
    width: 90% !important;
    margin-left: auto;
    margin-right: auto;
  }
  
  .yellow-check input[type="checkbox"] + label::after {
    left: -36px !important;
    top: 29px !important;
    z-index: -20;
  }
  
  .yellow-check input[type="checkbox"] + label {
    margin-top: -20px;  
    padding-left: 20px !important;
    width: 65%;
  }

  .branch-overview, .branch-grid, .branch-detail-overview {
    padding: 0px 45px;
  }

  .branch-detail-overview {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .branch-grid-items {
    grid-template-columns: repeat(1, 1fr);
  }

  .branch-detail-content {
    width: 100%;
  }

  .branch-list, .branch-detail {
    grid-template-columns: 40fr 60fr;
  }

  .wrapper,
  .footer-bottom .wrapper {
    max-width: 960px;
  }

  .footer-soc-ico {
    font-size: 30px;
    text-align: left;
  }

  header .bbdomu-header {
    height: 70px;
    padding-right: 25px;
  }

  header .bbdomu-header span {
    top: 9px;
  }

  #page-logo {
    left: 20px;
    top: 5px;
    background-size: auto 50px;
    height: 55px;
  }

  .products-menu {
      top: 70px;
  }

  #owl-carousel-branch-wrapper {
    width: 100vw;
  }

  #old-chefmade-all {
    margin-top: 20px;
    text-align: center;
  }

  #student-footer .footer-bottom-grid .footer-soc-ico,
  #student-footer .footer-app h3 {
    font-size: 22px;
  }

  .catering-hero .catering-content p {
    width: 25%;
  }

  .catering-event h3 {
    font-size: 22px;
  }

  .chef-menu-detail {
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto auto;
    row-gap: 30px;
  }

  .chef-menu-detail > .g-full-w {
    grid-column: 1 / -1;
  }
}

@media (max-width: 990px) {
    #promo-bar {
      display: block;
    }

    body:not(.blog) header.promo-bar-active {
      top: 90px;
    }

    .promo-bar-is-active .products-menu {
      top: 140px;
    }

    .hp-banner-links {
      grid-template-columns: 1fr;
    }

    .hp-banner-full {
      grid-area: auto;
      margin: 0px;
    }

    .intro-menu-selection-section {
      margin-bottom: 0px !important;
      padding-bottom: 0px !important;
    }

    .intro.owl-carousel .owl-item {
      border-radius: 0;
    }

    h2.intro-menu-selection {
      font-size: 36px;
    }

    .footer-soc-ico {
      text-align: center;
    }

    #form-career {
        margin-top: 20px;
    }
    
    .career-news-list ul li {
        padding-left: 0px;
        padding-right: 0px;
    }
    
    .career-news-list h2 {
        text-align: center;
        padding-left: 0px;
    }
    
    #form-career {
        padding-left: 30px;
        padding-right: 30px;
    }

    header .bbdomu-header {
      display: none;
    }

    #page-logo {
      background-size: auto 40px;
      height: 40px;
      left: 10px;
    }

    .g-2, .g-3, .g-4, .g-5, .footer-bottom-grid, .footer-credits {
      grid-template-columns: 1fr;
    }

    #loyalty-intro {
      padding-top: 20px;
    }

    #loyalty-path img {
      display: block;
      margin: 0px auto;
    }

    #loyalty-path p {
      text-align: center;
      width: 100%;
      margin-left: auto;
      margin-right: auto;
    }

    #loyalty-path p br {
      display: none;
    }

    .l-arrow img,
    #l-path-arrow-top img {
      display: none !important;
    }

    .l-arrow .p-arrow-mob,
    #l-path-arrow-top .p-arrow-mob {
      display: block !important;
      width: 30px;
      margin: 10px auto;
      position: static;
    }

    #l-path-logo,
    #l-path-arrow-extra::before {
      display: none;
    }

    #loyalty-app-collage {
      top: -120px;
    }

    #loyalty-app-text {
      padding-bottom: 150px;
    }

    #loyalty-form p.form-note,
    #loyalty-form .t-a-r {
      text-align: center;
    }

    #loyalty-form .new-order-btn {
      min-width: 0px;
      width: 100%;
    }

    #footer-logo {
      margin-left: auto;
      margin-right: auto;
    }

    .footer-soc {
      text-align: center;
      padding-left: 20px;
      padding-right: 20px;
    }

    .footer-soc-ico::before {
      position: relative;
      top: 12px;
      left: 0px;
      margin-right: 10px;
      -webkit-transform: translateY(0%);
      transform: translateY(0%);
    }

    .footer-links h3 {
      text-align: center;
    }

    .two-columns {
      columns: 1;
      text-align: center;
    }

    .footer-links a,
    .footer-credits,
    .footer-credits .right-part {
      text-align: center;
    }

    .footer-credits .right-part {
      margin-top: 20px;
    }

    .career-menu {
      margin-top: 0px;
    }

    .career-menu .wrapper {
      max-width: none;
    }

    .career-menu .general-grid,
    .products-menu {
      display: flex;
      flex-wrap: nowrap;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      z-index: 100;
    }

    #menu-slide-indicator {
      display: block;
    }

    .career-menu .general-grid a,
    .products-menu a {
      flex: 0 0 auto;
    }

    .products-menu {
      top: 50px;
      width: 100%;
      padding-top: 10px;
      padding-bottom: 10px;
    }

    .products-menu a {
      padding-left: 20px;
      padding-right: 20px;
      text-align: center;
/*       width: 35%; */
    }

    #bb-product-section {
      margin-top: 30px;
    }

    #career-intro {
      margin-top: 70px;
      min-height: 0px;
      padding-bottom: 20px;
    }

    .summary {
      padding-right: 20px;
    }

    .summary:after {
      display: none;
    }

    #career-man {
      display: none;
    }

    #benefits-accordeon .summary {
      grid-template-columns: 1fr;
    }

    #career-jobs h2 {
      margin-bottom: 0px !important;
    }

    .jobs-filter-right {
      display: grid;
      grid-template-columns: 1fr 1fr;
      text-align: left;
      grid-column-gap: 5px;
      grid-row-gap: 20px;
      margin-bottom: 20px;
    }

    .styled-select.new-styled-select {
      margin-left: 0px;
    }

    .job-item {
      padding-right: 40px;
    }

    .two-row-element {
      grid-row: 1;
      grid-column: 1;
    }

    #loyalty-form .check-wrapper label, #loyalty-form .check-wrapper label a {
      font-size: 13px;
    }

    section.about-map {
      padding-top: 20px !important;
      padding-bottom: 120px !important;
    }

    section.about-map h2 {
      margin-bottom: 30px !important;
    }

    .section-about .wrapper p, .chefmenu p {
      width: 100%;
    }

    .about-map::after {
      width: 65%;
    }

    section.section-fasfood {
      padding-top: 55px !important;
    }

    .section-about .history-snippet h4 {
      margin-top: 0px !important;
      margin-bottom: 10px !important;
    }

    .section-about .events-content li {
      padding: 0px 20px 20px 20px !important;
    }

    .section-about .cd-horizontal-timeline ol h2 span {
      display: block;
      margin-bottom: 10px !important;
    }

    .section-about .cd-horizontal-timeline .events-content {
      margin-bottom: 20px !important;
    }

    .about-chef-menu {
      width: 80%;
      margin-left: auto;
      margin-right: auto;
    }

    .about-chef-menu .owl-nav .owl-prev,
    .about-chef-menu .owl-nav .owl-next {
      width: 36px;
      height: 36px;
    }

    .about-chef-menu .owl-nav .owl-prev {
      left: -45px;
    }

    .about-chef-menu .owl-nav .owl-next {
      right: -45px;
    }

    .about-contacts .g-4 {
      grid-template-columns: 1fr;
      grid-row-gap: 20px;
    }

    .contact-item p {
      text-align: center;
    }

    blockquote {
      width: 100%;
      margin-top: 20px;
    }

    .chefmenu-intro .owl-nav,
    .intro.wrapper .owl-nav {
      display: none;
    }

    .chef-menu-banner {
      margin-top: 0px;
    }

    .products-info-header,
    .p-i-part-grid {
      grid-template-columns: 1fr;
      grid-row-gap: 20px;
      margin-top: 0px;
    }

    .p-i-part-grid img {
      display: none;
    }

    .p-i-part-grid p br {
      display: none;
    }

    .bb-products,
    .bb-product-card-content,
    .section-header,
    .hp-blog-grid {
      grid-template-columns: 1fr;
      grid-row-gap: 20px;
    }

    .section-header h2,
    .section-header .right-part {
      text-align: center;
    }

    .section-header h2 {
      margin-left: 0px;
    }

    .section-header-button:not(.about-button) {
      font-size: 16px;
      top: 0px;
    }

    section.new-section {
      padding: 20px;
    }

    .hp-blog-item {
      padding-bottom: 10px;
    }

    .new-bbdomu br {
      display: none;
    }

    .new-bbdomu em {
      font-style: normal;
    }

    .new-bbdomu {
      background-color: #e8b300;
    }

    .new-bbdomu a,
    .new-bbdomu a:hover {
      color: #5a3218;
    }

    #bb-product-section {
      margin-left: auto;
    }

    #catering-hero-label {
      width: 85%;
      left: 0px;
      margin-top: 0px;
    }

    .catering-hero .catering-content p {
      width: 70%;
      color: #FFFFFF;
    }

    .catering-hero {
      height: 55vh;
    }

    .catering-events-section {
      margin-top: 30px;
    }

    .catering-events {
      grid-template-columns: 1fr;
    }

    .catering-content {
      padding: 0px 25px;
    }

    .catering-event h3 {
      font-size: 27px;
    }

    .catering-hero .catering-content {
      padding: 0px 35px;
    }

    .uri-catering section.section-about {
      padding-top: 20px !important;
    }

    .catering-content .p-two-cols {
      grid-template-columns: 1fr;
    }

    .yt-video-wrapper {
      max-width: 90%;
    }

    .yt-play-btn {
      width: 120px;
      height: 120px;
    }

    .yt-play-btn::after {
      width: 100px;
      height: 100px;
      background-size: 50px auto;
      background-position: 32px center;
    }

    .catering-gallery-row {
      grid-template-columns: 1fr 1fr 1fr;
      height: 90px;
    }

    .yt-section {
      padding-bottom: 0px;
    }

    .catering-content-narrow .split-box {
      grid-template-columns: 1fr;
    }

    .uri-catering .section-white {
      padding-top: 0px !important;
    }

    .section-catering-gallery {
      padding-bottom: 20px !important;
    }

    .split-box-text {
      padding: 40px;
      border-radius: 0px !important;
    }

    .split-box-left .split-box-text {
      border-top-left-radius: 25px !important;
      border-top-right-radius: 25px !important;
    }

    .split-box-text h3 {
      font-size: 30px;
    }

    .split-box-text .section-header-button {
      font-size: 25px;
      padding-left: 45px;
      padding-right: 45px;
    }

    .split-box-image {
      width: 100%;
      height: 215px;
      top: 0px;
    }

    .split-box-left .split-box-image {
      border-radius: 0px;
      border-bottom-left-radius: 25px;
      border-bottom-right-radius: 25px;
    }

    .split-box-right .split-box-text {
      border-bottom-left-radius: 25px !important;
      border-bottom-right-radius: 25px !important;
    }

    .split-box-right .split-box-image {
      border-radius: 0px;
      border-top-left-radius: 25px;
      border-top-right-radius: 25px;
    }

    .catering-testimonials {
      column-count: 1;
    }

    .catering-testimonial {
      margin-bottom: 20px;
    }

    #split-box-image-foodtruck,
    #split-box-image-events {
      background-size: cover;
    }

    .catering-content-narrow {
      padding: 0px 30px;
    }

    .chef-menu-info-header {
      grid-template-columns: 1fr;
    }

    .chef-menu-info-header div {
      text-align: left !important;
    }

    .chef-menu-info-header div {
      padding: 10px 20px;
    }

    .hp-products .owl-stage,
    .new-restaurants .owl-stage {
      margin-left: 0px;
    }

    .new-restaurant p,
    .new-restaurant a {
      position: static;
    }

    .new-restaurant p {
      padding: 15px;
    }

    .new-checkbox-form .check-wrapper {
      margin-bottom: 30px !important;
    }
}

@media (max-width: 980px) {
  .map-contact .contact-info {
    position: relative;
    top: auto;
    left: auto;
    -webkit-transform: none;
    transform: none;
    margin: 20px auto 0;
  }
  .map-contact .ui-controls {
    display: none;
  }
  h2 .message {
    margin: 10px 20px 0 0;
    display: block;
  }
  h2 .message::before {
    display: none;
  }
  footer .footer-logo,
  footer .socials {
    display: none;
  }
  footer .footer-menu,
  footer .newsletter {
    width: 50%;
    padding: 0 20px;
  }
  .blog-home .blog-item,
  .blog-center .blog-item {
    height: 396px;
    width: 100%;
  }
  .blog-home .blog-item.full, .blog-center .blog-item.full {
    width: 100%;
    height: auto;
    padding-bottom: 0px;
  }
  .blog-home .blog-item.two-third, .blog-center .blog-item.two-third {
    width: 100%;
    /* 		height: 396px; */
  }
  .blog-home .blog-item.full, .blog-center .blog-item.full .read-more {
    bottom: 0px;
  }

  .blog-home .blog-item {
    height: auto !important;
  }

  .blog-home .blog-item p {
    height: auto !important;
    padding-bottom: 100px !important;
  }

/*  #owl-carousel-branch-wrapper {
    top: 85px;
    padding-bottom: 80px;
  }*/

  form.general-grid.g-2 .message {
    grid-area: auto;
  }

  .students-hero {
    height: 25vh;
  }

  .uri-pro-studenty #loyalty-path {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  #loyalty-path img.app-store-btn,
  .store-links a img,
  .store-links span img {
    margin-bottom: 20px;
    width: 200px !important;
    height: auto !important;
  }

  .app-screen {
    margin: 0 auto !important;
    transform: translateX(10px);
  }

  .l-path.m-t-40p {
    margin-top: 0px;
  }

  #extra-arrow::before {
    display: none;
  }

  .l-path.mob-top-30 {
    margin-top: -30px;
  }

  #student-footer .footer-bottom-grid {
    grid-template-columns: 1fr;
  }

  .footer-app {
    display: none;
  }

  #student-app .wrapper {
    top: -50px;
  }

  #student-footer .footer-bottom-grid .footer-soc-ico, #student-footer .footer-app h3 {
    font-size: 20px;
  }

  .loyalty-hero .store-links {
    display: none;
  }

  #loyalty-app-collage {
    position: static;
    transform: translate(0%, -50%);
  }

  #loyalty-fifth-banners {
    padding-bottom: 30%;
  }

  #loyalty-app .shift-by-image {
    padding-top: 0px;
    top: -90px;
  }

  #loyalty-app {
    padding-bottom: 0px !important;
  }

  #hp-app {
    padding: 20px !important;
  }

  #new-restaurants {
    margin-top: 30px;
  }
}

@media (max-width: 800px) {
  .branch-list, .branch-detail,
  #hp-locations .branch-list {
    grid-template-columns: 1fr;
  }

  .branch-overview {
    padding-bottom: 45px;
  }

  .branch-list h1, .branch-list h2 {
    font-size: 30px;
  }

  .contact {
    width: 100%;
  }
  
  .cms-jobs-read .jobs {
/*       padding-left: 25px; */
/*       padding-right: 25px; */
  }
  
  .mini-contact-box p {
      word-break: break-all;
  }
  
  #form-career .check-wrapper label {
    width: 70%;    
  }
  
  .freejobs-filter label,
  .freejobs-filter .styled-select {
    display: block;   
    margin-right: 0px;
  }
  
   .freejobs-filter .styled-select {
    margin-bottom: 20px;     
  }
}
@media (max-width: 768px) {
  .branch-map {
    padding-top: 0px;
  }

  body:not(.blog) {
    margin-top: 60px;
  }

  body:not(.blog) #menu-opener {
    top: 3px;
    right: 10px;
  }
  body:not(.blog) header {
    height: 60px;
    padding-right: 75px;
  }
  body:not(.blog) header::after {
    display: none;
  }
  body:not(.blog) header .logo {
    width: 80px;
  }
  body:not(.blog) header .select-store {
    margin-top: 10px;
  }
  section {
    padding: 30px 0 45px;
  }
  section:last-of-type {
    padding-bottom: 70px;
  }
  .call-to-action {
    padding: 50px 0;
  }
  .call-to-action h1 {
    margin: 0;
    font-size: 43px;
  }
  .call-to-action .button {
    margin-top: 20px;
  }
  .testimonials {
    padding-top: 30px;
  }
  .testimonials .wrapper {
    padding: 0;
  }
  .testimonials p {
    margin: 15px 0;
  }
  .testimonials .owl-carousel .owl-dots {
    margin-top: 0;
  }
  .products-submenu a {
    padding-bottom: 0;
  }
  .products-submenu a:hover::after,
  .products-submenu a.current::after {
    display: none;
  }
  footer .credits .copyright,
  footer .credits .design-code {
    display: block;
    text-align: center;
    float: none;
  }
  .three.columns .column {
    width: 50%;
  }
  .blog-left .blog-items-wrapper .blog-item {
    width: 50%;
  }
  .intro.owl-carousel .owl-prev {
    left: 20px;
  }
  .intro.owl-carousel .owl-next {
    right: 20px;
  }

  #map-contact {
    /*		padding: 0px 90px !important;*/
    /*		-webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 90% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        position: static !important;*/
    height: 90vh !important;
    top: 0px !important;
  }

  .map-contact {
    height: 90vh !important;
    top: 0px !important;
  }

  .map-contact-container h1 {
    top: 0px !important;
  }

  .product-detail.current-baguette .description p {
    width: 100% !important;
  }

  .product-detail h2 small {
    font-size: 19px !important;
  }

  .product-detail-new p.composition, .product-detail.current-baguette .composition {
    font-size: 20px !important;
  }

  .product-detail-new .description p {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  
  .video-career {
      height: 35vh;
  }
  
  #play-career-video {
    width: 100px;
    height: 100px;
  }
}
@media (max-width: 640px) {
  .map .ui-controls {
    bottom: 10px;
  }
  #instafeed {
    display: none;
  }
  fieldset {
    padding-left: 0;
    padding-right: 0;
  }
  fieldset h2 {
    margin-left: 0;
  }
  .blog footer .newsletter {
    width: 100%;
  }

  .blog.cms-articles-browse .blog-center {
    display: none;
  }

  .blog.cms-articles-browse .blog-center.blog-detail {
    display: block;
  }

  .blog.cms-articles-read .blog-left .blog-items-wrapper {
    display: none;
  }

  .owl-carousel.owl-career .owl-prev {
    left: -35px;
  }

  .owl-carousel.owl-career .owl-next {
    right: -35px;
  }

  .branch-button {
    display: none;
    /*		position: absolute;
        top: auto;
        bottom: 0px;
        left: 50%;
        display: inline-block;
        margin-top: 0px;
        z-index: 20000;
        background-image: none;
        background-color: #f0b600;
        height: auto;
        width: auto;
        padding: 10px 25px;*/
  }

  /*	.branch-button:hover {
      background-image: none;
    }

    .branch-button span {
      display: inline-block;
      position: static;
      transform: rotate(0deg);
      transform-origin: left top 0;
    }*/
}
@media (max-width: 639px) {
  table.responsive-table {
    display: block;
    text-align: center;
    width: 100%;
  }
  table.responsive-table thead,
  table.responsive-table tbody,
  table.responsive-table tr {
    display: block;
    width: 100%;
  }
  table.responsive-table tr {
    padding: 10px;
  }
  table.responsive-table th,
  table.responsive-table td {
    display: block;
    padding: 2px;
    text-align: center;
  }
  table.responsive-table th:first-child,
  table.responsive-table td:first-child {
    padding-left: 2px;
  }

  .blog-left header .filter {
    display: none !important;
  }
}
@media (max-width: 570px) {
  body:not(.blog) header .select-store {
    float: right;
  }

  .lang-wrapper {
    float: right;
  }

  ul.languages li {
    margin-left: 0px !important;
  }
}
@media (max-width: 480px) {
  .blog-home {
    display: block;
  }
/*  .blog-home.wrapper {
    padding-left: 0;
    padding-right: 0;
  }*/
  .blog-home .blog-item {
    width: 100%;
    height: auto;
  }
  .blog-home .blog-item h2 {
    padding-left: 20px;
    padding-top: 0;
  }
  .blog-home .blog-item p {
    padding: 15px 20px 0;
  }
  .blog-home .blog-item img {
    width: 100%;
  }
  .blog-home .blog-item .date {
    margin-left: 20px;
  }
  .blog-home .blog-item .read-more {
    position: relative;
    display: inline-block;
    float: right;
    margin-top: 30px;
  }
  .call-to-action h1 {
    font-size: 36px;
    word-wrap: break-word;
    -webkit-hyphens: all;
    -moz-hyphens: all;
    -ms-hyphens: all;
    hyphens: all;
  }
  .testimonials .facebook,
  footer .instagram-big {
    font-size: 24px;
    background-size: 50px 50px;
    padding-left: 60px;
  }
  footer::before {
    display: none;
  }
  footer .instagram-big {
    top: 15px;
  }
  section:last-of-type {
    padding-bottom: 45px;
  }
  footer .footer-bottom .columns {
    display: block;
  }
  footer .footer-menu,
  footer .newsletter {
    width: 100%;
    text-align: center;
    padding: 0;
  }
  footer .footer-menu a::before {
    content: "";
  }
  footer .newsletter h3 {
    text-align: center;
  }
  footer .newsletter .get-connected {
    display: none;
  }
  .three.columns .column {
    width: 100%;
  }
  .three-columns {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
  fieldset .button {
    margin-right: 0;
  }

  .map-contact .contact-info {
    width: 95% !important;
    margin-top: 0px !important;
    z-index: 200 !important;
    padding: 0px !important;
    top: 2.5% !important;
    left: 2.5% !important;
    position: absolute !important;
  }

  ul.languages {
    background-color: #f0b600 !important;
    display: none;
    height: auto !important;
    padding-top: 0px !important;
    width: 42px !important;
    margin: 0px 0px 0px 0px !important;
    -webkit-padding-start: 0px !important;
  }

  ul.languages li {
    width: 50px !important;
    height: 42px !important;
    display: inline-block !important;
    float: none !important;
    vertical-align: top !important;
    margin: 0px !important;
    line-height: 42px !important;
    background-color: #f0b600 !important;
  }

  ul.languages ul {
    display: block;
    position: static !important;
    width: 50px !important;
    margin-top: 0px !important;
    top: 0px !important;
    padding-top: 0px !important;
    /* 		margin-left: -1px !important; */
  }

  ul.languages li:last-child {
    padding-right: 0px !important;
  }

  ul.languages li ul li a {
    padding-left: 0px !important;
  }

  ul.languages li a {
    display: inline-block !important;
    text-align: center !important;
    width: 50px !important;
  }

  ul.languages li:last-child a::after {
    display: none !important;
  }

  #new-lang-switcher::before {
    display: none;
  }

  .lang-wrapper {
    padding-top: 0px;
  }

  .branch-overview, .branch-grid, .branch-detail-overview {
    padding-left: 30px;
    padding-right: 30px;
  }

  header .inner-wrapper {
    padding-left: 0px;
  }

  .branch-grid h3 {
    font-size: 30px;
  }

  .branch-detail-content {
    width: 100%;
  }

  .mobile-lang-opener {
    display: block;
    width: 50px;
    height: 35px;
    background: transparent url('../images/icons/lang-ico.png') no-repeat 2px center;
    background-size: 27px 27px;
    cursor: pointer;
    position: relative;
  }

  .mobile-lang-opener::after {
    display: block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    content: '\25bc';
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -11px;
    cursor: pointer;
    color: #583119;
  }

  ul li ul::before {
    display: none !important;
  }

  .blog-home .blog-item p {
    padding-bottom: 30px !important;
  }
}
@media (max-width: 479px) {
  body:not(.blog) {
    margin-top: 50px;
  }
  body:not(.blog).promo-bar-is-active {
    margin-top: 140px;
  }
  body:not(.blog) #menu-opener {
    top: -3px;
    right: 5px;
  }
  body:not(.blog) header {
    height: 50px;
    padding-right: 80px;
  }
/*  #page-logo {
    background: #f0b600 url('../images/logo.png') no-repeat center center;
    background-size: auto 40px;
    width: 120px;
    height: 50px;
  }*/
  body:not(.blog) header .select-store {
    display: none;
  }
  body:not(.blog) header .logo {
    margin-top: 5px;
    margin-left: 5px;
  }
  body:not(.blog) header .languages {
    /*     margin-top: 10px; */
  }
  body:not(.blog) header .main-menu {
    top: 49px;
  }
  body:not(.blog) header.promo-bar-active .main-menu {
    top: 139px;
  }
  .blog-left .blog-items-wrapper .blog-item {
    width: 100%;
  }

  #old-chefmade .top-owl-nav.owl-carousel .owl-prev, #old-chefmade .top-owl-nav.owl-carousel .owl-next {
      top: -40px;
  }

  .top-owl-nav.owl-carousel .owl-prev {
    left: 5px;
  }

  .top-owl-nav.owl-carousel .owl-next {
    right: 5px;
  }

  .cms-home-index #bb-menu {
    margin-top: 70px;
  }
}

@media (max-width: 400px) {
  .owl-carousel.owl-career .owl-prev {
    left: -30px;
  }

  .owl-carousel.owl-career .owl-next {
    right: -30px;
  }
}

@media (max-width: 360px) {
  .two-columns,
  .three-columns {
    -webkit-column-count: initial;
    -moz-column-count: initial;
    column-count: initial;
  }
}
@media (max-height: 550px) {
  .blog.menu-opened header {
    position: fixed;
  }
  .blog.menu-opened header nav {
    bottom: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
  #form-career .nowrap {
    white-space: inherit !important;
  }
}
@media (max-height: 490px) {
  header .main-menu {
    bottom: 0;
    overflow: auto;
  }
}
@media (max-width: 320px) {
  #form-career label {
    font-size: 16px !important;
  }
}

/* iPAD Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation : landscape) {
  body, html {
    height: 100vh !important;
    /*overflow-y: hidden !important;*/
  }

  .blog-left {
    width: 33.3% !important;
    float: left;
  }

  .blog-left .blog-items-wrapper {
    height: 100% !important;
    height: 100vh !important;
    overflow-y: scroll !important;
    padding-bottom: 200px !important;
  }

  .blog-left .blog-items-wrapper .blog-item {
    width: 100% !important;
  }

  .blog-center {
    width: 66.6% !important;
    padding: 0px !important;
  }

  .blog-center .blog-item {
    width: 50% !important;
    height: 280px;
  }

  .blog.cms-articles-read .blog-center.blog-detail {
    padding: 15px !important;
    height: 100% !important;
    height: 100vh !important;
    overflow-y: scroll !important;
  }

  .blog .mt-35 {
    display: none !important;
  }

  body.blog header nav {
    width: 33.3% !important;
  }

  .blog footer {
    display: none !important;
  }

  .owl-carousel.owl-career .owl-prev {
    left: -28px;
  }

  .owl-carousel.owl-career .owl-next {
    right: -28px;
  }
}

/* iPAD Portrait */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
  body, html {
    height: 100vh !important;
    /*overflow-y: hidden !important;*/
  }

  .blog-left .blog-items-wrapper {
    height: 100% !important;
    height: 100vh !important;
    overflow-y: scroll !important;
    padding-bottom: 200px !important;
  }

  .blog-left {
    width: 33.3% !important;
    float: left;
  }

  .blog-left .blog-items-wrapper .blog-item {
    width: 100% !important;
  }

  .blog-center {
    width: 66.6% !important;
    padding: 0px !important;
  }

  .blog-center .blog-item {
    width: 100% !important;
    height: auto !important;
    min-height: 230px !important;
  }

  .blog.cms-articles-read .blog-center.blog-detail {
    padding: 15px !important;
    height: 100% !important;
    height: 100vh !important;
    overflow-y: scroll !important;
  }

  .blog .mt-35 {
    display: none !important;
  }

  .blog footer .credits {
    text-align: center !important;
    padding-bottom: 15px !important;
  }

  body.blog header nav {
    width: 33.3% !important;
  }
  
  body:not(.blog) header .select-store {
/*     margin-top: 5px; */
  }
  
  .lang-wrapper {
      padding-top: 0px;
  }
  
  ul.languages {
      padding-top: 5px !important;
  }

  #new-lang-switcher li a {
    top: 7px;
  }
}

.blog-home.wrapper .yellow {
  color: #312927 !important;
}

@media all and (min-width: 1200px) and (max-width: 1440px) and (max-height: 800px) {
  .intro-banner h1::before {
    height: 180px;
    width: 498px;
    margin-left: -250px;
    margin-top: -96px;
  }

  .intro-banner h1 {
    font-size: 3.15em;
    margin-top: 2.867em;
  }
  .lang-de .intro-banner h1 {
    font-size: 2.8em;
  }

  .arrow-bottom {
    display: none;
  }

  .intro-banner {
    height: calc(100vh - 140px);
  }

  .franchise-benefits nav figure {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .franchise-benefits nav figure .icon {
    width: 85px;
    height: 50px;
    background-size: contain;
    margin: auto auto 14px;
  }
}


@media all and (min-width: 1024px) and (max-height: 700px) {
  .career-section-wrapper .benefits-details-btn,
  .career-section-wrapper .position-details-btn {
    zoom: 0.7;
  }

  .career-section-wrapper .position-details-btn {
    top: auto;
    bottom: 200px;
    right: 300px;
  }

  .career-section-wrapper .benefits-details-btn {
    top: auto;
    bottom: 200px;
    right: 102px;
  }
}

@media (min-width: 1200px) {
    body:not(.blog) {
        margin-top: 50px;
    }
    
    body.page-career:not(.blog) {
        margin-top: 0px;
    }
    
    body:not(.blog) header {
        position: fixed;
        top: 0px;
        left: 50%;
        width: 100%;
/*         max-width: 1400px; */
        
        -webkit-transform: translate(-50%, 0%);
        -moz-transform: translate(-50%, 0%);
        -o-transform: translate(-50%, 0%);
        -ms-transform: translate(-50%, 0%);
        transform: translate(-50%, 0%);
        
        -webkit-transition: all .2s ease-out;
        -moz-transition: all .2s ease-out;
        -o-transition: all .2s ease-out;
        -ms-transition: all .2s ease-out;
        transition: all .2s ease-out;
    }
    
    body:not(.blog) header.not-ejected {
        -webkit-transform: translate(-50%, -100%);
        -moz-transform: translate(-50%, -100%);
        -o-transform: translate(-50%, -100%);
        -ms-transform: translate(-50%, -100%);
        transform: translate(-50%, -100%);
    }
    
/*    .video-career {
        top: 20px;
    }*/
    
    .career-content {
        top: 70px;
    }
}

@media all and (max-height: 900px) {
  #loyalty-app-collage {
    width: 70%;
  }

  .shift-by-image {
    padding-top: 260px;
  }
}

@media all and (max-height: 768px) {
  .shift-by-image {
    padding-top: 200px;
  }
}


/* File: assets/cs/css/jquery.fancybox.css
   Compiled at: 2026-07-08 19:49:36 
================================ */
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('../images/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('../images/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('../images/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('../images/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('../images/fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('../images/fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}

/* File: assets/cs/css/magnific-popup.css
   Compiled at: 2026-07-08 19:49:36 
================================ */
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* File: assets/cs/css/owl.carousel.css
   Compiled at: 2026-07-08 19:49:36 
================================ */
/* 
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

/* 
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

/* 
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
  display: none;
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}
.owl-carousel .owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

/* 
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-item img {
  transform-style: preserve-3d;
}

/* 
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: scale 100ms ease;
  -moz-transition: scale 100ms ease;
  -ms-transition: scale 100ms ease;
  -o-transition: scale 100ms ease;
  transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
  -webkit-transition: scale(1.3, 1.3);
  -moz-transition: scale(1.3, 1.3);
  -ms-transition: scale(1.3, 1.3);
  -o-transition: scale(1.3, 1.3);
  transition: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
}


/* File: assets/cs/css/spinner.css
   Compiled at: 2026-07-08 19:49:36 
================================ */
html.spinner-active,
body.spinner-active {
/*   overflow: hidden !important; */
}
.spinner-wrapper {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 2000;
  display: none;
}
.spinner-active .spinner-wrapper {
  display: block;
}
.spinner-center {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%), translateX(-50%);
  -ms-transform: translateY(-50%), translateX(-50%);
  transform: translateY(-50%), translateX(-50%);	
}
.sk-folding-cube {
  margin: 0px;
  width: 40px;
  height: 40px;
  position: relative;
  -webkit-transform: rotateZ(45deg);
          transform: rotateZ(45deg); 
}
.sk-folding-cube .sk-cube {
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.sk-folding-cube .sk-cube:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #f0b600;
  -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
          animation: sk-foldCubeAngle 2.4s infinite linear both;
  -webkit-transform-origin: 100% 100%;
      -ms-transform-origin: 100% 100%;
          transform-origin: 100% 100%;
}
.sk-folding-cube .sk-cube2 {
  -webkit-transform: scale(1.1) rotateZ(90deg);
          transform: scale(1.1) rotateZ(90deg);
}
.sk-folding-cube .sk-cube3 {
  -webkit-transform: scale(1.1) rotateZ(180deg);
          transform: scale(1.1) rotateZ(180deg);
}
.sk-folding-cube .sk-cube4 {
  -webkit-transform: scale(1.1) rotateZ(270deg);
          transform: scale(1.1) rotateZ(270deg);
}
.sk-folding-cube .sk-cube2:before {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
.sk-folding-cube .sk-cube3:before {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
.sk-folding-cube .sk-cube4:before {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}
@-webkit-keyframes sk-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
            transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  } 25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
            transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  } 90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
            transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}

@keyframes sk-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
            transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  } 25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
            transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  } 90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
            transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}

/* File: assets/cs/css/jquery-ui.min.css
   Compiled at: 2026-07-08 19:49:37 
================================ */
/*! jQuery UI - v1.12.1 - 2017-01-25
* http://jqueryui.com
* Includes: core.css, datepicker.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("../images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("../images/ui-icons_444444_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("../images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("images/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("images/ui-icons_777777_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666}

/* File: assets/cs/css/jquery.fullpage.css
   Compiled at: 2026-07-08 19:49:37 
================================ */
/*!
 * fullPage 2.9.3
 * https://github.com/alvarotrigo/fullPage.js
 * MIT licensed
 *
 * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
 */
html.fp-enabled,
.fp-enabled body {
    margin: 0;
    padding: 0;
    overflow:hidden;

    /*Avoid flicker on slides transitions for mobile phones #336 */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
#superContainer {
    height: 100%;
    position: relative;

    /* Touch detection for Windows 8 */
    -ms-touch-action: none;

    /* IE 11 on Windows Phone 8.1*/
    touch-action: none;
}
.fp-section {
    position: relative;
    -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */
    -moz-box-sizing: border-box; /* <=28 */
    box-sizing: border-box;
}
.fp-slide {
    float: left;
}
.fp-slide, .fp-slidesContainer {
    height: 100%;
    display: block;
}
.fp-slides {
    z-index:1;
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */
    transition: all 0.3s ease-out;
}
.fp-section.fp-table, .fp-slide.fp-table {
    display: table;
    table-layout:fixed;
    width: 100%;
}
.fp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}
.fp-slidesContainer {
    float: left;
    position: relative;
}
.fp-controlArrow {
    -webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
    -ms-user-select: none; /* IE10+ */
    position: absolute;
    z-index: 4;
    top: 50%;
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -38px;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.fp-controlArrow.fp-prev {
    left: 15px;
    width: 0;
    border-width: 38.5px 34px 38.5px 0;
    border-color: transparent #fff transparent transparent;
}
.fp-controlArrow.fp-next {
    right: 15px;
    border-width: 38.5px 0 38.5px 34px;
    border-color: transparent transparent transparent #fff;
}
.fp-scrollable {
    overflow: hidden;
    position: relative;
}
.fp-scroller{
    overflow: hidden;
}
.iScrollIndicator{
    border: 0 !important;
}
.fp-notransition {
    -webkit-transition: none !important;
    transition: none !important;
}
#fp-nav {
    position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
}
#fp-nav.right {
    right: 17px;
}
#fp-nav.left {
    left: 17px;
}
.fp-slidesNav{
    position: absolute;
    z-index: 4;
    left: 50%;
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.fp-slidesNav.bottom {
    bottom: 17px;
}
.fp-slidesNav.top {
    top: 17px;
}
#fp-nav ul,
.fp-slidesNav ul {
  margin: 0;
  padding: 0;
}
#fp-nav ul li,
.fp-slidesNav ul li {
    display: block;
    width: 14px;
    height: 13px;
    margin: 7px;
    position:relative;
}
.fp-slidesNav ul li {
    display: inline-block;
}
#fp-nav ul li a,
.fp-slidesNav ul li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
}
#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span{
    height: 12px;
    width: 12px;
    margin: -6px 0 0 -6px;
    border-radius: 100%;
 }
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    height: 4px;
    width: 4px;
    border: 0;
    background: #333;
    left: 50%;
    top: 50%;
    margin: -2px 0 0 -2px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span{
    width: 10px;
    height: 10px;
    margin: -5px 0px 0px -5px;
}
#fp-nav ul li .fp-tooltip {
    position: absolute;
    top: -2px;
    color: #fff;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    max-width: 220px;
    overflow: hidden;
    display: block;
    opacity: 0;
    width: 0;
    cursor: pointer;
}
#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active + .fp-tooltip {
    -webkit-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;
    width: auto;
    opacity: 1;
}
#fp-nav ul li .fp-tooltip.right {
    right: 20px;
}
#fp-nav ul li .fp-tooltip.left {
    left: 20px;
}
.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell{
    height: auto !important;
}

.fp-responsive .fp-auto-height-responsive.fp-section,
.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell {
    height: auto !important;
}

/* File: assets/cs/css/animate.css
   Compiled at: 2026-07-08 19:49:37 
================================ */
@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;
}


/* File: assets/cs/css/map.css
   Compiled at: 2026-07-08 19:49:37 
================================ */
.map-loader {
    display: none;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1000;
    margin-left: -40px;
    margin-top: -40px;
    z-index: 100;
}

.stop-scrolling {
    height: 100%;
    overflow: hidden;
}

.contact-info {
    display: none;
}

#map-area {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1001;
}

#lock {
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    background-color: white;
    opacity: 0.5;
    z-index: 1;
    display: none;
}

#map {
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
}

#map-area .map {
    position: static;
    top: auto;
    margin-bottom: auto;
    height: auto;
    padding-top: auto;
}

.map .ui-controls {
    position: absolute;
    left: 50%;
    bottom: 45px;
    width: 490px;
    margin-left: -245px;
    text-align: center;
    z-index: 2;
}

.map .ui-controls .buttons-group a.active {
    background-color: #f0b600;
    color: #583119;
}

#map-contact,
#branches-map {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

.map-contact-container h1 {
    position: absolute;
    left: 0;
    right: 0;
}

#branches-contact-json {
    display: none;
}

#branch-map {
    width: 100%;
}

.contact-image img {
    width: 100%;
}

.branch-map-marker {
    display: none;
}


/*.map-menu {
    position: absolute;
    background-color: #1A0E06;
    height: 60px;
    top: 80%;
    width: 510px;
    margin-left: -205px;
    left: 50%;
    border-radius: 5px;
}

.map-modes {
    margin-left: 6px;
    display: inline;
}

.btn-navigation {
    display: inline;
}

.btn-map {
    padding-left: 5px;
    padding-right: 5px;
    margin-top: 5px;
    width: 163px;
    background-color: #1A0E06;
    color: #f0b600;
    border: 0;
    border-radius: 5px;
    height: 50px;
}

.btn-map:hover {
    cursor: pointer;
    background: white;
}

.btn-map.active {
    color: white;
    background-color: #f0b600;
}*/

.map .contact-info a.h2-link::after {
    content: "";
}

*,
*:before,
*:after {
    box-sizing: border-box;
}


/* Container */

.area {
    margin-left: auto;
    margin-right: auto;
}


/* Container: Media queries */

@media (min-width: 768px) {
    .area {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .area {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .area {
        width: 1170px;
    }
}


/* Row */

.row:before,
.row:after {
    content: " ";
    display: table;
}

.row:after {
    clear: both;
}


/* --- DEMO DELETE -------------------------------------------------------------- */

.col-demo {
    padding: 15px;
    background-color: #f5f5f5;
    text-align: center;
    border: 1px solid #ccc;
}


/* Common styles for all columns */

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
    position: relative;
    float: left;
}


/* ExtraSmall (screen < 768px) */

.col-xs-1 {
    width: 8.33333333%;
}

.col-xs-2 {
    width: 16.66666667%;
}

.col-xs-3 {
    width: 25%;
}

.col-xs-4 {
    width: 33.33333333%;
}

.col-xs-5 {
    width: 41.66666667%;
}

.col-xs-6 {
    width: 50%;
}

.col-xs-7 {
    width: 58.33333333%;
}

.col-xs-8 {
    width: 66.66666667%;
}

.col-xs-9 {
    width: 75%;
}

.col-xs-10 {
    width: 83.33333333%;
}

.col-xs-11 {
    width: 91.66666667%;
}

.col-xs-12 {
    width: 100%;
}

#branch-map {
    width: 100%;
    height: 200px;
}

.contact-image img {
    width: 100%;
}


/* Small (screen > 768px) */

@media (min-width: 768px) {
    .col-sm-1 {
        width: 8.33333333%;
    }
    .col-sm-2 {
        width: 16.66666667%;
    }
    .col-sm-3 {
        width: 25%;
    }
    .col-sm-4 {
        width: 33.33333333%;
    }
    .col-sm-5 {
        width: 41.66666667%;
    }
    .col-sm-6 {
        width: 50%;
    }
    .col-sm-7 {
        width: 58.33333333%;
    }
    .col-sm-8 {
        width: 66.66666667%;
    }
    .col-sm-9 {
        width: 75%;
    }
    .col-sm-10 {
        width: 83.33333333%;
    }
    .col-sm-11 {
        width: 91.66666667%;
    }
    .col-sm-12 {
        width: 100%;
    }
    .contact-text {
        width: 20%;
        padding-top: 50px;
    }
    .contact-image {
        width: 47%;
        margin-left: 1%;
        margin-right: 1%;
        padding-top: 50px;
    }
    .contact-map {
        width: 60%;
        margin-left: 1%;
        padding-top: 50px;
    }
    #branch-map {
        height: 270px;
        width: 78%;
    }
    .contact-image img {
        width: 100%;
    }
}


/* Medium (screen > 992px) */

@media (min-width: 992px) {
    .col-md-1 {
        width: 8.33333333%;
    }
    .col-md-2 {
        width: 16.66666667%;
    }
    .col-md-3 {
        width: 25%;
    }
    .col-md-4 {
        width: 33.33333333%;
    }
    .col-md-5 {
        width: 41.66666667%;
    }
    .col-md-6 {
        width: 50%;
    }
    .col-md-7 {
        width: 58.33333333%;
    }
    .col-md-8 {
        width: 66.66666667%;
    }
    .col-md-9 {
        width: 75%;
    }
    .col-md-10 {
        width: 83.33333333%;
    }
    .col-md-11 {
        width: 91.66666667%;
    }
    .col-md-12 {
        width: 100%;
    }
    .contact-text {
        width: 20%;
        padding-top: 50px;
    }
    .contact-image {
        width: 38%;
        margin-left: 1%;
        margin-right: 1%;
        padding-top: 50px;
    }
    .contact-map {
        width: 38%;
        margin-left: 1%;
        margin-right: 1%;
        padding-top: 50px;
    }
    #branch-map {
        height: 250px;
        width: 370px;
    }
    .contact-image img {
        height: 250px;
        width: 370px;
    }
}


/* Large (screen > 1200px) */

@media (min-width: 1200px) {
    .col-lg-1 {
        width: 8.33333333%;
    }
    .col-lg-2 {
        width: 16.66666667%;
    }
    .col-lg-3 {
        width: 25%;
    }
    .col-lg-4 {
        width: 33.33333333%;
    }
    .col-lg-5 {
        width: 41.66666667%;
    }
    .col-lg-6 {
        width: 50%;
        min-height: 1px;
    }
    .col-lg-7 {
        width: 58.33333333%;
    }
    .col-lg-8 {
        width: 66.66666667%;
    }
    .col-lg-9 {
        width: 75%;
    }
    .col-lg-10 {
        width: 83.33333333%;
    }
    .col-lg-11 {
        width: 91.66666667%;
    }
    .contact-text {
        width: 20%;
    }
    .contact-image {
        width: 38%;
        margin-left: 1%;
        margin-right: 1%;
        padding-top: 50px;
    }
    .contact-map {
        width: 38%;
        margin-left: 1%;
        margin-right: 1%;
        padding-top: 50px;
    }
    #branch-map {
        height: 300px;
        width: 450px;
    }
    .contact-image img {
        height: 300px;
        width: 450px;
    }
}

.clear {
    clear: both;
}

section.wrapper.narrower.wp-contact {
    max-width: 1200px;
}

.direction-info {
    position: absolute;
    top: 50%;
    left: 70%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: 40px;
    width: 330px;
    background-color: #491b13;
    text-align: center;
    padding: 10px 20px 20px 20px;
    overflow: auto;
    border: 2px solid #f0b600;
    z-index: 2;
    display: none;
}

.direction-info h3 {
    font-size: 16px;
}

.direction-info #close {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url(../images/icons/close.png) center no-repeat;
}

.direction-info a {
    text-transform: uppercase;
    font-size: 12px;
}

.direction-info p {
    margin: 15px 0;
    font-size: 14px;
}

.direction-info p {
    line-height: 20px;
}

.filter-block {
    display: none;
    background-color: red;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 10;
    background: transparent url(../images/_background.jpg) top left repeat;
    background-size: 100% auto;
}

.nav-pills {
    text-align: center;
    margin: 0;
    padding: 0;
    margin-bottom: 35px;
    list-style-type: none;
}

.nav-pills li {
    font-family: "Boulevard", Helvetica, sans-serif;
    display: inline-block;
    font-size: 23px;
    text-decoration: none;
    color: #5a311d;
    text-transform: uppercase;
    padding: 5px 18px;
    border: 2px solid transparent;
}

.nav-pills li:hover {
    cursor: pointer;
}

.nav-pills li:hover,
.nav-pills li.current {
    border: 2px solid #5a311d;
}

.tags-block {
    margin-top: 15px;
    padding: 25px;
    border: 2px solid #5a311d;
}

.tags-block li {
    font-size: 18px;
}

.wrapper-filter {
    /*max-width: 1080px;*/
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
}

.filter-block h1 {
    text-align: center;
    padding-bottom: 35px;
}

.filter-buttons-block {
    margin-top: 30px;
    text-align: center;
}

#filter-form {
    display: inline-block;
}

.img-product {
    max-width: 100%;
}

.first-side {
    text-align: center;
}

.product-detail-new:nth-child(even) .first-side {
    float: right;
}

.product-detail-new .second-side {
    text-align: center;
}

.product-detail-new h2 {
    color: #f1f1f1;
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 769px) {
    .container {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .container {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1170px;
    }
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.row {
    margin-left: -15px;
    margin-right: -15px;
}

.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
    content: " ";
    display: table;
}

.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
    clear: both;
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.pull-right {
    float: right !important;
}

.pull-left {
    float: left !important;
}

.hide {
    display: none !important;
}

.show {
    display: block !important;
}

.invisible {
    visibility: hidden;
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.hidden {
    display: none !important;
}

.affix {
    position: fixed;
}


/*--- modal ---*/


/*--- bagets ---*/

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

.image-baguette-type {
    height: 78px;
}

.grid-20 .baguette-item-img {
    width: 19%;
    z-index: -1;
}

.grid-25 .baguette-item-img {
    width: 24%;
}

@media screen and (min-width: 1024px) {
    .baguette-item-img {
        -webkit-transition: filter 0.6s ease;
        transition: filter 0.6s ease;
    }
    .baguette-item-img.hovered,
    .baguette-item-img.active {
        filter: brightness(0.6) grayscale(100%);
    }
}

.baguette {
    margin-left: 20px;
    margin-right: 20px;
    position: relative;
    text-align: center;
    padding-top: 20px;
    margin-bottom: 60px;
}

.baguette::before {
    position: relative;
    content: '';
    display: inline-block;
    background-image: url("/assets/cs/images/baguettes/bagettop.png");
    width: 100%;
    height: 61px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center 0;
    z-index: 1;
}

.baguette::after {
    background-size: contain;
    z-index: 1;
    position: relative;
    content: '';
    display: inline-block;
    background-image: url("/assets/cs/images/baguettes/bagetbottom.png");
    background-position: center 0;
    width: 100%;
    height: 44px;
    background-repeat: no-repeat;
}

.baguette-images {
    z-index: -1;
    margin-top: -25px;
    margin-bottom: -20px;
}

.baguette-names {
    position: absolute;
    bottom: -45px;
    width: 100%;
}

.baguette-name.hovered,
.baguette-name.active {
    opacity: 1;
}

.baguette-name {
    position: relative;
    -webkit-transition: opacity 0.6s ease;
    transition: opacity 0.6s ease;
    width: 18%;
    text-transform: uppercase;
    font-size: 18px;
    display: inline-block;
    opacity: 0.6;
    vertical-align: top;
    color: #f0b600;
}

.baguette-name::after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 50%;
    margin-left: -20px;
    width: 40px;
    height: 24px;
    background: url(../images/icons/arrow-down.png) center no-repeat;
    opacity: 0;
    top: 40px;
    -webkit-transition: opacity 0.6s ease;
    transition: opacity 0.6s ease;
}

.baguette-name.hovered::after,
.baguette-name.active::after {
    opacity: 1;
}

.baguette-name:hover,
.baguette-item-img:hover {
    cursor: pointer;
}

@media screen and (max-width: 1199px) and (min-width: 768px) {
    .baguette-images {
        margin-top: -40px;
        margin-bottom: -11px;
        padding-left: 1px;
        padding-right: 1px;
    }
    .baguette-names {
        top: 155px;
    }
}

@media screen and (max-width: 768px) and (min-width: 300px) {
    .baguette {
        width: 100% !important;
        max-width: 600px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        height: auto !important;
        margin-bottom: 0px !important;
    }
    .baguette::before {
        background-position: top left !important;
        z-index: 2;
    }
    .baguette::after {
        background-position: top left !important;
        z-index: 2;
    }
    .baguette-names {
        top: 220px;
    }
    #baguette-category .row {
        width: 100% !important;
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    #baguette-category .col-lg-6,
    #baguette-category .col-sm-6,
    #baguette-category .col-md-6 {
        width: 100% !important;
        float: none !important;
    }
    .baguette::before {
        display: none;
    }
    .baguette::after {
        background-image: url('../images/baguettes/bagetbottom_responsive.png');
        height: 33px;
    }
    .baguette-images {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }
    .bag-top {
        display: block;
    }
    .bag-top {
        position: absolute;
        left: 0px;
        display: block;
        z-index: 2;
    }
    .bag-top {
        top: -8px;
    }
    .baguette-names {
        display: none;
    }
    .bag-detail {
        float: none !important;
    }
    .product-detail.current-baguette h1 {
        margin-top: 0px !important;
        font-size: 35px !important;
    }
    .product-detail.current-baguette h2 {
        font-size: 19px !important;
    }
    .product-detail.current-baguette p {
        line-height: 1.5em;
    }
    .bag-tabs {
        display: block;
        width: 100%;
        margin: 0px 0px 20px 0px !important;
        padding: 0px !important;
    }
    .bag-tabs li {
        display: inline-block;
        width: 49%;
        height: 55px;
        line-height: 55px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background-color: transparent;
        background-position: 5px 5px;
        background-repeat: no-repeat;
        background-size: auto 45px;
        text-align: left;
        border: 2px solid transparent;
    }
    .bag-tabs li.is-active {
        border: 2px solid #f0b600;
    }
    .bag-tabs li.fresh-logo {
        background-image: url('../images/baguettes/fresh_logo.png');
    }
    .bag-tabs li.grilled-logo {
        background-image: url('../images/baguettes/grilled_logo.png');
    }
    .wrapper ul.bag-tabs li::before {
        display: none;
    }
    .wrapper ul.bag-tabs li a {
        text-decoration: none;
        color: #FFFFFF;
        text-transform: uppercase;
        font-family: "Boulevard", Helvetica, sans-serif;
        font-size: 25px;
        display: block;
        width: 100%;
        height: 100%;
        padding: 0px 5px 0px 60px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .image-baguette-type {
        display: none;
    }
    .baguette .owl-carousel .owl-prev,
    .baguette .owl-carousel .owl-next {
        background-position: 0px 0px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 640px) {
	.bag-tabs {
		width: 67%;
		margin-left: auto !important;
		margin-right: auto !important;
	}
	
	.baguette {
		max-width: 70% !important; 
	}
}

@media screen and (max-width: 380px) {
    .bag-tabs li {
        height: 40px;
        line-height: 40px;
        background-color: transparent;
        background-position: 5px 5px;
        background-repeat: no-repeat;
        background-size: auto 30px;
    }
    .wrapper ul.bag-tabs li a {
        font-size: 20px;
        padding: 0px 5px 0px 40px;
    }
}

@media screen and (max-width: 540px) {
    .bag-top {
        top: 0px;
    }
}

@media screen and (max-width: 390px) {
    .bag-top {
        top: 5px;
    }
}


/*--- bagets ---*/


/* ---- overlay ---- */

#visit-overlay {
    background-color: #583119;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2000;
    background-image: url('/assets/cs/images/overlaybg.png');
    background-position: center 0;
    background-size: cover;
}

.overlay-container {
    position: relative;
    width: 100%;
    height: 100%;
}

.overlay-search {
    position: absolute;
    width: 100%;
    bottom: 60px;
    left: 0;
    right: 0;
    text-align: center;
}

.overlay-search-branch {
    font-size: 24px;
    text-decoration: none;
    text-transform: uppercase;
    background-image: url("/assets/cs/images/searchborder.png");
    width: 200px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    padding: 20px;
    padding-left: 36px;
    padding-right: 40px;
}

.dropdown-lang {
    position: absolute;
    top: 25px;
    right: 60px;
}

.dropdown-lang a {
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: none;
}

.dropdown-lang:hover .dropdown-content>:not(.current) {
    display: block;
}

.overlay-show-more {
    margin-left: 5px;
    display: inline-block;
    height: 9px;
    width: 16px;
    background-image: url(/assets/cs/images/icons/arrow-down.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.dropdown-current>:not(.current) {
    display: none;
}

.dropdown-content>.current {
    display: none;
}

.dropdown-content>a {
    display: none;
}

.overlay-close-btn {
    height: 20px;
    width: 20px;
    background-image: url("/assets/cs/images/close-overlay.png");
    position: absolute;
    top: 25px;
    right: 25px;
    background-size: contain;
    background-repeat: no-repeat;
}

.overlay-logo {
    width: 250px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -125px;
    margin-top: -92.5px;
}

.btn-map-navigation {
    display: none;
}


/* ---- overlay ---- */

@media screen and (max-width: 425px) {
    .direction-info {
        display: none !important;
    }
    .map .ui-controls {
        font-size: 10px;
        bottom: 20px;
    }
    .map .ui-controls {
        width: 360px;
        margin-left: -180px;
    }
    .map .ui-controls .buttons-group a#by-car,
    .map-contact .ui-controls .buttons-group a#by-car {
        padding-left: 30px;
        padding-right: 10px;
        background-size: 12px;
    }
    .map .ui-controls .buttons-group a#by-train,
    .map-contact .ui-controls .buttons-group a#by-train {
        padding-left: 28px;
        background-size: 10px;
        padding-right: 10px;
    }
    .map .ui-controls .buttons-group a#by-foot,
    .map-contact .ui-controls .buttons-group a#by-foot {
        padding-left: 25px;
        background-size: 8px;
        padding-right: 9px;
    }
    .btn-map-navigation {
        background-color: #491b13;
        display: inline-block;
        padding: 15px 6px 12px;
        color: white;
        text-transform: uppercase;
        text-decoration: none;
        font-size: 11px;
        border-radius: 4px;
    }
}

.map-close-btn {
    display: none;
}

@media screen and (max-width: 425px) {
    .map-close-btn {
        height: 20px;
        width: 20px;
        background-image: url("/assets/cs/images/close-overlay.png");
        position: absolute;
        background-size: contain;
        background-repeat: no-repeat;
        z-index: 10;
        display: block;
        top: 60px;
        right: 15px;
    }
    .map .ui-controls {
        width: 320px;
        margin-left: -160px;
    }
    .map .ui-controls .buttons-group a#by-car,
    .map-contact .ui-controls .buttons-group a#by-car {
        padding-left: 19px;
        padding-right: 7px;
        background-position: 2px;
    }
    .map .ui-controls .buttons-group a#by-train,
    .map-contact .ui-controls .buttons-group a#by-train {
        padding-left: 19px;
        background-size: 10px;
        padding-right: 7px;
        background-position: 4px;
    }
    .map .ui-controls .buttons-group a#by-foot,
    .map-contact .ui-controls .buttons-group a#by-foot {
        padding-left: 14px;
        background-size: 8px;
        padding-right: 9px;
        background-position-x: 4px;
    }
}

.gm-style-iw {
    color: #5A3218;
}

.gm-style-iw a {
    color: #5A3218;
    text-decoration: none;
}


/* File: assets/cs/css/timeline.css
   Compiled at: 2026-07-08 19:49:37 
================================ */
/* --------------------------------

Primary style

-------------------------------- */
*, *::after, *::before {
  box-sizing: border-box;
}

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

Main Components

-------------------------------- */
.cd-horizontal-timeline {
  opacity: 0;
  margin: 2em auto;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.cd-horizontal-timeline::before {
  /* never visible - this is used in jQuery to check the current MQ */
  content: 'mobile';
  display: none;
}
.cd-horizontal-timeline.loaded {
  /* show the timeline after events position has been set (using JavaScript) */
  opacity: 1;
}
.cd-horizontal-timeline .timeline {
    position: relative;
    height: 100px;
    width: 100%;
    margin: 0 auto;
}
.cd-horizontal-timeline .events-wrapper {
  position: relative;
  height: 100%;
  margin: 0 33px;
  overflow: hidden;
}

.cd-horizontal-timeline .events-wrapper::before {
  left: 0;
  background-image: -webkit-linear-gradient( left , #f8f8f8, rgba(248, 248, 248, 0));
  background-image: linear-gradient(to right, #f8f8f8, rgba(248, 248, 248, 0));
}
.cd-horizontal-timeline .events-wrapper::after {
  right: 0;
  background-image: -webkit-linear-gradient( right , #f8f8f8, rgba(248, 248, 248, 0));
  background-image: linear-gradient(to left, #f8f8f8, rgba(248, 248, 248, 0));
}
section.cd-horizontal-timeline{
  padding-bottom: 30px;
  margin-bottom: 20px !important;
}
.cd-horizontal-timeline .events {
  /* this is the grey line/timeline */
  position: absolute;
  z-index: 1;
  left: 0;
  top: 49px;
  height: 4px;
  /* width will be set using JavaScript */
/*   background: #dfdfdf; */
  background-color: #f0b600;
  -webkit-transition: -webkit-transform 0.4s;
  -moz-transition: -moz-transform 0.4s;
  transition: transform 0.4s;
}
.cd-horizontal-timeline .filling-line {
  /* this is used to create the green line filling the timeline */
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #f0b600;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -o-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}
.cd-horizontal-timeline .events a {
  position: absolute;
  bottom: -55px;
  z-index: 2;
  text-align: center;
  font-size: 14px;
  font-weight: 600; /* font-weight: 600; */
  padding-bottom: 15px;
  color: #f0b600;
  text-decoration: none;
  /* fix bug on Safari - text flickering while timeline translates */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
}
.cd-horizontal-timeline .events a::after {
  /* this is used to create the event spot */
  content: '';
  position: absolute;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 44px;
  height: 25px;
  width: 25px;
  border-radius: 50%;
/*   border: 4px solid #dfdfdf; */
  border: 4px solid #f0b600;
  background-color: #f8f8f8;
  -webkit-transition: background-color 0.3s, border-color 0.3s;
  -moz-transition: background-color 0.3s, border-color 0.3s;
  transition: background-color 0.3s, border-color 0.3s;
}
.no-touch .cd-horizontal-timeline .events a:hover::after {
  background-color: #f0b600;
  border-color: #f0b600;
}
.cd-horizontal-timeline .events a.selected {
  pointer-events: none;
}
.cd-horizontal-timeline .events a.selected::after {
  background-color: #f0b600;
  border-color: #f0b600;
}
.cd-horizontal-timeline .events a.older-event::after {
  border-color: #f0b600;
}
@media only screen and (min-width: 1100px) {
  .cd-horizontal-timeline {
  }
  .cd-horizontal-timeline::before {
    /* never visible - this is used in jQuery to check the current MQ */
    content: 'desktop';
  }
}

.cd-timeline-navigation a {
  /* these are the left/right arrows to navigate the timeline */
  position: absolute;
  z-index: 1;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 60px;
  width: 60px;
  border-radius: 50%;
/*   border: 2px solid #dfdfdf; */
  /* replace text with an icon */
  overflow: hidden;
  color: transparent;
  text-indent: 100%;
  white-space: nowrap;
  -webkit-transition: border-color 0.3s;
  -moz-transition: border-color 0.3s;
  transition: border-color 0.3s;
}
.cd-timeline-navigation a::after {
  content: '';
  display: block;
  position: absolute;
  width: 35px;
  height: 4px;
  background-color: #f0b600;
  left: 0px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.cd-timeline-navigation a.prev {
  left: -20px;
  background: #5a3218 url('../images/icons/timeline-prev.svg') no-repeat center center;
  background-size: 20px auto;
}
.cd-timeline-navigation a.next {
  right: -20px;
  background: #5a3218 url('../images/icons/timeline-next.svg') no-repeat center center;
  background-size: 20px auto;
}

.cd-timeline-navigation a.prev::after {
  right: 0px;
  left: auto;
}

.no-touch .cd-timeline-navigation a:hover {
  border-color: #f0b600;
}
.cd-timeline-navigation a.inactive {
  cursor: not-allowed;
}
.cd-timeline-navigation a.inactive::after {
  background-position: 0 -16px;
}
.no-touch .cd-timeline-navigation a.inactive:hover {
  border-color: #dfdfdf;
}

.cd-horizontal-timeline .events-content {
  position: relative;
  width: 100%;
/*   margin: 2em 0; */
  margin: 40px 0px 80px 0px !important;
  -webkit-transition: height 0.4s;
  -moz-transition: height 0.4s;
  transition: height 0.4s;
}
.cd-horizontal-timeline .events-content li {
  position: absolute;
  z-index: 1;
  width: 100%;
  left: 0;
  top: 0;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  opacity: 0;
  -webkit-animation-duration: 0.4s;
  -moz-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-timing-function: ease-in-out;
  -moz-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  padding-bottom: 20px;
}
/*
.cd-horizontal-timeline .events-content ol::after{
  content: " ";
  width: 20%;
  height: 3px;
  margin: auto;
  margin-top: 10px;
  background-color: #f0b600;
  display: block;
  margin: auto;

}*/
.cd-horizontal-timeline .events-content li.selected {
  /* visible event content */
  position: relative;
  z-index: 2;
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.cd-horizontal-timeline .events-content li.enter-right, .cd-horizontal-timeline .events-content li.leave-right {
  -webkit-animation-name: cd-enter-right;
  -moz-animation-name: cd-enter-right;
  animation-name: cd-enter-right;
}
.cd-horizontal-timeline .events-content li.enter-left, .cd-horizontal-timeline .events-content li.leave-left {
  -webkit-animation-name: cd-enter-left;
  -moz-animation-name: cd-enter-left;
  animation-name: cd-enter-left;
}
.cd-horizontal-timeline .events-content li.leave-right, .cd-horizontal-timeline .events-content li.leave-left {
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  animation-direction: reverse;
}
.cd-horizontal-timeline .events-content li > * {
  margin: 0 auto;
}
.wrapper .cd-horizontal-timeline ol li::before {
    margin-right: 16px;
    content: "";
    counter-increment: item;
    color: #f0b600;
    font-weight: 700;
}
.wrapper .cd-horizontal-timeline ul li::before {
    display: inline-block;
    content: "";
    width: 0;
    height: 0;
    vertical-align: top;
    margin: 0;
    background-color: none;
}
.cd-horizontal-timeline ol {
  list-style-type: none;
}
.cd-horizontal-timeline ol h2{
  font-family: "Boulevard", Helvetica, sans-serif;
}

.cd-horizontal-timeline .events-content em {
  display: block;
  font-style: italic;
  margin: 10px auto;
}
.cd-horizontal-timeline .events-content em::before {
  content: '- ';
}



@-webkit-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
  }
}
@-moz-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -moz-transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0%);
  }
}
@keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-webkit-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
  }
}
@-moz-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0%);
  }
}
@keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}

.events-content li {
  border-radius: 20px;
  background-color: #f7f0eb;
  padding: 30px 60px 45px 60px  !important;
}

.events-content li h2 {
  margin-top: 0px !important;
  font-size: 30px !important;
  text-align: left !important;
  margin-bottom: 20px !important;
}

.events-content li h2 span {
  font-size: 14px;
  font-family: 'Montserrat', sans-serif; /* font-family: "Open Sans", helvetica, sans-serif;  */
  padding-right: 40px;
  display: inline-block;
  font-weight: 700; /* font-weight: 600; */
}

.events-content li p {
  text-align: left;
  width: 100% !important;
  margin-top: 10px !important;
}

.cd-horizontal-timeline {
  padding: 20px 0px !important;
  margin-top: 0px !important;
}

section.timeline-wrapper h2 {
  margin-bottom: 0px !important;
}


/* File: assets/cs/css/grt-youtube-popup.css
   Compiled at: 2026-07-08 19:49:37 
================================ */
.grtvideo-popup {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background: rgba(0,0,0, 0.85);
	z-index: 99999;
}

.grtvideo-popup-content {
	margin-top:150px;
	width:95%;
	max-width:850px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

.grtvideo-popup-close {
	position:absolute;
	top:25px;
	right:25px;
	cursor:pointer;
    display: block;
    width: 50px;
    height: 50px;
    background: transparent url('../images/icons/popup-close.png') no-repeat center;
    background-size: contain;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;    
}

.grtvideo-popup-close:hover {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	transform: rotateY(180deg);
}

.grtyoutube-iframe {
	width:100%;
	height:480px;
}

@media (max-width:767px) {
	.grtyoutube-iframe {
		width:100%;
		height:350px;
	}
}