@charset "UTF-8";
/* main */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
* {
  box-sizing: border-box;
}

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
  font-weight: 700;
}

p {
  margin-top: 0;
  margin-bottom: 1em;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
  text-decoration-skip-ink: none;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/* vars */
/* montserrat-regular - cyrillic */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  src: url("/static/font/montserrat-v15-cyrillic-regular.eot"); /* IE9 Compat Modes */
  src: local(""), url("/static/font/montserrat-v15-cyrillic-regular.eot?#iefix") format("embedded-opentype"), url("/static/font/montserrat-v15-cyrillic-regular.woff2") format("woff2"), url("/static/font/montserrat-v15-cyrillic-regular.woff") format("woff"), url("/static/font/montserrat-v15-cyrillic-regular.ttf") format("truetype"), url("/static/font/montserrat-v15-cyrillic-regular.svg#Montserrat") format("svg"); /* Legacy iOS */
}
/* montserrat-italic - cyrillic */
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 400;
  src: url("/static/font/montserrat-v15-cyrillic-italic.eot"); /* IE9 Compat Modes */
  src: local(""), url("/static/font/montserrat-v15-cyrillic-italic.eot?#iefix") format("embedded-opentype"), url("/static/font/montserrat-v15-cyrillic-italic.woff2") format("woff2"), url("/static/font/montserrat-v15-cyrillic-italic.woff") format("woff"), url("/static/font/montserrat-v15-cyrillic-italic.ttf") format("truetype"), url("/static/font/montserrat-v15-cyrillic-italic.svg#Montserrat") format("svg"); /* Legacy iOS */
}
/* montserrat-700 - cyrillic */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  src: url("/static/font/montserrat-v15-cyrillic-700.eot"); /* IE9 Compat Modes */
  src: local(""), url("/static/font/montserrat-v15-cyrillic-700.eot?#iefix") format("embedded-opentype"), url("/static/font/montserrat-v15-cyrillic-700.woff2") format("woff2"), url("/static/font/montserrat-v15-cyrillic-700.woff") format("woff"), url("/static/font/montserrat-v15-cyrillic-700.ttf") format("truetype"), url("/static/font/montserrat-v15-cyrillic-700.svg#Montserrat") format("svg"); /* Legacy iOS */
}
/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  padding: 10px 13px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}
.hamburger:hover {
  opacity: 0.7;
}

.hamburger-box {
  width: 25px;
  height: 16px;
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -1px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 25px;
  height: 2px;
  background-color: #111;
  border-radius: 0px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}
.hamburger-inner::before, .hamburger-inner::after {
  content: "";
  display: block;
}
.hamburger-inner::before {
  top: -7px;
}
.hamburger-inner::after {
  bottom: -7px;
}

/*
 * Collapse
 */
.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse .hamburger-inner::after {
  top: -14px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}
.hamburger--collapse .hamburger-inner::before {
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse.is-active .hamburger-inner {
  transform: translate3d(0, -7px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--collapse.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}
.hamburger--collapse.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-90deg);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/* nav */
body {
  font-size: 16px;
  line-height: 150%;
  font-family: Montserrat, Arial, sans-serif;
  color: #ccc;
  background-color: #111;
  width: 100%;
}

a:link, a:visited {
  color: #F9A626;
  transition: color 0.2s;
}

h1, h2, h3 {
  line-height: 120%;
  font-weight: 700;
  font-family: Montserrat, Arial, sans-serif;
  color: #ccc;
  text-transform: uppercase;
  font-size: 22px;
}

h1 {
  text-transform: uppercase;
  color: #fff;
}

h3 {
  font-weight: normal;
}

img {
  width: 100%;
  max-width: 100%;
  -ms-interpolation-mode: bicubic;
}

video {
  width: 100%;
  max-width: 100%;
}

.green {
  color: #1C753F;
}

.yellow {
  color: #F9A626;
}

.bg-green {
  background-color: #1C753F;
}

.bg-yellow {
  background-color: #F9A626;
}

.small {
  font-size: 14px;
  line-height: 150%;
}

.tiny {
  font-size: 13px;
  line-height: 150%;
}

.logo {
  width: 110px;
  display: block;
  display: inline-block;
  margin-bottom: 2em;
}

.h2-center {
  text-align: center;
  color: #F9A626;
}

a.order-button, .order-button {
  display: inline-block;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 16px;
  background-color: #F9A626;
  border: solid 2px #F9A626;
  border-radius: 30px;
  padding: 6px 20px;
  color: #333 !important;
  letter-spacing: 1px;
  transition: background-color 0.1s, color 0.2s, box-shadow 0.1s;
  line-height: 28px;
}
a.order-button:hover, .order-button:hover {
  background-color: #000;
  color: #F9A626 !important;
  box-shadow: 0px 0px 15px rgba(248, 167, 37, 0.6);
  cursor: pointer;
}
a.order-button:disabled, .order-button:disabled {
  background-color: #333;
  color: #555 !important;
  border: solid 2px #333;
}
a.order-button:disabled:hover, .order-button:disabled:hover {
  background-color: #333;
  color: #555 !important;
  box-shadow: none !important;
  cursor: pointer;
}

@media (min-width: 721px) {
  .logo {
    width: 100px;
  }
  body {
    font-size: 16px;
  }
  .small {
    font-size: 15px;
    line-height: 150%;
  }
  .tiny {
    font-size: 12px;
    line-height: 150%;
  }
  h1 {
    line-height: 120%;
    font-size: 24px;
  }
  h2, h3 {
    line-height: 120%;
    font-size: 22px;
  }
}
@media (min-width: 960px) {
  body {
    font-size: 18px;
  }
  .logo {
    width: 140px;
  }
  .small {
    font-size: 16px;
    line-height: 150%;
  }
  .tiny {
    font-size: 14px;
    line-height: 150%;
  }
  h2, h3 {
    line-height: 120%;
    font-size: 26px;
  }
  h1 {
    line-height: 120%;
    font-size: 38px;
  }
}
.header {
  background-color: rbga(0, 100, 0, 0.5);
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
}
.header .header-logo {
  align-self: center;
  min-width: 110px;
}
@media (min-width: 721px) {
  .header {
    flex-direction: row;
  }
  .header .header-logo {
    align-self: flex-start;
    min-width: 110px;
  }
  .header .header-menu {
    padding-left: 40px;
  }
}
@media (min-width: 960px) {
  .header .header-menu {
    padding-left: 80px;
  }
  .header .header-logo {
    align-self: flex-start;
    min-width: 140px;
  }
}
.nav {
  display: none;
}

@media (min-width: 721px) {
  .nav {
    display: flex;
    align-items: center;
    flex-direction: row;
    font-family: Montserrat;
  }
  .nav a.nav-item {
    color: #F9A626;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px;
    margin-right: 10px;
    word-wrap: nowrap;
  }
  .nav a.nav-item::after {
    content: " ";
    display: block;
    width: 0;
    height: 2px;
    background: #F9A626;
    margin-top: -2px;
    transition: width 0.2s;
  }
  .nav a.nav-item:visited {
    color: #F9A626;
  }
  .nav a.nav-item:hover::after {
    width: 100%;
  }
  .nav a.nav-button {
    text-decoration: none;
    text-transform: uppercase;
    font-size: 13px;
    margin-left: 5px;
    background-color: #F9A626;
    border: solid 2px #F9A626;
    border-radius: 30px;
    padding: 4px 16px;
    color: #333 !important;
    letter-spacing: 1px;
    transition: background-color 0.1s, color 0.2s, box-shadow 0.1s;
    height: 40px;
    line-height: 28px;
  }
  .nav a.nav-button:hover {
    background-color: #000;
    color: #F9A626 !important;
    box-shadow: 0px 0px 15px rgba(248, 167, 37, 0.6);
  }
  .nav a.nav-green {
    text-decoration: none;
    text-transform: uppercase;
    font-size: 13px;
    margin-left: 15px;
    background-color: #000;
    border: solid 2px #1C753F;
    border-radius: 60px;
    width: 40px;
    height: 40px;
    padding: 6px 6px;
    text-align: center;
    transition: background-color 0.1s, color 0.2s, box-shadow 0.1s;
    line-height: 20px;
  }
  .nav a.nav-green:hover {
    background-color: rgba(57, 115, 68, 0.5);
    box-shadow: 0px 0px 15px rgba(57, 115, 68, 0.7);
  }
  .nav .nav-icon-green {
    width: 16px;
    display: inline-block;
    margin-top: 2px;
  }
}
@media (min-width: 960px) {
  .nav a.nav-item {
    font-size: 16px;
    margin-right: 20px;
  }
  .nav a.nav-button {
    font-size: 15px;
    margin-left: 5px;
    height: 46px;
    line-height: 34px;
  }
  .nav a.nav-green {
    width: 46px;
    height: 46px;
    margin-left: 20px;
  }
  .nav .nav-icon-green {
    width: 18px;
    display: inline-block;
    margin-top: 4px;
  }
}
.box {
  max-width: 1200px;
  margin: 0 auto;
  padding: 30px;
}

.box-tiny {
  max-width: 800px;
}

@media (min-width: 721px) {
  .box {
    padding: 40px;
  }
}
@media (min-width: 960px) {
  .box {
    padding: 60px;
  }
}
@media (min-width: 1100px) {
  .box {
    padding: 80px;
  }
}
.box-bg1 {
  background-color: #1a1a1a;
}

.box-bg2 {
  background-color: #151515;
}

.hammer-box {
  display: block;
  position: fixed;
  background-color: #F9A626;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  z-index: 300;
  right: 30px;
  top: 30px;
  line-height: 37px;
}

@media (min-width: 721px) {
  .hammer-box {
    display: none;
  }
}
.h01 {
  background-color: #000;
  background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url("/static/img/bg1.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}

.h02 {
  min-height: 40px;
  position: relative;
  display: flex;
  overflow-y: hidden;
  border-bottom: solid 1px #231F20;
}
.h02 .h02-video {
  object-fit: cover;
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 120;
}
.h02 .h02-over {
  position: absolute;
  width: 100%;
  height: 100%;
  min-height: 100%;
  background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7));
  z-index: 130;
}

.head-inside {
  padding: 20px 0;
}

.lead {
  color: #ccc;
  font-size: 18px;
  line-height: 150%;
}

@media (min-width: 960px) {
  .lead {
    font-size: 22px;
    line-height: 150%;
  }
}
@media (min-width: 1100px) {
  .lead {
    font-size: 24px;
    line-height: 150%;
  }
}
.menu-slider {
  background: url(../img/logo-stroke.png) no-repeat 50% 50% #231F20;
  background-size: 200px;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 170;
  width: 100%;
  height: 101vh;
  padding: 80px 20px 30px 30px;
  transition: all 0.3s ease-out;
  transform-origin: top right;
  transform: translateY(-120%) rotate(50deg);
}
.menu-slider.opened {
  transform: translateY(0);
}

.m-menu {
  margin-left: 50px;
}
.m-menu .m-menu-item:link, .m-menu .m-menu-item:visited {
  color: #F9A626;
  text-decoration: none;
  font-size: 26px;
  display: block;
  margin-bottom: 1em;
  text-transform: uppercase;
  transition: all 0.2s ease;
  padding-bottom: 2px;
}
.m-menu .m-menu-item:link:hover, .m-menu .m-menu-item:visited:hover {
  color: #fff;
}

.m-cont {
  margin-top: 50px;
  width: 25em;
  font-size: 18px;
  color: #eee;
}
.m-cont a.m-cont-link:link, .m-cont a.m-cont-link:visited {
  color: #ddd;
}
.m-cont a.m-cont-link:link:hover, .m-cont a.m-cont-link:visited:hover {
  color: #F9A626;
}
.m-cont .m-cont-item {
  position: relative;
  margin: 0.7em 0;
  width: 18em;
  padding-right: 2em;
}
.m-cont .m-cont-icon {
  position: absolute;
  width: 20px;
  left: -30px;
  top: 5px;
  opacity: 0.7;
}

.bottom-nav {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  font-size: 16px;
  color: #777;
  padding-bottom: 30px;
}
.bottom-nav .bottom-col {
  width: 100%;
  padding: 0px 30px 10px 0px;
}
.bottom-nav .bottom-col.bottom-col-last {
  padding-left: 24px;
  padding-top: 24px;
  border-top: solid 1px #333;
}
.bottom-nav .bottom-col.bottom-col-40 {
  width: 100%;
}
.bottom-nav .bottom-col.bottom-col-60 {
  width: 100%;
}
.bottom-nav a:link, .bottom-nav a:visited {
  color: #777;
}
.bottom-nav a:hover, .bottom-nav a:active {
  color: #F9A626;
}
.bottom-nav .bottom-item {
  display: block;
  margin-bottom: 0.7em;
  line-height: 120%;
  position: relative;
}
.bottom-nav .bottom-item-icon {
  position: absolute;
  width: 16px;
  left: -24px;
  top: 2px;
  opacity: 0.7;
}
.bottom-nav .bottom-item-copyright {
  font-size: 14px;
}

@media (min-width: 721px) {
  .bottom-nav {
    flex-direction: row;
  }
  .bottom-nav .bottom-col {
    width: calc(33.33% + 60px);
    padding: 0px 60px 10px 0px;
  }
  .bottom-nav .bottom-col.bottom-col-last {
    padding: 0px 60px 10px 0px;
    border-top: none;
  }
  .bottom-nav .bottom-col.bottom-col-40 {
    width: calc(23.33% + 60px);
  }
  .bottom-nav .bottom-col.bottom-col-60 {
    width: calc(43.33% + 60px);
  }
}
.blur-it {
  filter: blur(5px);
}

.ul-nice ul {
  list-style-type: none;
  margin-left: 2em;
  padding-left: 0;
}
.ul-nice ul li {
  margin-left: 0;
  padding-left: 0;
  margin-bottom: 0.5em;
}
.ul-nice ul li:before {
  content: "— ";
  float: left;
  margin-left: -1.4em;
  color: #1C753F;
}

span.heading, a.heading {
  display: inline-block;
  color: #FFFFFF;
  text-transform: uppercase;
}

span.marked:hover > span.wrap,
a.marked:hover > span.wrap {
  background: #1C753F;
  box-shadow: 7px 0 0 #1C753F, -7px 0 0 #1C753F;
  transition: 0.3s;
}

.marked > span.wrap,
span.marked > span.wrap,
a.marked > span.wrap {
  display: inline;
  background: #1C753F;
  padding-top: 5px;
  padding-bottom: 7px;
  padding-left: 0;
  padding-right: 0;
  box-shadow: 7px 0 0 #1C753F, -7px 0 0 #1C753F;
  -webkit-box-decoration-break: clone;
  -ms-box-decoration-break: clone;
  -o-box-decoration-break: clone;
  box-decoration-break: clone;
}

.calendar {
  border-collapse: collapse;
  border-color: #fff;
  width: 100%;
  margin-bottom: 10px;
  /*
  .day-ajax {
  	color: #fff;
  	text-decoration: none;
  }
  */
}
.calendar tr td {
  padding: 8px;
}
.calendar .day {
  text-align: right;
  width: 55px;
  height: 55px;
  border: solid 1px rgba(255, 255, 255, 0.1);
  transition: background-color 0.3s;
}
.calendar .day-booked {
  background-color: rgba(237, 168, 70, 0.5);
  color: #000;
}
.calendar .day-booked:hover {
  cursor: default;
}
.calendar .day-booked.curr-user-1 {
  background: url(/static/img/busy-curruser.svg) no-repeat #1C753F !important;
}
.calendar .day-approved {
  background-color: rgba(187, 59, 56, 0.5);
  color: #000;
}
.calendar .day-approved:hover {
  cursor: default;
}
.calendar .day-approved.curr-user-1 {
  background: url(/static/img/approved-curruser.svg) no-repeat #1C753F !important;
}
.calendar .day-busy {
  background-color: #CB2C31 !important;
  color: #000;
}
.calendar .day-busy:hover {
  cursor: default;
}
.calendar .day-free:hover {
  background-color: rgba(57, 115, 68, 0.5);
  color: #000;
}
.calendar .day-outdated {
  background-color: #333333;
  opacity: 0.6;
}
.calendar .day-plus {
  background: url(/static/img/day-check.svg) no-repeat #1C753F 3px 3px !important;
  transition: background-color 0.2s;
}
.calendar .day-plus:hover {
  background-color: #124c29;
  color: #000;
  opacity: 0.9;
}
.calendar .day-add {
  display: inline-block;
  width: 100%;
  text-decoration: none;
  color: #ccc;
  cursor: pointer;
}
.calendar .month {
  text-align: center;
}
.calendar .mon, .calendar .tue, .calendar .wed, .calendar .thu, .calendar .fri, .calendar .sat, .calendar .sun {
  text-align: right;
  font-weight: normal;
  padding-top: 20px;
  padding-bottom: 16px;
  padding-right: 4px;
  opacity: 0.4;
}
.calendar .pn-link {
  text-decoration: none;
  display: inline-block;
  color: #F9A626;
  padding: 5px;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  line-height: 26px;
  font-weight: bold;
  text-align: center;
  border: solid 1px #F9A626;
}
.calendar .pn-link:hover {
  background-color: #F9A626;
  color: #000;
}

.ord-notes {
  list-style: none;
}
.ord-notes li {
  font-size: 15px;
  line-height: 130%;
  margin-bottom: 0.6em;
  padding-left: 0;
  margin-left: 0;
  text-align: left;
  position: relative;
}
.ord-notes li .ord-notes-icon {
  position: absolute;
  height: 1.5em;
  width: auto;
  left: -2.2em;
  top: 0.2em;
}

.big-legend {
  margin-top: 20px;
  font-size: 16px;
}
.big-legend .big-leg {
  width: 16px;
  height: 16px;
  display: inline-block;
  opacity: 0.7;
  margin-bottom: -1px;
  border: solid 1px rgba(255, 255, 255, 0.2);
}
.big-legend .big-leg-green-check {
  background: url(/static/icon/booked-check.svg) no-repeat #1C753F !important;
}
.big-legend .big-leg-yellow {
  background-color: #F9A626;
}
.big-legend .big-leg-red {
  background-color: #CB2C31;
}
.big-legend .big-leg-wrap {
  display: block;
  padding-right: 1em;
  margin-bottom: 0.5em;
}
.big-legend .big-legend {
  font-size: 12px;
  padding: 10px 0px;
  line-height: 150%;
}

#days-selected {
  color: #F9A626;
}

.smallcalendar {
  width: 100%;
  border-collapse: collapse;
}
.smallcalendar tr td {
  padding: 1px 6px 1px 2px;
}
.smallcalendar .smallday {
  text-align: right;
  font-size: 12px;
  width: 14.23%;
  border-right: solid 1px #000;
  border-bottom: solid 1px #000;
}
.smallcalendar .smallday-free {
  background-color: rgba(57, 115, 68, 0.7);
}
.smallcalendar .smallday-outdated {
  background-color: #333333;
  color: black;
}
.smallcalendar .smallday-booked {
  background-color: rgba(237, 168, 70, 0.7);
}
.smallcalendar .smallday-approved {
  background-color: rgba(187, 59, 56, 0.7);
}
.smallcalendar .mon, .smallcalendar .tue, .smallcalendar .wed, .smallcalendar .thu, .smallcalendar .fri, .smallcalendar .sat, .smallcalendar .sun {
  text-align: center;
  font-weight: normal;
  font-size: 12px;
  opacity: 0.4;
}
.smallcalendar .small-month {
  font-size: 14px;
}
.smallcalendar .small-pn-link {
  text-decoration: none;
  display: inline-block;
  color: #F9A626;
  font-size: 13px;
  padding: 5px;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  line-height: 16px;
  font-weight: bold;
  text-align: center;
  border: solid 1px #F9A626;
}
.smallcalendar .small-pn-link:hover {
  background-color: #F9A626;
  color: #000;
}

.light-link-next, .light-link-prev {
  position: absolute;
  top: 50%;
  right: 30px;
  text-decoration: none;
  color: #F9A626;
  font-size: 13px;
  line-height: 100%;
  padding: 5px;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  font-weight: bold;
  text-align: center;
  border: solid 1px #F9A626;
  background-color: #000;
  z-index: 9000;
}
.light-link-next:hover, .light-link-prev:hover {
  background-color: #F9A626;
  color: #000;
  cursor: pointer;
}

.light-link-prev {
  right: auto;
  left: 30px;
  z-index: 9001;
}

.txt-bottom-line {
  border-bottom: solid 1px #231F20;
}

.txt-bottom-line-bgblack {
  border-bottom: solid 1px #231F20;
  background-color: #000;
}

.txt-bgblack {
  background-color: #000;
}

.txt-top-line-bgblack {
  border-top: solid 1px #231F20;
  background-color: #000;
}

.tab1 table {
  width: 100%;
  border-collapse: collapse;
}
.tab1 table tr td {
  border-bottom: solid 1px #222;
  padding: 6px 8px;
}
.tab1 table:first-child td {
  border-top: solid 1px #222;
}

.video-over {
  background-color: #444;
}

.ff01 .ff01-item {
  margin-bottom: 1em;
  margin-right: 1em;
  padding-left: 40px;
  margin-left: 1em;
  position: relative;
}
.ff01 .ff01-item .ff01-icon {
  position: absolute;
  top: 5px;
  left: 0px;
  width: 26px;
  opacity: 0.6;
  transition: opacity 0.2s;
}
.ff01 .ff01-item .ff01-size {
  margin-top: -4px;
  font-size: 15px;
  color: #484848;
}
.ff01 .ff01-item .ff01-link {
  text-decoration: none;
  border-bottom: solid 1px #555;
  transition: all 0.2s;
}
.ff01 .ff01-item .ff01-link:hover {
  border-bottom: solid 1px #F9A626;
}
.ff01 .ff01-item .ff01-link:hover .ff01-icon {
  opacity: 0.9;
}

.ff02 .ff02-item {
  margin-bottom: 1em;
  margin-right: 1em;
  padding-left: 35px;
  margin-left: 1em;
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 100%;
  font-size: 15px;
  line-height: 130%;
}
.ff02 .ff02-item .ff02-icon {
  position: absolute;
  top: 5px;
  left: 0px;
  width: 22px;
  opacity: 0.6;
  transition: opacity 0.2s;
}
.ff02 .ff02-item .ff02-size {
  margin-top: 3px;
  font-size: 14px;
  color: #484848;
}
.ff02 .ff02-item .ff02-link {
  text-decoration: none;
  border-bottom: solid 1px #555;
  transition: all 0.2s;
}
.ff02 .ff02-item .ff02-link:hover {
  border-bottom: solid 1px #F9A626;
}
.ff02 .ff02-item .ff02-link:hover .ff02-icon {
  opacity: 0.9;
}

@media (min-width: 960px) {
  .ff02 .ff02-item {
    width: 41%;
  }
  .ff02 .ff02-item .ff02-icon {
    top: 5px;
    width: 22px;
  }
}
.ti01 {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  background: url(/static/img/ti01-bg2.png) no-repeat 85% 20%;
  background-size: 80px;
}
.ti01 .ti01-pix-hor {
  width: 100%;
  max-width: 100%;
  height: auto;
}
.ti01 .ti01-col1 {
  width: 90%;
  padding-bottom: 1em;
}
.ti01 .ti01-col2 {
  width: 50%;
  padding-right: 10px;
  text-align: right;
}
.ti01 .ti01-col3 {
  width: 50%;
}
.ti01 .ti01-line {
  height: 5px;
  width: 50px;
  background-color: #1C753F;
  margin-top: -10px;
  margin-bottom: 10px;
  border-radius: 3px;
}
.ti01 .ti01-video-box {
  display: inline-block;
  margin-bottom: 2px;
  width: 75%;
}

@media (min-width: 721px) {
  .ti01 {
    display: flex;
    flex-direction: row;
    background: url(/static/img/ti01-bg2.png) no-repeat 30% 70%;
    background-size: 80px;
  }
  .ti01 .ti01-col1 {
    width: 40%;
    padding-right: 30px;
    padding-bottom: 0;
  }
  .ti01 .ti01-col2 {
    width: 30%;
    padding-right: 10px;
    text-align: right;
  }
  .ti01 .ti01-col3 {
    width: 30%;
  }
}
.ti02 {
  display: flex;
  jusity-content: flex-start;
  flex-direction: column;
  align-items: flex-start;
  background: url(/static/img/dots-hor1@2x.png) repeat-x 0px 20px #171717;
  background-color: #171717;
  border-top: solid 1px #262626;
  padding-top: 5em;
}
.ti02 .ti02-pix {
  width: 100%;
  order: 2;
}
.ti02 .ti02-bg {
  width: 100%;
  height: 450px;
  order: 2;
  background-size: cover;
  background-position: center center;
}
.ti02 .ti02-img {
  display: block;
}
.ti02 .ti02-text {
  min-height: 5em;
  padding-left: 30px;
  padding-bottom: 1em;
  width: 90%;
  order: 1;
}
.ti02 .ti02-line {
  margin-top: -1em;
  margin-bottom: 1em;
}
.ti02 .ti02-dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  background-color: #F9A626;
  border-radius: 50%;
}

@media (min-width: 721px) {
  .ti02 {
    flex-direction: row;
    align-items: flex-end;
  }
  .ti02 .ti02-pix {
    width: 50%;
    order: 1;
  }
  .ti02 .ti02-bg {
    width: 50%;
    order: 1;
  }
  .ti02 .ti02-text {
    padding-left: 2em;
    padding-right: 2em;
    padding-bottom: 1em;
    width: 55%;
    order: 2;
  }
}
@media (min-width: 960px) {
  .ti02 .ti02-pix {
    width: 45%;
  }
  .ti02 .ti02-text {
    width: 29em;
  }
}
.pr01-tab {
  border-collapse: collapse;
  width: 100%;
  border-top: solid 1px #222;
}
.pr01-tab tr th {
  font-weight: normal;
  width: 50%;
  text-align: left;
  font-size: 13px;
  color: #777;
  padding: 2px 2px 2px 0px;
  border-bottom: solid 1px #222;
}
.pr01-tab tr td {
  font-weight: normal;
  text-align: left;
  font-size: 13px;
  color: #777;
  padding: 2px 2px 2px 0px;
  border-bottom: solid 1px #222;
}

.pr01 {
  display: flex;
  flex-direction: column;
}
.pr01 h3 {
  color: #F9A626;
}
.pr01 .pr01-small {
  font-size: 14px;
  color: #777;
  margin-top: -0.6em;
}
.pr01 .pr01-list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.pr01 .pr01-list .pr01-item {
  width: 100%;
  margin-bottom: 3em;
  color: #ccc;
}
.pr01 .pr01-cta {
  width: 100%;
}
.pr01 .pr01-desc {
  font-size: 15px;
  line-height: 140%;
  color: #ccc;
}
.pr01 .pr01-cta-container {
  max-width: 20em;
  margin: 0px auto 30px auto;
  transition: box-shadow 0.1s;
}
.pr01 .pr01-cta-container:hover {
  box-shadow: 0px 0px 15px rgba(248, 167, 37, 0.6);
}
.pr01 .pr01-cta-box {
  border-left: solid 1px #555;
  border-top: solid 1px #555;
  border-right: solid 1px #555;
  font-size: 14px;
  line-height: 150%;
  padding: 2em;
}
.pr01 .pr01-btn {
  display: inline-block;
  border: solid 1px #F9A626;
  text-align: center;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
  background: transparent;
  color: #F9A626;
  padding: 8px 12px;
  width: 100%;
  margin-top: -2px;
  text-decoration: none;
  transition: color 0.2s, background-color 0.2s;
}
.pr01 .pr01-btn:hover {
  background-color: #F9A626;
  color: #000;
}

@media (min-width: 721px) {
  .pr01 {
    flex-direction: column;
    margin-left: -30px;
  }
  .pr01 .pr01-list {
    width: 100%;
  }
  .pr01 .pr01-list .pr01-item {
    width: calc(50% - 30px);
    margin-left: 30px;
  }
  .pr01 .pr01-cta {
    width: 100%;
    padding: 30px;
    padding-left: 60px;
  }
}
@media (min-width: 960px) {
  .pr01 {
    flex-direction: row;
    margin-left: -50px;
  }
  .pr01 .pr01-list {
    width: 80%;
  }
  .pr01 .pr01-list .pr01-item {
    width: calc(47% - 50px);
    margin-left: 50px;
  }
  .pr01 .pr01-cta {
    width: 20%;
    padding: 0em;
  }
}
.pr02 {
  display: flex;
  flex-direction: column;
  margin-left: -30px;
}
.pr02 .pr02-small {
  font-size: 14px;
  line-height: 130%;
  color: #777;
}
.pr02 .pr02-list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.pr02 .pr02-list .pr02-item {
  width: calc(50% - 30px);
  margin-left: 30px;
  margin-bottom: 20px;
}
.pr02 .pr02-cta {
  width: 100%;
}
.pr02 .pr02-desc {
  font-size: 15px;
  line-height: 140%;
  color: #ccc;
}
.pr02 .pr02-cta-container {
  max-width: 20em;
  margin: 0px auto 30px auto;
  transition: box-shadow 0.1s;
}
.pr02 .pr02-cta-container:hover {
  box-shadow: 0px 0px 15px rgba(248, 167, 37, 0.6);
}
.pr02 .pr02-cta-box {
  border-left: solid 1px #555;
  border-top: solid 1px #555;
  border-right: solid 1px #555;
  font-size: 14px;
  line-height: 150%;
  padding: 2em;
}
.pr02 .pr02-btn {
  display: inline-block;
  border: solid 1px #F9A626;
  text-align: center;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
  background: transparent;
  color: #F9A626;
  padding: 8px 12px;
  width: 100%;
  margin-top: -2px;
  text-decoration: none;
  transition: color 0.2s, background-color 0.2s;
}
.pr02 .pr02-btn:hover {
  background-color: #F9A626;
  color: #000;
}

@media (min-width: 721px) {
  .pr02 {
    flex-direction: column;
    margin-left: -30px;
  }
  .pr02 .pr02-list {
    width: 100%;
  }
  .pr02 .pr02-list .pr02-item {
    width: calc(50% - 30px);
    margin-left: 30px;
  }
  .pr02 .pr02-cta {
    width: 100%;
    padding: 30px;
    padding-left: 60px;
  }
}
@media (min-width: 960px) {
  .pr02 {
    margin-left: -50px;
  }
  .pr02 .pr02-list .pr02-item {
    width: calc(33.33% - 50px);
    margin-left: 50px;
  }
  .pr02 .pr02-cta {
    background: #444;
    width: 20%;
    padding: 0em;
  }
}
.pr02-h2 {
  color: #F9A626;
}

.pr02-intro {
  max-width: 30em;
  margin: -0.5em 0 2em 0;
}

.pr02-btn-box {
  text-align: center;
}

.pr02-btn {
  display: inline-block;
  margin: 0 auto;
  border: solid 2px #F9A626;
  text-align: center;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 1px;
  background: transparent;
  color: #F9A626;
  padding: 12px 24px;
  border-radius: 30px;
  text-decoration: none;
  transition: color 0.2s, background-color 0.2s;
}
.pr02-btn:hover {
  background-color: #F9A626;
  color: #000;
}

.st {
  /*
  a.st-link {
  	text-decoration: none;
  	color: $yellow;

  	.st-link-icon {
  		width: 30px;
  	}
  }
  */
}
.st h2 {
  color: #F9A626;
  margin-bottom: 0.2em;
  padding-bottom: 0px;
}
.st .st-cal-center {
  text-align: center;
  padding: 10px;
}
.st .st-cal-month {
  font-size: 14px;
  border-bottom: solid 1px #771a1d;
  display: inline-block;
  margin: 0 auto;
}
.st .st-desc {
  margin-bottom: 1.8em;
}
.st .st-leg {
  width: 10px;
  height: 10px;
  display: inline-block;
  opacity: 0.7;
  margin-bottom: -1px;
}
.st .st-leg-green {
  background-color: #1C753F;
}
.st .st-leg-yellow {
  background-color: #F9A626;
}
.st .st-leg-red {
  background-color: #CB2C31;
}
.st .st-leg-wrap {
  white-space: nowrap;
  padding-right: 1em;
}
.st .st-legend {
  font-size: 12px;
  padding: 10px 0px;
  line-height: 150%;
}
.st .st-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px 0;
}
.st .st-info .st-plan {
  width: 100%;
  padding: 0px 20px;
}
.st .st-info .st-calendar {
  padding-top: 10px;
  width: 100%;
  padding: 0px 20px;
}
.st .st-btn-box {
  text-align: center;
  padding: 30px 0px 10px 0px;
}
.st .st-param {
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
}
.st .st-param .st-param-item {
  width: 50%;
  margin-bottom: 20px;
  padding-left: 45px;
  position: relative;
}
.st .st-param .st-param-item .st-param-icon {
  position: absolute;
  top: 2px;
  left: 0;
  width: 30px;
}
.st .st-param .st-param-d {
  color: #1C753F;
  font-weight: bold;
  font-size: 18px;
  text-decoration: none;
}
.st .st-param .st-param-desc {
  text-transform: uppercase;
  font-size: 10px;
  color: #1C753F;
  margin-top: -6px;
}
.st .st-link-box {
  margin: 0 auto;
  max-width: 16em;
}

@media (min-width: 721px) {
  .st .st-param .st-param-item {
    width: 25%;
    padding-left: 55px;
  }
  .st .st-param .st-param-item .st-param-icon {
    top: 0px;
    width: 40px;
  }
  .st .st-param .st-param-d {
    font-size: 26px;
  }
  .st .st-param .st-param-desc {
    text-transform: uppercase;
    font-size: 13px;
    color: #1C753F;
    margin-top: -6px;
  }
  .st .st-info {
    display: flex;
    flex-direction: row;
    padding: 20px 0;
  }
  .st .st-info .st-plan {
    width: 50%;
    padding-right: 7%;
    padding-left: 0;
  }
  .st .st-info .st-calendar {
    width: 50%;
    padding-right: 7%;
  }
}
.st-link-box2 {
  margin: 0 auto;
  max-width: 36em;
}

.st-smallpix-box {
  padding: 10px 10px 0px 10px;
  font-size: 0;
  margin-left: -10px;
  margin-right: -10px;
  overflow-x: hidden;
}
.st-smallpix-box .st-smallpix-item {
  display: inline-block;
  width: 90px;
  margin: 0px 10px 0px 0px;
}

@media (min-width: 721px) {
  .st-smallpix-box {
    margin: 0;
  }
}
.cl01 {
  background: url(/static/img/bg-fig-blur2.jpg) no-repeat 50% 50% #000;
}

.cal-box {
  background-color: rgba(255, 255, 255, 0.1);
  box-shadow: 0 25px 45px rgba(0, 0, 0, 0.1);
  border: solid 1px rgba(255, 255, 255, 0.07);
  border-right: solid 1px rgba(255, 255, 255, 0.05);
  border-bottom: solid 1px rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(10px);
  padding: 20px;
}

@media (min-width: 960px) {
  .cal-box {
    padding: 40px;
  }
}
/*
.mon, .tue, .wed, .thu, .fri, .sat, .sun {
	color: $grayLight2;

}
*/
.t02 {
  display: flex;
  flex-direction: column;
  /*
  h2, h3 {
  	color: $green;
  }
  */
}
.t02 .t02-col1 {
  margin-bottom: 0em;
}
.t02 .t02-sep {
  display: none;
}

@media (min-width: 721px) {
  .t02 {
    flex-direction: row;
    align-items: flex-start;
  }
  .t02 .t02-col1 {
    width: calc(46% - 15px);
    margin-left: 0px;
    margin-bottom: 0;
  }
  .t02 .t02-col2 {
    width: calc(46% - 15px);
  }
  .t02 .t02-sep {
    display: block;
    width: 8%;
  }
  .t02 .t02-img {
    margin-bottom: 1em;
  }
}
.t04 {
  font-size: 18px;
  line-height: 150%;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0 auto;
  margin-top: 1em;
}

@media (min-width: 721px) {
  .t04 {
    font-size: 20px;
    line-height: 150%;
    max-width: 30em;
    margin-top: 1em;
  }
}
@media (min-width: 960px) {
  .t04 {
    padding-top: 3em;
    padding-bottom: 2em;
    font-size: 24px;
    line-height: 150%;
    max-width: 34em;
  }
}
.t05-wrap {
  background-color: #000;
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/static/img/pattern-big.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  min-height: 700px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.im02 {
  display: flex;
  flex-direction: column;
}
.im02 .im02-item {
  margin-bottom: 10px;
  position: relative;
}
.im02 .im02-item .im02-desc {
  position: absolute;
  display: block;
  bottom: 10px;
  left: 10px;
  width: 15em;
  color: #ccc;
  font-size: 12px;
  line-height: 150%;
}
.im02 .im02-item .im02-img {
  display: block;
}

@media (min-width: 721px) {
  .im02 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: -10px;
  }
  .im02 .im02-item {
    margin-left: 10px;
    width: calc(50% - 10px);
  }
  .im02 .im02-item .im02-desc {
    position: absolute;
    display: block;
    bottom: 20px;
    left: 20px;
    width: 12em;
    font-size: 15px;
    line-height: 150%;
  }
}
.im05 {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  width: 100%;
}
.im05 .im05-box1 {
  width: 100%;
  margin-bottom: 10px;
  position: relative;
}
.im05 .im05-box2 {
  width: 100%;
  display: flex;
  flex-direction: row;
}
.im05 .im05-box2 .im05-p2 {
  position: relative;
  display: block;
  width: calc(50% - 5px);
  margin-right: 10px;
}
.im05 .im05-box2 .im05-p3 {
  position: relative;
  display: block;
  width: calc(50% - 5px);
}
.im05 .im05-pix {
  display: block;
}
.im05 .im05-desc {
  position: absolute;
  max-width: 12em;
  bottom: 10px;
  left: 10px;
  color: #ccc;
  font-size: 12px;
  line-height: 150%;
}

@media (min-width: 721px) {
  .im05 {
    flex-direction: row;
  }
  .im05 .im05-box1 {
    width: 66.3%;
    margin-right: 10px;
    margin-bottom: 0px;
  }
  .im05 .im05-box2 {
    width: calc(33.7% - 10px);
    flex-direction: column;
  }
  .im05 .im05-box2 .im05-p2 {
    margin-bottom: 10px;
    margin-right: 0px;
    width: 100%;
  }
  .im05 .im05-box2 .im05-p3 {
    width: 100%;
  }
  .im05 .im05-desc {
    bottom: 20px;
    left: 20px;
    font-size: 15px;
    line-height: 150%;
  }
}
.ll01 {
  display: flex;
  justify-content: flex-start;
  padding-top: 0.5em;
}
.ll01 .ll01-item {
  padding-left: 4em;
  width: 100%;
  position: relative;
  margin-bottom: 1em;
}
.ll01 .ll01-item .ll01-num {
  position: absolute;
  top: -2px;
  left: 20px;
  background-color: #1C753F;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  color: #000;
  text-align: center;
  line-height: 26px;
  font-size: 12px;
}

@media (min-width: 721px) {
  .ll01 .ll01-item {
    margin-bottom: 1.4em;
  }
  .ll01 .ll01-item .ll01-num {
    top: -2px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    color: #000;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
  }
}
.ll02 {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.ll02 .ll02-item {
  display: flex;
  justify-content: start;
  align-items: center;
  flex-wrap: nowrap;
  padding-right: 3em;
  margin-bottom: 0.5em;
  margin-top: 0.5em;
  width: 100%;
}
.ll02 .ll02-item .ll02-iconbox {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  color: #000;
  line-height: 90px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ll02 .ll02-item .ll02-iconbox .ll02-icon {
  width: 80px;
}
.ll02 .ll02-item .ll02-text {
  padding-left: 1em;
  width: calc(100% - 90px);
}

@media (min-width: 721px) {
  .ll02 .ll02-item {
    width: 50%;
    margin-bottom: 1em;
    margin-top: 1em;
  }
}
.ll04 {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.ll04 .ll04-item {
  width: 100%;
  padding-left: 70px;
  min-height: 70px;
  margin: 10px 20px;
  position: relative;
}
.ll04 .ll04-item .ll04-box {
  position: absolute;
  top: 0em;
  left: 0;
  background-color: #ccc;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ll04 .ll04-item .ll04-box .ll04-icon {
  width: 24px;
}
.ll04 .ll04-item .ll04-desc {
  line-height: 120%;
}

@media (min-width: 721px) {
  .ll04 {
    margin: 30px 0;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .ll04 .ll04-item {
    width: calc(50% - 40px);
    margin: 20px 20px;
  }
}
.ll06 {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.ll06 .ll06-head {
  color: #000;
}
.ll06 .ll06-head .ll06-h2 {
  color: #000;
}
.ll06 .ll06-faq .ll06-answer {
  padding-left: 1em;
  padding-right: 1em;
}
.ll06 .ll06-faq .ll06-item {
  margin-bottom: 3em;
}

@media (min-width: 721px) {
  .ll06 .ll06-head {
    padding-right: 5em;
    width: calc(50% - 5em);
  }
  .ll06 .ll06-faq {
    width: calc(50% + 3em);
  }
}
/*
@media (min-width: $lg) {
	.ll05 {
		.ll05-head {
			padding-right: 5em;
			width: calc(40% - 5em);
		}
		.ll05-faq {
			width: calc(60% + 3em);
		}
	}
}
*/
.ll05 {
  display: flex;
  justify-content: flex-start;
}
.ll05 h2 {
  color: #1C753F;
  margin-bottom: 10px;
  padding-bottom: 0;
  line-height: 120%;
}
.ll05 h2 small {
  font-size: 0.6em;
}
.ll05 .ll05-item {
  padding-right: 3em;
  width: 33.33%;
  color: #1C753F;
  text-transform: uppercase;
}
.ll05 .ll05-desc {
  max-width: 6em;
  line-height: 130%;
  font-size: 13px;
}

@media (min-width: 721px) {
  .ll05 .ll05-desc {
    max-width: 6em;
    line-height: 130%;
    font-size: 15px;
  }
}
.form-line {
  margin-bottom: 10px;
  font-size: 0;
  box-sizing: border-box;
  text-align: left;
}
.form-line .form-label {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  box-sizing: border-box;
  padding-top: 5px;
  font-size: 16px;
  margin-bottom: 0.2em;
}
.form-line .form-label .required {
  color: #CB2C31;
}
.form-line .form-item {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  font-size: 16px;
  box-sizing: border-box;
  text-align: left;
  position: relative;
}
.form-line .form-item.form-item-100 {
  width: 100%;
}

input[type=text], input[type=email], textarea, select {
  width: 100%;
  border: solid 1px rgba(255, 255, 255, 0.35);
  padding: 10px 18px;
  color: #ccc;
  background-color: #000;
  box-sizing: border-box;
  margin-bottom: 4px;
}
input[type=text]:focus, input[type=email]:focus, textarea:focus, select:focus {
  outline: 0;
}

textarea {
  height: 4em;
}

input[type=checkbox] {
  text-align: left;
  background-color: #000;
}

.form-help-text {
  font-size: 14px;
  color: #777;
  line-height: 130%;
  display: block;
  margin-top: 10px;
}

#id_i_agree {
  display: inline-block;
  width: auto;
  margin-top: 10px;
  margin-right: 0.5em;
  text-align: left;
}

#p_id_i_agree {
  display: inline-block;
  margin-top: -10px;
}

.form-box ul.errorlist {
  list-style: none;
  margin: 0;
  padding-left: 0;
  font-size: 14px;
  line-height: 130%;
  font-weight: bold;
  color: #CB2C31;
}
.form-box ul.errorlist li {
  margin-top: 0.2em;
}

label[for=id_email2] {
  position: absolute;
  left: -9999px;
  height: 0;
}

input[name=email2] {
  position: absolute;
  left: -9999px;
  height: 0;
}

label {
  color: #ccc;
  font-size: 15px;
}

label[for=id_contact]:after, label[for=id_email]:after, label[for=id_phone]:after, label[for=id_fio]:after, label[for=id_prj_type]:after {
  content: "*";
  color: #CB2C31;
  display: inline-block;
  margin-left: 0.3em;
}

#id_services {
  margin-left: 0;
  padding-left: 0;
  margin-top: -0.8em;
}
#id_services li {
  list-style: none;
  display: inline-block;
  border: solid 1px rgba(255, 255, 255, 0.15);
  padding: 8px 14px;
  margin-right: 6px;
  margin-bottom: 10px;
  background-color: #000;
  cursor: pointer;
}
#id_services li:before {
  content: "";
}
#id_services li label {
  margin-top: 5px;
  color: #ccc;
  cursor: pointer;
}
#id_services li input[type=checkbox] {
  margin-right: 10px;
  margin-top: 0;
  background-color: #000;
}

/*
.order-button {

	text-decoration: none;
	text-transform: uppercase;
	font-size: 13px;
	margin-left: 5px;

	background-color: $yellow;
	border: solid 2px $yellow;
	border-radius: 30px;
	padding: 8px 16px;
	color: $grayDark !important;
	letter-spacing: 1px;

	font-size: 14px;
	margin-right: 3px;
	margin-left: 3px;
	word-wrap: nowrap;
	position: relative;

	transition: background-color .1s, color .2s, box-shadow .1s;

	&:hover {
		background-color: trasparent !important;
		color: $yellow !important;
		cursor: pointer; 
		box-shadow: 0px 0px 15px rgba(248, 167, 37, 0.6);


	}
}
*/
.form-agreement {
  margin-top: 0.7em;
  margin-bottom: 2em;
  width: 100%;
  color: #777;
  font-size: 14px;
}

.form-spacer {
  height: 50px;
}

@media (min-width: 721px) {
  .form-spacer {
    height: 0px;
  }
}
input:-internal-autofill-selected {
  appearance: menulist-button;
  background-image: none !important;
  background-color: #000 !important;
  color: #777 !important;
}

.form-around {
  padding: 0;
  background-color: trasparent;
}

@media (min-width: 721px) {
  .form-around {
    padding: 4em 5em 5em 5em;
    background: #000;
    border: solid 2px #060400;
    border-radius: 0px;
    box-shadow: 0px 0px 20px rgba(248, 167, 37, 0.6);
  }
}
/*

input:-internal-autofill-selected {
	background-color: #000;
	//box-shadow: inset 0 0 0 50px #000 !important;
	color: $grayLight !important;
}

@-webkit-keyframes autofill {
  to {
    color: inherit;
    background: transparent;
  }
}

input:-webkit-autofill {
  -webkit-animation-name: autofill;
  -webkit-animation-fill-mode: both;
}

input {outline: none;}
input:-webkit-autofill {
    //-webkit-box-shadow: inset 0 0 0 50px #000 !important; 
    color: $grayLight !important;
}

*/
/*
input:-webkit-autofill {
	background-color: rgb(232, 240, 254) !important;
	background-image: none !important;
	color: -internal-light-dark(black, white) !important;
}
*/
/* class applies to select element itself, not a wrapper element */
.select-css {
  display: block;
  font-size: 16px;
  line-height: 1.3;
  padding: 10px 12px;
  width: 100%;
  max-width: 100%; /* useful when width is set to anything other than 100% */
  box-sizing: border-box;
  margin: 0;
  border: solid 1px rgba(255, 255, 255, 0.15);
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #000;
  /* note: bg image below uses 2 urls. The first is an svg data uri for the arrow icon, and the second is the gradient. 
    for the icon, if you want to change the color, be sure to use `%23` instead of `#`, since it's a url. You can also swap in a different svg icon or an external image reference

  */
  background-image: url("/static/icon/select-arr.svg");
  background-repeat: no-repeat, repeat;
  /* arrow icon position (1em from the right, 50% vertical) , then gradient position*/
  background-position: right 0.7em top 50%, 0 0;
  /* icon size, then gradient */
  background-size: 0.65em auto, 100%;
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
}

/* Hide arrow icon in IE browsers */
.select-css::-ms-expand {
  display: none;
}

/* Hover style */
/* Focus style */
.select-css:focus {
  /* It'd be nice to use -webkit-focus-ring-color here but it doesn't work on box-shadow */
  outline: none;
}

/* Set options to normal weight */
/* Support for rtl text, explicit support for Arabic and Hebrew */
*[dir=rtl] .select-css, :root:lang(ar) .select-css, :root:lang(iw) .select-css {
  background-position: left 0.7em top 50%, 0 0;
  padding: 10px 12px;
}

/* Disabled styles */
.select-css:disabled, .select-css[aria-disabled=true] {
  color: #777;
}

.loader-03 {
  opacity: 0;
  display: inline-block;
  width: 1.2em;
  height: 1.2em;
  color: #F9A626;
  vertical-align: middle;
  pointer-events: none;
  border: 2px solid currentcolor;
  border-bottom-color: transparent;
  border-radius: 50%;
  animation: 1s loader-03 linear infinite;
  position: relative;
}

@keyframes loader-03 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes plyr-progress {
  to {
    background-position: 25px 0;
  }
}
@keyframes plyr-popup {
  0% {
    opacity: 0.5;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes plyr-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.plyr {
  -moz-osx-font-smoothing: auto;
  -webkit-font-smoothing: subpixel-antialiased;
  direction: ltr;
  font-family: Avenir, "Avenir Next", "Helvetica Neue", "Segoe UI", Helvetica, Arial, sans-serif;
  font-variant-numeric: tabular-nums;
  font-weight: 500;
  line-height: 1.7;
  max-width: 100%;
  min-width: 200px;
  position: relative;
  text-shadow: none;
  transition: box-shadow 0.3s ease;
}

.plyr video,
.plyr audio {
  border-radius: inherit;
  height: auto;
  vertical-align: middle;
  width: 100%;
}

.plyr button {
  font: inherit;
  line-height: inherit;
  width: auto;
}

.plyr:focus {
  outline: 0;
}

.plyr--full-ui {
  box-sizing: border-box;
}

.plyr--full-ui *,
.plyr--full-ui *::after,
.plyr--full-ui *::before {
  box-sizing: inherit;
}

.plyr--full-ui a,
.plyr--full-ui button,
.plyr--full-ui input,
.plyr--full-ui label {
  touch-action: manipulation;
}

.plyr__badge {
  background: #4f5b5f;
  border-radius: 2px;
  color: #fff;
  font-size: 9px;
  line-height: 1;
  padding: 3px 4px;
}

.plyr--full-ui ::-webkit-media-text-track-container {
  display: none;
}

.plyr__captions {
  animation: plyr-fade-in 0.3s ease;
  bottom: 0;
  color: #fff;
  display: none;
  font-size: 14px;
  left: 0;
  padding: 10px;
  position: absolute;
  text-align: center;
  transition: transform 0.4s ease-in-out;
  width: 100%;
}

.plyr__captions .plyr__caption {
  background: rgba(0, 0, 0, 0.8);
  border-radius: 2px;
  box-decoration-break: clone;
  line-height: 185%;
  padding: 0.2em 0.5em;
  white-space: pre-wrap;
}

.plyr__captions .plyr__caption div {
  display: inline;
}

.plyr__captions span:empty {
  display: none;
}

@media (min-width: 480px) {
  .plyr__captions {
    font-size: 16px;
    padding: 20px;
  }
}
@media (min-width: 768px) {
  .plyr__captions {
    font-size: 18px;
  }
}
.plyr--captions-active .plyr__captions {
  display: block;
}

.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty) ~ .plyr__captions {
  transform: translateY(-40px);
}

.plyr__control {
  background: transparent;
  border: 0;
  border-radius: 3px;
  color: inherit;
  cursor: pointer;
  flex-shrink: 0;
  overflow: visible;
  padding: 7px;
  position: relative;
  transition: all 0.3s ease;
}

.plyr__control svg {
  display: block;
  fill: currentColor;
  height: 18px;
  pointer-events: none;
  width: 18px;
}

.plyr__control:focus {
  outline: 0;
}

.plyr__control.plyr__tab-focus {
  box-shadow: 0 0 0 5px rgba(225, 30, 60, 0.5);
  outline: 0;
}

a.plyr__control {
  text-decoration: none;
}

a.plyr__control::after, a.plyr__control::before {
  display: none;
}

.plyr__control:not(.plyr__control--pressed) .icon--pressed,
.plyr__control.plyr__control--pressed .icon--not-pressed,
.plyr__control:not(.plyr__control--pressed) .label--pressed,
.plyr__control.plyr__control--pressed .label--not-pressed {
  display: none;
}

.plyr--audio .plyr__control.plyr__tab-focus, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded=true] {
  background: #E11E3C;
  color: #fff;
}

.plyr--video .plyr__control svg {
  filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.15));
}

.plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true] {
  background: #E11E3C;
  color: #fff;
}

.plyr__control--overlaid {
  background: rgba(225, 30, 60, 0.8);
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  color: #fff;
  display: none;
  left: 50%;
  padding: 15px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

.plyr__control--overlaid svg {
  left: 2px;
  position: relative;
}

.plyr__control--overlaid:hover, .plyr__control--overlaid:focus {
  background: #E11E3C;
}

.plyr--playing .plyr__control--overlaid {
  opacity: 0;
  visibility: hidden;
}

.plyr--full-ui.plyr--video .plyr__control--overlaid {
  display: block;
}

.plyr--full-ui ::-webkit-media-controls {
  display: none;
}

.plyr__controls {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  text-align: center;
}

.plyr__controls > .plyr__control,
.plyr__controls .plyr__progress,
.plyr__controls .plyr__time,
.plyr__controls .plyr__menu,
.plyr__controls .plyr__volume {
  margin-left: 5px;
}

.plyr__controls .plyr__menu + .plyr__control,
.plyr__controls > .plyr__control + .plyr__menu,
.plyr__controls > .plyr__control + .plyr__control,
.plyr__controls .plyr__progress + .plyr__control {
  margin-left: 2px;
}

.plyr__controls > .plyr__control:first-child,
.plyr__controls > .plyr__control:first-child + [data-plyr=pause] {
  margin-left: 0;
  margin-right: auto;
}

.plyr__controls:empty {
  display: none;
}

@media (min-width: 480px) {
  .plyr__controls > .plyr__control,
  .plyr__controls .plyr__menu,
  .plyr__controls .plyr__progress,
  .plyr__controls .plyr__time,
  .plyr__controls .plyr__volume {
    margin-left: 10px;
  }
}
.plyr--audio .plyr__controls {
  background: #fff;
  border-radius: inherit;
  color: #4f5b5f;
  padding: 10px;
}

.plyr--video .plyr__controls {
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  bottom: 0;
  color: #fff;
  left: 0;
  padding: 20px 5px 5px;
  position: absolute;
  right: 0;
  transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
  z-index: 3;
}

@media (min-width: 480px) {
  .plyr--video .plyr__controls {
    padding: 35px 10px 10px;
  }
}
.plyr--video.plyr--hide-controls .plyr__controls {
  opacity: 0;
  pointer-events: none;
  transform: translateY(100%);
}

.plyr [data-plyr=captions],
.plyr [data-plyr=pip],
.plyr [data-plyr=airplay],
.plyr [data-plyr=fullscreen] {
  display: none;
}

.plyr--captions-enabled [data-plyr=captions],
.plyr--pip-supported [data-plyr=pip],
.plyr--airplay-supported [data-plyr=airplay],
.plyr--fullscreen-enabled [data-plyr=fullscreen] {
  display: inline-block;
}

.plyr__video-embed {
  height: 0;
  padding-bottom: 56.25%;
  position: relative;
}

.plyr__video-embed iframe {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  user-select: none;
  width: 100%;
}

.plyr--full-ui .plyr__video-embed > .plyr__video-embed__container {
  padding-bottom: 240%;
  position: relative;
  transform: translateY(-38.28125%);
}

.plyr__menu {
  display: flex;
  position: relative;
}

.plyr__menu .plyr__control svg {
  transition: transform 0.3s ease;
}

.plyr__menu .plyr__control[aria-expanded=true] svg {
  transform: rotate(90deg);
}

.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip {
  display: none;
}

.plyr__menu__container {
  animation: plyr-popup 0.2s ease;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 4px;
  bottom: 100%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  color: #4f5b5f;
  font-size: 16px;
  margin-bottom: 10px;
  position: absolute;
  right: -3px;
  text-align: left;
  white-space: nowrap;
  z-index: 3;
}

.plyr__menu__container > div {
  overflow: hidden;
  transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.plyr__menu__container::after {
  border: 4px solid transparent;
  border-top-color: rgba(255, 255, 255, 0.9);
  content: "";
  height: 0;
  position: absolute;
  right: 15px;
  top: 100%;
  width: 0;
}

.plyr__menu__container [role=menu] {
  padding: 7px;
}

.plyr__menu__container [role=menuitem],
.plyr__menu__container [role=menuitemradio] {
  margin-top: 2px;
}

.plyr__menu__container [role=menuitem]:first-child,
.plyr__menu__container [role=menuitemradio]:first-child {
  margin-top: 0;
}

.plyr__menu__container .plyr__control {
  align-items: center;
  color: #4f5b5f;
  display: flex;
  font-size: 14px;
  padding: 4px 11px;
  user-select: none;
  width: 100%;
}

.plyr__menu__container .plyr__control > span {
  align-items: inherit;
  display: flex;
  width: 100%;
}

.plyr__menu__container .plyr__control::after {
  border: 4px solid transparent;
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.plyr__menu__container .plyr__control--forward {
  padding-right: 29px;
}

.plyr__menu__container .plyr__control--forward::after {
  border-left-color: rgba(79, 91, 95, 0.8);
  right: 5px;
}

.plyr__menu__container .plyr__control--forward.plyr__tab-focus::after, .plyr__menu__container .plyr__control--forward:hover::after {
  border-left-color: currentColor;
}

.plyr__menu__container .plyr__control--back {
  font-weight: 500;
  margin: 7px;
  margin-bottom: 3px;
  padding-left: 29px;
  position: relative;
  width: calc(100% - 14px);
}

.plyr__menu__container .plyr__control--back::after {
  border-right-color: rgba(79, 91, 95, 0.8);
  left: 7px;
}

.plyr__menu__container .plyr__control--back::before {
  background: #b7c5cd;
  box-shadow: 0 1px 0 #fff;
  content: "";
  height: 1px;
  left: 0;
  margin-top: 4px;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 100%;
}

.plyr__menu__container .plyr__control--back.plyr__tab-focus::after, .plyr__menu__container .plyr__control--back:hover::after {
  border-right-color: currentColor;
}

.plyr__menu__container .plyr__control[role=menuitemradio] {
  padding-left: 7px;
}

.plyr__menu__container .plyr__control[role=menuitemradio]::before, .plyr__menu__container .plyr__control[role=menuitemradio]::after {
  border-radius: 100%;
}

.plyr__menu__container .plyr__control[role=menuitemradio]::before {
  background: rgba(0, 0, 0, 0.1);
  content: "";
  display: block;
  flex-shrink: 0;
  height: 16px;
  margin-right: 10px;
  transition: all 0.3s ease;
  width: 16px;
}

.plyr__menu__container .plyr__control[role=menuitemradio]::after {
  background: #fff;
  border: 0;
  height: 6px;
  left: 12px;
  opacity: 0;
  top: 50%;
  transform: translateY(-50%) scale(0);
  transition: transform 0.3s ease, opacity 0.3s ease;
  width: 6px;
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before {
  background: #E11E3C;
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::after {
  opacity: 1;
  transform: translateY(-50%) scale(1);
}

.plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus::before, .plyr__menu__container .plyr__control[role=menuitemradio]:hover::before {
  background: rgba(0, 0, 0, 0.1);
}

.plyr__menu__container .plyr__menu__value {
  align-items: center;
  display: flex;
  margin-left: auto;
  margin-right: -5px;
  overflow: hidden;
  padding-left: 25px;
  pointer-events: none;
}

.plyr--full-ui input[type=range] {
  -webkit-appearance: none;
  /* stylelint-disable-line */
  background: transparent;
  border: 0;
  border-radius: 26px;
  color: #E11E3C;
  display: block;
  height: 19px;
  margin: 0;
  padding: 0;
  transition: box-shadow 0.3s ease;
  width: 100%;
}

.plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
  background: transparent;
  border: 0;
  border-radius: 2.5px;
  height: 5px;
  transition: box-shadow 0.3s ease;
  user-select: none;
  background-image: linear-gradient(to right, currentColor var(--value, 0%), transparent var(--value, 0%));
}

.plyr--full-ui input[type=range]::-webkit-slider-thumb {
  background: #fff;
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2);
  height: 13px;
  position: relative;
  transition: all 0.2s ease;
  width: 13px;
  -webkit-appearance: none;
  /* stylelint-disable-line */
  margin-top: -4px;
}

.plyr--full-ui input[type=range]::-moz-range-track {
  background: transparent;
  border: 0;
  border-radius: 2.5px;
  height: 5px;
  transition: box-shadow 0.3s ease;
  user-select: none;
}

.plyr--full-ui input[type=range]::-moz-range-thumb {
  background: #fff;
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2);
  height: 13px;
  position: relative;
  transition: all 0.2s ease;
  width: 13px;
}

.plyr--full-ui input[type=range]::-moz-range-progress {
  background: currentColor;
  border-radius: 2.5px;
  height: 5px;
}

.plyr--full-ui input[type=range]::-ms-track {
  background: transparent;
  border: 0;
  border-radius: 2.5px;
  height: 5px;
  transition: box-shadow 0.3s ease;
  user-select: none;
  color: transparent;
}

.plyr--full-ui input[type=range]::-ms-fill-upper {
  background: transparent;
  border: 0;
  border-radius: 2.5px;
  height: 5px;
  transition: box-shadow 0.3s ease;
  user-select: none;
}

.plyr--full-ui input[type=range]::-ms-fill-lower {
  background: transparent;
  border: 0;
  border-radius: 2.5px;
  height: 5px;
  transition: box-shadow 0.3s ease;
  user-select: none;
  background: currentColor;
}

.plyr--full-ui input[type=range]::-ms-thumb {
  background: #fff;
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2);
  height: 13px;
  position: relative;
  transition: all 0.2s ease;
  width: 13px;
  margin-top: 0;
}

.plyr--full-ui input[type=range]::-ms-tooltip {
  display: none;
}

.plyr--full-ui input[type=range]:focus {
  outline: 0;
}

.plyr--full-ui input[type=range]::-moz-focus-outer {
  border: 0;
}

.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track {
  box-shadow: 0 0 0 5px rgba(225, 30, 60, 0.5);
  outline: 0;
}

.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track {
  box-shadow: 0 0 0 5px rgba(225, 30, 60, 0.5);
  outline: 0;
}

.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track {
  box-shadow: 0 0 0 5px rgba(225, 30, 60, 0.5);
  outline: 0;
}

.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track {
  background-color: rgba(255, 255, 255, 0.25);
}

.plyr--full-ui.plyr--video input[type=range]::-moz-range-track {
  background-color: rgba(255, 255, 255, 0.25);
}

.plyr--full-ui.plyr--video input[type=range]::-ms-track {
  background-color: rgba(255, 255, 255, 0.25);
}

.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5);
}

.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5);
}

.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5);
}

.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track {
  background-color: rgba(183, 197, 205, 0.66);
}

.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track {
  background-color: rgba(183, 197, 205, 0.66);
}

.plyr--full-ui.plyr--audio input[type=range]::-ms-track {
  background-color: rgba(183, 197, 205, 0.66);
}

.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1);
}

.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1);
}

.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1);
}

.plyr__poster {
  background-color: #000;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity 0.2s ease;
  width: 100%;
  z-index: 1;
}

.plyr--stopped.plyr__poster-enabled .plyr__poster {
  opacity: 1;
}

.plyr__time {
  font-size: 14px;
}

.plyr__time + .plyr__time::before {
  content: "⁄";
  margin-right: 10px;
}

@media (max-width: 767px) {
  .plyr__time + .plyr__time {
    display: none;
  }
}
.plyr--video .plyr__time {
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}

.plyr__tooltip {
  background: rgba(255, 255, 255, 0.9);
  border-radius: 3px;
  bottom: 100%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  color: #4f5b5f;
  font-size: 14px;
  font-weight: 500;
  left: 50%;
  line-height: 1.3;
  margin-bottom: 10px;
  opacity: 0;
  padding: 5px 7.5px;
  pointer-events: none;
  position: absolute;
  transform: translate(-50%, 10px) scale(0.8);
  transform-origin: 50% 100%;
  transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease;
  white-space: nowrap;
  z-index: 2;
}

.plyr__tooltip::before {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(255, 255, 255, 0.9);
  bottom: -4px;
  content: "";
  height: 0;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 0;
  z-index: 2;
}

.plyr .plyr__control:hover .plyr__tooltip,
.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,
.plyr__tooltip--visible {
  opacity: 1;
  transform: translate(-50%, 0) scale(1);
}

.plyr .plyr__control:hover .plyr__tooltip {
  z-index: 3;
}

.plyr__controls > .plyr__control:first-child .plyr__tooltip,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip {
  left: 0;
  transform: translate(0, 10px) scale(0.8);
  transform-origin: 0 100%;
}

.plyr__controls > .plyr__control:first-child .plyr__tooltip::before,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip::before {
  left: 16px;
}

.plyr__controls > .plyr__control:last-child .plyr__tooltip {
  left: auto;
  right: 0;
  transform: translate(0, 10px) scale(0.8);
  transform-origin: 100% 100%;
}

.plyr__controls > .plyr__control:last-child .plyr__tooltip::before {
  left: auto;
  right: 16px;
  transform: translateX(50%);
}

.plyr__controls > .plyr__control:first-child:hover .plyr__tooltip, .plyr__controls > .plyr__control:first-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control:first-child .plyr__tooltip--visible,
.plyr__controls > .plyr__control:first-child + .plyr__control:hover .plyr__tooltip,
.plyr__controls > .plyr__control:first-child + .plyr__control.plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip--visible,
.plyr__controls > .plyr__control:last-child:hover .plyr__tooltip,
.plyr__controls > .plyr__control:last-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control:last-child .plyr__tooltip--visible {
  transform: translate(0, 0) scale(1);
}

.plyr--video {
  background: #000;
  overflow: hidden;
}

.plyr--video.plyr--menu-open {
  overflow: visible;
}

.plyr__video-wrapper {
  background: #000;
  border-radius: inherit;
  overflow: hidden;
  position: relative;
  z-index: 0;
}

.plyr__progress {
  flex: 1;
  left: 6.5px;
  margin-right: 13px;
  position: relative;
}

.plyr__progress input[type=range], .plyr__progress__buffer {
  margin-left: -6.5px;
  margin-right: -6.5px;
  width: calc(100% + 13px);
}

.plyr__progress input[type=range] {
  position: relative;
  z-index: 2;
}

.plyr__progress .plyr__tooltip {
  font-size: 14px;
  left: 0;
}

.plyr__progress__buffer {
  -webkit-appearance: none;
  /* stylelint-disable-line */
  background: transparent;
  border: 0;
  border-radius: 100px;
  height: 5px;
  left: 0;
  margin-top: -2.5px;
  padding: 0;
  position: absolute;
  top: 50%;
}

.plyr__progress__buffer::-webkit-progress-bar {
  background: transparent;
}

.plyr__progress__buffer::-webkit-progress-value {
  background: currentColor;
  border-radius: 100px;
  min-width: 5px;
  transition: width 0.2s ease;
}

.plyr__progress__buffer::-moz-progress-bar {
  background: currentColor;
  border-radius: 100px;
  min-width: 5px;
  transition: width 0.2s ease;
}

.plyr__progress__buffer::-ms-fill {
  border-radius: 100px;
  transition: width 0.2s ease;
}

.plyr--video .plyr__progress__buffer {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  color: rgba(255, 255, 255, 0.25);
}

.plyr--audio .plyr__progress__buffer {
  color: rgba(183, 197, 205, 0.66);
}

.plyr--loading .plyr__progress__buffer {
  animation: plyr-progress 1s linear infinite;
  background-image: linear-gradient(-45deg, rgba(47, 52, 61, 0.6) 25%, transparent 25%, transparent 50%, rgba(47, 52, 61, 0.6) 50%, rgba(47, 52, 61, 0.6) 75%, transparent 75%, transparent);
  background-repeat: repeat-x;
  background-size: 25px 25px;
  color: transparent;
}

.plyr--video.plyr--loading .plyr__progress__buffer {
  background-color: rgba(255, 255, 255, 0.25);
}

.plyr--audio.plyr--loading .plyr__progress__buffer {
  background-color: rgba(183, 197, 205, 0.66);
}

.plyr__volume {
  align-items: center;
  display: flex;
  flex: 1;
  position: relative;
}

.plyr__volume input[type=range] {
  margin-left: 5px;
  position: relative;
  z-index: 2;
}

@media (min-width: 480px) {
  .plyr__volume {
    max-width: 90px;
  }
}
@media (min-width: 768px) {
  .plyr__volume {
    max-width: 110px;
  }
}
.plyr--is-ios .plyr__volume {
  display: none !important;
}

.plyr--is-ios.plyr--vimeo [data-plyr=mute] {
  display: none !important;
}

.plyr:fullscreen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}

.plyr:fullscreen video {
  height: 100%;
}

.plyr:fullscreen .plyr__video-wrapper {
  height: 100%;
  width: 100%;
}

.plyr:fullscreen.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  top: 50%;
  transform: translateY(-50%);
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
  display: block;
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}

.plyr:fullscreen.plyr--hide-controls {
  cursor: none;
}

@media (min-width: 1024px) {
  .plyr:fullscreen .plyr__captions {
    font-size: 21px;
  }
}
/* stylelint-disable-next-line */
.plyr:-webkit-full-screen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}

.plyr:-webkit-full-screen video {
  height: 100%;
}

.plyr:-webkit-full-screen .plyr__video-wrapper {
  height: 100%;
  width: 100%;
}

.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  top: 50%;
  transform: translateY(-50%);
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
  display: block;
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}

.plyr:-webkit-full-screen.plyr--hide-controls {
  cursor: none;
}

@media (min-width: 1024px) {
  .plyr:-webkit-full-screen .plyr__captions {
    font-size: 21px;
  }
}
/* stylelint-disable-next-line */
.plyr:-moz-full-screen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}

.plyr:-moz-full-screen video {
  height: 100%;
}

.plyr:-moz-full-screen .plyr__video-wrapper {
  height: 100%;
  width: 100%;
}

.plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  top: 50%;
  transform: translateY(-50%);
}

.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen {
  display: block;
}

.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}

.plyr:-moz-full-screen.plyr--hide-controls {
  cursor: none;
}

@media (min-width: 1024px) {
  .plyr:-moz-full-screen .plyr__captions {
    font-size: 21px;
  }
}
/* stylelint-disable-next-line */
.plyr:-ms-fullscreen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}

.plyr:-ms-fullscreen video {
  height: 100%;
}

.plyr:-ms-fullscreen .plyr__video-wrapper {
  height: 100%;
  width: 100%;
}

.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  top: 50%;
  transform: translateY(-50%);
}

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
  display: block;
}

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}

.plyr:-ms-fullscreen.plyr--hide-controls {
  cursor: none;
}

@media (min-width: 1024px) {
  .plyr:-ms-fullscreen .plyr__captions {
    font-size: 21px;
  }
}
.plyr--fullscreen-fallback {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 10000000;
}

.plyr--fullscreen-fallback video {
  height: 100%;
}

.plyr--fullscreen-fallback .plyr__video-wrapper {
  height: 100%;
  width: 100%;
}

.plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  top: 50%;
  transform: translateY(-50%);
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
  display: block;
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}

.plyr--fullscreen-fallback.plyr--hide-controls {
  cursor: none;
}

@media (min-width: 1024px) {
  .plyr--fullscreen-fallback .plyr__captions {
    font-size: 21px;
  }
}
.plyr__ads {
  border-radius: inherit;
  bottom: 0;
  cursor: pointer;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}

.plyr__ads > div,
.plyr__ads > div iframe {
  height: 100%;
  position: absolute;
  width: 100%;
}

.plyr__ads::after {
  background: rgba(47, 52, 61, 0.8);
  border-radius: 2px;
  bottom: 10px;
  color: #fff;
  content: attr(data-badge-text);
  font-size: 11px;
  padding: 2px 6px;
  pointer-events: none;
  position: absolute;
  right: 10px;
  z-index: 3;
}

.plyr__ads::after:empty {
  display: none;
}

.plyr__cues {
  background: currentColor;
  display: block;
  height: 5px;
  left: 0;
  margin: -2.5px 0 0;
  opacity: 0.8;
  position: absolute;
  top: 50%;
  width: 3px;
  z-index: 3;
}

.plyr__preview-thumb {
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 3px;
  bottom: 100%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  margin-bottom: 10px;
  opacity: 0;
  padding: 3px;
  pointer-events: none;
  position: absolute;
  transform: translate(0, 10px) scale(0.8);
  transform-origin: 50% 100%;
  transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease;
  z-index: 2;
}

.plyr__preview-thumb--is-shown {
  opacity: 1;
  transform: translate(0, 0) scale(1);
}

.plyr__preview-thumb::before {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(255, 255, 255, 0.9);
  bottom: -4px;
  content: "";
  height: 0;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 0;
  z-index: 2;
}

.plyr__preview-thumb__image-container {
  background: #b7c5cd;
  border-radius: 2px;
  overflow: hidden;
  position: relative;
  z-index: 0;
}

.plyr__preview-thumb__image-container img {
  height: 100%;
  left: 0;
  max-height: none;
  max-width: none;
  position: absolute;
  top: 0;
  width: 100%;
}

.plyr__preview-thumb__time-container {
  bottom: 6px;
  left: 0;
  position: absolute;
  right: 0;
  white-space: nowrap;
  z-index: 3;
}

.plyr__preview-thumb__time-container span {
  background-color: rgba(0, 0, 0, 0.55);
  border-radius: 2px;
  color: #fff;
  font-size: 14px;
  padding: 3px 6px;
}

.plyr__preview-scrubbing {
  bottom: 0;
  filter: blur(1px);
  height: 100%;
  left: 0;
  margin: auto;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 0.3s ease;
  width: 100%;
  z-index: 1;
}

.plyr__preview-scrubbing--is-shown {
  opacity: 1;
}

.plyr__preview-scrubbing img {
  height: 100%;
  left: 0;
  max-height: none;
  max-width: none;
  object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%;
}

.plyr--no-transition {
  transition: none !important;
}

.plyr__sr-only {
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  border: 0 !important;
  height: 1px !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}

.plyr [hidden] {
  display: none !important;
}


.glightbox-container {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999 !important;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  outline: none;
}

.glightbox-container.inactive {
  display: none;
}

.glightbox-container .gcontainer {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 9999;
  overflow: hidden;
}

.glightbox-container .gslider {
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  position: relative;
  overflow: hidden;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.glightbox-container .gslide {
  width: 100%;
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: 0;
}

.glightbox-container .gslide.current {
  opacity: 1;
  z-index: 99999;
  position: relative;
}

.glightbox-container .gslide.prev {
  opacity: 1;
  z-index: 9999;
}

.glightbox-container .gslide-inner-content {
  width: 100%;
}

.glightbox-container .ginner-container {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 100%;
  margin: auto;
  height: 100vh;
}

.glightbox-container .ginner-container.gvideo-container {
  width: 100%;
}

.glightbox-container .ginner-container.desc-bottom,
.glightbox-container .ginner-container.desc-top {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.glightbox-container .ginner-container.desc-left,
.glightbox-container .ginner-container.desc-right {
  max-width: 100% !important;
}

.gslide iframe,
.gslide video {
  outline: none !important;
  border: none;
  min-height: 165px;
  -webkit-overflow-scrolling: touch;
  -ms-touch-action: auto;
  touch-action: auto;
}

.gslide:not(.current) {
  pointer-events: none;
}

.gslide-image {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.gslide-image img {
  max-height: 100vh;
  display: block;
  padding: 0;
  float: none;
  outline: none;
  border: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  max-width: 100vw;
  width: auto;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
  -ms-touch-action: none;
  touch-action: none;
  margin: auto;
  min-width: 200px;
}

.desc-top .gslide-image img,
.desc-bottom .gslide-image img {
  width: auto;
}

.desc-left .gslide-image img,
.desc-right .gslide-image img {
  width: auto;
  max-width: 100%;
}

.gslide-image img.zoomable {
  position: relative;
}

.gslide-image img.dragging {
  cursor: -webkit-grabbing !important;
  cursor: grabbing !important;
  -webkit-transition: none;
  transition: none;
}

.gslide-video {
  position: relative;
  max-width: 100vh;
  width: 100% !important;
}

.gslide-video .plyr__poster-enabled.plyr--loading .plyr__poster {
  display: none;
}

.gslide-video .gvideo-wrapper {
  width: 100%;
  /* max-width: 160vmin; */
  margin: auto;
}

.gslide-video::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255, 0, 0, 0.34);
  display: none;
}

.gslide-video.playing::before {
  display: none;
}

.gslide-video.fullscreen {
  max-width: 100% !important;
  min-width: 100%;
  height: 75vh;
}

.gslide-video.fullscreen video {
  max-width: 100% !important;
  width: 100% !important;
}

.gslide-inline {
  background: #fff;
  text-align: left;
  max-height: calc(100vh - 40px);
  overflow: auto;
  max-width: 100%;
  margin: auto;
}

.gslide-inline .ginlined-content {
  padding: 20px;
  width: 100%;
}

.gslide-inline .dragging {
  cursor: -webkit-grabbing !important;
  cursor: grabbing !important;
  -webkit-transition: none;
  transition: none;
}

.ginlined-content {
  overflow: auto;
  display: block !important;
  opacity: 1;
}

.gslide-external {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-width: 100%;
  background: #fff;
  padding: 0;
  overflow: auto;
  max-height: 75vh;
  height: 100%;
}

.gslide-media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: auto;
}

.zoomed .gslide-media {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.desc-top .gslide-media,
.desc-bottom .gslide-media {
  margin: 0 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.gslide-description {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
}

.gslide-description.description-left,
.gslide-description.description-right {
  max-width: 100%;
}

.gslide-description.description-bottom,
.gslide-description.description-top {
  margin: 0 auto;
  width: 100%;
}

.gslide-description p {
  margin-bottom: 12px;
}

.gslide-description p:last-child {
  margin-bottom: 0;
}

.zoomed .gslide-description {
  display: none;
}

.glightbox-button-hidden {
  display: none;
}

/*
 * Description for mobiles
 * something like facebook does the description
 * for the photos
*/
.glightbox-mobile .glightbox-container .gslide-description {
  height: auto !important;
  width: 100%;
  position: absolute;
  bottom: 0;
  padding: 19px 11px;
  max-width: 100vw !important;
  -webkit-box-ordinal-group: 3 !important;
  -ms-flex-order: 2 !important;
  order: 2 !important;
  max-height: 78vh;
  overflow: auto !important;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.75)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
  -webkit-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
  padding-bottom: 50px;
}

.glightbox-mobile .glightbox-container .gslide-title {
  color: #fff;
  font-size: 1em;
}

.glightbox-mobile .glightbox-container .gslide-desc {
  color: #a1a1a1;
}

.glightbox-mobile .glightbox-container .gslide-desc a {
  color: #fff;
  font-weight: bold;
}

.glightbox-mobile .glightbox-container .gslide-desc * {
  color: inherit;
}

.glightbox-mobile .glightbox-container .gslide-desc .desc-more {
  color: #fff;
  opacity: 0.4;
}

.gdesc-open .gslide-media {
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  opacity: 0.4;
}

.gdesc-open .gdesc-inner {
  padding-bottom: 30px;
}

.gdesc-closed .gslide-media {
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  opacity: 1;
}

.greset {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.gabsolute {
  position: absolute;
}

.grelative {
  position: relative;
}

.glightbox-desc {
  display: none !important;
}

.glightbox-open {
  overflow: hidden;
}

.gloader {
  height: 25px;
  width: 25px;
  -webkit-animation: lightboxLoader 0.8s infinite linear;
  animation: lightboxLoader 0.8s infinite linear;
  border: 2px solid #fff;
  border-right-color: transparent;
  border-radius: 50%;
  position: absolute;
  display: block;
  z-index: 9999;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 47%;
}

.goverlay {
  width: 100%;
  height: calc(100vh + 1px);
  position: fixed;
  top: -1px;
  left: 0;
  background: #000;
  will-change: opacity;
}

.glightbox-mobile .goverlay {
  background: #000;
}

.gprev,
.gnext,
.gclose {
  z-index: 99999;
  cursor: pointer;
  width: 26px;
  height: 44px;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.gprev svg,
.gnext svg,
.gclose svg {
  display: block;
  width: 25px;
  height: auto;
  margin: 0;
  padding: 0;
}

.gprev.disabled,
.gnext.disabled,
.gclose.disabled {
  opacity: 0.1;
}

.gprev .garrow,
.gnext .garrow,
.gclose .garrow {
  stroke: #fff;
}

.gbtn.focused {
  outline: 2px solid #0f3d81;
}

iframe.wait-autoplay {
  opacity: 0;
}

.glightbox-closing .gnext,
.glightbox-closing .gprev,
.glightbox-closing .gclose {
  opacity: 0 !important;
}

/*Skin */
.glightbox-clean .gslide-description {
  background: #fff;
}

.glightbox-clean .gdesc-inner {
  padding: 22px 20px;
}

.glightbox-clean .gslide-title {
  font-size: 1em;
  font-weight: normal;
  font-family: arial;
  color: #000;
  margin-bottom: 19px;
  line-height: 1.4em;
}

.glightbox-clean .gslide-desc {
  font-size: 0.86em;
  margin-bottom: 0;
  font-family: arial;
  line-height: 1.4em;
}

.glightbox-clean .gslide-video {
  background: #000;
}

.glightbox-clean .gprev,
.glightbox-clean .gnext,
.glightbox-clean .gclose {
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 4px;
}

.glightbox-clean .gprev path,
.glightbox-clean .gnext path,
.glightbox-clean .gclose path {
  fill: #fff;
}

.glightbox-clean .gprev {
  position: absolute;
  top: -100%;
  left: 30px;
  width: 40px;
  height: 50px;
}

.glightbox-clean .gnext {
  position: absolute;
  top: -100%;
  right: 30px;
  width: 40px;
  height: 50px;
}

.glightbox-clean .gclose {
  width: 35px;
  height: 35px;
  top: 15px;
  right: 10px;
  position: absolute;
}

.glightbox-clean .gclose svg {
  width: 18px;
  height: auto;
}

.glightbox-clean .gclose:hover {
  opacity: 1;
}

/*CSS Animations*/
.gfadeIn {
  -webkit-animation: gfadeIn 0.5s ease;
  animation: gfadeIn 0.5s ease;
}

.gfadeOut {
  -webkit-animation: gfadeOut 0.5s ease;
  animation: gfadeOut 0.5s ease;
}

.gslideOutLeft {
  -webkit-animation: gslideOutLeft 0.3s ease;
  animation: gslideOutLeft 0.3s ease;
}

.gslideInLeft {
  -webkit-animation: gslideInLeft 0.3s ease;
  animation: gslideInLeft 0.3s ease;
}

.gslideOutRight {
  -webkit-animation: gslideOutRight 0.3s ease;
  animation: gslideOutRight 0.3s ease;
}

.gslideInRight {
  -webkit-animation: gslideInRight 0.3s ease;
  animation: gslideInRight 0.3s ease;
}

.gzoomIn {
  -webkit-animation: gzoomIn 0.5s ease;
  animation: gzoomIn 0.5s ease;
}

.gzoomOut {
  -webkit-animation: gzoomOut 0.5s ease;
  animation: gzoomOut 0.5s ease;
}

@-webkit-keyframes lightboxLoader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes lightboxLoader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes gfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes gfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes gfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes gfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes gslideInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0);
  }
  to {
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes gslideInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0);
  }
  to {
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes gslideOutLeft {
  from {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0);
    opacity: 0;
    visibility: hidden;
  }
}
@keyframes gslideOutLeft {
  from {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0);
    opacity: 0;
    visibility: hidden;
  }
}
@-webkit-keyframes gslideInRight {
  from {
    opacity: 0;
    visibility: visible;
    -webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes gslideInRight {
  from {
    opacity: 0;
    visibility: visible;
    -webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes gslideOutRight {
  from {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0);
    opacity: 0;
  }
}
@keyframes gslideOutRight {
  from {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0);
    opacity: 0;
  }
}
@-webkit-keyframes gzoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 1;
  }
}
@keyframes gzoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes gzoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
@keyframes gzoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
@media (min-width: 769px) {
  .glightbox-container .ginner-container {
    width: auto;
    height: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .glightbox-container .ginner-container.desc-top .gslide-description {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .glightbox-container .ginner-container.desc-top .gslide-image,
  .glightbox-container .ginner-container.desc-top .gslide-image img {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .glightbox-container .ginner-container.desc-left .gslide-description {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .glightbox-container .ginner-container.desc-left .gslide-image {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .gslide-image img {
    max-height: 97vh;
    max-width: 100%;
  }
  .gslide-image img.zoomable {
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
  }
  .zoomed .gslide-image img.zoomable {
    cursor: -webkit-grab;
    cursor: grab;
  }
  .gslide-inline {
    max-height: 95vh;
  }
  .gslide-external {
    max-height: 100vh;
  }
  .gslide-description.description-left,
  .gslide-description.description-right {
    max-width: 275px;
  }
  .glightbox-open {
    height: auto;
  }
  .goverlay {
    background: rgba(0, 0, 0, 0.92);
  }
  .glightbox-clean .gslide-media {
    -webkit-box-shadow: 1px 2px 9px 0px rgba(0, 0, 0, 0.65);
    box-shadow: 1px 2px 9px 0px rgba(0, 0, 0, 0.65);
  }
  .glightbox-clean .description-left .gdesc-inner,
  .glightbox-clean .description-right .gdesc-inner {
    position: absolute;
    height: 100%;
    overflow-y: auto;
  }
  .glightbox-clean .gprev,
  .glightbox-clean .gnext,
  .glightbox-clean .gclose {
    background-color: rgba(0, 0, 0, 0.32);
  }
  .glightbox-clean .gprev:hover,
  .glightbox-clean .gnext:hover,
  .glightbox-clean .gclose:hover {
    background-color: rgba(0, 0, 0, 0.7);
  }
  .glightbox-clean .gprev {
    top: 45%;
  }
  .glightbox-clean .gnext {
    top: 45%;
  }
}
@media (min-width: 992px) {
  .glightbox-clean .gclose {
    opacity: 0.7;
    right: 20px;
  }
}
@media screen and (max-height: 420px) {
  .goverlay {
    background: #000;
  }
}
.eq h3 {
  color: #F9A626;
}
.eq h4 {
  font-weight: normal;
  font-size: 20px;
  line-height: 130%;
  margin-top: 2em;
  margin-bottom: 0.7em;
}
.eq .eq-lead {
  font-size: 18px;
  line-height: 130%;
  max-width: 30em;
}
.eq .eq-quantity {
  display: inline-block;
  font-size: 12px;
  line-height: 100%;
  background-color: #1C753F;
  padding: 3px 5px;
  color: #111;
}

@media (min-width: 721px) {
  .eq-lead {
    font-size: 20px;
    max-width: 30em;
  }
  h4 {
    font-weight: normal;
    font-size: 24px;
    line-height: 130%;
    margin-top: 2em;
    margin-bottom: 0.7em;
  }
}
.eq-tab {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
  font-weight: normal;
}
.eq-tab .eq-right {
  text-align: right;
  padding-left: 6px;
}
.eq-tab tr th {
  border-bottom: solid 1px #222;
  padding: 6px 0px;
  color: #F9A626;
  text-align: left;
  font-weight: normal;
}
.eq-tab tr td {
  border-bottom: solid 1px #222;
  padding: 6px 0px;
}
.eq-tab tr:first-child td {
  border-top: solid 1px #222;
}

@media (min-width: 721px) {
  .eq-tab {
    font-size: 14px;
  }
}
.eq-grid {
  display: grid;
  grid-gap: 30px;
  grid-template-columns: repeat(2, 3fr);
  grid-template-rows: auto;
}
.eq-grid .eq-img {
  opacity: 0.8;
  transition: opacity 0.3s ease-out;
}
.eq-grid .eq-img:hover {
  opacity: 1;
}
.eq-grid .eq-desc {
  line-height: 130%;
}

@media (min-width: 721px) {
  .eq-grid {
    grid-template-columns: repeat(3, 3fr);
  }
}
@media (min-width: 960px) {
  .eq-grid {
    grid-template-columns: repeat(4, 4fr);
  }
}
/*


		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		box-sizing: border-box;
		background: #0c9a9a;
		color: #fff;
		grid-column-start: auto;
		grid-row-start: auto;
		color: #fff;

			*/
#cookie-law {
  display: flex;
  align-items: center;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #231F20;
  z-index: 3200;
  /*
  .cookie-btn {
      background-color: #000;
      color: #fff;
      font-size: 16px;
      padding: 10px 16px;
      border: none;
      outline: none;
      text-decoration: none;
  }
  */
}
#cookie-law .cookie-box {
  max-width: 1200px;
  padding: 40px 80px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-content: top;
  flex-direction: row;
}
#cookie-law .cookie-btn-box {
  padding-top: 0.5em;
  padding-left: 2em;
}
#cookie-law .cookie-btn-box .cookie-text {
  font-size: 16px;
  line-height: 140%;
}
#cookie-law .cookie-btn {
  text-decoration: none;
  text-transform: uppercase;
  font-size: 15px;
  margin-left: 5px;
  background-color: #F9A626;
  border: solid 2px #F9A626;
  border-radius: 30px;
  padding: 10px 16px;
  color: #333 !important;
  letter-spacing: 1px;
  transition: background-color 0.1s, color 0.2s, box-shadow 0.1s;
  line-height: 28px;
}
#cookie-law .cookie-btn:hover {
  background-color: #000;
  color: #F9A626 !important;
  box-shadow: 0px 0px 15px rgba(248, 167, 37, 0.6);
}

@media (max-width: 1100px) {
  #cookie-law .cookie-box {
    max-width: 1200px;
    padding: 40px 60px;
  }
}
@media (max-width: 960px) {
  #cookie-law .cookie-box {
    padding: 40px 40px;
  }
}
@media (max-width: 721px) {
  #cookie-law .cookie-box {
    padding: 30px;
    flex-direction: column;
  }
  #cookie-law .cookie-box .cookie-text {
    font-size: 14px;
    line-height: 140%;
  }
  #cookie-law .cookie-btn-box {
    padding-top: 1.6em;
    padding-left: 0em;
  }
}
@media (max-width: 481px) {
  #cookie-law .cookie-box {
    padding: 30px;
  }
  #cookie-law .cookie-box .cookie-text {
    font-size: 14px;
    line-height: 140%;
  }
}

/*# sourceMappingURL=main.css.map */