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

[data-icon]:before {
  font-family: "vaprio-tv" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.iconFont,
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "vaprio-tv" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-arrow-left:before {
  content: "\61"; }

.icon-arrow_light-left:before {
  content: "\62"; }

.icon-arrow_light-right:before {
  content: "\63"; }

.icon-arrow-right:before {
  content: "\64"; }

.icon-close:before {
  content: "\65"; }

.icon-plus-circle:before {
  content: "\66"; }

.icon-search:before {
  content: "\67"; }

.icon-cart:before {
  content: "\68"; }

.icon-eye:before {
  content: "\69"; }

.icon-home:before {
  content: "\6a"; }

.icon-star:before {
  content: "\6b"; }

.icon-cart-1:before {
  content: "\6c"; }

.icon-pin:before {
  content: "\6d"; }

.icon-phone-circle:before {
  content: "\6e"; }

.icon-exclamation-mark-circle:before {
  content: "\6f"; }

.icon-envelope-circle:before {
  content: "\70"; }

.icon-facebook-circle:before {
  content: "\71"; }

.icon-laptop:before {
  content: "\72"; }

.icon-clock:before {
  content: "\73"; }

.icon-like:before {
  content: "\74"; }

.icon-mobile-phone:before {
  content: "\75"; }

.icon-envelope:before {
  content: "\76"; }

.icon-facebook:before {
  content: "\77"; }

.icon-check:before {
  content: "\78"; }

.icon-info:before {
  content: "\79"; }

.icon-error:before {
  content: "\7a"; }

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden],
template {
  display: none; }

a {
  background-color: transparent; }

a:active,
a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

hr {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
html input[disabled] {
  cursor: default; }

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

input {
  line-height: normal; }

input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

.debug {
  background: blue; }
  @media screen and (min-width: 480px) {
    .debug {
      background: red; } }
  @media screen and (min-width: 768px) {
    .debug {
      background: green; } }
  @media screen and (min-width: 992px) {
    .debug {
      background: purple; } }
  @media screen and (min-width: 1250px) {
    .debug {
      background: lightgreen; } }
  @media screen and (min-width: 1500px) {
    .debug {
      background: lightcoral; } }

.hidden {
  display: none !important; }

.font-primary {
  font-family: "Ubuntu", Arial, sans-serif; }

.fixColor, .select.active .caret, .select:focus .caret {
  -webkit-filter: invert(0.5) sepia(1) saturate(3) hue-rotate(41deg);
          filter: invert(0.5) sepia(1) saturate(3) hue-rotate(41deg); }

.fixColor--dark {
  -webkit-filter: invert(0.5) sepia(1) saturate(2) hue-rotate(48deg);
          filter: invert(0.5) sepia(1) saturate(2) hue-rotate(48deg); }

.fixColor--gray {
  -webkit-filter: invert(0.5) sepia(1) saturate(0) hue-rotate(0deg) brightness(1.3);
          filter: invert(0.5) sepia(1) saturate(0) hue-rotate(0deg) brightness(1.3); }

.fixColor--white {
  -webkit-filter: hue-rotate(360deg) grayscale(1) brightness(3) contrast(3) opacity(0.85) saturate(0.26);
          filter: hue-rotate(360deg) grayscale(1) brightness(3) contrast(3) opacity(0.85) saturate(0.26); }

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

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto; }

@-ms-viewport {
  width: device-width; }

.visible-xs {
  display: none !important; }

.visible-sm {
  display: none !important; }

.visible-md {
  display: none !important; }

.visible-lg {
  display: none !important; }

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important; }

@media (max-width: 767px) {
  .visible-xs {
    display: block !important; }
  table.visible-xs {
    display: table !important; }
  tr.visible-xs {
    display: table-row !important; }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important; } }

@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important; } }

@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important; } }

@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important; }
  table.visible-sm {
    display: table !important; }
  tr.visible-sm {
    display: table-row !important; }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important; } }

@media (min-width: 992px) and (max-width: 1249px) {
  .visible-md {
    display: block !important; }
  table.visible-md {
    display: table !important; }
  tr.visible-md {
    display: table-row !important; }
  th.visible-md,
  td.visible-md {
    display: table-cell !important; } }

@media (min-width: 992px) and (max-width: 1249px) {
  .visible-md-block {
    display: block !important; } }

@media (min-width: 992px) and (max-width: 1249px) {
  .visible-md-inline {
    display: inline !important; } }

@media (min-width: 992px) and (max-width: 1249px) {
  .visible-md-inline-block {
    display: inline-block !important; } }

@media (min-width: 1250px) {
  .visible-lg {
    display: block !important; }
  table.visible-lg {
    display: table !important; }
  tr.visible-lg {
    display: table-row !important; }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important; } }

@media (min-width: 1250px) {
  .visible-lg-block {
    display: block !important; } }

@media (min-width: 1250px) {
  .visible-lg-inline {
    display: inline !important; } }

@media (min-width: 1250px) {
  .visible-lg-inline-block {
    display: inline-block !important; } }

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important; } }

@media (min-width: 992px) and (max-width: 1249px) {
  .hidden-md {
    display: none !important; } }

@media (min-width: 1250px) {
  .hidden-lg {
    display: none !important; } }

/*
This .scss loop will create "margin helpers" and "padding helpers" for use in your web projects.
It will generate several classes such as:

.m-r-10 which gives margin-right 10 pixels.
.m-r-15 gives MARGIN to the RIGHT 15 pixels.
.m-t-15 gives MARGIN to the TOP 15 pixels and so on.

.p-b-5 gives PADDING to the BOTTOM of 5 pixels
.p-l-40 gives PADDING to the LEFT of 40 pixels

The first letter is "m" or "p" for MARGIN or PADDING
Second letter is "t", "b", "l", or "r" for TOP, BOTTOM, LEFT, or RIGHT
Third letter is the number of spacing in pixels. Adjust the amounts generated by editing the $spaceamounts variable below.

*/
.mt-5 {
  margin-top: 5px !important; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*
  RUN GULP to generate the classes. Now you can use these helpers to customize spacing on HTML elements.
*/
.datepicker-container {
  background-color: #fff;
  direction: ltr;
  font-size: 12px;
  left: 0;
  line-height: 30px;
  position: fixed;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  touch-action: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 210px;
  z-index: -1; }
  .datepicker-container::before, .datepicker-container::after {
    border: 5px solid transparent;
    content: " ";
    display: block;
    height: 0;
    position: absolute;
    width: 0; }

.datepicker-dropdown {
  border: 1px solid #ccc;
  -webkit-box-shadow: 0 3px 6px #ccc;
     -moz-box-shadow: 0 3px 6px #ccc;
          box-shadow: 0 3px 6px #ccc;
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  position: absolute;
  z-index: 1; }

.datepicker-inline {
  position: static; }

.datepicker-top-left, .datepicker-top-right {
  border-top-color: #39f; }
  .datepicker-top-left::before, .datepicker-top-left::after, .datepicker-top-right::before, .datepicker-top-right::after {
    border-top: 0;
    left: 10px;
    top: -5px; }
  .datepicker-top-left::before, .datepicker-top-right::before {
    border-bottom-color: #39f; }
  .datepicker-top-left::after, .datepicker-top-right::after {
    border-bottom-color: #fff;
    top: -4px; }

.datepicker-bottom-left, .datepicker-bottom-right {
  border-bottom-color: #39f; }
  .datepicker-bottom-left::before, .datepicker-bottom-left::after, .datepicker-bottom-right::before, .datepicker-bottom-right::after {
    border-bottom: 0;
    bottom: -5px;
    left: 10px; }
  .datepicker-bottom-left::before, .datepicker-bottom-right::before {
    border-top-color: #39f; }
  .datepicker-bottom-left::after, .datepicker-bottom-right::after {
    border-top-color: #fff;
    bottom: -4px; }

.datepicker-top-right::before, .datepicker-top-right::after, .datepicker-bottom-right::before, .datepicker-bottom-right::after {
  left: auto;
  right: 10px; }

.datepicker-panel > ul {
  margin: 0;
  padding: 0;
  width: 102%; }
  .datepicker-panel > ul::before, .datepicker-panel > ul::after {
    content: " ";
    display: table; }
  .datepicker-panel > ul::after {
    clear: both; }
  .datepicker-panel > ul > li {
    background-color: #fff;
    cursor: pointer;
    float: left;
    height: 30px;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 30px; }
    .datepicker-panel > ul > li:hover {
      background-color: #e5f2ff; }
    .datepicker-panel > ul > li.muted, .datepicker-panel > ul > li.muted:hover {
      color: #999; }
    .datepicker-panel > ul > li.highlighted {
      background-color: #e5f2ff; }
      .datepicker-panel > ul > li.highlighted:hover {
        background-color: #cce5ff; }
    .datepicker-panel > ul > li.picked, .datepicker-panel > ul > li.picked:hover {
      color: #39f; }
    .datepicker-panel > ul > li.disabled, .datepicker-panel > ul > li.disabled:hover {
      background-color: #fff;
      color: #ccc;
      cursor: default; }
      .datepicker-panel > ul > li.disabled.highlighted, .datepicker-panel > ul > li.disabled:hover.highlighted {
        background-color: #e5f2ff; }
    .datepicker-panel > ul > li[data-view="years prev"], .datepicker-panel > ul > li[data-view="year prev"], .datepicker-panel > ul > li[data-view="month prev"], .datepicker-panel > ul > li[data-view="years next"], .datepicker-panel > ul > li[data-view="year next"], .datepicker-panel > ul > li[data-view="month next"], .datepicker-panel > ul > li[data-view="next"] {
      font-size: 18px; }
    .datepicker-panel > ul > li[data-view="years current"], .datepicker-panel > ul > li[data-view="year current"], .datepicker-panel > ul > li[data-view="month current"] {
      width: 150px; }
  .datepicker-panel > ul[data-view="years"] > li, .datepicker-panel > ul[data-view="months"] > li {
    height: 52.5px;
    line-height: 52.5px;
    width: 52.5px; }
  .datepicker-panel > ul[data-view="week"] > li,
  .datepicker-panel > ul[data-view="week"] > li:hover {
    background-color: #fff;
    cursor: default; }

.datepicker-hide {
  display: none; }

/*! jQuery UI - v1.12.1 - 2019-02-05
* http://jqueryui.com
* Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, slider.css
* Copyright jQuery Foundation and other contributors; Licensed MIT */
.vaprioTheme .ui-draggable-handle {
  touch-action: none; }

/* Layout helpers
----------------------------------*/
.vaprioTheme .ui-helper-hidden {
  display: none; }

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

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

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

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

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

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

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

/* Icons
----------------------------------*/
.vaprioTheme .ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -.25em;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat; }

.vaprioTheme .ui-widget-icon-block {
  left: 50%;
  margin-left: -8px;
  display: block; }

/* Misc visuals
----------------------------------*/
/* Overlays */
.vaprioTheme .ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.vaprioTheme .ui-resizable {
  position: relative; }

.vaprioTheme .ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  touch-action: none; }

.vaprioTheme .ui-resizable-disabled .ui-resizable-handle,
.vaprioTheme .ui-resizable-autohide .ui-resizable-handle {
  display: none; }

.vaprioTheme .ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0; }

.vaprioTheme .ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0; }

.vaprioTheme .ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%; }

.vaprioTheme .ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%; }

.vaprioTheme .ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px; }

.vaprioTheme .ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px; }

.vaprioTheme .ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px; }

.vaprioTheme .ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px; }

.vaprioTheme .ui-selectable {
  touch-action: none; }

.vaprioTheme .ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black; }

.vaprioTheme .ui-sortable-handle {
  touch-action: none; }

.vaprioTheme .ui-slider {
  position: relative;
  text-align: left; }
  .vaprioTheme .ui-slider:after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    display: block;
    width: 100%;
    height: 5px;
    background: #E6E6E6;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px; }

.vaprioTheme .ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 26px;
  height: 26px;
  touch-action: none;
  background-color: #95C11F;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#669900), to(#95C11F));
  background-image: -webkit-linear-gradient(bottom, #669900 0%, #95C11F 100%);
  background-image: -moz-linear-gradient(bottom, #669900 0%, #95C11F 100%);
  background-image: -o-linear-gradient(bottom, #669900 0%, #95C11F 100%);
  background-image: linear-gradient(0deg, #669900 0%, #95C11F 100%);
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  outline: none;
  cursor: pointer; }
  .vaprioTheme .ui-slider .ui-slider-handle:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    display: block;
    width: 12px;
    height: 12px;
    background: #fff;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    -webkit-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out; }
  .vaprioTheme .ui-slider .ui-slider-handle.ui-state-hover, .vaprioTheme .ui-slider .ui-slider-handle.ui-state-focus, .vaprioTheme .ui-slider .ui-slider-handle.ui-state-active {
    background-color: #669900;
    background-image: none; }

.vaprioTheme .ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0; }
  .vaprioTheme .ui-slider .ui-slider-range:after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    display: block;
    width: 100%;
    height: 10px;
    background: #CAE08F;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px; }

/* support: IE8 - See #6727 */
.vaprioTheme .ui-slider.ui-state-disabled .ui-slider-handle,
.vaprioTheme .ui-slider.ui-state-disabled .ui-slider-range {
  -webkit-filter: inherit;
          filter: inherit; }

.vaprioTheme .ui-slider-horizontal {
  height: 16px; }

.vaprioTheme .ui-slider-horizontal .ui-slider-handle {
  top: -5px;
  margin-left: -.6em; }

.vaprioTheme .ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%; }

.vaprioTheme .ui-slider-horizontal .ui-slider-range-min {
  left: 0; }

.vaprioTheme .ui-slider-horizontal .ui-slider-range-max {
  right: 0; }

.vaprioTheme .ui-slider-vertical {
  width: .8em;
  height: 100px; }

.vaprioTheme .ui-slider-vertical .ui-slider-handle {
  left: -.3em;
  margin-left: 0;
  margin-bottom: -.6em; }

.vaprioTheme .ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%; }

.vaprioTheme .ui-slider-vertical .ui-slider-range-min {
  bottom: 0; }

.vaprioTheme .ui-slider-vertical .ui-slider-range-max {
  top: 0; }

.vaprioTheme.disabled .ui-slider .ui-slider-handle {
  background-color: #CCCC !important;
  background-image: none !important; }

.vaprioTheme.disabled .ui-slider .ui-slider-range:after {
  background: #E6E6E6; }

.button {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
  background: transparent;
  /* inherit font & color from ancestor */
  color: inherit;
  font: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Remove excess padding and border in Firefox 4+ */
  display: inline-block;
  font-family: "Ubuntu", Arial, sans-serif;
  font-weight: 700;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: transparent;
  border: 0 solid transparent;
  padding: 0 30px;
  height: 33px;
  font-size: 14px;
  line-height: 33px;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  text-decoration: none; }
  .button::-moz-focus-inner {
    border: 0;
    padding: 0; }
  .button:hover {
    text-decoration: none; }
  .button:focus, .button.focus {
    outline: 0; }

a.button.disabled,
fieldset:disabled a.button {
  pointer-events: none; }

.button--full-col-1 {
  color: #fff;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#669900), to(#95C11F));
  background-image: -webkit-linear-gradient(bottom, #669900 0%, #95C11F 100%);
  background-image: -moz-linear-gradient(bottom, #669900 0%, #95C11F 100%);
  background-image: -o-linear-gradient(bottom, #669900 0%, #95C11F 100%);
  background-image: linear-gradient(0deg, #669900 0%, #95C11F 100%); }
  .button--full-col-1:hover {
    color: #fff;
    background-color: #669900;
    background-image: none; }
  .button--full-col-1:focus, .button--full-col-1.focus {
    color: #fff;
    background-color: #669900;
    background-image: none; }
  .button--full-col-1.disabled, .button--full-col-1:disabled {
    background-image: none;
    background-color: #ccc;
    cursor: not-allowed; }
  .button--full-col-1:not(:disabled):not(.disabled):active, .button--full-col-1:not(:disabled):not(.disabled).active {
    background-color: #669900;
    background-image: none; }

.button--full-col-2 {
  color: #fff;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#d30000), to(#FF0000));
  background-image: -webkit-linear-gradient(bottom, #d30000 0%, #FF0000 100%);
  background-image: -moz-linear-gradient(bottom, #d30000 0%, #FF0000 100%);
  background-image: -o-linear-gradient(bottom, #d30000 0%, #FF0000 100%);
  background-image: linear-gradient(0deg, #d30000 0%, #FF0000 100%); }
  .button--full-col-2:hover {
    color: #fff;
    background-color: #d30000;
    background-image: none; }
  .button--full-col-2:focus, .button--full-col-2.focus {
    color: #fff;
    background-color: #d30000;
    background-image: none; }
  .button--full-col-2.disabled, .button--full-col-2:disabled {
    background-image: none;
    background-color: #ccc;
    cursor: not-allowed; }
  .button--full-col-2:not(:disabled):not(.disabled):active, .button--full-col-2:not(:disabled):not(.disabled).active {
    background-color: #d30000;
    background-image: none; }

.button--full-col-3 {
  color: #fff;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#0066FF), to(#3CA0FF));
  background-image: -webkit-linear-gradient(bottom, #0066FF 0%, #3CA0FF 100%);
  background-image: -moz-linear-gradient(bottom, #0066FF 0%, #3CA0FF 100%);
  background-image: -o-linear-gradient(bottom, #0066FF 0%, #3CA0FF 100%);
  background-image: linear-gradient(0deg, #0066FF 0%, #3CA0FF 100%); }
  .button--full-col-3:hover {
    color: #fff;
    background-color: #0066FF;
    background-image: none; }
  .button--full-col-3:focus, .button--full-col-3.focus {
    color: #fff;
    background-color: #0066FF;
    background-image: none; }
  .button--full-col-3.disabled, .button--full-col-3:disabled {
    background-image: none;
    background-color: #ccc;
    cursor: not-allowed; }
  .button--full-col-3:not(:disabled):not(.disabled):active, .button--full-col-3:not(:disabled):not(.disabled).active {
    background-color: #0066FF;
    background-image: none; }

.button--outline-col-1 {
  color: #95C11F;
  border: 1px solid #95C11F; }
  .button--outline-col-1:hover {
    color: #669900;
    background-color: #fff;
    border-color: #669900; }
  .button--outline-col-1:focus, .button--outline-col-1.focus {
    color: #669900;
    background-color: #fff;
    border-color: #669900; }
  .button--outline-col-1.disabled, .button--outline-col-1:disabled {
    color: #ccc;
    background-color: #fff;
    border-color: #ccc;
    cursor: not-allowed; }
  .button--outline-col-1:not(:disabled):not(.disabled):active, .button--outline-col-1:not(:disabled):not(.disabled).active,
  .show > .button--outline-col-1.dropdown-toggle {
    color: #669900;
    background-color: #fff;
    border-color: #669900; }

.button--outline-col-2 {
  color: #FF0000;
  border: 1px solid #FF0000; }
  .button--outline-col-2:hover {
    color: #d30000;
    background-color: #fff;
    border-color: #d30000; }
  .button--outline-col-2:focus, .button--outline-col-2.focus {
    color: #d30000;
    background-color: #fff;
    border-color: #d30000; }
  .button--outline-col-2.disabled, .button--outline-col-2:disabled {
    color: #ccc;
    background-color: #fff;
    border-color: #ccc;
    cursor: not-allowed; }
  .button--outline-col-2:not(:disabled):not(.disabled):active, .button--outline-col-2:not(:disabled):not(.disabled).active,
  .show > .button--outline-col-2.dropdown-toggle {
    color: #d30000;
    background-color: #fff;
    border-color: #d30000; }

.button--outline-col-3 {
  color: #0077E7;
  border: 1px solid #0077E7; }
  .button--outline-col-3:hover {
    color: #0066FF;
    background-color: #fff;
    border-color: #0066FF; }
  .button--outline-col-3:focus, .button--outline-col-3.focus {
    color: #0066FF;
    background-color: #fff;
    border-color: #0066FF; }
  .button--outline-col-3.disabled, .button--outline-col-3:disabled {
    color: #ccc;
    background-color: #fff;
    border-color: #ccc;
    cursor: not-allowed; }
  .button--outline-col-3:not(:disabled):not(.disabled):active, .button--outline-col-3:not(:disabled):not(.disabled).active,
  .show > .button--outline-col-3.dropdown-toggle {
    color: #0066FF;
    background-color: #fff;
    border-color: #0066FF; }

.button--rounded-col-0 {
  font-weight: 700;
  font-size: 11px;
  line-height: 14px;
  color: #666;
  border: 1px solid #ccc;
  padding: 9px 18px;
  -webkit-border-radius: 19px;
     -moz-border-radius: 19px;
          border-radius: 19px;
  background-color: transparent;
  text-transform: uppercase; }
  body.darkTheme .button--rounded-col-0 {
    color: #999; }
  body.darkTheme .button--rounded-col-0:hover, .button--rounded-col-0:hover {
    color: #95C11F;
    background-color: transparent;
    border-color: #95C11F; }
  body.darkTheme .button--rounded-col-0:focus,
  body.darkTheme .button--rounded-col-0.focus, .button--rounded-col-0:focus, .button--rounded-col-0.focus {
    color: #95C11F;
    background-color: transparent;
    border-color: #95C11F; }
  body.darkTheme .button--rounded-col-0.disabled,
  body.darkTheme .button--rounded-col-0:disabled, .button--rounded-col-0.disabled, .button--rounded-col-0:disabled {
    color: #ccc;
    background-color: transparent;
    border-color: #ccc;
    cursor: not-allowed; }
  body.darkTheme .button--rounded-col-0:not(:disabled):not(.disabled):active,
  body.darkTheme .button--rounded-col-0:not(:disabled):not(.disabled).active, .button--rounded-col-0:not(:disabled):not(.disabled):active, .button--rounded-col-0:not(:disabled):not(.disabled).active,
  .show > .button--rounded-col-0.dropdown-toggle {
    color: #95C11F;
    background-color: transparent;
    border-color: #95C11F; }

.button--link {
  color: #95C11F;
  display: inline;
  font-weight: inherit;
  text-decoration: underline;
  padding: 0;
  line-height: inherit;
  font-size: inherit;
  height: inherit;
  vertical-align: inherit; }
  .button--link:hover {
    text-decoration: none;
    color: #669900; }
  .button--link:focus, .button--link.focus {
    color: #669900;
    text-decoration: none;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none; }
  .button--link:disabled, .button--link.disabled {
    color: #999;
    pointer-events: none;
    cursor: not-allowed; }

.button--full-col-1.button--lg,
.button--full-col-2.button--lg,
.button--full-col-3.button--lg,
.button--outline-col-1.button--lg,
.button--outline-col-2.button--lg,
.button--outline-col-3.button--lg {
  padding: 0 40px;
  height: 45px;
  font-size: 16px;
  line-height: 45px;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px; }

.button--full-col-1.button--sm,
.button--full-col-2.button--sm,
.button--full-col-3.button--sm,
.button--outline-col-1.button--sm,
.button--outline-col-2.button--sm,
.button--outline-col-3.button--sm {
  padding: 0 20px;
  height: 25px;
  font-size: 12px;
  line-height: 25px;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px; }

.button--rounded-col-0.button--lg {
  padding: 0 85px;
  height: 42px;
  font-size: 14px;
  line-height: 42px;
  -webkit-border-radius: 21px;
     -moz-border-radius: 21px;
          border-radius: 21px; }

.button--rounded-col-0.button--sm {
  padding: 0 20px;
  height: 25px;
  font-size: 12px;
  line-height: 25px;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px; }

.button--iconLeft {
  padding-left: 16px;
  padding-right: 20px; }
  .button--iconLeft [class^="icon-"] {
    padding-right: 14px;
    float: left; }
  .button--iconLeft [class^="icon-cart"] {
    padding-right: 7px; }

.button--iconRight {
  padding-right: 16px;
  padding-left: 20px; }
  .button--iconRight [class^="icon-"] {
    padding-left: 14px;
    float: right; }
  .button--iconRight [class^="icon-cart"] {
    padding-left: 7px; }

.button--block {
  display: block;
  width: 100%; }

input[type="submit"].button-block,
input[type="reset"].button-block,
input[type="button"].button-block {
  width: 100%; }

label:not(.fileInput) {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 9px;
  font-weight: normal;
  font-size: 13px;
  color: #999999;
  line-height: 14px; }

input[type="search"] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; }

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal; }

input[type="file"] {
  display: block; }

input[type="range"] {
  display: block;
  width: 100%; }

select[multiple],
select[size] {
  height: auto; }

.form-control {
  display: block;
  width: 100%;
  height: 45px;
  padding: 0 20px;
  font-size: 14px;
  line-height: 1;
  color: #000;
  background-color: #fff;
  background-image: none;
  border: 1px solid #DEDEDE;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  font-weight: normal;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out; }
  .form-control:focus {
    border-color: #95C11F;
    outline: 0; }
  .form-control::-webkit-input-placeholder {
    color: #999; }
  .form-control:-moz-placeholder {
    color: #999; }
  .form-control::-moz-placeholder {
    color: #999; }
  .form-control:-ms-input-placeholder {
    color: #999; }
  .form-control[disabled], .form-control[readonly],
  fieldset[disabled] .form-control {
    background-color: #ccc;
    opacity: 1; }
  .form-control[disabled],
  fieldset[disabled] .form-control {
    cursor: not-allowed; }
  .form-control--lg {
    height: 55px;
    font-size: 16px; }
  body.darkTheme .form-control {
    background-color: #1A1A1A;
    border-color: #4E4E4E;
    color: #fff; }

input[type="search"] {
  -webkit-appearance: none; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].form-control,
  input[type="time"].form-control,
  input[type="datetime-local"].form-control,
  input[type="month"].form-control {
    line-height: 45px; } }

.form-group {
  margin-bottom: 15px; }

.form-group.form-group--required label:first-child:after,
.form-group-sm.form-group--required label:first-child:after,
.form-group-md.form-group--required label:first-child:after,
.form-group-lg.form-group--required label:first-child:after {
  content: ' *';
  color: #FF0000; }

.radio,
.checkbox {
  position: relative;
  display: block; }
  .radio label,
  .checkbox label {
    display: inline-block;
    min-height: 14px;
    padding-left: 30px;
    padding-top: 3px;
    margin-bottom: 0;
    cursor: pointer;
    font-weight: normal;
    font-size: 13px;
    color: #000; }
    .radio label:before,
    .checkbox label:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      display: block;
      width: 20px;
      height: 20px;
      background: #fff;
      border: 1px solid #DEDEDE;
      -webkit-transition: all 250ms ease-in-out;
      -o-transition: all 250ms ease-in-out;
      -moz-transition: all 250ms ease-in-out;
      transition: all 250ms ease-in-out; }
    .radio label:after,
    .checkbox label:after {
      -webkit-transition: all 250ms ease-in-out;
      -o-transition: all 250ms ease-in-out;
      -moz-transition: all 250ms ease-in-out;
      transition: all 250ms ease-in-out; }
    .radio label:not(:disabled):hover, .radio label:not(:disabled):focus,
    .checkbox label:not(:disabled):hover,
    .checkbox label:not(:disabled):focus {
      color: #95C11F; }
      .radio label:not(:disabled):hover:before, .radio label:not(:disabled):focus:before,
      .checkbox label:not(:disabled):hover:before,
      .checkbox label:not(:disabled):focus:before {
        border-color: #95C11F; }
  .radio input,
  .checkbox input {
    display: none; }
  .radio input:checked + label:before,
  .checkbox input:checked + label:before {
    border-color: #95C11F; }
  .radio input:checked + label:after,
  .checkbox input:checked + label:after {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1; }
  .radio input:disabled + label,
  .checkbox input:disabled + label {
    color: #CCC !important;
    cursor: not-allowed; }
    .radio input:disabled + label:before,
    .checkbox input:disabled + label:before {
      border-color: #DEDEDE !important;
      background: #F8F8F8 !important; }
    .radio input:disabled + label:after,
    .checkbox input:disabled + label:after {
      -webkit-transform: scale(0) !important;
         -moz-transform: scale(0) !important;
           -o-transform: scale(0) !important;
              transform: scale(0) !important;
      opacity: 0 !important; }
  .radio--lg label,
  .checkbox--lg label {
    font-size: 18px;
    line-height: 28px;
    padding-left: 43px;
    padding-top: 0; }
    .radio--lg label:before,
    .checkbox--lg label:before {
      width: 28px;
      height: 28px; }

.radio label:before, .radio label:after {
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%; }

.radio label:after {
  content: '';
  position: absolute;
  left: 5px;
  top: 5px;
  display: block;
  width: 10px;
  height: 10px;
  background: #95C11F;
  -webkit-transform: scale(0);
     -moz-transform: scale(0);
       -o-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  -webkit-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out; }

.radio--lg label:after {
  left: 8px;
  top: 8px;
  width: 12px;
  height: 12px; }

.checkbox label:before, .checkbox label:after {
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px; }

.checkbox label:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 20px;
  height: 20px;
  background: url("../images/forms/check.svg") no-repeat center;
  -moz-background-size: 12px auto;
       background-size: 12px auto;
  -webkit-transform: scale(0);
     -moz-transform: scale(0);
       -o-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  -webkit-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out; }

.checkbox input:checked + label:before {
  background: #95C11F; }

.checkbox--lg label:after {
  width: 28px;
  height: 28px;
  -moz-background-size: 16px auto;
       background-size: 16px auto; }

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-left: -20px;
  margin-top: 4px \9; }

.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px; }

.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer; }

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px; }

input[type="radio"][disabled], input[type="radio"].disabled,
fieldset[disabled] input[type="radio"],
input[type="checkbox"][disabled],
input[type="checkbox"].disabled,
fieldset[disabled]
input[type="checkbox"] {
  cursor: not-allowed; }

.radio-inline.disabled,
fieldset[disabled] .radio-inline,
.checkbox-inline.disabled,
fieldset[disabled]
.checkbox-inline {
  cursor: not-allowed; }

.radio.disabled label,
fieldset[disabled] .radio label,
.checkbox.disabled label,
fieldset[disabled]
.checkbox label {
  cursor: not-allowed; }

.has-feedback {
  position: relative; }
  .has-feedback .form-control {
    padding-right: 56.25px; }

.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  pointer-events: none; }

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: #95C11F; }

.has-success .form-control {
  border-color: #95C11F; }
  .has-success .form-control:focus {
    border-color: #739518; }

.has-success .input-group-addon {
  color: #95C11F;
  background-color: white;
  border-color: #95C11F; }

.has-success .form-control-feedback {
  color: #95C11F; }

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #ff9900; }

.has-warning .form-control {
  border-color: #ff9900; }
  .has-warning .form-control:focus {
    border-color: #cc7a00; }

.has-warning .input-group-addon {
  color: #ff9900;
  background-color: #fff5e6;
  border-color: #ff9900; }

.has-warning .form-control-feedback {
  color: #ff9900; }

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #ff0000; }

.has-error .form-control {
  border-color: #ff0000; }
  .has-error .form-control:focus {
    border-color: #cc0000; }

.has-error .input-group-addon {
  color: #ff0000;
  background-color: #fff6f5;
  border-color: #ff0000; }

.has-error .form-control-feedback {
  color: #ff0000; }

.help-block {
  position: relative;
  font-size: 12px;
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #404040;
  letter-spacing: 0;
  line-height: 14px;
  font-weight: 500; }

textarea.form-control {
  min-height: 100px;
  height: auto;
  padding: 13px 32px 15px 20px; }

.select {
  position: relative; }
  .select select {
    -webkit-appearance: none; }
    .select select:disabled {
      background: #F8F8F8;
      border: 1px solid #DEDEDE;
      color: #CCC; }
  .select .caret {
    margin: 0;
    padding: 0;
    border: none;
    position: absolute;
    top: 50%;
    right: 20px;
    display: block;
    width: 12px;
    height: 12px;
    margin-top: -6px;
    background: url("../images/forms/arrow3.gray.svg") no-repeat center;
    -moz-background-size: 12px auto;
         background-size: 12px auto;
    -webkit-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
    pointer-events: none; }
  .select.active, .select:focus {
    border-color: #95C11F; }
  .select--withImage select {
    padding-left: 65px; }
  .select--withImage .image {
    width: 35px;
    height: 35px;
    position: absolute;
    top: 50%;
    left: 10px;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%); }

.form-control--lg + .caret {
  width: 16px;
  height: 16px;
  -moz-background-size: 16px auto;
       background-size: 16px auto;
  margin-top: -8px; }

.dateInput {
  position: relative; }
  .dateInput .caret {
    position: absolute;
    right: 13px;
    top: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background: transparent;
    pointer-events: none;
    border: none;
    -webkit-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out; }
    .dateInput .caret svg {
      position: absolute;
      width: 20px;
      height: 20px;
      top: 0;
      left: 0; }
    .dateInput .caret .fill {
      fill: #ccc;
      -webkit-transition: all 250ms ease-in-out;
      -o-transition: all 250ms ease-in-out;
      -moz-transition: all 250ms ease-in-out;
      transition: all 250ms ease-in-out; }
  .dateInput.active .fill {
    fill: #95C11F; }

.has-error .select .caret {
  background: url("../images/forms/arrow3.danger.svg") no-repeat center; }

.has-error .select.active .caret, .has-error .select:focus .caret {
  -webkit-filter: none;
          filter: none; }

.has-error .dateInput .caret .fill {
  fill: #ff0000; }

.has-warning .select .caret {
  background: url("../images/forms/arrow3.warning.svg") no-repeat center; }

.has-warning .select.active .caret, .has-warning .select:focus .caret {
  -webkit-filter: none;
          filter: none; }

.has-warning .dateInput .caret .fill {
  fill: #ff9900; }

.has-success .select .caret {
  background: url("../images/forms/arrow3.success.svg") no-repeat center; }

.has-success .select.active .caret, .has-success .select:focus .caret {
  -webkit-filter: none;
          filter: none; }

.has-success .dateInput .caret .fill {
  fill: #95C11F; }

.slider {
  background: #fff;
  border: 1px solid #DEDEDE;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  height: 102px;
  padding: 20px; }
  .slider label.slider-title {
    margin: 0;
    font-size: 16px;
    color: #000;
    line-height: 1; }
  .slider-value {
    display: none; }
  .slider-content {
    margin-top: 18px;
    position: relative;
    height: 26px; }
    .slider-content-min, .slider-content-max {
      position: absolute;
      top: 0;
      font-size: 16px;
      color: #95C11F;
      line-height: 15px;
      white-space: nowrap; }
    .slider-content-min {
      left: -10px;
      width: 28px;
      text-align: center; }
    .slider-content-max {
      right: 0;
      width: 95px;
      padding-left: 10px; }
    .slider-content-line {
      width: -webkit-calc(100% - 43px - 95px);
      width: -moz-calc(100% - 43px - 95px);
      width: calc(100% - 43px - 95px);
      height: 15px;
      position: absolute;
      left: 33px;
      top: 0; }
  .slider.disabled {
    cursor: not-allowed; }
    .slider.disabled .slider-title {
      color: #CCC; }
    .slider.disabled .slider-content-min, .slider.disabled .slider-content-max {
      color: #CCC; }

.form-captcha-submit__captcha {
  float: left; }

.form-captcha-submit__button {
  float: right;
  margin-top: 6px; }

.fileInput {
  position: relative;
  display: block;
  width: 100%;
  height: 45px;
  padding: 0 20px;
  font-size: 14px;
  line-height: 1;
  color: #000;
  background-color: #fff;
  background-image: none;
  border: 1px solid #DEDEDE;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  font-weight: normal;
  -webkit-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
  cursor: pointer; }
  .fileInput .button {
    position: absolute;
    top: 50%;
    right: 10px;
    display: inline-block;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%); }
  .fileInput--text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    overflow: hidden; }
  .fileInput input {
    display: none; }

.inputWithButton {
  position: relative; }
  .inputWithButton .button {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
    right: 5px; }
    .inputWithButton .button:before {
      content: '';
      position: absolute;
      top: 0;
      left: -5px;
      width: 5px;
      height: 100%;
      background: #fff; }
      body.darkTheme .inputWithButton .button:before {
        background: #1A1A1A; }

label.switch {
  margin: 0; }

.switch {
  position: relative;
  width: 100px;
  height: 30px;
  margin: 0;
  -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
          border-radius: 15px;
  overflow: hidden; }
  .switch input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0; }
  .switch .label {
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    width: 200%;
    height: 100%;
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: -webkit-transform .2s ease-in-out;
    -o-transition: -o-transform .2s ease-in-out;
    -moz-transition: transform .2s ease-in-out, -moz-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out, -moz-transform .2s ease-in-out, -o-transform .2s ease-in-out;
    cursor: pointer; }
    .switch .label span {
      width: 50%;
      font-size: 12px;
      font-weight: 700;
      color: #666666;
      line-height: 30px;
      text-transform: uppercase;
      -webkit-border-radius: 15px;
         -moz-border-radius: 15px;
              border-radius: 15px; }
      .switch .label span:first-child {
        background: #F8F8F8;
        text-align: left;
        padding-left: 15px; }
      .switch .label span:last-child {
        background: #000;
        text-align: right;
        padding-right: 15px; }
    .switch .label:before {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      width: 20px;
      height: 20px;
      margin-top: -10px;
      margin-left: -10px;
      -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
              border-radius: 50%;
      -webkit-transition: background .2s ease-in-out, -webkit-transform .2s ease-in-out;
      transition: background .2s ease-in-out, -webkit-transform .2s ease-in-out;
      -o-transition: background .2s ease-in-out, -o-transform .2s ease-in-out;
      -moz-transition: background .2s ease-in-out, transform .2s ease-in-out, -moz-transform .2s ease-in-out;
      transition: background .2s ease-in-out, transform .2s ease-in-out;
      transition: background .2s ease-in-out, transform .2s ease-in-out, -webkit-transform .2s ease-in-out, -moz-transform .2s ease-in-out, -o-transform .2s ease-in-out;
      background: #000;
      -webkit-transform: translateX(-15px);
         -moz-transform: translateX(-15px);
           -o-transform: translateX(-15px);
              transform: translateX(-15px); }
  .switch input:checked + .label {
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
         -o-transform: translateX(-50%);
            transform: translateX(-50%); }
    .switch input:checked + .label:before {
      background: #ccc;
      -webkit-transform: translateX(15px);
         -moz-transform: translateX(15px);
           -o-transform: translateX(15px);
              transform: translateX(15px); }
  .switch--light .label span:last-child {
    background: #3B3B3B; }
  .switch--light input:checked + .label:before {
    background: #95C11F; }

.input-group {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
     -moz-box-align: stretch;
          align-items: stretch;
  width: 100%; }
  .input-group > .form-control,
  .input-group > .form-control-plaintext,
  .input-group > .custom-select,
  .input-group > .custom-file {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
       -moz-box-flex: 1;
            flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0; }
    .input-group > .form-control + .form-control,
    .input-group > .form-control + .custom-select,
    .input-group > .form-control + .custom-file,
    .input-group > .form-control-plaintext + .form-control,
    .input-group > .form-control-plaintext + .custom-select,
    .input-group > .form-control-plaintext + .custom-file,
    .input-group > .custom-select + .form-control,
    .input-group > .custom-select + .custom-select,
    .input-group > .custom-select + .custom-file,
    .input-group > .custom-file + .form-control,
    .input-group > .custom-file + .custom-select,
    .input-group > .custom-file + .custom-file {
      margin-left: -1px; }
  .input-group > .form-control:focus,
  .input-group > .custom-select:focus,
  .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
    z-index: 3; }
  .input-group > .custom-file .custom-file-input:focus {
    z-index: 4; }
  .input-group > .form-control:not(:last-child),
  .input-group > .custom-select:not(:last-child) {
    -webkit-border-top-right-radius: 0;
       -moz-border-radius-topright: 0;
            border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
       -moz-border-radius-bottomright: 0;
            border-bottom-right-radius: 0; }
  .input-group > .form-control:not(:first-child),
  .input-group > .custom-select:not(:first-child) {
    -webkit-border-top-left-radius: 0;
       -moz-border-radius-topleft: 0;
            border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
       -moz-border-radius-bottomleft: 0;
            border-bottom-left-radius: 0; }
  .input-group > .custom-file {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center; }
    .input-group > .custom-file:not(:last-child) .custom-file-label,
    .input-group > .custom-file:not(:last-child) .custom-file-label::after {
      -webkit-border-top-right-radius: 0;
         -moz-border-radius-topright: 0;
              border-top-right-radius: 0;
      -webkit-border-bottom-right-radius: 0;
         -moz-border-radius-bottomright: 0;
              border-bottom-right-radius: 0; }
    .input-group > .custom-file:not(:first-child) .custom-file-label {
      -webkit-border-top-left-radius: 0;
         -moz-border-radius-topleft: 0;
              border-top-left-radius: 0;
      -webkit-border-bottom-left-radius: 0;
         -moz-border-radius-bottomleft: 0;
              border-bottom-left-radius: 0; }

.input-group-prepend,
.input-group-append {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex; }
  .input-group-prepend .btn,
  .input-group-append .btn {
    position: relative;
    z-index: 2; }
    .input-group-prepend .btn:focus,
    .input-group-append .btn:focus {
      z-index: 3; }
  .input-group-prepend .btn + .btn,
  .input-group-prepend .btn + .input-group-text,
  .input-group-prepend .input-group-text + .input-group-text,
  .input-group-prepend .input-group-text + .btn,
  .input-group-append .btn + .btn,
  .input-group-append .btn + .input-group-text,
  .input-group-append .input-group-text + .input-group-text,
  .input-group-append .input-group-text + .btn {
    margin-left: -1px; }

.input-group-prepend {
  margin-right: -1px; }

.input-group-append {
  margin-left: -1px; }

.input-group-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  padding: 0 20px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #000;
  text-align: center;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #DEDEDE;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px; }
  .input-group-text input[type="radio"],
  .input-group-text input[type="checkbox"] {
    margin-top: 0; }

.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text,
.input-group > .input-group-append:not(:last-child) > .btn,
.input-group > .input-group-append:not(:last-child) > .input-group-text,
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
  -webkit-border-top-right-radius: 0;
     -moz-border-radius-topright: 0;
          border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
     -moz-border-radius-bottomright: 0;
          border-bottom-right-radius: 0; }

.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
  -webkit-border-top-left-radius: 0;
     -moz-border-radius-topleft: 0;
          border-top-left-radius: 0;
  -webkit-border-bottom-left-radius: 0;
     -moz-border-radius-bottomleft: 0;
          border-bottom-left-radius: 0; }

.input-group {
  position: relative;
  display: table;
  border-collapse: separate; }
  .input-group[class*="col-"] {
    float: none;
    padding-right: 0;
    padding-left: 0; }
  .input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0; }
    .input-group .form-control:focus {
      z-index: 3; }

.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell; }
  .input-group-addon:not(:first-child):not(:last-child),
  .input-group-btn:not(:first-child):not(:last-child),
  .input-group .form-control:not(:first-child):not(:last-child) {
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0; }

.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle; }

.input-group-addon {
  padding: 0 20px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #000;
  text-align: center;
  background-color: #fff;
  border: 1px solid #DEDEDE;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px; }
  .input-group-addon input[type="radio"],
  .input-group-addon input[type="checkbox"] {
    margin-top: 0; }

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  -webkit-border-top-right-radius: 0;
     -moz-border-radius-topright: 0;
          border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
     -moz-border-radius-bottomright: 0;
          border-bottom-right-radius: 0; }

.input-group-addon:first-child {
  border-right: 0; }

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  -webkit-border-top-left-radius: 0;
     -moz-border-radius-topleft: 0;
          border-top-left-radius: 0;
  -webkit-border-bottom-left-radius: 0;
     -moz-border-radius-bottomleft: 0;
          border-bottom-left-radius: 0; }

.input-group-addon:last-child {
  border-left: 0; }

.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap; }
  .input-group-btn > .btn {
    position: relative; }
    .input-group-btn > .btn + .btn {
      margin-left: -1px; }
    .input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active {
      z-index: 2; }
  .input-group-btn:first-child > .btn,
  .input-group-btn:first-child > .btn-group {
    margin-right: -1px; }
  .input-group-btn:last-child > .btn,
  .input-group-btn:last-child > .btn-group {
    z-index: 2;
    margin-left: -1px; }

.input-group-input .input-group-addon {
  padding: 0; }
  .input-group-input .input-group-addon input {
    width: 60px;
    background: transparent;
    margin: 0;
    padding: 0;
    border: none;
    text-align: center;
    outline: none; }

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  -moz-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear; }
  .fade.in {
    opacity: 1; }

.collapse {
  display: none; }
  .collapse.in {
    display: block; }

tr.collapse.in {
  display: table-row; }

tbody.collapse.in {
  display: table-row-group; }

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  transition: all 0.35s ease; }

.videoItem {
  display: block;
  margin-bottom: 42px;
  text-decoration: none; }
  @media screen and (min-width: 992px) {
    .videoItem {
      margin-bottom: 60px; } }
  .videoItem__img {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    background: #fff;
    -webkit-border-radius: 9px;
       -moz-border-radius: 9px;
            border-radius: 9px; }
    body.darkTheme .videoItem__img {
      background: #000; }
    .videoItem__img-in {
      position: absolute;
      top: 0;
      left: 0;
      width: -webkit-calc(100% - 10px);
      width: -moz-calc(100% - 10px);
      width: calc(100% - 10px);
      height: -webkit-calc(100% - 10px);
      height: -moz-calc(100% - 10px);
      height: calc(100% - 10px);
      margin: 5px;
      background: #000;
      -webkit-border-radius: 9px;
         -moz-border-radius: 9px;
              border-radius: 9px; }
      .videoItem__img-in:before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 32px;
        height: 28px;
        -webkit-transform: translate(-50%, -50%);
           -moz-transform: translate(-50%, -50%);
             -o-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        background: url(../images/videoItem/play.svg) no-repeat center;
        -moz-background-size: contain;
             background-size: contain;
        z-index: 1;
        -webkit-transition: opacity .25s ease, -webkit-transform .25s ease;
        transition: opacity .25s ease, -webkit-transform .25s ease;
        -o-transition: opacity .25s ease, -o-transform .25s ease;
        -moz-transition: opacity .25s ease, transform .25s ease, -moz-transform .25s ease;
        transition: opacity .25s ease, transform .25s ease;
        transition: opacity .25s ease, transform .25s ease, -webkit-transform .25s ease, -moz-transform .25s ease, -o-transform .25s ease; }
        @media screen and (min-width: 992px) {
          .videoItem__img-in:before {
            opacity: 0;
            -webkit-transform: translate(-50%, -50%) scale(0);
               -moz-transform: translate(-50%, -50%) scale(0);
                 -o-transform: translate(-50%, -50%) scale(0);
                    transform: translate(-50%, -50%) scale(0); } }
    .videoItem__img img {
      position: absolute;
      top: 0;
      left: 0;
      display: block;
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      -webkit-border-radius: 9px;
         -moz-border-radius: 9px;
              border-radius: 9px;
      opacity: .75;
      -webkit-transition: opacity .25s ease;
      -o-transition: opacity .25s ease;
      -moz-transition: opacity .25s ease;
      transition: opacity .25s ease; }
      body.darkTheme .videoItem__img img {
        opacity: .5; }
      @media screen and (min-width: 992px) {
        .videoItem__img img {
          opacity: 1; } }
  .videoItem__time {
    position: absolute;
    top: 0;
    right: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center;
    height: 33px;
    width: 74px;
    background: #fff;
    -webkit-border-bottom-left-radius: 10px;
       -moz-border-radius-bottomleft: 10px;
            border-bottom-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
       -moz-border-radius-topright: 10px;
            border-top-right-radius: 10px;
    font-weight: 500;
    font-size: 12px;
    color: #999;
    line-height: 12px; }
    body.darkTheme .videoItem__time {
      background: #000; }
    .videoItem__time i {
      color: #95C11F;
      margin-right: 8px; }
  .videoItem__title {
    margin-top: 20px;
    font-weight: 500;
    font-size: 14px;
    color: #000;
    line-height: 22px; }
    body.darkTheme .videoItem__title {
      color: #ccc; }
  .videoItem__panel {
    font-weight: 500;
    font-size: 12px;
    color: #696969;
    line-height: 18px;
    margin-top: 7px; }
    .videoItem__panel-time {
      display: inline-block;
      margin: 0;
      padding: 0;
      margin-right: 20px; }
    .videoItem__panel-views {
      display: inline-block; }
  .videoItem:hover, .videoItem:focus {
    text-decoration: none; }
    @media screen and (min-width: 992px) {
      .videoItem:hover .videoItem__img-in img, .videoItem:focus .videoItem__img-in img {
        opacity: .75; }
      .videoItem:hover .videoItem__img-in:before, .videoItem:focus .videoItem__img-in:before {
        opacity: 1;
        -webkit-transform: translate(-50%, -50%) scale(1);
           -moz-transform: translate(-50%, -50%) scale(1);
             -o-transform: translate(-50%, -50%) scale(1);
                transform: translate(-50%, -50%) scale(1); } }

.discussionBox__item {
  border: 1px solid #ccc;
  background: #fff;
  margin-bottom: 20px;
  -webkit-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
  padding: 30px 20px;
  position: relative; }
  @media screen and (min-width: 992px) {
    .discussionBox__item {
      padding: 36px 40px 40px;
      margin-bottom: 30px; } }
  body.darkTheme .discussionBox__item {
    border-color: #383838;
    background-color: #383838; }
  .discussionBox__item-header {
    position: relative;
    padding-bottom: 14.5px;
    -webkit-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out; }
  .discussionBox__item-date {
    margin: 0;
    font-size: 14px;
    color: #999;
    line-height: 16px;
    display: block;
    font-weight: normal; }
    @media screen and (min-width: 480px) {
      .discussionBox__item-date {
        display: inline-block;
        margin: 0 0 0 20px; } }
    @media screen and (min-width: 992px) {
      .discussionBox__item-date {
        margin: 0 0 0 20px; } }
  .discussionBox__item-name {
    margin: 0;
    font-size: 14px;
    color: #000;
    line-height: 19px;
    font-weight: 500; }
    .discussionBox__item-name a {
      color: #95C11F;
      text-decoration: underline; }
      .discussionBox__item-name a:hover, .discussionBox__item-name a:focus {
        text-decoration: none; }
    body.darkTheme .discussionBox__item-name {
      color: #fff; }
  .discussionBox__item-text {
    font-size: 14px;
    color: #000;
    line-height: 24px;
    margin-top: 17px; }
    body.darkTheme .discussionBox__item-text {
      color: #fff; }
  .discussionBox__item-answers {
    border-left: 1px solid #ccc;
    background: #fff;
    margin-bottom: 30px;
    padding-left: 20px; }
    @media screen and (min-width: 992px) {
      .discussionBox__item-answers {
        padding-left: 40px; } }
    body.darkTheme .discussionBox__item-answers {
      border-color: #666;
      background-color: #383838; }
  .discussionBox__item-answer {
    padding: 18px 18px 18px 0; }
    .discussionBox__item-answer-header {
      font-size: 14px;
      line-height: 1.251; }
    .discussionBox__item-answer-name {
      color: #000;
      font-weight: 500;
      display: inline-block;
      padding-right: 5px; }
      body.darkTheme .discussionBox__item-answer-name {
        color: #fff; }
    .discussionBox__item-answer-date {
      display: block;
      color: #999; }
      @media screen and (min-width: 480px) {
        .discussionBox__item-answer-date {
          display: inline-block; } }
    .discussionBox__item-answer-body {
      font-size: 14px;
      color: #000;
      line-height: 24px;
      margin-top: 17px; }
      body.darkTheme .discussionBox__item-answer-body {
        color: #fff; }
    .discussionBox__item-answer-footer {
      margin-top: 24px; }
      .discussionBox__item-answer-footer:before, .discussionBox__item-answer-footer:after {
        content: " ";
        display: table; }
      .discussionBox__item-answer-footer:after {
        clear: both; }
    .discussionBox__item-answer .discussionBox__item-answers {
      margin-top: 20px; }
    .discussionBox__item-answer--primary {
      background: #F9FFE9;
      padding: 20px; }
      @media screen and (min-width: 992px) {
        .discussionBox__item-answer--primary {
          padding: 30px; } }
      .discussionBox__item-answer--primary .discussionBox__item-answer-name {
        color: #95C11F; }
      body.darkTheme .discussionBox__item-answer--primary {
        background-color: #2D2D2D; }
  .discussionBox__item-footer:before, .discussionBox__item-footer:after {
    content: " ";
    display: table; }
  .discussionBox__item-footer:after {
    clear: both; }
  .discussionBox__item-reactions {
    float: left;
    margin: 0 12px 0 0;
    padding: 0;
    background: transparent;
    border: none;
    -webkit-appearance: none;
    font-size: 14px;
    color: #95C11F;
    text-decoration: underline;
    line-height: 1.429; }
    .discussionBox__item-reactions:hover, .discussionBox__item-reactions:focus {
      text-decoration: none; }
  .discussionBox__item-likes {
    float: left;
    margin: 1px 7px 0 0;
    padding: 0 5px;
    background: transparent;
    border: none;
    -webkit-appearance: none;
    font-size: 12px;
    color: #999;
    line-height: 1.429;
    display: block; }
    .discussionBox__item-likes:before, .discussionBox__item-likes:after {
      content: " ";
      display: table; }
    .discussionBox__item-likes:after {
      clear: both; }
    .discussionBox__item-likes .icon-like {
      float: left;
      font-size: 16px;
      color: #cccc;
      line-height: 1; }
      .discussionBox__item-likes .icon-like.active {
        color: #95C11F; }
    .discussionBox__item-likes-count {
      float: left;
      margin-left: 6px; }
  .discussionBox__item--active {
    background: #f8f8f8; }
    .discussionBox__item--active .discussionBox__item-header {
      padding-bottom: 6px; }
    .discussionBox__item--active .discussionBox__item-footer {
      padding-top: 22px; }
    .discussionBox__item--active .discussionBox__item-icon .arrow {
      opacity: 1;
      -webkit-transform: rotate(180deg);
         -moz-transform: rotate(180deg);
           -o-transform: rotate(180deg);
              transform: rotate(180deg); }
    .discussionBox__item--active .discussionBox__item-icon .dots path {
      opacity: 0; }

.discussionBox-footer {
  text-align: center;
  position: relative; }
  .discussionBox-footer .pagination {
    position: absolute;
    top: 0;
    right: 0; }

a.discussionBox__item-likes:hover, a.discussionBox__item-likes:focus,
button.discussionBox__item-likes:hover,
button.discussionBox__item-likes:focus {
  cursor: pointer;
  color: #95C11F; }
  a.discussionBox__item-likes:hover .icon-like, a.discussionBox__item-likes:focus .icon-like,
  button.discussionBox__item-likes:hover .icon-like,
  button.discussionBox__item-likes:focus .icon-like {
    color: #95C11F; }

.productItem {
  position: relative;
  background: #fff;
  border: 1px solid #DEDEDE;
  padding: 15px;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
  --productItem-image__size: 90px; }
  @media screen and (min-width: 480px) {
    .productItem {
      --productItem-image__size: 125px; } }
  .productItem:hover .productItem__title, .productItem:focus-within .productItem__title {
    text-decoration: underline; }

.productItem__link {
  position: absolute;
  inset: 0; }
  .productItem__link:focus-visible + .productItem__wrapper .productItem__title {
    text-decoration: underline; }

.productItem__wrapper {
  display: -ms-grid;
  display: grid;
  gap: 20px;
  -ms-grid-columns: var(--productItem-image__size) 1fr;
  grid-template-columns: var(--productItem-image__size) 1fr; }

.productItem__title {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400; }

.productItem__image {
  display: block;
  width: var(--productItem-image__size);
  height: var(--productItem-image__size); }

.productItem__stock {
  margin: 20px 0 25px;
  font-size: 13px;
  line-height: 17px;
  font-weight: 500; }
  .productItem__stock-online {
    display: block; }
    .productItem__stock-online--col-1 {
      color: #95C11F; }
    .productItem__stock-online--col-3 {
      color: #0077E7; }
  .productItem__stock-shops {
    display: block;
    color: #95C11F; }
    .productItem__stock-shops .shops {
      text-decoration: underline; }

.productItem__price {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
          flex-flow: column;
  gap: 5px; }
  .productItem__price-current {
    display: block;
    font-weight: 700;
    font-size: 18px;
    line-height: 20px;
    color: #FF0000; }
  .productItem__price-old {
    display: block;
    font-size: 14px;
    color: #999;
    text-decoration: line-through;
    line-height: 1; }

.productItem__button {
  position: relative; }

.productItem__priceButton {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-flow: row wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
          justify-content: space-between;
  gap: 10px; }

@media screen and (min-width: 992px) {
  .mainVideo {
    margin-bottom: 87px; } }

.mainVideo__header {
  position: relative; }
  @media screen and (min-width: 992px) {
    .mainVideo__header {
      padding-bottom: 50px; } }
  .mainVideo__header-date {
    font-weight: 500;
    font-size: 14px;
    color: #999;
    line-height: 19px; }
  .mainVideo__header-title {
    font-size: 24px;
    line-height: 34px;
    color: #000;
    font-weight: 700;
    margin-top: 10px;
    letter-spacing: 0; }
    body.darkTheme .mainVideo__header-title {
      color: #fff; }
    @media screen and (min-width: 992px) {
      .mainVideo__header-title {
        font-weight: 700;
        font-size: 36px;
        line-height: 56px;
        max-width: 870px; } }
    .mainVideo__header-title a {
      font-weight: 500;
      color: #000;
      text-decoration: none; }
      body.darkTheme .mainVideo__header-title a {
        color: #fff; }
      .mainVideo__header-title a:hover, .mainVideo__header-title a:focus {
        color: #999;
        text-decoration: underline; }

.mainVideo__panel {
  font-weight: 500;
  font-size: 15px;
  color: #999;
  line-height: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  margin-top: 25px; }
  @media screen and (min-width: 992px) {
    .mainVideo__panel {
      position: absolute;
      bottom: 30px;
      right: 0;
      margin: 0; } }
  .mainVideo__panel i {
    color: #95C11F;
    font-size: 16px;
    margin-right: 10px; }
  .mainVideo__panel-duration, .mainVideo__panel-views {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center; }
  .mainVideo__panel-views i {
    font-size: 22px; }
  .mainVideo__panel-duration {
    margin-left: 30px; }
    .mainVideo__panel-duration i {
      font-size: 16px; }

.mainVideo__body {
  margin-top: 20px; }
  @media screen and (min-width: 992px) {
    .mainVideo__body {
      margin-top: 0; } }
  .mainVideo__body-link img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -webkit-border-radius: 9px;
       -moz-border-radius: 9px;
            border-radius: 9px;
    opacity: .75; }
  .mainVideo__body-link svg {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 70px;
    height: 70px;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
    @media screen and (min-width: 992px) {
      .mainVideo__body-link svg {
        width: 94px;
        height: 94px; } }
    .mainVideo__body-link svg .out {
      -webkit-transition: fill 250ms ease-in-out;
      -o-transition: fill 250ms ease-in-out;
      -moz-transition: fill 250ms ease-in-out;
      transition: fill 250ms ease-in-out; }
  .mainVideo__body-link:hover svg .out, .mainVideo__body-link:focus svg .out {
    fill: #669900; }
  @media screen and (max-width: 991px) {
    .mainVideo__body-link {
      position: relative;
      display: block;
      width: 100%;
      padding-bottom: 56.11940298507462%;
      -webkit-box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.25);
         -moz-box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.25);
              box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.25);
      background: #000;
      -webkit-border-radius: 9px;
         -moz-border-radius: 9px;
              border-radius: 9px; }
      .mainVideo__body-link-in {
        position: absolute;
        top: 0;
        left: 0;
        width: -webkit-calc(100% - 10px);
        width: -moz-calc(100% - 10px);
        width: calc(100% - 10px);
        height: -webkit-calc(100% - 10px);
        height: -moz-calc(100% - 10px);
        height: calc(100% - 10px);
        margin: 5px;
        background: #000;
        -webkit-border-radius: 9px;
           -moz-border-radius: 9px;
                border-radius: 9px; }
    .mainVideo__body-description {
      margin: 0;
      padding: 0;
      color: #666;
      font-size: 16px;
      font-weight: 500;
      line-height: 28px;
      margin-top: 30px;
      padding-bottom: 25px; }
      body.darkTheme .mainVideo__body-description {
        color: #CCC; }
      .mainVideo__body-description p {
        margin: 0 0 24px; }
        .mainVideo__body-description p:last-child {
          margin-bottom: 0; }
      .mainVideo__body-description strong {
        font-weight: 500; } }
  @media screen and (min-width: 992px) {
    .mainVideo__body {
      position: relative; }
      .mainVideo__body-link {
        position: relative;
        display: block;
        width: 100%;
        padding-bottom: 43.65853658536585%;
        -webkit-box-shadow: 0 10px 100px 0 rgba(0, 0, 0, 0.25);
           -moz-box-shadow: 0 10px 100px 0 rgba(0, 0, 0, 0.25);
                box-shadow: 0 10px 100px 0 rgba(0, 0, 0, 0.25);
        -webkit-border-radius: 10px;
           -moz-border-radius: 10px;
                border-radius: 10px; }
        .mainVideo__body-link-in {
          position: absolute;
          top: 0;
          left: 0;
          width: -webkit-calc(100% - 20px);
          width: -moz-calc(100% - 20px);
          width: calc(100% - 20px);
          height: -webkit-calc(100% - 20px);
          height: -moz-calc(100% - 20px);
          height: calc(100% - 20px);
          margin: 10px;
          background: #000;
          -webkit-border-radius: 10px;
             -moz-border-radius: 10px;
                  border-radius: 10px; }
        body.darkTheme .mainVideo__body-link {
          border-color: #555;
          background: rgba(0, 0, 0, 0.5);
          -webkit-box-shadow: 0 10px 100px 0 rgba(0, 0, 0, 0.5);
             -moz-box-shadow: 0 10px 100px 0 rgba(0, 0, 0, 0.5);
                  box-shadow: 0 10px 100px 0 rgba(0, 0, 0, 0.5); }
      .mainVideo__body-description {
        position: absolute;
        left: 10px;
        bottom: 10px;
        padding: 20px 22px;
        width: -webkit-calc(100% - 20px);
        width: -moz-calc(100% - 20px);
        width: calc(100% - 20px);
        background: rgba(0, 0, 0, 0.5);
        font-weight: 500;
        font-size: 16px;
        color: #CCC;
        line-height: 28px;
        -webkit-border-bottom-left-radius: 10px;
           -moz-border-radius-bottomleft: 10px;
                border-bottom-left-radius: 10px;
        -webkit-border-bottom-right-radius: 10px;
           -moz-border-radius-bottomright: 10px;
                border-bottom-right-radius: 10px; }
        .mainVideo__body-description p {
          margin: 0 0 24px; }
          .mainVideo__body-description p:last-child {
            margin-bottom: 0; }
        .mainVideo__body-description strong {
          font-weight: 500; } }
  @media screen and (min-width: 1250px) {
    .mainVideo__body {
      width: 1230px;
      -webkit-transform: translateX(-30px);
         -moz-transform: translateX(-30px);
           -o-transform: translateX(-30px);
              transform: translateX(-30px); } }

.videoPlayer {
  position: relative;
  margin-bottom: 30px; }
  @media screen and (min-width: 992px) {
    .videoPlayer {
      margin-bottom: 87px; } }
  @media screen and (min-width: 1250px) {
    .videoPlayer {
      width: 1230px;
      -webkit-transform: translateX(-15px);
         -moz-transform: translateX(-15px);
           -o-transform: translateX(-15px);
              transform: translateX(-15px); } }
  .videoPlayer__link {
    border: none;
    margin: 0;
    padding: 0;
    width: auto;
    overflow: visible;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    background: transparent;
    /* inherit font & color from ancestor */
    color: inherit;
    font: inherit;
    /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
    line-height: normal;
    /* Corrects font smoothing for webkit */
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;
    /* Corrects inability to style clickable `input` types in iOS */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* Remove excess padding and border in Firefox 4+ */
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 56.11940298507462%;
    -webkit-box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.25);
       -moz-box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.25);
            box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.25);
    background: #000;
    -webkit-border-radius: 9px;
       -moz-border-radius: 9px;
            border-radius: 9px; }
    .videoPlayer__link::-moz-focus-inner {
      border: 0;
      padding: 0; }
    @media screen and (min-width: 992px) {
      .videoPlayer__link {
        padding-bottom: 43.65853658536585%;
        -webkit-box-shadow: 0 10px 100px 0 rgba(0, 0, 0, 0.25);
           -moz-box-shadow: 0 10px 100px 0 rgba(0, 0, 0, 0.25);
                box-shadow: 0 10px 100px 0 rgba(0, 0, 0, 0.25);
        -webkit-border-radius: 10px;
           -moz-border-radius: 10px;
                border-radius: 10px;
        background: #fff; }
        body.darkTheme .videoPlayer__link {
          border-color: #555;
          background: rgba(0, 0, 0, 0.5);
          -webkit-box-shadow: 0 10px 100px 0 rgba(0, 0, 0, 0.5);
             -moz-box-shadow: 0 10px 100px 0 rgba(0, 0, 0, 0.5);
                  box-shadow: 0 10px 100px 0 rgba(0, 0, 0, 0.5); } }
    .videoPlayer__link-in {
      position: absolute;
      top: 0;
      left: 0;
      width: -webkit-calc(100% - 10px);
      width: -moz-calc(100% - 10px);
      width: calc(100% - 10px);
      height: -webkit-calc(100% - 10px);
      height: -moz-calc(100% - 10px);
      height: calc(100% - 10px);
      margin: 5px;
      background: #000;
      -webkit-border-radius: 9px;
         -moz-border-radius: 9px;
              border-radius: 9px; }
      @media screen and (min-width: 992px) {
        .videoPlayer__link-in {
          width: -webkit-calc(100% - 20px);
          width: -moz-calc(100% - 20px);
          width: calc(100% - 20px);
          height: -webkit-calc(100% - 20px);
          height: -moz-calc(100% - 20px);
          height: calc(100% - 20px);
          margin: 10px;
          -webkit-border-radius: 10px;
             -moz-border-radius: 10px;
                  border-radius: 10px; } }
    .videoPlayer__link img {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      -webkit-border-radius: 9px;
         -moz-border-radius: 9px;
              border-radius: 9px;
      opacity: .75; }
    .videoPlayer__link svg {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 70px;
      height: 70px;
      -webkit-transform: translate(-50%, -50%);
         -moz-transform: translate(-50%, -50%);
           -o-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
      @media screen and (min-width: 992px) {
        .videoPlayer__link svg {
          width: 94px;
          height: 94px;
          margin-top: -47px;
          margin-left: -47px;
          opacity: 0;
          -webkit-transform: scale(0.5);
             -moz-transform: scale(0.5);
               -o-transform: scale(0.5);
                  transform: scale(0.5);
          -webkit-transition: opacity .2s ease, -webkit-transform .2s ease;
          transition: opacity .2s ease, -webkit-transform .2s ease;
          -o-transition: opacity .2s ease, -o-transform .2s ease;
          -moz-transition: transform .2s ease, opacity .2s ease, -moz-transform .2s ease;
          transition: transform .2s ease, opacity .2s ease;
          transition: transform .2s ease, opacity .2s ease, -webkit-transform .2s ease, -moz-transform .2s ease, -o-transform .2s ease; } }
      .videoPlayer__link svg .out {
        -webkit-transition: fill 250ms ease-in-out;
        -o-transition: fill 250ms ease-in-out;
        -moz-transition: fill 250ms ease-in-out;
        transition: fill 250ms ease-in-out; }
    @media screen and (min-width: 992px) {
      .videoPlayer__link:hover svg, .videoPlayer__link:focus svg {
        opacity: 1;
        -webkit-transform: scale(1);
           -moz-transform: scale(1);
             -o-transform: scale(1);
                transform: scale(1); } }
    .videoPlayer__link:hover svg .out, .videoPlayer__link:focus svg .out {
      fill: #669900; }

.horizontalVideoList__header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center; }
  .horizontalVideoList__header-title, .horizontalVideoList__header-title > a {
    font-weight: 500;
    font-size: 18px;
    color: #95C11F; }
  .horizontalVideoList__header-title a {
    text-decoration: none; }
    .horizontalVideoList__header-title a:hover, .horizontalVideoList__header-title a:focus {
      text-decoration: underline; }

.horizontalVideoList__body {
  margin-top: 20px; }

.horizontalVideoList__footer {
  text-align: center; }

.horizontalVideoList--home .horizontalVideoList__body {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  grid-column-gap: 30px;
  grid-row-gap: 0; }
  @media screen and (min-width: 480px) and (max-width: 991px) {
    .horizontalVideoList--home .horizontalVideoList__body {
      -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr; }
      .horizontalVideoList--home .horizontalVideoList__body .videoItem:not(:first-child):not(:nth-child(2)) {
        display: none; } }
  @media screen and (min-width: 992px) {
    .horizontalVideoList--home .horizontalVideoList__body {
      -ms-grid-columns: 1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr 1fr; } }
  @media screen and (max-width: 480px) {
    .horizontalVideoList--home .horizontalVideoList__body .videoItem:not(:first-child) {
      display: none; } }

.horizontalVideoList--default .horizontalVideoList__body {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  grid-column-gap: 15px;
  grid-row-gap: 0; }
  @media screen and (min-width: 480px) and (max-width: 991px) {
    .horizontalVideoList--default .horizontalVideoList__body {
      -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr; } }
  @media screen and (min-width: 992px) {
    .horizontalVideoList--default .horizontalVideoList__body {
      -ms-grid-columns: 1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr 1fr;
      grid-column-gap: 30px; } }

.horizontalVideoList--detail .horizontalVideoList__body {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  grid-column-gap: 15px;
  grid-row-gap: 0; }
  @media screen and (min-width: 480px) {
    .horizontalVideoList--detail .horizontalVideoList__body {
      -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr; } }

.horizontalVideoList--withBorder {
  padding-bottom: 30px;
  border-bottom: 1px solid #CCCCCC; }
  body.darkTheme .horizontalVideoList--withBorder {
    border-color: #4E4E4E; }

@media screen and (min-width: 992px) {
  .videoDetail__grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 2fr 30px 1fr;
    grid-template-columns: 2fr 1fr;
    -ms-grid-rows: auto 0 auto;
    grid-template-rows: auto auto;
        grid-template-areas: 'main side' 'other side';
    gap: 0 30px; } }

.videoDetail__grid-main {
  grid-area: main; }

.videoDetail__grid-side {
  grid-area: side; }

.videoDetail__grid-other {
  grid-area: other; }

@media screen and (min-width: 992px) {
  .videoDetail__grid-main {
    -ms-grid-row: 1;
    -ms-grid-column: 1; }
  .videoDetail__grid-side {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 3; }
  .videoDetail__grid-other {
    -ms-grid-row: 3;
    -ms-grid-column: 1; } }

.videoDetail__info-date {
  font-weight: 500;
  font-size: 14px;
  color: #999; }

.videoDetail__info-title {
  margin: 0;
  padding: 0;
  font-weight: 700;
  font-size: 24px;
  color: #000;
  line-height: 34px;
  margin-top: 10px; }
  @media screen and (min-width: 992px) {
    .videoDetail__info-title {
      font-size: 36px;
      line-height: 56px; } }
  body.darkTheme .videoDetail__info-title {
    color: #fff; }

.videoDetail__info-panel {
  font-weight: 500;
  font-size: 15px;
  color: #999;
  line-height: 16px;
  margin-top: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
          justify-content: flex-start; }
  .videoDetail__info-panel > div:not(:last-child) {
    margin-right: 15px; }
    @media screen and (min-width: 480px) {
      .videoDetail__info-panel > div:not(:last-child) {
        margin-right: 30px; } }
    @media screen and (min-width: 992px) {
      .videoDetail__info-panel > div:not(:last-child) {
        margin-right: 40px; } }
  .videoDetail__info-panel i {
    display: block;
    color: #95C11F; }
  .videoDetail__info-panel__views {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
            justify-content: flex-start; }
    .videoDetail__info-panel__views i {
      margin-right: 10px;
      font-size: 22px; }
  .videoDetail__info-panel__time {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
            justify-content: flex-start; }
    .videoDetail__info-panel__time i {
      margin-right: 10px;
      font-size: 16px; }
  .videoDetail__info-panel__likes > button, .videoDetail__info-panel__likes > a, .videoDetail__info-panel__likes > span {
    border: none;
    margin: 0;
    padding: 0;
    width: auto;
    overflow: visible;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    background: transparent;
    /* inherit font & color from ancestor */
    color: inherit;
    font: inherit;
    /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
    line-height: normal;
    /* Corrects font smoothing for webkit */
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;
    /* Corrects inability to style clickable `input` types in iOS */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* Remove excess padding and border in Firefox 4+ */
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
            justify-content: flex-start; }
    .videoDetail__info-panel__likes > button::-moz-focus-inner, .videoDetail__info-panel__likes > a::-moz-focus-inner, .videoDetail__info-panel__likes > span::-moz-focus-inner {
      border: 0;
      padding: 0; }
    .videoDetail__info-panel__likes > button i, .videoDetail__info-panel__likes > a i, .videoDetail__info-panel__likes > span i {
      margin-right: 7px;
      font-size: 16px; }
  .videoDetail__info-panel__likes > button:hover, .videoDetail__info-panel__likes > button:hover i, .videoDetail__info-panel__likes > button:focus, .videoDetail__info-panel__likes > button:focus i, .videoDetail__info-panel__likes > a:hover, .videoDetail__info-panel__likes > a:hover i, .videoDetail__info-panel__likes > a:focus, .videoDetail__info-panel__likes > a:focus i {
    color: #669900; }
  .videoDetail__info-panel__share > button, .videoDetail__info-panel__share > a, .videoDetail__info-panel__share > span {
    border: none;
    margin: 0;
    padding: 0;
    width: auto;
    overflow: visible;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    background: transparent;
    /* inherit font & color from ancestor */
    color: inherit;
    font: inherit;
    /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
    line-height: normal;
    /* Corrects font smoothing for webkit */
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;
    /* Corrects inability to style clickable `input` types in iOS */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* Remove excess padding and border in Firefox 4+ */
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
            justify-content: flex-start;
    color: #95C11F; }
    .videoDetail__info-panel__share > button::-moz-focus-inner, .videoDetail__info-panel__share > a::-moz-focus-inner, .videoDetail__info-panel__share > span::-moz-focus-inner {
      border: 0;
      padding: 0; }
  .videoDetail__info-panel__share > button:hover, .videoDetail__info-panel__share > button:focus, .videoDetail__info-panel__share > a:hover, .videoDetail__info-panel__share > a:focus {
    color: #669900; }

.videoDetail__info-description {
  margin: 30px 0;
  padding-bottom: 30px;
  font-weight: 500;
  font-size: 16px;
  color: #666;
  line-height: 28px;
  border-bottom: 1px solid #CCCCCC; }
  .videoDetail__info-description p {
    margin-bottom: 20px; }
    .videoDetail__info-description p:last-child {
      margin-bottom: 0; }
  body.darkTheme .videoDetail__info-description {
    color: #ccc;
    border-color: #4E4E4E; }

.videoDetail__discussion-title {
  margin: 0;
  padding: 0;
  font-weight: 700;
  font-size: 18px;
  color: #000;
  line-height: 18px;
  margin-top: 30px; }
  @media screen and (min-width: 992px) {
    .videoDetail__discussion-title {
      font-size: 24px;
      margin-top: 60px; } }
  body.darkTheme .videoDetail__discussion-title {
    color: #fff; }

.videoDetail__discussion-form {
  background: #fff;
  border: 1px solid #ccc;
  padding: 30px 20px;
  margin-top: 30px;
  margin-bottom: 20px; }
  @media screen and (min-width: 992px) {
    .videoDetail__discussion-form {
      margin-bottom: 30px;
      padding: 30px; }
      .videoDetail__discussion-form__group--w50 {
        width: 50%; } }
  body.darkTheme .videoDetail__discussion-form {
    background: #252525;
    border-color: #252525; }

.videoProducts__header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center; }
  .videoProducts__header-title, .videoProducts__header-title > a {
    font-weight: 500;
    font-size: 18px;
    color: #95C11F; }
  .videoProducts__header-title a {
    text-decoration: none; }
    .videoProducts__header-title a:hover, .videoProducts__header-title a:focus {
      text-decoration: underline; }

.videoProducts__body {
  margin-top: 30px;
  display: -ms-grid;
  display: grid;
  gap: 20px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr; }
  @media screen and (min-width: 480px) {
    .videoProducts__body {
      grid-template-columns: repeat(auto-fill, minmax(370px, 1fr)); } }

html {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; }

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

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

body {
  font-family: "Ubuntu", Arial, sans-serif;
  font-weight: 400;
  background: #EFEFEF;
  width: 100%;
  overflow-x: hidden;
  -webkit-transition: background 250ms ease-in-out;
  -o-transition: background 250ms ease-in-out;
  -moz-transition: background 250ms ease-in-out;
  transition: background 250ms ease-in-out; }
  body.darkTheme {
    background: #2B2B2B; }

.pageWrapper {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: 30px; }
  @media screen and (min-width: 992px) {
    .pageWrapper {
      padding-top: 60px;
      padding-bottom: 60px; } }

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

a {
  color: #95C11F;
  text-decoration: underline; }
  a:hover, a:focus {
    color: #669900;
    text-decoration: none; }

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 20px;
  padding-right: 20px;
  max-width: 1210px; }
  .container:before, .container:after {
    content: " ";
    display: table; }
  .container:after {
    clear: both; }

.clearfix:before, .form-captcha-submit:before, .clearfix:after, .form-captcha-submit:after {
  content: " ";
  display: table; }

.clearfix:after, .form-captcha-submit:after {
  clear: both; }

[role="button"] {
  cursor: pointer; }

h1,
.h1 {
  margin: 0;
  padding: 0;
  color: #000;
  font-size: 36px;
  font-weight: 700;
  line-height: 41px; }

h2,
.h2 {
  margin: 0;
  padding: 0;
  color: #000;
  font-size: 24px;
  font-weight: 700;
  line-height: 27px; }

h3,
.h3 {
  margin: 0;
  padding: 0;
  color: #000;
  font-size: 18px;
  font-weight: 500;
  line-height: 20px; }

.title {
  margin: 0;
  padding: 0;
  color: #000;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px; }

.text {
  margin: 0;
  padding: 0;
  color: #000;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px; }
  .text p {
    margin: 0 0 24px; }
    .text p:last-child {
      margin-bottom: 0; }
  .text strong {
    font-weight: 500; }
  .text--bigger {
    font-size: 16px;
    font-weight: 500;
    line-height: 28px; }
    .text--bigger strong {
      font-weight: 700; }
    .text--bigger p {
      margin: 0 0 28px; }
      .text--bigger p:last-child {
        margin-bottom: 0; }

.posR {
  position: relative; }

.posA {
  position: absolute; }

img[data-src]:not([src]) {
  background: url(../images/ajax-loader.gif) no-repeat center;
  -moz-background-size: 20px;
       background-size: 20px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }

.pageHeader {
  background: #000;
  padding: 19px 0 20px; }
  @media screen and (min-width: 992px) {
    .pageHeader {
      position: relative;
      height: 70px;
      padding: 0; } }
  @media screen and (max-width: 991px) {
    .pageHeader__in {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
              align-items: center;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
         -moz-box-pack: justify;
              justify-content: space-between; } }
  .pageHeader__brand img {
    height: 49px;
    width: auto; }
  @media screen and (min-width: 992px) {
    .pageHeader__brand {
      position: absolute;
      top: 12px;
      left: 30px; }
      .pageHeader__brand img {
        height: 45px; } }
  @media screen and (max-width: 991px) {
    .pageHeader__searchBox {
      position: absolute;
      top: 0;
      left: 0;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
              justify-content: center;
      height: 91px;
      width: 100%;
      padding: 15px;
      background: #000;
      -webkit-transition: opacity 250ms ease-in-out;
      -o-transition: opacity 250ms ease-in-out;
      -moz-transition: opacity 250ms ease-in-out;
      transition: opacity 250ms ease-in-out; }
      .pageHeader__searchBox .form-control {
        border: 0;
        height: 60px;
        background: #2D2D2D;
        font-weight: 400;
        font-size: 16px;
        color: #fff; }
        .pageHeader__searchBox .form-control::-webkit-input-placeholder {
          color: #999; }
        .pageHeader__searchBox .form-control:-moz-placeholder {
          color: #999; }
        .pageHeader__searchBox .form-control::-moz-placeholder {
          color: #999; }
        .pageHeader__searchBox .form-control:-ms-input-placeholder {
          color: #999; }
      .pageHeader__searchBox i {
        display: none; }
      .pageHeader__searchBox .form-control:focus + i {
        color: #95C11F; }
      body:not(.active__pageSearch) .pageHeader__searchBox {
        opacity: 0;
        pointer-events: none; } }
  @media screen and (min-width: 992px) {
    .pageHeader__searchBox {
      position: absolute;
      top: 0;
      right: 0;
      width: 270px; }
      .pageHeader__searchBox .form-control {
        -webkit-border-radius: 0;
           -moz-border-radius: 0;
                border-radius: 0;
        border: 0;
        height: 70px;
        background: #2D2D2D;
        font-weight: 400;
        font-size: 16px;
        color: #fff;
        padding-left: 70px; }
        .pageHeader__searchBox .form-control::-webkit-input-placeholder {
          color: #999; }
        .pageHeader__searchBox .form-control:-moz-placeholder {
          color: #999; }
        .pageHeader__searchBox .form-control::-moz-placeholder {
          color: #999; }
        .pageHeader__searchBox .form-control:-ms-input-placeholder {
          color: #999; }
        .pageHeader__searchBox .form-control:focus + i {
          color: #95C11F; }
      .pageHeader__searchBox i {
        position: absolute;
        top: 50%;
        left: 25px;
        font-size: 25px;
        -webkit-transform: translateY(-50%);
           -moz-transform: translateY(-50%);
             -o-transform: translateY(-50%);
                transform: translateY(-50%);
        color: #ccc;
        -webkit-transition: color 250ms ease-in-out;
        -o-transition: color 250ms ease-in-out;
        -moz-transition: color 250ms ease-in-out;
        transition: color 250ms ease-in-out; } }
  @media screen and (min-width: 992px) and (min-width: 1250px) {
    .pageHeader__searchBox {
      width: 380px; } }
  .pageHeader__navigationToggle {
    display: none; }
    @media screen and (max-width: 991px) {
      .pageHeader__navigationToggle {
        display: block;
        border: none;
        margin: 0;
        padding: 0;
        width: auto;
        overflow: visible;
        -webkit-border-radius: 0;
           -moz-border-radius: 0;
                border-radius: 0;
        background: transparent;
        /* inherit font & color from ancestor */
        color: inherit;
        font: inherit;
        /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
        line-height: normal;
        /* Corrects font smoothing for webkit */
        -webkit-font-smoothing: inherit;
        -moz-osx-font-smoothing: inherit;
        /* Corrects inability to style clickable `input` types in iOS */
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        /* Remove excess padding and border in Firefox 4+ */
        position: relative;
        width: 40px;
        height: 40px; }
        .pageHeader__navigationToggle::-moz-focus-inner {
          border: 0;
          padding: 0; }
        .pageHeader__navigationToggle .line, .pageHeader__navigationToggle .line:before, .pageHeader__navigationToggle .line:after {
          position: absolute;
          left: 0;
          background: #95C11F;
          height: 3px;
          -webkit-border-radius: 3px;
             -moz-border-radius: 3px;
                  border-radius: 3px;
          -webkit-transition: all 250ms ease-in-out;
          -o-transition: all 250ms ease-in-out;
          -moz-transition: all 250ms ease-in-out;
          transition: all 250ms ease-in-out; }
        .pageHeader__navigationToggle .line {
          top: 50%;
          width: 25px;
          -webkit-transform: translateY(-50%);
             -moz-transform: translateY(-50%);
               -o-transform: translateY(-50%);
                  transform: translateY(-50%); }
        .pageHeader__navigationToggle .line:before {
          content: '';
          width: 35px;
          -webkit-transform: translateY(-13px);
             -moz-transform: translateY(-13px);
               -o-transform: translateY(-13px);
                  transform: translateY(-13px); }
        .pageHeader__navigationToggle .line:after {
          content: '';
          width: 40px;
          -webkit-transform: translateY(13px);
             -moz-transform: translateY(13px);
               -o-transform: translateY(13px);
                  transform: translateY(13px); }
        .pageHeader__navigationToggle:hover .line, .pageHeader__navigationToggle:hover .line:before, .pageHeader__navigationToggle:hover .line:after {
          background: #669900; } }
  .pageHeader__searchToggle {
    display: none; }
    @media screen and (max-width: 991px) {
      .pageHeader__searchToggle {
        border: none;
        margin: 0;
        padding: 0;
        width: auto;
        overflow: visible;
        -webkit-border-radius: 0;
           -moz-border-radius: 0;
                border-radius: 0;
        background: transparent;
        /* inherit font & color from ancestor */
        color: inherit;
        font: inherit;
        /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
        line-height: normal;
        /* Corrects font smoothing for webkit */
        -webkit-font-smoothing: inherit;
        -moz-osx-font-smoothing: inherit;
        /* Corrects inability to style clickable `input` types in iOS */
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        /* Remove excess padding and border in Firefox 4+ */
        display: block;
        position: relative;
        width: 40px;
        height: 40px;
        font-size: 25px;
        color: #ccc;
        z-index: 1;
        -webkit-transition: color 250ms ease-in-out;
        -o-transition: color 250ms ease-in-out;
        -moz-transition: color 250ms ease-in-out;
        transition: color 250ms ease-in-out; }
        .pageHeader__searchToggle::-moz-focus-inner {
          border: 0;
          padding: 0; }
        .pageHeader__searchToggle:hover, .pageHeader__searchToggle:focus, .pageHeader__searchToggle.focus {
          color: #95C11F; } }

.mobileFooter {
  display: none; }
  @media screen and (max-width: 767px) {
    .mobileFooter {
      display: block;
      background: #000; }
      .mobileFooter__map {
        padding: 30px;
        text-align: center; }
        .mobileFooter__map a {
          display: inline-block;
          width: 100%;
          -webkit-transition: opacity 250ms ease-in-out;
          -o-transition: opacity 250ms ease-in-out;
          -moz-transition: opacity 250ms ease-in-out;
          transition: opacity 250ms ease-in-out; }
          .mobileFooter__map a img {
            width: 100%;
            height: auto;
            max-width: 500px; }
          .mobileFooter__map a:hover, .mobileFooter__map a:focus {
            opacity: .9; }
      .mobileFooter__navigation {
        background: #212121; }
        .mobileFooter__navigation ul {
          margin: 0;
          padding: 0; }
          .mobileFooter__navigation ul li {
            margin: 0;
            padding: 0;
            display: block; }
            .mobileFooter__navigation ul li a {
              display: block; }
        .mobileFooter__navigation > ul > li {
          border-bottom: 1px solid #424242; }
          .mobileFooter__navigation > ul > li > a {
            position: relative;
            font-weight: 500;
            font-size: 18px;
            color: #fff;
            line-height: 16px;
            text-decoration: none;
            padding: 20px 45px 24px 77px; }
            .mobileFooter__navigation > ul > li > a:before {
              content: "\63"; }
            .mobileFooter__navigation > ul > li > a:before {
              font-family: "vaprio-tv" !important;
              font-style: normal !important;
              font-weight: normal !important;
              font-variant: normal !important;
              text-transform: none !important;
              speak: none;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale;
              position: absolute;
              top: 50%;
              right: 20px;
              width: 11px;
              height: 19px;
              -webkit-transform: translateY(-50%);
                 -moz-transform: translateY(-50%);
                   -o-transform: translateY(-50%);
                      transform: translateY(-50%);
              -webkit-transition: -webkit-transform 250ms ease-in-out;
              transition: -webkit-transform 250ms ease-in-out;
              -o-transition: -o-transform 250ms ease-in-out;
              -moz-transition: transform 250ms ease-in-out, -moz-transform 250ms ease-in-out;
              transition: transform 250ms ease-in-out;
              transition: transform 250ms ease-in-out, -webkit-transform 250ms ease-in-out, -moz-transform 250ms ease-in-out, -o-transform 250ms ease-in-out;
              color: #666; }
            .mobileFooter__navigation > ul > li > a i {
              position: absolute;
              top: 50%;
              left: 30px;
              -webkit-transform: translateY(-50%);
                 -moz-transform: translateY(-50%);
                   -o-transform: translateY(-50%);
                      transform: translateY(-50%);
              font-size: 20px;
              -webkit-transition: color 250ms ease-in-out;
              -o-transition: color 250ms ease-in-out;
              -moz-transition: color 250ms ease-in-out;
              transition: color 250ms ease-in-out;
              color: #95C11F; }
            .mobileFooter__navigation > ul > li > a:hover, .mobileFooter__navigation > ul > li > a:focus {
              color: #95C11F; }
              .mobileFooter__navigation > ul > li > a:hover i, .mobileFooter__navigation > ul > li > a:focus i {
                color: #669900; }
          .mobileFooter__navigation > ul > li.hasSub > a:before {
            -webkit-transform: translateY(-50%) rotate(90deg);
               -moz-transform: translateY(-50%) rotate(90deg);
                 -o-transform: translateY(-50%) rotate(90deg);
                    transform: translateY(-50%) rotate(90deg); }
          .mobileFooter__navigation > ul > li.hasSub.active {
            background: #000; }
            .mobileFooter__navigation > ul > li.hasSub.active > a {
              background: #000;
              color: #fff; }
              .mobileFooter__navigation > ul > li.hasSub.active > a svg path {
                fill: #fff; }
              .mobileFooter__navigation > ul > li.hasSub.active > a:before {
                -webkit-transform: translateY(-50%) rotate(-90deg);
                   -moz-transform: translateY(-50%) rotate(-90deg);
                     -o-transform: translateY(-50%) rotate(-90deg);
                        transform: translateY(-50%) rotate(-90deg); }
          .mobileFooter__navigation > ul > li:last-child {
            border-bottom: none; }
          .mobileFooter__navigation > ul > li > ul {
            display: none;
            padding-bottom: 15px; }
            .mobileFooter__navigation > ul > li > ul > li > a {
              position: relative;
              display: -webkit-box;
              display: -webkit-flex;
              display: -moz-box;
              display: flex;
              -webkit-box-align: center;
              -webkit-align-items: center;
                 -moz-box-align: center;
                      align-items: center;
              -webkit-box-pack: start;
              -webkit-justify-content: flex-start;
                 -moz-box-pack: start;
                      justify-content: flex-start;
              height: 48px;
              padding-left: 80px;
              font-weight: 500;
              font-size: 16px;
              color: #95C11F;
              line-height: 16px;
              text-decoration: none;
              -webkit-transition: color 250ms ease-in-out;
              -o-transition: color 250ms ease-in-out;
              -moz-transition: color 250ms ease-in-out;
              transition: color 250ms ease-in-out; }
              .mobileFooter__navigation > ul > li > ul > li > a:hover, .mobileFooter__navigation > ul > li > ul > li > a:focus {
                background: #191919;
                color: #fff; }
      .mobileFooter__newsletter {
        padding: 30px 20px; }
        .mobileFooter__newsletter-messages {
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: flex;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
             -moz-box-pack: center;
                  justify-content: center; }
        .mobileFooter__newsletter-message {
          color: #fff;
          font-size: 12px;
          font-weight: 500;
          line-height: 22px;
          padding-left: 32px;
          position: relative;
          margin-top: 14px; }
          .mobileFooter__newsletter-message i {
            font-size: 22px;
            position: absolute;
            top: 0;
            left: 0; }
            .mobileFooter__newsletter-message i:before {
              display: block; }
          .mobileFooter__newsletter-message.col-1 {
            color: #95C11F; }
          .mobileFooter__newsletter-message.col-2 {
            color: #FF0000; }
          .mobileFooter__newsletter-message.col-3 {
            color: #0077E7; }
      .mobileFooter__contact ul {
        margin: 0;
        padding: 0; }
        .mobileFooter__contact ul li {
          margin: 0;
          padding: 0;
          display: inline-block; }
          .mobileFooter__contact ul li a {
            display: block; }
      .mobileFooter__contact ul {
        text-align: center; }
        .mobileFooter__contact ul li {
          margin: 0 10px; }
          .mobileFooter__contact ul li a {
            text-decoration: none; }
            .mobileFooter__contact ul li a svg {
              width: 40px; } }
          @media screen and (max-width: 767px) and (min-width: 375px) {
            .mobileFooter__contact ul li a svg {
              width: 48px; } }
  @media screen and (max-width: 767px) {
              .mobileFooter__contact ul li a svg path {
                -webkit-transition: fill 250ms ease-in-out;
                -o-transition: fill 250ms ease-in-out;
                -moz-transition: fill 250ms ease-in-out;
                transition: fill 250ms ease-in-out; }
            .mobileFooter__contact ul li a:hover svg path, .mobileFooter__contact ul li a:focus svg path {
              fill: #669900; }
      .mobileFooter__info {
        padding: 26px 0 30px 0;
        text-align: center;
        color: #fff;
        font-weight: 500;
        line-height: 26px; }
        .mobileFooter__info p {
          margin: 0; } }

.desktopFooter {
  display: none; }
  @media screen and (min-width: 768px) {
    .desktopFooter {
      display: block; } }
  @media screen and (min-width: 768px) and (min-width: 1700px) {
    .desktopFooter .container {
      max-width: 1680px; } }
  @media screen and (min-width: 768px) {
      .desktopFooter-top {
        background: #000;
        padding: 60px 0 0; } }
    @media screen and (min-width: 768px) and (min-width: 1700px) {
      .desktopFooter-top {
        padding-bottom: 60px; } }
  @media screen and (min-width: 768px) {
        .desktopFooter-top > .container {
          display: -ms-grid;
          display: grid;
          -ms-grid-columns: 1fr 60px 1fr;
          grid-template-columns: 1fr 1fr;
          grid-column-gap: 60px;
          grid-row-gap: 60px;
          -ms-grid-rows: auto 60px auto;
              grid-template-areas: "contact info" "shops shops"; } }
      @media screen and (min-width: 768px) and (min-width: 1250px) {
        .desktopFooter-top > .container {
          -ms-grid-columns: 2fr 1fr;
          grid-template-columns: 2fr 1fr;
          -ms-grid-rows: auto 1fr;
          grid-template-rows: auto 1fr;
              grid-template-areas: "shops contact" "shops info"; } }
      @media screen and (min-width: 768px) and (min-width: 1700px) {
        .desktopFooter-top > .container {
          -ms-grid-columns: 2fr 1fr 1fr;
          grid-template-columns: 2fr 1fr 1fr;
          -ms-grid-rows: auto;
          grid-template-rows: auto;
          grid-row-gap: 0;
              grid-template-areas: "shops contact info"; } }
  @media screen and (min-width: 768px) {
      .desktopFooter-bottom {
        padding: 20px 0;
        background: #292929;
        font-weight: 500;
        font-size: 14px;
        color: #666; }
        .desktopFooter-bottom a {
          color: #666;
          text-decoration: underline; }
          .desktopFooter-bottom a:hover, .desktopFooter-bottom a:focus {
            color: #95C11F;
            text-decoration: none; }
      .desktopFooter__box-header {
        padding-bottom: 15px;
        border-bottom: 2px solid #95C11F; }
        .desktopFooter__box-header__title {
          margin: 0;
          padding: 0;
          font-weight: 700;
          font-size: 24px;
          color: #fff;
          line-height: 27px; }
      .desktopFooter__box-body {
        padding-top: 30px; }
      .desktopFooter__box--contacts {
        grid-area: contact; }
      .desktopFooter__box--info {
        grid-area: info; }
      .desktopFooter__box--shops {
        grid-area: shops; }
      .desktopFooter__company {
        font-weight: 500;
        font-size: 16px;
        color: #95C11F;
        line-height: 28px;
        padding: 0 0 30px; }
      .desktopFooter__list ul {
        margin: 0;
        padding: 0; }
        .desktopFooter__list ul li {
          margin: 0;
          padding: 0;
          display: block; }
          .desktopFooter__list ul li a {
            display: block; }
      .desktopFooter__list ul li {
        margin-bottom: 10px; }
        .desktopFooter__list ul li:last-child {
          margin-bottom: 0; }
        .desktopFooter__list ul li a {
          font-weight: 500;
          font-size: 16px;
          color: #fff;
          line-height: 28px;
          text-decoration: none;
          position: relative; }
          .desktopFooter__list ul li a:hover, .desktopFooter__list ul li a:focus {
            color: #95C11F;
            text-decoration: underline; }
      .desktopFooter__list--withIcons ul li a {
        padding-left: 30px; }
        .desktopFooter__list--withIcons ul li a svg {
          position: absolute;
          top: 50%;
          left: 0;
          -webkit-transform: translateY(-50%);
             -moz-transform: translateY(-50%);
               -o-transform: translateY(-50%);
                  transform: translateY(-50%); }
        .desktopFooter__list--withIcons ul li a:hover svg path, .desktopFooter__list--withIcons ul li a:focus svg path {
          fill: #669900; }
      .desktopFooter__list--withArrows ul li a {
        padding-left: 30px; }
        .desktopFooter__list--withArrows ul li a:before {
          content: "\64"; }
        .desktopFooter__list--withArrows ul li a:before {
          position: absolute;
          top: 50%;
          left: 0;
          width: 9px;
          height: 14px;
          font-size: 14px;
          line-height: 1;
          -webkit-transform: translateY(-50%);
             -moz-transform: translateY(-50%);
               -o-transform: translateY(-50%);
                  transform: translateY(-50%);
          font-family: "vaprio-tv" !important;
          font-style: normal !important;
          font-weight: normal !important;
          font-variant: normal !important;
          text-transform: none !important;
          speak: none;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          color: #95C11F; }
        .desktopFooter__list--withArrows ul li a:hover:before, .desktopFooter__list--withArrows ul li a:focus:before {
          color: #669900; }
      .desktopFooter__newsletter {
        border-top: 1px solid #333;
        padding-top: 30px;
        margin-top: 30px; }
        .desktopFooter__newsletter-header label.desktopFooter__newsletter-header__title, .desktopFooter__newsletter-header__title {
          margin: 0;
          padding: 0;
          font-weight: 500;
          font-size: 16px;
          color: #95C11F;
          line-height: 28px;
          cursor: pointer; }
          .desktopFooter__newsletter-header label.desktopFooter__newsletter-header__title:hover, .desktopFooter__newsletter-header label.desktopFooter__newsletter-header__title:focus, .desktopFooter__newsletter-header__title:hover, .desktopFooter__newsletter-header__title:focus {
            color: #669900; }
        .desktopFooter__newsletter-body {
          margin-top: 20px; }
          .desktopFooter__newsletter-body .form-group {
            margin: 0; }
          .desktopFooter__newsletter-body .help-block {
            color: #fff; }
        .desktopFooter__newsletter-message {
          color: #fff;
          font-size: 12px;
          font-weight: 500;
          line-height: 22px;
          padding-left: 32px;
          position: relative;
          margin-top: 14px; }
          .desktopFooter__newsletter-message i {
            font-size: 22px;
            position: absolute;
            top: 0;
            left: 0; }
            .desktopFooter__newsletter-message i:before {
              display: block; }
          .desktopFooter__newsletter-message.col-1 {
            color: #95C11F; }
          .desktopFooter__newsletter-message.col-2 {
            color: #FF0000; }
          .desktopFooter__newsletter-message.col-3 {
            color: #0077E7; }
      .desktopFooter__shops {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 60px;
        margin-top: -5px; }
        .desktopFooter__shops ul {
          margin: 0;
          padding: 0; }
          .desktopFooter__shops ul li {
            margin: 0;
            padding: 0;
            display: block; }
            .desktopFooter__shops ul li a {
              display: block; }
        .desktopFooter__shops ul li {
          margin-bottom: 5px; }
          .desktopFooter__shops ul li a {
            position: relative;
            padding: 5px 28px 5px 0;
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: flex;
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
               -moz-box-pack: justify;
                    justify-content: space-between;
            font-weight: 500;
            font-size: 16px;
            color: #fff;
            line-height: 28px;
            text-decoration: none; }
            .desktopFooter__shops ul li a:after {
              content: '';
              position: absolute;
              top: 50%;
              right: 0;
              width: 8px;
              height: 8px;
              -webkit-transform: translateY(-50%);
                 -moz-transform: translateY(-50%);
                   -o-transform: translateY(-50%);
                      transform: translateY(-50%);
              background: #95C11F;
              -webkit-border-radius: 50%;
                 -moz-border-radius: 50%;
                      border-radius: 50%; }
            .desktopFooter__shops ul li a span {
              font-size: 14px;
              color: #666666;
              text-align: right; }
            .desktopFooter__shops ul li a:hover, .desktopFooter__shops ul li a:hover span, .desktopFooter__shops ul li a:focus, .desktopFooter__shops ul li a:focus span {
              color: #95C11F; }
          .desktopFooter__shops ul li.closed a:after {
            background: #FF0000; }
          .desktopFooter__shops ul li.closed:hover span, .desktopFooter__shops ul li.closed:focus span {
            color: #FF0000; }
      .desktopFooter__map {
        margin-top: 60px; } }
  @media screen and (min-width: 768px) {
        .desktopFooter__box--contacts {
    -ms-grid-row: 1;
    -ms-grid-column: 1; }
        .desktopFooter__box--info {
    -ms-grid-row: 1;
    -ms-grid-column: 3; }
        .desktopFooter__box--shops {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3; } }
  @media screen and (min-width: 768px) and (min-width: 1250px) {
        .desktopFooter__box--contacts {
    -ms-grid-row: 1;
    -ms-grid-column: 2; }
        .desktopFooter__box--info {
    -ms-grid-row: 2;
    -ms-grid-column: 2; }
        .desktopFooter__box--shops {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1; } }
  @media screen and (min-width: 768px) and (min-width: 1700px) {
        .desktopFooter__box--contacts {
    -ms-grid-row: 1;
    -ms-grid-column: 2; }
        .desktopFooter__box--info {
    -ms-grid-row: 1;
    -ms-grid-column: 3; }
        .desktopFooter__box--shops {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1; } }

@media screen and (max-width: 991px) {
  .pageNavigation {
    position: fixed;
    top: 0;
    left: -300px;
    width: 300px;
    height: 100%;
    background: #292929;
    z-index: 9;
    -webkit-box-shadow: 15px 0 50px 0 rgba(0, 0, 0, 0);
       -moz-box-shadow: 15px 0 50px 0 rgba(0, 0, 0, 0);
            box-shadow: 15px 0 50px 0 rgba(0, 0, 0, 0);
    -webkit-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out; }
    .pageNavigation__header {
      position: absolute;
      top: 0;
      left: 0;
      height: 100px;
      width: 100%; }
      .pageNavigation__header-toggle {
        border: none;
        margin: 0;
        padding: 0;
        width: auto;
        overflow: visible;
        -webkit-border-radius: 0;
           -moz-border-radius: 0;
                border-radius: 0;
        background: transparent;
        /* inherit font & color from ancestor */
        color: inherit;
        font: inherit;
        /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
        line-height: normal;
        /* Corrects font smoothing for webkit */
        -webkit-font-smoothing: inherit;
        -moz-osx-font-smoothing: inherit;
        /* Corrects inability to style clickable `input` types in iOS */
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        /* Remove excess padding and border in Firefox 4+ */
        position: absolute;
        top: 29px;
        left: 25px;
        width: 40px;
        height: 29px; }
        .pageNavigation__header-toggle::-moz-focus-inner {
          border: 0;
          padding: 0; }
        .pageNavigation__header-toggle .line, .pageNavigation__header-toggle .line:before, .pageNavigation__header-toggle .line:after {
          position: absolute;
          left: 0;
          background: #95C11F;
          height: 3px;
          -webkit-border-radius: 3px;
             -moz-border-radius: 3px;
                  border-radius: 3px;
          -webkit-transition: all 250ms ease-in-out;
          -o-transition: all 250ms ease-in-out;
          -moz-transition: all 250ms ease-in-out;
          transition: all 250ms ease-in-out; }
        .pageNavigation__header-toggle .line {
          top: 50%;
          width: 25px;
          -webkit-transform: translateY(-50%);
             -moz-transform: translateY(-50%);
               -o-transform: translateY(-50%);
                  transform: translateY(-50%);
          background: transparent; }
        .pageNavigation__header-toggle .line:before {
          content: '';
          width: 40px;
          -webkit-transform: rotate(-45deg);
             -moz-transform: rotate(-45deg);
               -o-transform: rotate(-45deg);
                  transform: rotate(-45deg); }
        .pageNavigation__header-toggle .line:after {
          content: '';
          width: 40px;
          -webkit-transform: rotate(45deg);
             -moz-transform: rotate(45deg);
               -o-transform: rotate(45deg);
                  transform: rotate(45deg); }
        .pageNavigation__header-toggle:hover .line:before, .pageNavigation__header-toggle:hover .line:after {
          background: #669900; }
      .pageNavigation__header-themeSwitch {
        position: absolute;
        top: 30px;
        right: 20px; }
    .pageNavigation__in {
      position: absolute;
      left: 0;
      bottom: 0;
      height: -webkit-calc(100% - 100px);
      height: -moz-calc(100% - 100px);
      height: calc(100% - 100px);
      width: 100%;
      overflow-y: auto;
      background: #292929; }
    .pageNavigation__body {
      background: #212121; }
      .pageNavigation__body ul {
        margin: 0;
        padding: 0; }
        .pageNavigation__body ul li {
          margin: 0;
          padding: 0;
          display: block; }
          .pageNavigation__body ul li a {
            display: block; }
      .pageNavigation__body > ul > li {
        border-bottom: 1px solid #424242;
        -webkit-transition: background 250ms ease-in-out;
        -o-transition: background 250ms ease-in-out;
        -moz-transition: background 250ms ease-in-out;
        transition: background 250ms ease-in-out; }
        .pageNavigation__body > ul > li > a {
          position: relative;
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
             -moz-box-align: center;
                  align-items: center;
          -webkit-box-pack: start;
          -webkit-justify-content: flex-start;
             -moz-box-pack: start;
                  justify-content: flex-start;
          height: 60px;
          padding-left: 80px;
          font-weight: 500;
          font-size: 18px;
          color: #fff;
          line-height: 18px;
          text-decoration: none;
          -webkit-transition: color 250ms ease-in-out;
          -o-transition: color 250ms ease-in-out;
          -moz-transition: color 250ms ease-in-out;
          transition: color 250ms ease-in-out; }
          .pageNavigation__body > ul > li > a:before {
            content: "\63"; }
          .pageNavigation__body > ul > li > a i {
            position: absolute;
            top: 50%;
            left: 30px;
            -webkit-transform: translateY(-50%);
               -moz-transform: translateY(-50%);
                 -o-transform: translateY(-50%);
                    transform: translateY(-50%);
            font-size: 20px;
            color: #95C11F; }
          .pageNavigation__body > ul > li > a:before {
            position: absolute;
            top: 50%;
            right: 20px;
            width: 11px;
            height: 19px;
            -webkit-transform: translateY(-50%) rotate(0deg);
               -moz-transform: translateY(-50%) rotate(0deg);
                 -o-transform: translateY(-50%) rotate(0deg);
                    transform: translateY(-50%) rotate(0deg);
            -webkit-transition: -webkit-transform 250ms ease-in-out;
            transition: -webkit-transform 250ms ease-in-out;
            -o-transition: -o-transform 250ms ease-in-out;
            -moz-transition: transform 250ms ease-in-out, -moz-transform 250ms ease-in-out;
            transition: transform 250ms ease-in-out;
            transition: transform 250ms ease-in-out, -webkit-transform 250ms ease-in-out, -moz-transform 250ms ease-in-out, -o-transform 250ms ease-in-out;
            font-family: "vaprio-tv" !important;
            font-style: normal !important;
            font-weight: normal !important;
            font-variant: normal !important;
            text-transform: none !important;
            speak: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            color: #666; }
          .pageNavigation__body > ul > li > a:hover, .pageNavigation__body > ul > li > a:focus {
            color: #95C11F;
            background: #333333; }
        .pageNavigation__body > ul > li.hasSub > a:before {
          -webkit-transform: translateY(-50%) rotate(90deg);
             -moz-transform: translateY(-50%) rotate(90deg);
               -o-transform: translateY(-50%) rotate(90deg);
                  transform: translateY(-50%) rotate(90deg); }
        .pageNavigation__body > ul > li.hasSub.active {
          background: #000; }
          .pageNavigation__body > ul > li.hasSub.active > a {
            background: #000;
            color: #fff; }
            .pageNavigation__body > ul > li.hasSub.active > a svg path {
              fill: #fff; }
            .pageNavigation__body > ul > li.hasSub.active > a:before {
              -webkit-transform: translateY(-50%) rotate(-90deg);
                 -moz-transform: translateY(-50%) rotate(-90deg);
                   -o-transform: translateY(-50%) rotate(-90deg);
                      transform: translateY(-50%) rotate(-90deg); }
        .pageNavigation__body > ul > li > ul {
          display: none;
          padding-bottom: 15px; }
          .pageNavigation__body > ul > li > ul > li > a {
            position: relative;
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
               -moz-box-align: center;
                    align-items: center;
            -webkit-box-pack: start;
            -webkit-justify-content: flex-start;
               -moz-box-pack: start;
                    justify-content: flex-start;
            height: 48px;
            padding-left: 80px;
            font-weight: 500;
            font-size: 16px;
            color: #95C11F;
            line-height: 16px;
            text-decoration: none;
            -webkit-transition: color 250ms ease-in-out;
            -o-transition: color 250ms ease-in-out;
            -moz-transition: color 250ms ease-in-out;
            transition: color 250ms ease-in-out; }
            .pageNavigation__body > ul > li > ul > li > a svg, .pageNavigation__body > ul > li > ul > li > a img {
              position: absolute;
              top: 50%;
              left: 20px;
              height: 40px;
              width: auto;
              -webkit-transform: translateY(-50%);
                 -moz-transform: translateY(-50%);
                   -o-transform: translateY(-50%);
                      transform: translateY(-50%); }
            .pageNavigation__body > ul > li > ul > li > a svg path {
              -webkit-transition: fill 250ms ease-in-out;
              -o-transition: fill 250ms ease-in-out;
              -moz-transition: fill 250ms ease-in-out;
              transition: fill 250ms ease-in-out; }
            .pageNavigation__body > ul > li > ul > li > a img {
              -webkit-transition: all 250ms ease-in-out;
              -o-transition: all 250ms ease-in-out;
              -moz-transition: all 250ms ease-in-out;
              transition: all 250ms ease-in-out; }
            .pageNavigation__body > ul > li > ul > li > a:hover, .pageNavigation__body > ul > li > ul > li > a:focus {
              background: #191919;
              color: #fff; }
              .pageNavigation__body > ul > li > ul > li > a:hover svg path, .pageNavigation__body > ul > li > ul > li > a:focus svg path {
                fill: #fff; }
    .pageNavigation__overlay {
      position: fixed;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100%;
      background: rgba(0, 0, 0, 0.3);
      z-index: 8;
      display: none; }
    body.active__pageNavigation .pageNavigation {
      -webkit-transform: translateX(300px);
         -moz-transform: translateX(300px);
           -o-transform: translateX(300px);
              transform: translateX(300px);
      -webkit-box-shadow: 15px 0 50px 0 rgba(0, 0, 0, 0.75);
         -moz-box-shadow: 15px 0 50px 0 rgba(0, 0, 0, 0.75);
              box-shadow: 15px 0 50px 0 rgba(0, 0, 0, 0.75); }
  body.active__pageNavigation {
    overflow-y: hidden; } }

@media screen and (min-width: 992px) {
  .pageNavigation__header, .pageNavigation__overlay {
    display: none; }
  .pageNavigation__body {
    position: absolute;
    top: 0;
    right: 290px; } }
  @media screen and (min-width: 992px) and (min-width: 1250px) {
    .pageNavigation__body {
      right: 450px; } }

@media screen and (min-width: 992px) {
    .pageNavigation__body ul {
      margin: 0;
      padding: 0; }
      .pageNavigation__body ul li {
        margin: 0;
        padding: 0;
        display: inline-block; }
        .pageNavigation__body ul li a {
          display: block; }
    .pageNavigation__body > ul > li > a {
      position: relative; }
      .pageNavigation__body > ul > li > a:hover, .pageNavigation__body > ul > li > a:focus {
        color: #95C11F;
        background: #333333; } }
  @media screen and (min-width: 992px) and (min-width: 1100px) {
    .pageNavigation__body > ul > li:not(.eshop) {
      padding: 0 5px; } }

@media screen and (min-width: 992px) {
    .pageNavigation__body > ul > li:not(.eshop) > a {
      padding: 0 15px;
      line-height: 70px;
      font-weight: 500;
      font-size: 16px;
      color: #fff;
      text-decoration: none;
      -webkit-transition: color 250ms ease-in-out;
      -o-transition: color 250ms ease-in-out;
      -moz-transition: color 250ms ease-in-out;
      transition: color 250ms ease-in-out; }
      .pageNavigation__body > ul > li:not(.eshop) > a:hover, .pageNavigation__body > ul > li:not(.eshop) > a:focus {
        text-decoration: none;
        color: #95C11F;
        background: transparent; }
    .pageNavigation__body > ul > li:not(.eshop) i {
      display: none; }
    .pageNavigation__body > ul > li:not(.eshop).active > a {
      color: #95C11F;
      position: relative; }
      .pageNavigation__body > ul > li:not(.eshop).active > a:before {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        height: 5px;
        width: 100%;
        background: #95C11F; }
    .pageNavigation__body > ul > li.eshop {
      padding-left: 0; } }
    @media screen and (min-width: 992px) and (min-width: 1100px) {
      .pageNavigation__body > ul > li.eshop {
        padding-left: 30px; } }

@media screen and (min-width: 992px) {
      .pageNavigation__body > ul > li.eshop > a {
        position: relative;
        padding: 0 15px 0 50px;
        line-height: 70px;
        font-weight: 500;
        font-size: 16px;
        color: #fff;
        text-decoration: none;
        -webkit-transition: color 250ms ease-in-out;
        -o-transition: color 250ms ease-in-out;
        -moz-transition: color 250ms ease-in-out;
        transition: color 250ms ease-in-out; }
        .pageNavigation__body > ul > li.eshop > a i {
          position: absolute;
          top: 0;
          left: 10px;
          font-size: 22px;
          color: #999;
          -webkit-transition: color 250ms ease-in-out;
          -o-transition: color 250ms ease-in-out;
          -moz-transition: color 250ms ease-in-out;
          transition: color 250ms ease-in-out; }
          .pageNavigation__body > ul > li.eshop > a i:before {
            content: "\6c"; }
        .pageNavigation__body > ul > li.eshop > a:hover, .pageNavigation__body > ul > li.eshop > a:focus {
          color: #95C11F;
          text-decoration: none;
          background: transparent; }
          .pageNavigation__body > ul > li.eshop > a:hover i, .pageNavigation__body > ul > li.eshop > a:focus i {
            color: #95C11F; } }

.pageSubNavigation {
  width: 100%;
  background: #1A1A1A;
  padding: 20px 0; }
  .pageSubNavigation ul {
    margin: 0;
    padding: 0; }
    .pageSubNavigation ul li {
      margin: 0;
      padding: 0;
      display: inline-block; }
      .pageSubNavigation ul li a {
        display: block; }
  .pageSubNavigation .container {
    height: 100%; }
  @media screen and (min-width: 992px) {
    .pageSubNavigation__videoFilter {
      padding-right: 150px; } }
  .pageSubNavigation__videoFilter ul {
    width: 100%;
    margin: 0;
    gap: 18px 26px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
            flex-flow: row wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center; }
    @media screen and (min-width: 992px) {
      .pageSubNavigation__videoFilter ul {
        width: auto;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
           -moz-box-pack: start;
                justify-content: flex-start; } }
    .pageSubNavigation__videoFilter ul li a {
      font-size: 12px;
      font-weight: 700;
      color: #999;
      text-transform: uppercase;
      text-decoration: none;
      height: 30px;
      line-height: 30px; }
      .pageSubNavigation__videoFilter ul li a:hover, .pageSubNavigation__videoFilter ul li a:focus {
        text-decoration: none;
        color: #95C11F; }
    .pageSubNavigation__videoFilter ul li.active a {
      position: relative;
      color: #fff;
      z-index: 1;
      padding: 0 18px; }
      .pageSubNavigation__videoFilter ul li.active a:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #95C11F;
        z-index: -1;
        -webkit-border-radius: 15px;
           -moz-border-radius: 15px;
                border-radius: 15px; }
    .pageSubNavigation__videoFilter ul li:first-child.active {
      margin-left: 0; }
    .pageSubNavigation__videoFilter ul li:last-child.active {
      margin-right: 0; }
  .pageSubNavigation__themeSwitch {
    display: none; }
    @media screen and (min-width: 992px) {
      .pageSubNavigation__themeSwitch {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
           -moz-box-align: center;
                align-items: center;
        position: absolute;
        top: 0;
        right: 20px;
        height: 100%; } }

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